@charset "utf-8";
/*
 * 深圳市欣亿泰科技有限公司
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2026-08-03
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*@import url("iconfont/iconfont.css");*/
/*头部*/
.mt90{margin-top: 90px;}
.header {width:100%; position: fixed; height: 100px;left:0;top: 0; z-index:9999;transition:all ease .5s;}
.top-wrapper { width:100%;padding:0 10%;box-sizing:border-box; position: relative;}
.logobox {width: 100%;float: left;position: relative;display: flex;justify-content: space-between}
.logobox .logo { float: left; padding: 10px 0;position:relative;box-sizing:border-box;flex:0 0 110px;transition:all ease .5s;}
.logobox .logo img{ width: auto;height:80px;transition:all ease .5s;}
.logobox .logo .logo1{display:none;transition:all ease .5s;}
.logobox .logo .logo2{display:inline-block;transition:all ease .5s;opacity: .85}
.logobox .logo-text{flex:0 0 170px;color:#666; float: left; font-size: 16px;padding-left:15px; padding-top: 25px;line-height: 1.5em; color: #fff;opacity: .8}
.logobox .logo-text p{ width: 100%;float: left;white-space: nowrap; }

.logo-right { float:right;flex:0 0 200px;box-sizing:border-box;position: relative; z-index: 10;box-sizing:border-box;padding-top:32px;transition:all ease .5s;}
.logo-right .zixun {display:inline-block;}
.logo-right .zixun span{ width: 100%; float: left; line-height: 32px;text-align: center; background-color:#3073f5; color: #fff; border-radius: 3px; padding:0 10px;background-image: linear-gradient(to right,#3073f5,#0343bf)}
.logo-right .zixun span i{ opacity: .6;padding-right: 5px; }
.logo-right .zixun span em{font-style:normal;}
.logo-right .zixun span a{ color: #fff; }
.logo-right .zixun:hover span{background-image: linear-gradient(to right,#0343bf,#0343bf)}

.topfixed{background-color:rgba(255,255,255,.95);height: 80px;transition:all ease .5s; box-shadow:0 0 15px rgba(0,0,0,.1);}
.topfixed .logobox .logo {flex:0 0 100px;padding:5px 0;transition:all ease .5s;}
.topfixed .logobox .logo img{ width: auto;height:70px;transition:all ease .5s;}
.topfixed .logobox .logo .logo1{display:inline-block;transition:all ease .5s;}
.topfixed .logobox .logo .logo2{display:none;transition:all ease .5s;}
.topfixed .logobox .logo-text{color: #666; padding-top: 15px;transition:all ease .5s;}
.topfixed .logo-right{padding-top: 25px;transition:all ease .5s;}

.so{display: inline-block;padding:0 10px;position: relative;}
.so .sopic{ width:35px;height:35px;background-color:rgba(48,115,245,.6); border-radius:50%; float: left; text-align: center;color: #fff; cursor: pointer;line-height:35px}
.so .sobox{ width:200px; float: left;line-height: 35px;height: 35px;background-color:rgba(48,115,245,.75);border-radius:2px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; position: absolute;top: 55px;right:0;display:none;}
.so .sobox .input{ width: 165px; padding-left: 15px;box-sizing:border-box; outline: none;border:none;background:none;line-height: 35px;float: left;color: #fff;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.so .sobox .button { width: 35px; line-height: 35px;height: 35px;background:none; border:none; color: #fff;float: left; cursor: pointer;}
.so input::-webkit-input-placeholder {color: #fff;  }  
.so input:-moz-placeholder {color: #fff;}  
.so input::-moz-placeholder {color: #fff;}  
.so input:-ms-input-placeholder {color: #fff;}  
.topfixed .so .sopic{}
.so .sopic:hover{background-color:rgba(48,115,245,.95);}

.imenu { float: right; margin-top:3px; margin-right: 0px; display: none;position: relative;}
.imenu .dh{width: 25px; cursor: pointer;}
.imenu .menuline{ width: 25px;height: 3px;background-color:#fff;float: left;border-radius:3px;}
.imenu .l1{margin-top: 3px;}
.imenu .l2{margin-top: 5px;}
.imenu .l3{margin-top: 5px;}
.topfixed .menuline{ background-color: #333; }
@media screen and (max-width:1650px){
    .top-wrapper{padding:0 5%;}
}
@media screen and (max-width:1500px){
    .top-wrapper{padding:0 20px;}
    .logo {left: 50px;}
    .so {right: 20px;}
    .so .sobox{ width: 200px;}
    .so .input{ width: 110px;}
}
@media screen and (max-width:1400px){
    .top-wrapper{ padding:0 10px;}
    .logo {left: 10px;}
    .logo-right{ padding-right: 10px; padding-left:10px;flex:0 0 60px;}
	.logo-right .zixun{ display: none; }
	.logo-right .zixun span em{display:none;}
	.logo-right .zixun span i{ opacity: 1;padding-right: 0px; }
	.nav{width: 100%;box-sizing:border-box;}
}
@media screen and (max-width:1200px){
    .logo{ padding-left: 10px; width: 200px;padding-top: 15px;}
    .logobox .logo-text{ display: none; }
}

@media screen and (max-width:900px){
    .top-wrapper{ padding:0 0px;}
	.header {height: 60px;}
	.logobox .logo{ width: 180px;padding-top:2px; padding-left:0px;}
    .logobox .logo img{height: 56px;}
    .topfixed .logobox .logo {flex:0 0 80px;}
    .topfixed .logobox .logo img{height:50px;}
    .logo-right {padding-top:0;flex:0 0 100px;padding-left:0px;}
    .nav{display: none;}
    .topfixed .logo-right{padding-top: 0;}
	.so {top: 10px;float: left;right: 0;}
    .so .sobox{ top: 45px; }
	.imenu{display: inline-block;top: 12px;float: right;}
}
.nav { position: relative;width: 100%;float: left;position: relative; display: flex;text-align:center;justify-content: center;}
.nav li {line-height:100px; text-align:center; font-size:16px; position:relative;}
.nav li a { color:#fff; text-decoration:none; display:block;padding:0 20px;}
.nav li a i{transition: all 0.5s ease;position: relative;margin-left:3px; opacity: .6;display: inline-block;position: absolute;font-size:10px;}
.nav li em{ width: 0px;height:4px;background-color:#0343bf; position: absolute;left:50%;bottom:0px;margin-left:-0px;border-radius: 3px;transition: all 0.5s ease;}
.nav li a:hover {color: #6697f6;}
.nav li.on a:hover {color: #6697f6;}
.nav li:hover,.nav li.on {color: #6697f6;}
.nav li:hover a { color: #6697f6; }
.nav li:hover a i{transition: transform 0.5s ease;transform: rotate(-180deg);}
.nav li:hover em,.nav li.on em{ width: 60px;margin-left: -30px;transition: all 0.5s ease;}

.nav dl { width:130%; font-size:13px;position:absolute;top:100px; left:0px; background-color:rgba(255,255,255,.95);box-shadow:0 0 10px rgba(0,0,0,.1);border-radius: 3px;}
.nav dl dd {line-height:45px; border-bottom: 1px solid #f5f5f5; }
.nav dl dd a { color:#333; padding:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav dl dd a:hover { color:#FFFFFF; background-color: #3073f5; }
.nav li:hover dl dd a{ color: #333; }
.nav li:hover dl dd a:hover{ color: #fff; }
.nav li:nth-last-child(1){border-bottom:none;}
.topfixed .nav li {line-height:80px;}
.topfixed .nav li a { color:#222;}
.topfixed .nav dl{top:80px;}

.nav_wap{ display: none;height:2.5em; line-height:2.5em; width: 100%; position:relative; background-color: #e50044;font-size:1rem;}
.nav_wap li { float:left; width: 20%; text-align:center; font-size:.9rem; position:relative; border-left:solid 1px #156ee4; border-right: solid 1px #408ffa; box-sizing:border-box;}
.nav_wap li a{ color: #fff; }
@media screen and (max-width:1400px){
    .nav li a {padding:0 15px;}
}
@media screen and (max-width:1200px){
	.nav li{ width: 14%; text-align: center; font-size:14px;}
    .nav li a{ padding: 0; }
}
@media screen and (max-width:900px){
	.nav{ display: none; }
	.nav_wap{display: block;}
}
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 0;height: 0;top: 0;right: 0;background-color:rgba(255,255,255,.98);z-index: 999998;transform-origin: top right; transform: scale(0); border-radius: 0 0 0 200vh;transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); box-sizing: border-box;}
.overlay.active {width: 200vw;height: 150vh;border-radius: 0 0 0 250vh;  transform: scale(1); padding-left:100vw;}
.nav_close{ position: absolute; top:18px; right: 18px;z-index: 99999;}
.nav_close img{ width: 35px; height: 35px; }
.navbox_logo{ width:100%; }
.navbox_logo span{ width:100%; float: left; }
.navbox_logo span img{ width: 100%; height: auto }
.navbox_contact{ width: 100%; position: relative;; margin-top:1em; padding:0 20px;box-sizing: border-box; }
.nav_tel{ width:100%; height:55px; float:left; color:#fff; background-color:#3073f5; text-align:center;border-radius:35px; font-size:15px; line-height:55px;}
.nav_tel i{color: #fff;font-size: 18px;margin-right: 10px;}
.nav_tel a{color: #fff;}

.navbox{position:relative; left:0; top:0px; z-index: 99;padding:0;overflow-y: hidden;height: 100%; padding:20px;transition: all .5s;}
.nav2{position:relative; float: right; margin:1em 0; width: 100%;}
.nav2 li{float:left;width: 100%;position: relative;margin:5px 0; border-bottom: solid 1px rgba(0,0,0,.05);}
.nav2 li .pname{ width: 100%;float: left;line-height: 45px; font-size: 16px;}
.nav2 li .pname a{ color: #222;}
.nav2 li .pname i{ font-size: 12px;color: #999;margin-right: 0px;float: right;transform: rotate(0deg);margin-top:5px;transition:all ease 0.5s;}
.nav2 li .pname em{ font-size: 15px;color: #222;margin-right: 2px;opacity: .8; }
.nav2 li .sub{ width: 100%;float: left; position: relative;display: none;margin-bottom:10px;}
.nav2 li .sub span{width: 33.3%; box-sizing: border-box; float: left;padding:3px;}
.nav2 li .sub span a{ color: #222;border:solid 1px rgba(0,0,0,.1);line-height: 35px;text-align:center;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: .8;}
.nav2 li.on .sub{display: block;}
.nav2 li.on .pname i{transform: rotate(90deg); transition:all ease 0.5s;}

/*banner*/
.banner { position: relative; width: 100%; overflow: hidden;z-index:9;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; float: left;}
.banner .swiper-container { width: 100%; height: 100%; color: #fff; }
.banner .swiper-slide {position: relative;overflow: hidden;transform: translate3d(0, 0, 0); will-change: transform;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.banner .swiper-pagination-bullet { width: 15px;height: 15px;border:solid 2px #fff; border-radius:10px; background-color: transparent; opacity: 1;box-sizing:border-box; background-color: #fff;}
.banner .swiper-img{ width: 100%;height: 100%; background-size: cover; background-repeat: no-repeat;background-position: center;}
.banner .swiper-img img {width: 100%;height: auto;object-fit: cover;object-position: center;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges; transform: translateZ(0);will-change: transform;backface-visibility: hidden;-webkit-backface-visibility: hidden;transform-style: preserve-3d;}
.banner a.prev_btn,.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -20px;width:40px;height:40px;opacity: 0.8;filter: alpha(opacity=80);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;border-radius: 50%;color: #0066cb; line-height: 40px; text-align: center; background-repeat: no-repeat; background-position: center;}
.banner a.prev_btn:hover,.banner a.next_btn:hover {opacity:1;filter: alpha(opacity=100);}
.banner a.prev_btn { left: 50px; background-image: url('../images/arrow-left2.png')}
.banner a.next_btn { right: 50px;background-image: url('../images/arrow-right2.png')}
.banner a i{ font-size: 18px; }
.banner .banbtns{ position:absolute; bottom:0; left: 0; width: 100%;z-index: 9991}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#0343bf;border:solid 2px #0343bf;width: 32px;transition:all ease .5s;}

@media screen and (max-width:900px){
    .banner{box-sizing:border-box;z-index: 980;overflow: hidden;}
    .banner_scale,.swiper-img{overflow: hidden;}
    .banner .swiper-pagination {bottom: 5px !important;}
    .banner .swiper-pagination-bullet { width: 10px;height: 10px;}
}
@media screen and (max-width:600px){
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}
.banner_scale{height: 100%;-webkit-animation: mymove 7s;-o-animation:mymove 7s;animation: mymove 7s;}
@keyframes mymove{
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-o-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}
@-webkit-keyframes mymove{ /*Safari and Chrome*/
    from {transform: scale(1.08);}
    to {transform: scale(1.0);}
}

/*常用css*/
.main { float: left; width: 100%; position: relative; }
.mainbox { float: left; width: 100%; position: relative;padding:45px 0;}
.main2 {width: 100%; position: relative;padding: 25px 0; }
.main1 { background-color: #f3f7fa; width: 100%; padding: 45px 0; position: relative; }

.title { width: 100%; padding: 20px 0 10px 0;float: left; position: relative;}
.title h2{ font-size: 38px; line-height: 40px; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .tit{ font-size: 38px; line-height: 40px; color: #333; text-align: center;width: 100%; font-weight: bold;float: left; position: relative; margin-top: 15px;}
.title .desc { line-height: 30px; color: #333; text-align: center; width: 100%; font-size: 16px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;opacity: .6;}
.title .desc2 { line-height: 30px; color: #333; text-align: center; width: 100%; font-size: 18px; padding-top: 20px; text-transform: uppercase;float: left; position: relative;opacity: .6;}
.title .enbg{ width: 100%; position: absolute; font-size:100px; text-align:center; text-transform: uppercase; color: rgba(0,0,0,.03);z-index: -1; font-weight:900; top: 5px;left: 0}
.title2 { width: 100%; padding: 20px 0 10px 0;float: left; position: relative;}
.title2 .tit{ font-size: 38px; line-height: 40px; color: #fff; text-align: center;width: 100%;float: left; position: relative; margin-top: 15px;margin-bottom: 10px;z-index: 2;font-weight: bold;}
.title2 .desc { line-height: 30px; color: #999; text-align: center;width: 100%; font-size: 16px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;z-index: 2;}
.title2 .enbg{ width: 100%; position: absolute; font-size:100px; text-align:center; text-transform: uppercase; color: rgba(255,255,255,.03);z-index:0; font-weight:900; top: 5px;left: 0}
.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}

@media screen and (max-width:1200px){
	.title{padding:15px 10px; box-sizing: border-box;}
}
@media screen and (max-width:900px){
	.title{padding:10px; box-sizing: border-box;}
	.title .tit{ font-size: 28px; line-height: 1.5em; margin-top: 5px;}
    .title h2{ font-size: 24px; line-height: 2em;margin-top:0;}
	.title .desc { line-height: 1.8em; color: #999999; text-align: center;width: 100%; font-size: 13px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;padding:0 15px;box-sizing: border-box;}
    .title .desc2 { line-height:1.6em;font-size: 15px;}
	.title .enbg{ width: 100%; position: absolute; font-size:50px; white-space: nowrap; overflow: hidden}
	.main1 {padding: 15px 0;}
	.title2 { width: 100%; padding: 10px 0;float: left; position: relative;}
	.title2 .tit{ font-size: 24px; line-height: 1.5em; color: #fff; text-align: center; height: 1.5e,; width: 100%;float: left; position: relative; margin-top: 10px;}
	.title2 .desc { line-height: 2em; color: #999999; text-align: center; height: 2empx; width: 100%; font-size: 13px; padding-top: 5px; text-transform: uppercase;float: left; position: relative;}
}
.morea{ width: 100%; float: left; padding-top: 30px;}
.morea a{ width: 200px; line-height: 55px;height: 55px; border-radius:35px; text-align: center; float: left;margin-right:30px; color:#Fff; font-size: 18px;}
.morea .a1{ border:solid 1px #1778d9; color: #1778d9;}
.morea .a2{background:linear-gradient(90deg,rgba(70,123,245,1) 0%,rgba(127,166,255,1) 100%);}/*橙色*/
.morea .a3{background:linear-gradient(90deg,rgba(255,94,52,1) 0%,rgba(255,146,103,1) 100%);}/*绿色*/
.morea .a4{background:linear-gradient(90deg,rgba(3,163,139,1) 0%,rgba(2,200,170,1) 100%);}/*深蓝*/
.morea .a5{background:linear-gradient(90deg,rgba(0,121,254,1) 0%,rgba(25,134,254,1) 100%);}/*亮蓝*/

.moreb{ width: 100%; float: left; padding: 30px 0; text-align: center;}
.moreb a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #3073f5,#0343bf); border-radius:4px;transition:all ease .5s;}
.moreb a.a1{}
.moreb a:hover{background-image:linear-gradient(35deg,#0343bf, #3073f5);border-radius:15px;transition:all ease .5s;}
.morec{ width: 100%; float: left; padding: 45px 0 0; text-align: center;}
.morec a{ width: 200px; line-height: 50px;height: 50px; border-radius:2px; display:inline-block; background-color:#3073f5; color: #fff; font-size: 18px;margin:0 5px;background-image:linear-gradient(35deg, #6d9dfa, #3073f5); border-radius:4px;}
@media screen and (max-width:750px){
    .morea{ width: 100%; float: left; padding-top: 20px; text-align: center;}
    .morea a{ width: 45%; line-height: 45px;height: 45px;margin-right:2%;margin-left:2%;font-size: 1rem; float: left;}
    .morea .a1{ border:solid 1px #1778d9;color: #1778d9;}
	.moreb{ padding: 15px 0; }
	.moreb a{ width: 100px; line-height: 40px;height: 40px;font-size: 15px;}
    .morec a{ width: 160px; line-height: 40px;height: 40px;}
}
.catlist{ width: 100%; text-align: center; font-size: 0px; margin:10px 0; float: left;}
.catlist .item{ padding: 0px; font-size: 15px; display:inline-block; background-color: #e9ebf0;overflow: hidden;box-sizing: border-box; border:solid 1px #fff;margin-left: -1px;}
.catlist .item a{line-height:50px; height: 50px;color:#4b4a4a;display: block; text-align: center; padding:0 25px;margin-left: 1px;font-size: 15px;}
.catlist .item.on,.catlist .item a:hover { background-color:#3073f5; color:#fff !important; text-decoration:none;}
.catlist .item.on a{ color: #fff; }
.catlist .item:nth-child(1){border-top-left-radius: 25px;border-bottom-left-radius: 25px;}
.catlist .item:nth-last-child(1){border-top-right-radius: 25px;border-bottom-right-radius: 25px;}
@media screen and (max-width:900px){
    .catlist{padding: 0 10px;box-sizing: border-box;}
    .catlist .item{ width: 25%; box-sizing: border-box; font-size: .9rem;}
    .catlist .item a{line-height:3em; height: 3em;padding:0 5px;}
}

.tab{ width: 100%;float: left;margin:10px 0; text-align: center; padding:0 10px;box-sizing: border-box}
.tab .item { display: inline-block;padding:0 0px;}
.tab .item span{ padding:0 25px;line-height: 50px;background-color:#e2ecfe; color: #222;border-radius:6px;float: left; font-size: 15px}
.tab .on span{background-color:#3073f5;color: #fff;background-image: linear-gradient(to right,#3073f5,#0343bf);}
.tab .on span a{ color: #fff; }

.tab-content{ width: 100%;float: left;position: relative;margin:5px 0;}
.list-products{width: 100%;float: left;position: relative; display: flex;flex-wrap: wrap;margin:15px 0 10px 0;}
.list-products li{ width: 33.3%;float: left;position: relative;padding:10px;box-sizing:border-box;}
.list-products li .itemin{ width: 100%;float: left;position: relative;background-color:#fff;box-shadow: 0 0 10px rgba(0,0,0,0);padding:20px;box-sizing:border-box; padding-bottom: 10px;height: 100%;border-radius: 5px}
.list-products li .thumb{ width: 100%; float: left; overflow: hidden;}
.list-products li .thumb img { width: 100%; height: auto;transition: all 0.3s ease-in;}
.list-products li .info{width: 100%;float: left;position: relative;padding:10px;box-sizing:border-box;}
.list-products li .info .tit { width: 100%; text-align: center; font-size: 18px;box-sizing: border-box; line-height:45px;float: left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp: 1;-webkit-box-orient:vertical;}
.list-products li .info .desc { width: 100%;font-size: 15px;box-sizing: border-box; float: left;line-height: 1.6em;color: #757575;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;opacity: .6;}
.list-products li .info .detail{ width: 100%;float: left;position: relative;margin-top:20px;border-top:solid 1px #f5f5f5; padding-top: 20px;}
.list-products li .info .detail span{float:left; line-height:40px;text-align: center; background-color:#3073f5; color: #fff; border-radius: 3px; padding:0 25px;background-image: linear-gradient(to right,#3073f5,#0343bf)}
.list-products li .info .detail span a{ color: #fff; }
.list-products li .info .detail .arr{ float: right;font-size:18px;line-height: 40px;}

.list-products .hottag{position:absolute;display:block;left:7px;top:10px;height:30px;line-height:30px;font-size:14px;color:#fff;padding:0 10px 0 12px;border-top-right-radius:13px;border-bottom-right-radius:13px;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#FF7B55,endColorstr=#F5151D);background:-webkit-gradient(linear,right top,left top,from(#ff7b55),to(#f5151d));background:linear-gradient(270deg,#ff7b55,#f5151d);font-style:normal;z-index: 999}
.list-products .hottag:after{content:" ";width:0;height:0;border-width:2px;border-style:solid;position:absolute;left:0;bottom:-4px;-webkit-transform:rotate(0deg);transform:rotate(0deg);border-color: #a00005 #a00005 transparent transparent;}
.list-products li:hover .thumb img{transform: scale(1.2, 1.2);background-color:#000;transition: all 0.3s ease-in;}
.list-products li:hover .info .detail .arr{color:#0343bf}
.show{ display: block; }
.hide{display: none;}
@media screen and (max-width:900px){
    .tab{margin:5px 0;}
    .tab .item span{ padding:0 10px;line-height:40px;font-size: 13px}
    .list-products{margin:0px 0 10px 0;}
    .list-products li{ width: 50%;padding:5px;}
    .list-products li .itemin{padding:5px;}
    .list-products li .info .tit {font-size: 15px;line-height:25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;margin-bottom:8px;}
    .list-products li .info .desc {font-size: 13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
}

/*关于我们*/
.about{ width:100%;float: left;position: relative;padding:70px 0; background-color:#fff; overflow: hidden;}
.about .aboutleft{ width:50%;float: left;position: relative;}
.about .aboutright{ width:50%;float: left;position: relative; padding-left: 50px;box-sizing:border-box;margin-top: 20px;}
.about .about-title{ width:100%;float: left;position: relative;margin-bottom:30px;}
.about .about-title h3{font-size:45px;color:#0343bf; line-height:80px;}
.about .about-title h3::before{position: absolute;left: 0;top: 0;content: "about us";color:#0343bf;font-size: 72px;text-transform: uppercase;font-weight: bold;opacity: 0.04;}
.about .about-title p{ width:100%;float: left;line-height: 35px;font-size:18px;font-weight: bold; }
.about .desc{ width:100%;float: left;position: relative;line-height: 2em;font-size:16px;}
.about .desc p{width:100%;float: left;margin:5px 0; color: #666;}
.about .aboutbtn{ width:100%;float: left;position: relative;margin-top:40px; }
.about .aboutbtn .item{ width:60px;float: left;position: relative;text-align: center;margin-right:30px; }
.about .aboutbtn .btn{ width:60px;height: 60px;border-radius: 50%;line-height:60px;float: left;transform: rotate(-25deg);transition: all ease 0.2s;}
.about .aboutbtn .btn a{ color: #fff; }
.about .aboutbtn .btn i{font-size:24px;font-weight:normal;}
.about .aboutbtn .b1{ background-color:#0343bf;}
.about .aboutbtn .b2{ background-color:#5e92f7;}
.about .aboutbtn .b3{ background-color:#333399;}
.about .aboutbtn .b4{ background-color:#ef1f1f;}
.about .aboutbtn .p{width:100%;float: left;line-height: 30px;}
.about .aboutbtn .btn:hover{transform: rotate(45deg);transition: all ease 0.2s; background-color:#033699; }

.about .aboutright .thumb{ width:100%;float: left;position: relative;}
.about .aboutright .thumb img{ width:100%;height: auto;border-top-right-radius: 50px; border-bottom-left-radius: 50px;}
.about .aboutflash{ width:100%;float: left;}
.about .aboutflash  img{ width:100%;height: auto; }
.numlist{ width:100%;float: left;position: relative;margin:80px 0 20px 0;display: flex;justify-content: space-between;align-items: center;gap: 20px; }
.numlist .item{flex: 0 0 auto;box-sizing: border-box}
.numlist .item .num{ width:100%; }
.numlist .item .num span{ position: relative; display: inline-block; color: #282828; font-size: 80px; height: 80px; line-height: 80px; font-family: cursive; font-weight: bold !important; transition: 0.3s;background-image: linear-gradient(to right, #6b99f1,#0343bf);background-clip: text;-webkit-background-clip: text;color: transparent;}
.numlist .item .num sub{ font-size: 18px;color:#666; }
.numlist .item p{ width:100%;font-size: 16px;color: #666;line-height: 2em;}
.numlist .item dt{ width:100%;font-size: 12px;color: #666;line-height: 1.5em; opacity: 0.5;text-transform: uppercase;}
@media screen and (max-width:900px){
    .about{padding:10px 0; padding:15px;box-sizing: border-box}
    .about .aboutleft{ width:100%;}
    .about .aboutright{ width:100%;padding-left: 0px;margin-top:10px;}
    .about .about-title{margin-bottom:20px;}
    .about .about-title h3{font-size:28px;line-height:60px;}
    .about .about-title h3::before{font-size:50px;}
    .about .about-title p{font-size:15px;font-weight: bold;line-height: 1.5em }

    .about .aboutbtn{display: flex;justify-content: space-between;}
    .about .aboutbtn .item{margin-right:0px; }

    .numlist{margin:20px 0;gap: 20px;flex-wrap: wrap;display: block;}
    .numlist .item{flex: 0 0 50%;width:50%;float: left; overflow: hidden;margin:10px 0;}
    .numlist .item .num span{font-size:40px; height: 50px; line-height:50px}
    .numlist .item .num sub{ font-size: 15px;color:#666; }
    .numlist .item p{font-size: 15px;}
    .numlist .item dt{font-size: 10px;}
}
/*优势2*/
.youshi2{ width: 100%; float: left; padding:50px 0 40px 0;background-image:url('../images/youshibg.jpg'); background-repeat:no-repeat; background-position:center top; background-size:100%;background-color:#f6f6f6;overflow: hidden;}
.youshi2 .youshibox{ width: 100%; float: left; position: relative; margin:30px 0 0px 0;min-height: 400px; background-color:#fff; padding: 40px;box-sizing:border-box;}
.youshi2 .youshi-shadow{ width: 100%;height: 40px;;background-image:url('../images/shadow.jpg'); background-repeat:no-repeat; background-position:center top; background-size:100%; display: none;}
.youshi-tab{ width: 100%;float: left;text-align: center;margin:20px 0 10px 0;}
.youshi-tab .item{ width: 140px;background-color:#fff; line-height: 50px;height:50px;text-align: center;margin:0 10px;display: inline-block; color:#333;cursor: pointer;}
.youshi-tab .item span{ font-size:16px; }
.youshi-tab .on{ background-color:#0343bf;color:#fff;}

.youshi2 .youshiinfo{ width: 100%;float: left;position: relative; }
.youshi2 .youshiinfo .thumb{ width: 45%;float: left;position: relative; }
.youshi2 .youshiinfo .thumb img{width: 100%;height: auto;}
.youshi2 .youshiinfo .info{ width: 55%;float: right; padding-left: 60px;box-sizing:border-box;position: relative;}
.youshi2 .youshiinfo .info .tit {font-size: 40px; line-height:1.6em; color: #0343bf;width: 100%; font-weight: bold;position: relative;float: left;}
.youshi2 .youshiinfo .info .subtit {font-size: 24px; line-height:1.8em; color: #333;width: 100%;position: relative;float: left;}
.youshi2 .youshiinfo .info .subtit::before{ width: 180px;content:''; position: absolute; bottom: -10px;left: 0;border-bottom: solid 1px #e2e2e2; }
.youshi2 .youshiinfo .info .yslist{ width: 100%;float: left;margin-top:35px; position: relative;}
.youshi2 .youshiinfo .info .yslist li{ width: 100%;float: left;position: relative;margin:8px 0; line-height: 1.8em;color:#666; font-size:16px; padding-left:20px;box-sizing:border-box;}
.youshi2 .youshiinfo .info .yslist li::before{content:''; position: absolute;left: -5px; top: 5px;width: 20px;height: 20px;background-image:url('../images/fenge.png'); background-repeat:no-repeat;background-position:center; background-size:18px;}
@media screen and (max-width:1400px){
    .youshi2{padding:20px 0; background-size:auto 400px;}
}
@media screen and (max-width:900px){
    .youshi2{padding:20px 0; background-size:auto 300px;}
    .youshi-tab{margin:10px 0;}
    .youshi-tab .item{ width: 22%;margin:0 3px;line-height: 40px;height: 40px}
    .youshi-tab .item span{ font-size:14px; }
    .youshi2 .youshibox{margin:20px 0 0px 0;min-height:auto;padding: 15px;}
    .youshi2 .youshiinfo .thumb{ width: 100%;}
    .youshi2 .youshiinfo .info .tit {font-size:32px;}
    .youshi2 .youshiinfo .info .subtit {font-size: 18px;}
    .youshi2 .youshiinfo .info{ width: 100%;float: right; padding-left: 0px;padding-top:20px;}
    .youshi2 .youshiinfo .info .yslist li{margin:5px 0; line-height: 1.8em;color:#666; font-size:15px;}
}

/*工厂*/
.factory{position: relative; }
.factorylist{ width: 100%; float: left; padding: 20px 0; position: relative;  }
.factorylist li{ width: 25%; float: left; box-sizing: border-box;position: relative; overflow: hidden; padding: 10px;}
.factorylist li .liin{ width: 100%; float: left;box-sizing: border-box;position: relative; border:solid 1px #fff; border-radius: 5px;overflow: hidden; background-color:#fff;}
.factorylist .thumb {float: left; width: 100%; position: relative; box-sizing:border-box;}
.factorylist .thumb img{ width: 100%; height: auto; opacity: .9;background-color: #2a7eef;}
.factorylist .info {float: left; width: 100%; position: relative; box-sizing:border-box;padding:10px;}
.factorylist .info h3{ width:100%; line-height:35px; text-align:center; float:left; font-size: 16px;color: #333;box-sizing: border-box; font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.factorylist .info p{ width:100%; line-height:25px;box-sizing: border-box; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; color: #999; text-align: center; height: 50px; float: left;background-color: #f5f5f5; }
.factory .swiper-button-next,.factory .swiper-button-prev{ background-repeat: no-repeat;background-position: center center; width: 40px; height: 40px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=85);opacity:0.65;}
.factory .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: -45px;}
.factory .swiper-button-prev{ background-image:url('../images/arrow-left2.png'); left: -45px;}
.factory .swiper-button-next:hover,.factory .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}
@media screen and (max-width:750px){
    .factory{ padding: 5px 0; }
    .factorylist{padding:0 0 10px 0;}
    .factorylist li{ width:50%;padding: 5px;}
    .factorylist li .casein{ padding: 2px; }
    .factorylist h3{font-size:13px;}
    .factorylist p{ width:100%; line-height:1.6em; height: 3.2em; font-size: .8rem;}
    .factory .swiper-button-next,.factory .swiper-button-prev{ display: none; }
}
@media screen and (max-width:1280px){
    .factory .swiper-button-next{ right: 5px;}
    .factory .swiper-button-prev{ left: 5px;}
}

/*企业文化*/
.aboutlist{ width:100%;float: left;position: relative;margin-top: 20px;display: flex;gap:20px;}
.aboutlist .item{ width:25%;float: left;position: relative;box-sizing:border-box; overflow: hidden;}
.aboutlist .item .itemin{ width:100%;float: left;position: relative;overflow: hidden;}
.aboutlist .item .thumb{ width:100%;float: left;position: relative; }
.aboutlist .item .thumb img{ width:100%;height: auto;}
.aboutlist .item .info{ position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.6);padding:30px 10px;box-sizing: border-box;color: #fff;height: 100%;width:100%;}
.aboutlist .item .info .infobox{ width:100%;height: 100%;float: left;position:relative;left: 0;bottom:0px;transition: all ease .5s;display: flex;align-items: center;justify-content: center;flex-direction: column; padding-top: 70px; box-sizing: border-box}
.aboutlist .item .info .infobox span{ width:100%;float: left;text-align: center;}
.aboutlist .item .info .infobox span i{ font-size: 40px;color:#fff;opacity: .7;margin-bottom:10px; }
.aboutlist .item .info .infobox h4{ width:100%;line-height: 2em;text-align:center;font-size: 20px;margin-bottom:10px;font-weight: normal;}
.aboutlist .item .info .infobox p{ width:100%;line-height: 30px;height: 60px;text-align:center;font-size: 15px;position: relative; transform:translateY(100px);
    opacity:0;transition:all 0.4s ease; padding:0 15px;box-sizing: border-box;transition: all ease .5s;}
.aboutlist .item:hover .infobox{bottom: 60px;transition: all ease .5s;}
.aboutlist .item:hover .infobox p{transform:translateY(0px);opacity: .8;transition: all ease .5s;}

.aboutlist .item .blueinfo{background:#0343bf;position: absolute;top: 0;left:0;padding:30px;box-sizing: border-box;color: #fff;height: 100%;width:100%;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.aboutlist .item .blueinfo span{ width:100%;float: left;text-align: center; }
.aboutlist .item .blueinfo span i{ font-size: 40px;color:#fff;opacity: .7;margin-bottom:10px; }
.aboutlist .item .blueinfo h4{ width:100%;line-height: 2em;text-align:center;font-size: 20px;margin-bottom:10px;font-weight: normal;}
.aboutlist .item .blueinfo p{ width:100%;line-height: 30px;text-align:center;font-size: 16px;position: relative;
    opacity:0.8;transition:all 0.4s ease; padding:0 15px;box-sizing: border-box;transition: all ease .5s;}
.aboutlist .item .blueinfo p a{color: #fff;}
.aboutlist .item .blueinfo p em{font-style: normal;}
@media screen and (max-width:900px){
    .aboutlist { flex-wrap: wrap;gap:0;display:block;}
    .aboutlist .item{ width:50%;box-sizing: border-box;min-width:0;padding:5px;}
    .aboutlist .item .info{padding:10px;}
    .aboutlist .item .info .infobox{top: 0;padding-top: 55px;}
    .aboutlist .item .info .infobox span{margin-top:30px;}
    .aboutlist .item .info .infobox h4{font-size:15px;}
    .aboutlist .item .info .infobox span i{ font-size: 30px;}
    .aboutlist .item .blueinfo{padding:10px;}
    .aboutlist .item .blueinfo span{margin-top:15px;}
    .aboutlist .item .blueinfo span i{ font-size: 30px;}
    .aboutlist .item .blueinfo h4{font-size:15px;margin-bottom: 0;}
    .aboutlist .item .blueinfo p{font-size: 13px;line-height: 1.5em;}
    .aboutlist .item .blueinfo p em{display:none;}
}
.yewu{ width: 100%; float: left;padding:50px 0;background-color:#22262f; position: relative;background-image: linear-gradient(to right,#3073f5,#0343bf)}
.yewu .btnlist{ width:100%;float: left;position: relative;margin:40px 0 30px 0;text-align: center; }
.yewu .btnlist .btn{padding:0 35px;line-height:50px;height:50px;border:solid 1px rgba(255,255,255,.5); border-radius:5px;margin:0 10px;display:inline-block; font-size: 16px;background-color: rgba(255,255,255,.05);transition:all ease 0.5s;}
.yewu .btnlist .btn a{color: #fff;}
.yewu .btnlist .b1{background:#0343bf;border:solid 1px rgba(0,0,0,.1);}
.yewu .btnlist .btn:hover{background:#3275f6;border:solid 1px rgba(0,0,0,.1);transition:all ease 0.5s;}
@media screen and (max-width:900px){
    .yewu .btnlist{margin:20px 0 0px 0;}
}

.news{ width: 100%;float: left;position: relative;padding:40px 0 0px 0; background-color: #f7f7f7;overflow: hidden;}
.newsmain{ width: 100%;float: left;position: relative;margin-top:20px;display: flex;align-items: flex-end}
.newsmain .newsbox{ width:50%;float: left;position: relative;box-sizing: border-box; padding-left:30px;box-sizing: border-box}
.newsmain .newsflash{ width:50%;float: left;position: relative;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0)}
.newsmain .newsflash .thumb{ width:100%;float: left;position: relative; border-radius:5px;overflow: hidden;}
.newsmain .newsflash .thumb img{ width:100%;height: auto; }
.newsmain .newsflash .infobox{ width:100%;float: left;position: relative;}
.newsmain .newsflash .info{ position:relative;left: 0;bottom: 0;padding:20px;box-sizing: border-box;background-color:#fff;width:100%;float: left;}
.newsmain .newsflash .info .tit { width: 100%;font-size: 18px;box-sizing: border-box; line-height:45px; height: 45px;float: left;white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.newsmain .newsflash .info .tit a{color: #222;}
.newsmain .newsflash .info .desc { width: 100%;font-size: 15px;box-sizing: border-box; float: left;line-height: 1.6em;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;opacity: .6;}
.newsmain .newsflash .info .detail{ width: 100%;float: left;position: relative;margin-top:20px;border-top:solid 1px #f5f5f5; padding-top: 20px;}
.newsmain .newsflash .info .detail span{float:left; line-height:40px;text-align: center; background-color:#3073f5; color: #fff; border-radius: 3px; padding:0 25px;background-image: linear-gradient(to right,#3073f5,#0343bf)}
.newsmain .newsflash .info .detail span a{ color: #fff; }
.newsmain .newsflash .info .detail .arr{ float: right;font-size:18px;line-height: 40px;}
.newsmain .newsflash .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom:230px !important;text-align:center;}
.newsmain .swiper-pagination-bullet { width: 10px;height:10px;border:solid 2px #e2e2e2; border-radius: 5px; background-color: transparent; opacity: 1;box-sizing:border-box;background-color: #e2e2e2}
.newsmain .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color:#0343bf;border:solid 2px #0343bf;width: 32px;transition:all ease .5s;}
.newsmain .newsflash:hover .info .tit a{color:#0343bf}

.newslist{ width: 100%;float: left;position: relative;box-sizing: border-box;}
.newslist li{ width: 100%;float: left;padding:17px 20px 20px; display: flex;position: relative;background-color: #fff; border-bottom:solid 1px #f5f5f5;box-shadow: 0 0 10px rgba(0,0,0,0);box-sizing: border-box;transition:all ease .5s;}
.newslist li .time{width:80px;flex:0 0 80px;padding-top: 10px;}
.newslist li .time .day{ width:100%;float: left;position: relative;line-height:1.5em;text-align: center;font-size: 30px; }
.newslist li .time .month{ width:100%;float: left;position: relative;line-height: 20px;text-align: center;font-size:15px;color: #666;}
.newslist li .info{ width:100%;float: left;position: relative;padding-left: 20px;box-sizing: border-box;min-width:0;}
.newslist li .info .tit{ width: 100%;float: left;line-height:40px;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;color:#222;}
.newslist li .info .tit a{color:#222;}
.newslist li .info .tit a:hover{color:#3073f5;}
.newslist li .info .desc{width: 100%;font-size: 14px;box-sizing: border-box; float: left;line-height: 1.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;opacity: .4;}
.newslist li:nth-last-child(1){border-bottom:none;}
.newslist li:hover{ background-color:rgba(3,67,191,.08);transition:all ease .5s; }
@media screen and (max-width:900px){
    .news{padding:20px 0 0px 0;}
    .newsmain{margin-top:10px;display: flex;align-items: flex-end;flex-direction: column;}
    .newsmain .newsbox{ width:100%;padding-left:0px;}
    .newsmain .newsflash{ width:100%;border-bottom:solid 1px #f5f5f5;}
    .newsmain .newsflash .info{padding:15px;}
    .newsmain .newsflash .info .tit {font-size: 16px;line-height:40px; height: 40px;}
    .newslist li{padding:10px;}
    .newslist li .time{width:60px;flex:0 0 60px;padding-top: 10px;}
    .newslist li .time .day{font-size:20px; }
    .newslist li .time .month{font-size:13px;}
    .newslist li .info .tit{line-height:30px;font-size: 16px;}
    .newslist li .info .desc{font-size: 13px;}
}

.brand{ width: 100%;float: left;position: relative;padding:60px 0 50px 0; background-color: #fff;}
.brandbox{ width:100%;float: left;position: relative;margin:15px 0; display:flex;gap:15px;}
.brandbox .brandleft{ width:30%;flex:0 0 30%; padding-right:80px;box-sizing: border-box}
.brandbox .brandleft .brand-title{width:100%;float: left;margin-bottom:40px;}
.brandbox .brandleft h2{line-height:1.5em;color:#222;font-size:50px;text-transform: uppercase;font-weight: bold;opacity: 1;display:none;}
.brandbox .brandleft h3{font-size:45px;color:#0343bf; line-height:1.5em;}
.brandbox .brandleft h3::before{position: absolute;left: 0;top: 0;content: "brands";color:#0343bf;font-size: 72px;text-transform: uppercase;font-weight: bold;opacity: 0.04;}
.brandbox .brandleft p{ width:100%;float: left;line-height:2em;font-size:15px;margin-top:15px;}
.brandbox .brandleft .desc{ width:100%;float: left;position: relative;line-height: 2em;font-size:16px;display:none;}
.brandbox .brandleft .desc p{width:100%;float: left;margin:5px 0; color: #666;}
.brandbox .brandleft .btns{ width:100%;float: left;position: relative;margin-top:50px; }
.brandbox .brandleft .btns .btn{ width:40px;height: 40px;border-radius: 50%;line-height:40px;float: left;transition: all ease 0.2s;background-color:#0343bf;text-align: center; opacity: .6;}
.brandbox .brandleft .btns .btn a{ color: #fff; }
.brandbox .brandleft .btns .btn i{font-size:16px;font-weight:normal;}
.brandbox .brandleft .btns .btn .p{width:100%;float: left;line-height: 30px;}
.brandbox .brandleft .btns .btn:hover{transition: all ease 0.2s; background-color:#ef1f1f; }

.brandlist{ width:100%;float: left;position: relative;margin:0;}
.brandlist .item{ width:20%;float: left;position: relative;min-width:0;box-sizing: border-box;padding:5px;}
.brandlist .item:hover .itemin{ box-shadow:0 0 15px rgba(3,67,191,.15);margin-top: -5px;margin-bottom:5px;transition:all ease .5s;}
.brandlist .item .itemin{ width:100%;float: left;position: relative;transition:all ease .5s;}
.brandlist .item .thumb{ width:100%;float: left;position: relative;border:solid 1px #f5f5f5;padding:4px;box-sizing: border-box;background-color: #fff;}
.brandlist .item .thumb img{ width:100%;float: left;}
.brandlist .item .info { width:100%;float: left;position: relative; }
.brandlist .item .info .tit{ width:100%;line-height: 35px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis; padding:0 5px;}
@media screen and (max-width:900px){
    .brand{padding:20px 10px;box-sizing: border-box}
    .brandbox{margin:10px 0;display:flex;gap:0px;flex-direction: column;}
    .brandbox .brandleft{ width:100%;flex:0 0 100%; padding-right:0px;}
    .brandbox .brandleft .brand-title{margin-bottom:20px;}
    .brandbox .brandleft h3{font-size:28px;color:#0343bf; line-height:1.5em;}
    .brandbox .brandleft h3::before{font-size:60px;opacity: 0.04;}
    .brandbox .brandleft .btns{margin-top:10px;position: absolute;right: 10px;bottom: 0;display: none;}
    .brandlist .item{ width:33.3%;}
}

.links { line-height: 25px; color: #999999; ; float: left; width: 100%; padding:0 0 10px 0; }
.links b { font-weight:normal; float:left; width:60px; text-align:center; padding-left: 25px;background-image: url(../images/ico_link.png); background-repeat: no-repeat; background-position: left center;}
.links a { color:#999999; padding-left:15px; padding-right:15px; display:block; float:left;}
@media screen and (max-width:1200px){
	.links{ line-height: 1.6em; font-size: .9rem;padding: 10px; box-sizing: border-box; }
}

.footer{ width: 100%; padding: 40px 0;background-color: #3073f5; box-sizing: border-box;background-image: url(../images/footerbg.jpg); background-repeat: no-repeat; background-position:center; background-size: cover;}
.gg{ width: 100%;float: left; text-align:center; position: relative;}
.gg .tit{ font-size:36px;color: #fff; width: 100%;float: left; line-height: 3em;}
.gg .desc { font-size:16px; color: #fff;width: 100%;float: left; opacity: .8; line-height: 2em;}
.gg .apply{width: 100%;float: left;padding-top:20px;}
.gg .apply .btn{ width: 200px;line-height:50px;height:50px; border:solid 1px rgba(255,255,255,.3); text-align: center;color: #fff; border-radius: 5px; margin:0 auto; display: inline-block; font-size:16px; background-color:transparent;margin-right: 20px}
.gg .apply .btn a{ color: #fff; }
.gg .apply .btn:hover{border:solid 1px rgba(255,255,255,.6); background-color: rgba(255,255,255,.2);}
.gg .apply .btn2{ width: 200px;line-height:50px;height:50px; border:solid 1px rgba(255,255,255,.3); text-align: center;color: #fff; border-radius: 5px; margin:0 auto; display: inline-block; font-size:16px; background-color:#0343bf;}
.gg .apply .btn2:hover{border:solid 1px rgba(255,255,255,.2);background-color: rgba(3,67,191,.65);}
@media screen and (max-width:900px){
	.footer{padding: 20px 0;}
	.gg{ padding:0 20px;box-sizing:border-box; }
	.gg .tit{ font-size:20px;line-height: 1.5em; padding:10px 0;}
	.gg .desc { font-size:14px; line-height: 2em; margin-top: 10px; opacity: .6;}
	.gg .apply{padding-top: 20px;}
	.gg .apply .btn{ width: 140px;line-height: 40px;height: 40px;font-size:14px;}
    .gg .apply .btn2{ width: 140px;line-height:40px;height:40px;font-size:14px;}
}
.form{ width:80%;margin:30px 10%; position: relative;float: left;}
.form .itemlist{ width:100%;float: left;position: relative;margin:10px 0; display:flex; gap:20px;}
.form .itemlist .item{ width:33.3%;float: left;position: relative;display:flex; box-sizing: border-box;}
.form .itemlist .item label{width:80px;flex:0 0 80px; line-height: 50px;display: none;}
.form .itemlist .item .input-text{ width:100%; line-height:50px; height:50px; color:#fff; border: 1px solid rgba(255,255,255,.3);border-radius:5px; padding: 0 10px 0 35px; box-sizing: border-box;background-color:rgba(255,255,255,.15);}
.form .itemlist .item i { position: absolute; left: 10px;line-height: 50px;font-size: 18px;z-index: 99;opacity: .8;color: #fff}
.form .textbox{ width:100%;float: left;position: relative; padding-right:0px;box-sizing: border-box;}
.form .textarea{ border: 1px solid rgba(255,255,255,.3);border-radius:5px;box-sizing: border-box; width: 100%; min-height: 80px; padding:10px 10px 10px 35px; box-sizing:border-box; outline: none;font-family: 'Microsoft Yahei';opacity: .9;background-color:rgba(255,255,255,.15);color: #fff;}
.form .textbox i { position: absolute; left: 10px;line-height: 40px;font-size: 15px;z-index: 99;opacity: .8;color: #fff;top: 0;font-size: 18px;}
.form .input-text::placeholder {color: #fff;}
.form .input-text::-webkit-input-placeholder {color: #fff;}
.form .textarea::placeholder {color: #fff;}
.form .textarea::-webkit-input-placeholder {color: #fff;}
@media screen and (max-width:900px){
    .form{ width:100%;margin:20px 0;}
    .form .itemlist{display:flex;flex-direction: column;gap:10px;margin:5px 0;}
    .form .itemlist .item{ width:100%;}
}

/*底部*/
.bottom { width: 100%; padding: 50px 0 30px 0;background-color:#232638; color: #bebfc1; box-sizing: border-box; overflow: hidden;}
.mbox { width: 300px; padding-right: 30px;  float: left; border-right: 1px solid #2e2d2d; padding-left: 0px; box-sizing: border-box;}
.blogo { float: left; width: 100%; padding-right: 60px; padding-top: 30px;}
.blogo img{ width: 100%; height: auto; }
.btel{ width: 100%; float: left; line-height: 50px; font-size:25px; padding-top: 10px; font-weight:bold; }

.fbox{ width: 20%; padding:0 30px;float: left; padding-left: 0px; box-sizing: border-box;}
.fbox4{ width: 20%; box-sizing: border-box;float: left;}
.btitle{ width: 100%; float: left; line-height: 40px; height: 40px; font-size: 20px; font-weight: normal; color: #f5f5f5; background-position: left center; background-repeat: no-repeat; }
.fbox-list{ width: 100%; float: left; padding-top: 15px; }
.fbox-list li { width:100%; line-height:35px; float:left; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 16px;}
.fbox-list li a { color:#9a9898;}
.fbox-list2{ width: 100%; float: left; padding-top: 15px; }
.fbox-list2 li { width:50%; line-height:35px; float:left; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 16px;}
.fbox-list2 li a { color:#9a9898;}

.bw2 { width: 30%;}
.bw4 { width: 200px; padding-right: 30px;  float: left; border-right: 1px solid #2e2d2d; padding-left: 0px; box-sizing: border-box;}
.bw3 { float: right; width: 260px; box-sizing: border-box; }
.fcontact{ width: 100%; float: left; padding-top: 15px; line-height: 2.2em; font-size:14px;color:#9a9898; }

.bottom_box3 p { line-height: 25px; color: #7b7b7b; height: 25px; width: 280px; }
.bottom_box3 h2 { font-size: 26px; line-height: 30px; color: #fff; height: 30px; width: 240px; font-weight: normal; padding-bottom: 10px; }
.foottel{box-sizing: border-box; width: 100%; float: left;margin:15px 0;}
.foottel p{ background-color: #3073f5; line-height: 50px;height: 50px; width: 100%; float: left; box-sizing: border-box; font-size:18px; color: #fff; white-space: nowrap;}
.foottel i{height: 50px; width: 50px; line-height: 50px; text-align: center;background-color:#003fb9; float: left; margin-right:10px; font-size: 24px;}
.qrcode { float: left; width:100%; padding-top: 5px; display: flex;justify-content: center}
.qrcode span { float: left; width: 50%; text-align: center; color: #7b7b7b; line-height: 25px; padding:0 10px; box-sizing: border-box;}
.qrcode span img{ width: 100%; height: auto; max-width: 100px; }

.bottom2 { background-color: #000; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height: 25px; color: #7b7b7b; text-align: center; float: left; width: 100%; }
.copyright a { color:#7b7b7b; text-decoration:underline;}
.top-qrcode { float: left; width:100%; padding:25px 15px 0 15px; box-sizing: border-box; margin:0 auto;}
.top-qrcode span { float: left; width: 33.3%; text-align: center; color: #999; line-height: 25px; padding: 5px; box-sizing: border-box;}
.top-qrcode span img{ width: 100%; height: auto; max-width:160px; }
@media screen and (max-width:1300px){
	.bottom {padding: 20px 5px; box-sizing: border-box;}
	.foottel p{font-size:16px;}
}
@media screen and (max-width:750px){
	.bottom {padding: 20px 5px; box-sizing: border-box;}
	.fbox{ width: 100%; padding:0 10px;}
	.fbox4{ width: 100%; box-sizing: border-box;float: left;padding:10px;}
	.fbox-list li { width:50%; line-height:35px; font-size: .9rem;}
	.fbox-list2 li { width:25%;font-size: .9rem;}
	.btitle{ line-height: 40px; height: 40px; font-size: 1rem;padding-top:10px; border-bottom: solid 1px #454756;}
	#icontact{ display: none; }
	.foottel{margin:20px 0 10px 0;}
	.foottel p{width: 240px; float: none;margin:0 auto;}
	.links{ display: none }
	.bottom2 { padding: 10px;box-sizing: border-box;}
}
/*手机版*/
.bottom_box{ position:fixed; z-index:9999; height:50px; width:100%; bottom:0px; text-align:center; margin-right: auto; margin-left: auto; background-position: center center; background-size:100%; background-color: #00b63e; display: none; border-top:solid 1px #019c38; }
.footnav{position: relative;}
.footnav li{ float:left; width:20%; border-right: 1px solid #019c38; border-left: 1px solid #02d24b; box-sizing: border-box; padding-top: 5px; padding-bottom: 5px; position: relative;height: 50px; }
.footnav li a{display:block;width:100%;}
.footnav li span{display:block;width:100%;text-align:center; height: 25px; position: relative;opacity: .9; line-height: 25px; color: #fff; font-size: 20px;}
.footnav li .s1{height:25px;}
.footnav li span img{max-width:25px;margin:0 auto;line-height:25px;vertical-align:middle}
.footnav li .st{ line-height:15px; font-size:0.65em; color:#FFF; width:100%; position: relative; z-index: 10; opacity: .8;}
.footnav .st{font-size: 0.86em !important;font-weight:normal}
.footnav{z-index:100;}

.xuanfu{ position: fixed;right: 10px; top: 30%;z-index: 99999;}
.xuanfu .xuanfubox{ width: 70px; background-color:#fff; border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.2);float: left;padding:0px;box-sizing: border-box;}
.xuanfu .item{ width: 100%;float: left;position: relative;padding:8px 0px;box-sizing: border-box; border-bottom: solid 1px rgba(255,255,255,.4);cursor: pointer; background-color: #0343bf;}
.xuanfu .item:hover{background-color: #3073f5;}
.xuanfu .item:nth-last-child(1){ border-bottom: none; border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}
.xuanfu .item:nth-child(1){ border-top-right-radius: 5px;border-top-right-radius: 5px; }
.xuanfu .item .text{width: 100%;float: left; position: relative}
.xuanfu .item .text i{ width: 100%;float: left;text-align:center; font-size: 26px;color: #fff;line-height:40px;background-position: center; background-repeat: no-repeat;background-size: 25px;}
.xuanfu .item .text .t{ width: 100%; line-height: 15px; text-align:center;margin:2px 0;font-size: 13px;color: #fff}
.xuanfu .item:hover .text i{ color:#fff; }
.xuanfu .item:hover .text .t{ color:#fff; }
/*.xuanfu #izixun{ background-image:url('../images/izixun.png'); }
.xuanfu #iweixin{background-image:url('../images/iweixin.png') }
.xuanfu #itel{background-image:url('../images/itel.png'); }*/
/*.xuanfu #iback{ background-image:url('../images/iback.png');}*/
.xuanfu .kuang{ width: 220px; padding:20px; background-color:#3073f5; position:absolute; right:75px; min-height:90px; border:0px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); box-sizing: border-box; display: none}
.xuanfu .item:hover .kuang{display: block;}
.xuanfu .item .kuang .arrow{position:absolute;width:0px;height:0px;right:-15px;top:10px;border: 10px solid transparent;border-left: 10px solid #3073f5;}
.xuanfu .iback{cursor: pointer;}

.xuanfu .item .inner-box{ width: 100%; float: left; }
.xuanfu .item .inner-box .pic{ width: 100%; text-align: center;}
.xuanfu .item .inner-box .pic img{ width: 120px; height: auto; }
.xuanfu .item .inner-box p{ width: 100%; line-height: 25px; text-align: center;padding:5px 0;color: #fff;}
.xuanfu .item .phone-box{ width: 100%; float: left; }
.xuanfu .item .phone-box .phonein{ width: 100%;background-image:url('../images/itel2.png'); padding-left:30px; box-sizing: border-box; background-repeat:no-repeat; background-position:left top; float: left; background-size:25px; }
.xuanfu .item .phone-box p{ line-height: 25px; width: 100%; float: left; color: #fff; }
.xuanfu .item .phone-box dt{ line-height:2em;width: 100%; float: left; font-size:18px; font-weight:bold; color: #fff; padding:5px 0 10px 0;opacity: .8;}
.xuanfu .item .phone-box p a{ color: #fff; }
.xuanfu .item .phone-box dt a{ color: #fff; }
@media screen and (max-width:900px){
    .xuanfu{ display: none; }
    .xuanfu .item .text i{height: 40px;line-height: 40px; font-size:25px; background-size: 25px}
    .xuanfu .item .kuang{ right:45px; }
}