@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:14px;font-family:"Arial";color:#333;line-height:28px; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Arial"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

em,i { font-style: normal; }

.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.header{height: 110px; width:100%; background:#fff; position:fixed; z-index:99;}
.headt{ width:100%; height:50px; line-height:50px; background:#0C0934; color:#fff;}
.headtz{ width:1240px; margin:0 auto;}
.headerbox{width: 1240px; margin: 0 auto; }
.logo{width: auto;float: left;}
.logo img{width: 100%; padding-top:10px;}
.nav{float: right; padding-left: 82px;}

.nav li{float: left;   padding:0 30px; position: relative;}
.nav li h3 a{display: block; font-size: 18px;font-weight: 400;color: #333333;line-height: 60px;}
.nav li a:hover{color: #DE404C;}
.sub{position: absolute;width: 140%; top: 60px;left:-20%;background: #fff;z-index: 100;display: none;}
.sub dt{line-height: 40px; font-size: 14px; border-bottom: 1px solid #eee;}
.sub dt a{display: block;text-align: center; font-size: 14px; color: #666;}
.sub dt a:hover{background: #DE404C;color: #fff;}
.hedtz1{ float:left;}
.serz{ width:530px; float:left; padding-left:30px; padding-top:4px;}
#topral{width:420px; height:38px; line-height:38px; float:left; border:1px solid rgba(255, 255, 255, 0.60);border-radius: 4px;}
.s1{width:281px; height:38px; line-height:38px; margin:0; padding-left:12px;  border:none; background:url(../images/ruini_05.jpg); color:#888}
.s1:hover{border-right:none;}
.phone{ float:right; height:30px; padding-top:10px; float:right; line-height:30px;color: var(--008-a-58, #fff);font-family: Roboto;font-size: 24px;}
.phone img{ float:left; padding-right:10px;}
.banner img{width: 100%;}
.yzxz{float: right;position: relative;z-index: 10; padding:0px 10px;border:1px solid rgba(255, 255, 255, 0.60);border-radius: 4px;}
.yzxz p{font-size: 14px; color: #fff; line-height:38px;cursor: pointer; }

.yzxz p b{display: inline-block;background: url(../images/a_08.png); width: 10px;height: 7px; vertical-align: middle; margin: -1px 0 0 10px;}
.yzxz ul{position: absolute; width: 100%; top:38px; left: 0;border:1px solid #BDBDBD; background: #fff;border-radius: 0 0 6px 6px;z-index: 10;display: none;}
.yzxz li{line-height:25px; font-size: 14px; padding-left:10px;}
.yzxz li a{color: #333;}
.yzxz:hover ul{display: block;}
.yzxz li a:hover{color: #F0BD47;}

.banner img{width: 100%;}
.banner .swiper-button-next {background: url(../images/a_03.png); width: 45px;height: 45px;margin-top: -22px;right: 4vw;}
.banner .swiper-button-prev {background: url(../images/a_01.png); width: 45px;height: 45px;margin-top: -22px;left: 4vw;}

.cont1{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.bt1{ width:100%; text-align:center;}
.bt1 h2{ font-size:32px; }
.bt1 p{ font-size:16px; color:#666; padding-top:14px;}
.cont1 ul{ width:100%; height:auto; padding-top:30px; padding-bottom:40px;}
.cont1 ul li{ width:24.25%; float:left; margin-right:1%;}
.cont1 ul li:nth-child(4n) { margin-right:0px;} 
.cont1 ul li img{ width:100%; display:block;cursor: pointer;transition: all 0.8s;}
.cont1 ul li img:hover{transform: scale(1.1);}
.cont1 ul li p{ width:100%; height:60px; background:#00498D; color:#fff; text-align:center; line-height:60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.detailEnter { display: block; width:200px; margin:0 auto; line-height: 58px;height: 58px ;text-align: center; font-size: 17px; color: #fff; background:#DE404C;margin-top:0px; }
.detailEnter:hover{ color:#fff; text-decoration:underline;}

.introduce { width:1240px; margin:20px auto 70px auto;}
.introduceTit h2 { font-size: 16px; line-height: 28px; font-weight: bold; color: #1375C0; margin-bottom: 10px;}
.introduceTit img{ max-width:100%;}
.introduceTit p { font-size:40px; line-height: 52px; color: #183345; font-weight:bold;}
.introduceTit { margin-bottom: 20px; position: relative; padding-bottom: 20px;}
.introduceTxt{ background:url(../images/a5.png) left top no-repeat; padding-left:60px;text-align: justify;}
.introduceTxt span { line-height: 28px; font-size: 14px; margin-bottom: 20px; font-weight:bold; color: #00498D; }
.introduceArt { float: right; width: 553px;}

.introduceTxt a.detailEnter { display: block; width: 180px; line-height: 58px; text-align: center; font-size: 14px; color: #ffffff; background:#183345;margin-top:80px; border-radius: 4px;}
.introduceTxt a.detailEnter i {font-size: 0; display: inline-block; background: url(../images/a2.png) center no-repeat; width:24px; height:24px; background-size: 100% auto; margin-left: 20px;
vertical-align: -5px;}
.introduceImg { float: left; overflow: hidden;width:639px; height:  auto;}
.introduceImg img { display: block; width: 100%; height: auto; object-fit: cover;}

.detailEnter1 { display: block; width:200px; line-height: 58px; text-align: center; font-size: 17px; color: #fff; background:#DE404C;margin-top:30px; }
.detailEnter1:hover{ color:#fff; text-decoration:underline;}


.cont2{ width:100%; height:auto; background: url(../images/a6.png) center no-repeat; padding:120px 0px 240px 0px; color:#fff;}
.cont2z{ width:1240px; height:auto; margin:0 auto;}
.cont2z h3{ width:130px; height:40px; color:#fff; background:#00498D;  line-height:40px; text-align:center; font-weight:400; line-height:40px;}
.cont2z h2{ font-size:36px;font-family: Arial; line-height:46px;padding-top:40px;}
.cont2z p{ line-height:30px; padding-top:25px;}

.cont3{ width:1240px; height:auto;  margin: -98px auto 0; z-index:9;}
.cont3 li{ width:32%; float:left; margin-right:2%; background:#fff; height:auto; padding:60px 0px;box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08); color:#fff; text-align:center;}
.cont3 li img{ display:inline-block;}
.cont3 li:nth-child(3n){ margin-right:0px;} 
.cont3 li h2{ font-size:20px; padding:15px 0px 10px 0px;;}
.cont3 li p{ width:80%; margin:0 auto; height:46px; line-height:23px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }

.cont4{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}

/* 选项卡示例样式 */
.main3 {width:1240px;margin:0px auto;}
.tab1 {overflow: hidden;width: 100%;height:68px;cursor: pointer;}
.tab1 li {float: left;width:19.2%;text-align: center;line-height:68px;height:68px; color:#333; background:#F2F2F2; margin-right:1%; font-size:16px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tab1 li:nth-child(5n) { margin-right:0px;}
.tab1 li.on {background:#00498D; color:#fff;}
.con1 {width: 100%; padding-top:45px;}
.con1 li{ width:23.5%; height:auto; float:left; margin-right:2%;border-top: 4px solid var(--00588-d, #fff);transition: all 0.8s; text-align:center;}
.con1 li:nth-child(4n) { margin-right:0px;}
.con1 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.con1 li img:hover{transform: scale(1.1);}
.con1 li p{ width:90%; height:60px; line-height:30px;color: var(--6-c-584-a, #333); text-align:center; margin:0 auto;}
.con1 li h2{ margin:40px auto;opacity:0;transition: all 0.8s;}
.con1 li h2 img{ width:24px; height:24px; text-align:center; display:inline-block;}
.con1 li:hover  {border-top: 4px solid var(--00588-d, #00498D);background: #FFF;
box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);}
.con1 li:hover h2{opacity:1;}

.cont5{ width:100%; height:auto; background:url(../images/b6.png) center bottom no-repeat; padding:70px 0px;}
.cont5z{ width:1240px; height:auto; margin: auto;}
.cont51{ width:300px; float:left;}
.cont51 h3{ width:130px; height:40px; color:#fff; background:#00498D;  line-height:40px; text-align:center; font-weight:400; line-height:40px;}
.cont51 h2{color: var(--333, #333); line-height:46px; padding-top:50px;
font-size: 36px;}

.sideMen{ width:750px; float:right; }
.sideMen h6{ height:56px; line-height:56px;  padding-bottom:15px;border-bottom: 1px solid rgba(0, 0, 0, 0.10);cursor:pointer; font-size:16px; color:#333;margin-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sideMen h6.on{;border-bottom: 1px solid rgba(0, 0, 0, 0.10);margin-bottom:0px;padding-bottom:15px;}
.sideMen h6 em{ float:right; display:block; width:24px; height:24px; margin-top:16px; margin-right:20px;   background:url(../images/k5.png) center left no-repeat;; }
.sideMen h6 .on em{  width:24px; height:24px; background:url(../images/k6.png) center left no-repeat !important;;}
.sideMen .xn{ padding:20px 0px; color:#333; line-height:25px; }
.sideMen .xn p{  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.sideMen .xn a{ color:#00498D; padding:30px 0px 0px 0px;;display:block; ;}


.footer{ width:100%; height:auto;background: #0C0934;;}
.foot{ width:1240px; height:auto; margin:0 auto;}
.foote{ width:1240px; height:auto; margin:0 auto; padding-bottom:25px;}
.ft2{ width:100%; height: auto; margin-top:60px; padding-bottom:30px; color:#fff;}
.ft2 li{  height:auto; float:left; line-height:36px; padding-left:80px; font-size:16px;}
.ft2 li p{ width:100%; height:40px; line-height:40px; text-align:center; color:fff;}
.ft2 li a{ width:100%; height:40px; line-height:40px; display:block; color:#fff;;}
.ft2 li a:hover{ text-decoration:underline;}
.ft2 span{ width:100%; display:block; height:40px; line-height:40px; color:#fff;font-weight: 700;;}
.ft2 span img{ float:left; padding-top:11px; padding-right:5px;}
.ft2 li:nth-child(1){ padding-left:0px;}
.ft2 li:nth-child(4){ border:0px;}
.ft2 li:nth-child(3){ width:225px; text-align:center;}
.ft2 li:nth-child(3) img{ margin-top:15px; display:inline-block;}
.fotd{ width:100%; line-height:30px; padding:20px 0px; margin-top:10px; text-align:center;color: rgba(255, 255, 255, 0.3); border-top:1px solid rgba(255, 255, 255, 0.1)}

#bannera{width:100%; height:400px; margin:0 auto;margin-bottom:0px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center;}
.bread{ width:100%; height:52px; font-size:14px; background:#F2F2F2; border-bottom:1px solid rgba(0, 0, 0, 0.10); color:#999;}
.breadz{ width:1240px; height:52px; margin:0 auto; line-height:52px; overflow:hidden;}
.bread1{ width:auto; float:right;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 52px;}
.bread1 a{color: #fff;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #fff; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover, .bread1 li.active a{color: #fff;;}
.bread1 a:hover:before, .bread1 li.active a:before{width: 100%;}
.bread2{ width:auto; float:left; color:#666;background:url(../images/j1.png) left center no-repeat; padding-left:30px; }
.bread2 a{ color: #666; }
.bread2 a:hover{ color:#DE404C;}

.ab1{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.ab1 h2 { font-size: 16px; line-height: 28px; font-weight: bold; color: #1375C0; margin-bottom: 10px;}
.ab1 img{ max-width:100%;}
.ab1 p { font-size:40px; line-height: 52px; color: #183345; font-weight:bold;}

.introduceTxt1{text-align: justify; padding-top:30px;}
.introduceTxt1 span { line-height: 28px; font-size: 14px; margin-bottom: 20px; font-weight:bold; color: #00498D; }
.ab2{ width:100%; height:auto; padding:120px 0px; background-size:cover;background:url(../images/b13.png)  center no-repeat;}
.ab2 ul{ width:1240px; height:auto; margin:0 auto;}
.ab2 li{ width:32%; float:left; margin-right:2%; text-align:center; background: var(--60, rgba(255, 255, 255, 0.60));
/* 0.4背景模糊 */
backdrop-filter: blur(12.5px); height:auto; padding:60px 0px;}
.ab2 li img{ display:inline-block;}
.ab2 li:nth-child(3n){ margin-right:0px;} 
.ab2 li h2{ font-size:20px; color:#00498D; padding:15px 0px 10px 0px;;}
.ab2 li p{ width:80%; margin:0 auto; height: 75px; color:#333; line-height:25px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; }

.ab3{ width:1240px; margin:0 auto; height:auto; padding:70px 0px 40px 0px;; }
.ab3 li{ width:32%; float:left; margin-right:2%; margin-bottom:30px;}
.ab3 li:nth-child(3n){ margin-right:0px;}
.ab3 li img{ width:100%;cursor: pointer;transition: all 0.8s;}
.ab3 li img:hover{transform: scale(1.1);box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);
}
.ab3 li p{ width:96%; line-height:50px; text-align:center; margin:0 auto; font-size:16px;}

.product{ width:1240px; height:auto; padding:70px 0px; margin:0 auto;}
.product1{ width:100%; height:auto;}
.product1 a{float: left;width:13%;text-align: center;line-height:68px;height:68px; color:#333; background:#F2F2F2; margin-right:0.6%; display:block; padding-left:4px;padding-right:4px;font-size:15px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product1 a:nth-child(7n) { margin-right:0px;}
.product1 a:hover {background:#00498D; color:#fff;}
.product2 ul{ width:100%; height:auto; padding-top:40px;}

.product2 li{ width:23.5%; height:auto; float:left; margin-right:2%;border-top: 4px solid var(--00588-d, #fff);transition: all 0.8s; text-align:center;}
.product2 li:nth-child(4n) { margin-right:0px;}
.product2 li img{ width:100%;height: 290px;cursor: pointer;transition: all 1.2s;}
.product2 li img:hover{transform: scale(1.1);}
.product2 li p{ width:90%; height:60px; line-height:30px;color: var(--6-c-584-a, #333); text-align:center; margin:0 auto;}
.product2 li h2{ margin:40px auto;opacity:0;transition: all 0.8s;}
.product2 li h2 img{ width:24px; height:24px; text-align:center; display:inline-block;}
.product2 li:hover  {border-top: 4px solid var(--00588-d, #00498D);background: #FFF;
box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);}
.product2 li:hover h2{opacity:1;}

#nx_pg{width:100%;  padding:5px 0px 0px 0px; text-align:center; margin-top:10px;}
#nx_pg li{ display:inline-block;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#DE404C;border:1px solid #DE404C; color:#fff;}
#nx_pg .on{ background:#DE404C;border:1px solid #DE404C; color:#fff;}


.prod{ width:1240px; height:auto; padding:70px 0px; margin:0 auto;}
.prod h2{ width:100%;color: var(--333, #333); line-height:50px; padding-top:40px; font-size: 32px;}
.prod1{ width:430px; height:auto; float:left; margin-top:50px;}
.prod1 img { width:100%}
.prd1{ width:100%; height:auto; padding-top:20px;}
.prd1 a{ width: 48%;height: 52px;border: 1px solid #DE404C; color:#DE404C; margin-right:4%; float:left; text-align:center; line-height:52px;box-sizing: border-box;}
.prd1 a:nth-child(2n) { margin-right:0px;}
.prd1 a:nth-child(1){ background:#DE404C; color:#fff;border: 1px solid #DE404C;}

.prd1 a:hover{ text-decoration:underline;}
.prod2{ width:760px; float:right; margin-top:50px;}
.prod2 img{ max-width:100%;}


.case2{ width:100%; height:auto; padding-top:40px;}
.case2 li{ width:31%; height:auto; float:left; margin-right:2%;border-top: 4px solid var(--00588-d, #fff);transition: all 0.8s; text-align:center; margin-bottom:30px;}
.case2 li:nth-child(3n) { /*margin-right:0px;*/}
.case2 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.case2 li img:hover{transform: scale(1.1);}
.case2 li p{ width:100%; height:40px; line-height:40px;color: var(--6-c-584-a, #333); text-align:left; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.ar1{ width:1240px; height:auto; margin:0 auto; background:#fff; padding:40px 60px 50px 60px;;box-sizing: border-box; margin-bottom:35px; }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:60px; line-height:60px; text-align:left; margin-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.10);}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 181px;height: 52px;border: 1px solid #DE404C; background:#DE404C; text-align:center; line-height:52px; margin-top:50px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline;}
.vrt{width: auto;
    display: flex;
}
.vrt ul{width:100%;}
.vrt ul li{width: 30%;
    height: 100px;
    float: left;
    margin-right: 33px;
    margin-bottom: 40px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    overflow: hidden;} 
.a1rtile1{ max-width:1240px; height:auto; margin:60px auto 70px auto;;}
.a1rte1 ul{ margin-bottom:40px;}
.a1rte1 li{ width:100%; margin:0 auto;; height:390px; margin-bottom:40px;  transition:all 0.5s; background:#fff;box-sizing: border-box;;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:310px; height:390px; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:310px; height:390px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height:390px;overflow: hidden;padding-left:40px;box-sizing: border-box; }
.a1rt21 h3{ width:130px; height:40px; text-align:center; line-height:40px; background:#F2F2F2; color:#333; font-weight:400;}
.a1rt21 h2{ width:96%; font-size:24px; color:#333;transition:all 0.5s; height: auto; margin-top:45px;  line-height:30px; height:30px; margin-bottom:10px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.a1rt21 .a1rt_p1{ width:96%; height:90px; line-height:30px; margin-top:35px;transition:all 0.5s; color:#666 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;;}
.a1rt21 .a1rt2_11{ width:96%; height:40px; line-height:40px; padding-top:35px;}
.a1rt21 .a1rt2_11 span{ color:#fff; font-size:16px;background: #DE404C;; display:block;width:180px; margin-top:15px;height: 49px;text-align:center; line-height:49px; ;transition:all 0.5s; }

.a1rte1 li:hover .a1rt21 .a1rt2_11 span{ text-decoration:underline;}

.artilh1{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;;}
.artilh11{ width:100%; height:auto; }
.artilh11 li{ width:32%; float:left; margin-right:2%;border: 1px solid var(--gray-6, #F2F2F2);
background: var(--white, #FFF);box-sizing: border-box; margin-bottom:35px;}
.artilh11 li:nth-child(3n) { margin-right:0px;}
.artilh11 li img{ width:100%; height:auto;}
.artilh11 li .artlih{ width:100%; height:auto; padding:30px 20px;box-sizing: border-box;}
.artilh11 li .artlih h2{ width:100%; height:48px; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.artilh11 li .artlih .art321{ width:100%; height:72px; line-height:24px; padding-top:15px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.artilh11 li:hover{box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);}

.abt1{ width:1240px; height:auto; margin:0 auto; padding:70px 0px;}
.abt11{ width:590px; height:auto; float:left;}
.abt11 img{ width:100%;}
.abt12 { width:590px; height:auto; float:right; padding-top:30px;}
.abt12t{ width:100%;}
.abt12t span{color: var(--00588-d, #00498D);font-family: Roboto;font-size: 16px; font-weight:700;}
.abt12t h2{color: var(--333, #333);font-family: Roboto;font-size: 32px;font-style: normal;font-weight: 700; padding-top:20px; padding-bottom:10px;}
.abt12t p{color: var(--666, #666);font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 400;}
.abt12d ul{ padding-top:90px;}
.abt12d li{ width:100%; height:67px; padding-bottom:60px;}
.abt12d li img{ float:left; padding-right:20px;}
.abt12d li h2{font-size: 14px;color: var(--183345, #666); font-weight:700; line-height:30px;}
.abt12d li p{ color:666; font-size:19px; font-weight:bold;color: var(--183345, #00498D);}
.ab2t{ width:1240px; height:auto; margin:60px auto 65px auto;}
.ft4{ max-width:100%; margin:15px auto 0px auto;}
.bt2t{ width:100%; height:auto; text-align:left;}
.bt2t h2{ font-size:30px; line-height:50px; font-weight:normal; color:#333; padding-bottom:5px;}
.bt2t span{ color:#666; padding-bottom:20px; display:block;}
.bt2t b{ font-size:24px; color:#FFB84B;; font-weight:bold;}
.jon11{ width:48%; height:60px; margin-bottom:20px; float:left; margin-right:2% }
.jon11:nth-child(2){ margin-right:0px;}
.jon11:nth-child(4){ margin-right:0px; float:right;}
.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;border: 1px solid var(--gray-5, #E0E0E0);
;box-sizing: border-box;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#BDBDBD 1px solid;  }
.jon41{ width:98%; height:120px; margin-bottom:20px; display:block;}
.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px;border: 1px solid var(--gray-5, #E0E0E0);
box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#BDBDBD 1px solid;  }
.jon51{ width:200px; height:48px;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#DE404C;;;;border-radius:3px;}
.jon51 button:hover{ text-decoration:underline; color:#fff;}
input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}



.tp{ width:100%; height:110px;}

@media(max-width:1260px){
.headerbox{width: 100%; padding: 0 3%;}
.nav li{padding-left: 30px;}


}
@media(max-width:1000px){
.header{position: fixed;width: 100%;height: 60px; top: 0;background: #fff;left: 0;z-index: 100;}
.logo img{height: 40px;width: auto;}
.dhbtn{position: absolute;width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center #00498D;background-size: 20px 20px; right: 3%; top: 15px;}
.dhbtn.on{background: url(../images/d2.png) no-repeat center center #00498D;background-size: 20px 20px;}
.nav{position: fixed;width: 200px; height: calc(100% - 60px);top: 60px;left: -200px;background: #fff;}
.yzxz{display: none;}
.nav{ padding-left:0px;}
.nav li{float: none; padding: 0; }
.nav li h3 a{width: 100%; padding: 0 15px;box-sizing: border-box; line-height: 42px; border-bottom: 1px solid #eee;}
.sub{position: static; width:100%; }
.sub dt a{text-align: left; padding-left: 30px;box-sizing: border-box;}
.dhbj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);top: 0;left: 0;z-index: 10;display: none;}
.banner{margin-top: 60px;}
.banner .swiper-button-next{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.banner .swiper-button-prev{width: 25px;height: 25px; margin-top: -13px;background-size: 100% 100%;}
.headt{ width:100%; height:50px; line-height:50px; background:#0C0934; color:#fff; display:none;}
.tp{ width:100%; height:0px;}

.cont1{ width:96%; height:auto; margin:0 auto; padding:30px 0px;}
.bt1{ width:100%; text-align:center;}
.bt1 h2{ font-size:18px; line-height:28px; }
.bt1 p{ font-size:12px; color:#666; padding-top:5px; line-height:20px;}
.cont1 ul{ width:100%; height:auto; padding-top:15px; padding-bottom:20px;}
.cont1 ul li{ width:49%; float:left; margin-right:2%; margin-bottom:20px;}
.cont1 ul li:nth-child(2n) { margin-right:0px;} 
.cont1 ul li img{ width:100%; display:block;cursor: pointer;transition: all 0.8s;}
.cont1 ul li img:hover{transform: scale(1.1);}
.cont1 ul li p{ width:100%; height:50px; background:#00498D; color:#fff; text-align:center; line-height:50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.detailEnter { display: block; width:140px; margin:0 auto; line-height: 48px;height: 48px ;text-align: center; font-size: 14px; color: #fff; background:#DE404C;margin-top:0px; }
.detailEnter:hover{ color:#fff; text-decoration:underline;}

.introduce { width:96%; margin:20px auto 40px auto;}
.introduceTit h2 { font-size: 16px; line-height: 28px; font-weight: bold; color: #1375C0; margin-bottom: 0px;}
.introduceTit img{ max-width:70%;}
.introduceTit p { font-size:20px; line-height: 32px; color: #183345; font-weight:bold;}
.introduceTit { margin-bottom:5px; position: relative; padding-bottom: 10px;}
.introduceTxt{ background:none;; padding-left:0px; text-align: justify;}
.introduceTxt span { line-height: 28px; font-size: 14px; margin-bottom: 10px; font-weight:bold; color: #00498D; }
.introduceArt { float: none;; width: 100%; padding-bottom:20px;}

.introduceTxt a.detailEnter { display: block; width: 130px; line-height: 48px; text-align: center; font-size: 14px; color: #ffffff; background:#183345;margin-top:30px; border-radius: 4px; margin-bottom:20px;}
.introduceTxt a.detailEnter i {font-size: 0; display: inline-block; background: url(../images/a2.png) center no-repeat; width:24px; height:24px; background-size: 100% auto; margin-left: 20px;
vertical-align: -5px;}
.introduceImg { float: left; overflow: hidden;width:100%; height:  auto;}
.introduceImg img { display: block; width: 100%; height: auto; object-fit: cover;}

.detailEnter1 { display: block; width:130px; line-height: 48px; text-align: center; font-size: 14px; color: #fff; background:#DE404C;margin-top:20px; }
.detailEnter1:hover{ color:#fff; text-decoration:underline;}


.cont2{ width:100%; height:auto; background: url(../images/a6.png) center no-repeat; padding:60px 0px 120px 0px; color:#fff;}
.cont2z{ width:96%; height:auto; margin:0 auto;}
.cont2z h3{ width: 130px;; height:30px; color:#fff; background:#00498D;  line-height:30px; text-align:center; font-weight:400; line-height:30px;}
.cont2z h2{ font-size:18px;font-family: Arial; line-height:30px;padding-top:20px;}
.cont2z p{ line-height:30px; padding-top:15px;}

.cont3{ width:96%; height:auto;  margin: -38px auto 0; z-index:9;}
.cont3 li{ width:49%; float:left; margin-right:2%; background:#fff; height:auto; padding:10px 0px;box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08); color:#fff; text-align:center;}
.cont3 li img{ display:inline-block; width:30%;}
.cont3 li:nth-child(2n){ margin-right:0px;} 
.cont3 li:nth-child(3){ margin-right:0px; display:none;} 
.cont3 li h2{ font-size:18px; padding:6px 0px 4px 0px;;}
.cont3 li p{ width:96%; margin:0 auto; height:46px; line-height:23px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }

.cont4{ width:96%; height:auto; margin:0 auto; padding:40px 0px;}

/* 选项卡示例样式 */
.main3 {width:100%;margin:0px auto;}
.tab1 {overflow: hidden;width: 100%;height:45px;cursor: pointer;}
.tab1 li {float: left;width:48%;text-align: center;line-height:45px;height:45px; color:#333; background:#F2F2F2; margin-right:1%; font-size:14px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tab1 li:nth-child(5n) { margin-right:0px;}
.tab1 li.on {background:#00498D; color:#fff;}
.con1 {width: 100%; padding-top:20px;}
.con1 li{ width:49%; height:auto; float:left; margin-right:2%;border-top: 4px solid var(--00588-d, #fff);transition: all 0.8s; text-align:center;}
.con1 li:nth-child(2n) { margin-right:0px;}
.con1 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.con1 li img:hover{transform: scale(1.1);}
.con1 li p{ width:90%; height:60px; line-height:30px;color: var(--6-c-584-a, #333); text-align:center; margin:0 auto;}
.con1 li h2{ margin:20px auto;opacity:0;transition: all 0.8s; display:none;}
.con1 li h2 img{ width:24px; height:24px; text-align:center; display:inline-block;}
.con1 li:hover  {border-top: 4px solid var(--00588-d, #00498D);background: #FFF;
box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);}
.con1 li:hover h2{opacity:1;}

.cont5{ width:100%; height:auto; background:url(../images/b6.png) right bottom no-repeat; padding:40px 0px;}
.cont5z{ width:96%; height:auto; margin: auto;}
.cont51{ width:300px; float:left; display:none;}
.cont51 h3{ width:130px; height:40px; color:#fff; background:#00498D;  line-height:40px; text-align:center; font-weight:400; line-height:40px;}
.cont51 h2{color: var(--333, #333); line-height:46px; padding-top:50px;
font-size: 36px;}

.sideMen{ width:96%; float:none;; }
.sideMen h6{ height:40px; line-height:40px;  padding-bottom:5px;border-bottom: 1px solid rgba(0, 0, 0, 0.10);cursor:pointer; font-size:16px; color:#333;margin-bottom:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sideMen h6.on{;border-bottom: 1px solid rgba(0, 0, 0, 0.10);margin-bottom:0px;padding-bottom:5px;}
.sideMen h6 em{ float:right; display:block; width:24px; height:24px; margin-top:2px; margin-right:20px;   background:url(../images/k5.png) center left no-repeat;; }
.sideMen h6 .on em{  width:24px; height:24px; background:url(../images/k6.png) center left no-repeat !important;;}
.sideMen .xn{ padding:10px 0px; color:#333; line-height:20px; }
.sideMen .xn p{  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.sideMen .xn a{ color:#00498D; padding:10px 0px 0px 0px;;display:block; ;}


.footer{ width:100%; height:auto;background: #0C0934;;}
.foot{ width:1240px; height:auto; margin:0 auto; display:none;}
.foote{ width:96%; height:auto; margin:0 auto; padding-bottom:25px;}
.ft2{ width:100%; height: auto; margin-top:60px; padding-bottom:30px; color:#fff;}
.ft2 li{  height:auto; float:left; line-height:36px; padding-left:80px; font-size:16px;}
.ft2 li p{ width:100%; height:40px; line-height:40px; text-align:center; color:fff;}
.ft2 li a{ width:100%; height:40px; line-height:40px; display:block; color:#fff;;}
.ft2 li a:hover{ text-decoration:underline;}
.ft2 span{ width:100%; display:block; height:40px; line-height:40px; color:#fff;font-weight: 700;;}
.ft2 span img{ float:left; padding-top:11px; padding-right:5px;}
.ft2 li:nth-child(1){ padding-left:0px;}
.ft2 li:nth-child(4){ border:0px;}
.ft2 li:nth-child(3){ width:225px; text-align:center;}
.ft2 li:nth-child(3) img{ margin-top:15px; display:inline-block;}
.fotd{ width:100%; line-height:20px; padding:20px 0px; margin-top:0px; text-align:center;color: rgba(255, 255, 255, 0.3); border-top:0px solid rgba(255, 255, 255, 0.1)}

#bannera{width:100%; height:110px;;margin-top:60px; padding-bottom:0px; border-bottom:#fafafa 0px solid; background-position:center center; background-size:auto 100% ;}
.bread{ width:100%; height:42px; font-size:14px; background:#F2F2F2; border-bottom:1px solid rgba(0, 0, 0, 0.10); color:#999;}
.breadz{ width:96%; height:42px; margin:0 auto; line-height:42px; overflow:hidden;}
.bread1{ width:auto; float:right;}
.bread1 li{float: left; padding-right:30px; font-size: 16px; line-height: 52px;}
.bread1 a{color: #fff;display: block;position: relative;}
.bread1 a:before{position: absolute; content: ""; border-bottom: 1px solid #fff; width: 0;bottom: 0px;left:50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;}
.bread1 a:hover, .bread1 li.active a{color: #fff;;}
.bread1 a:hover:before, .bread1 li.active a:before{width: 100%;}
.bread2{ width:auto; float:left; color:#666;background:url(../images/j1.png) left center no-repeat; padding-left:30px; }
.bread2 a{ color: #666; }
.bread2 a:hover{ color:#DE404C;}

.ab1{ width:96%; height:auto; margin:0 auto; padding:30px 0px;}
.ab1 h2 { font-size: 14px; line-height: 28px; font-weight: bold; color: #1375C0; margin-bottom:5px;}
.ab1 img{ max-width:100%;}
.ab1 p { font-size:20px; line-height: 32px; color: #183345; font-weight:bold;}

.introduceTxt1{text-align: justify; padding-top:15px;}
.introduceTxt1 span { line-height: 28px; font-size: 14px; margin-bottom: 20px; font-weight:bold; color: #00498D; }
.ab2{ width:100%; height:auto; padding:50px 0px; background-size:cover;background:url(../images/b13.png)  center no-repeat;}
.ab2 ul{ width:96%; height:auto; margin:0 auto;}
.ab2 li{ width:49%; float:left; margin-right:2%; text-align:center; background: var(--60, rgba(255, 255, 255, 0.60));
/* 0.4背景模糊 */
backdrop-filter: blur(12.5px); height:auto; padding:30px 0px;}
.ab2 li img{ display:inline-block;}
.ab2 li:nth-child(2n){ margin-right:0px;} 
.ab2 li:nth-child(3n){ margin-right:0px; display:none;} 
.ab2 li h2{ font-size:20px; color:#00498D; padding:10px 0px 10px 0px;;}
.ab2 li p{ width:96%; margin:0 auto; height:50px; color:#333; line-height:25px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden; }

.ab3{ width:96%; margin:0 auto; height:auto; padding:40px 0px 30px 0px;; }
.ab3 li{ width:49%; float:left; margin-right:2%; margin-bottom:10px;}
.ab3 li:nth-child(2n){ margin-right:0px;}
.ab3 li:nth-child(3){ margin-right:2%;}
.ab3 li img{ width:100%;cursor: pointer;transition: all 0.8s;}
.ab3 li img:hover{transform: scale(1.1);box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);
}
.ab3 li p{ width:96%; line-height:50px; text-align:center; margin:0 auto; font-size:16px;}

.product{ width:96%; height:auto; padding:40px 0px; margin:0 auto;}
.product1{ width:100%; height:auto;}
.product1 a{float: left;width:49%;text-align: center; margin-bottom:10px;line-height:48px;height:48px; color:#333; background:#F2F2F2; margin-right:2%; display:block; padding-left:0px;padding-right:0px;font-size:14px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product1 a:nth-child(2n) { margin-right:0px;}
.product1 a:hover {background:#00498D; color:#fff;}
.product2 ul{ width:100%; height:auto; padding-top:20px;}

.product2 li{ width:49%; height:auto; float:left; margin-right:2%;border-top: 4px solid var(--00588-d, #fff);transition: all 0.8s; text-align:center;}
.product2 li:nth-child(2n) { margin-right:0px;}
.product2 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.product2 li img:hover{transform: scale(1.1);}
.product2 li p{ width:90%; height:50px; line-height:25px;color: var(--6-c-584-a, #333); text-align:center; margin:0 auto;}
.product2 li h2{ margin:40px auto;opacity:0;transition: all 0.8s; display:none;}
.product2 li h2 img{ width:24px; height:24px; text-align:center; display:inline-block;}
.product2 li:hover  {border-top: 4px solid var(--00588-d, #00498D);background: #FFF;
box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);}
.product2 li:hover h2{opacity:1;}

#nx_pg{width:100%;  padding:5px 0px 0px 0px; text-align:center; margin-top:10px;}
#nx_pg li{ display:inline-block; margin-bottom:6px;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #e1d7e0; color:#9a9a9a;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#DE404C;border:1px solid #DE404C; color:#fff;}
#nx_pg .on{ background:#DE404C;border:1px solid #DE404C; color:#fff;}


.prod{ width:96%; height:auto; padding:40px 0px; margin:0 auto;}
.prod h2{ width:100%;color: var(--333, #333); line-height:25px; padding-top:10px; font-size:20px;}
.prod1{ width:100%; height:auto; float:none;; margin-top:0px; padding-bottom:20px;}
.prod1 img { width:100%}
.prd1{ width:100%; height:auto; padding-top:20px;}
.prd1 a{ width: 48%;height: 52px;border: 1px solid #DE404C; color:#DE404C; margin-right:4%; float:left; text-align:center; line-height:52px;box-sizing: border-box;}
.prd1 a:nth-child(2n) { margin-right:0px;}
.prd1 a:nth-child(1){ background:#DE404C; color:#fff;border: 1px solid #DE404C;}

.prd1 a:hover{ text-decoration:underline;}
.prod2{ width:100%; float:none;; margin-top:20px; padding-top:20px;}
.prod2 img{ max-width:100%;}


.case2{ width:100%; height:auto; padding-top:20px;}
.case2 li{ width:49%; height:auto; float:left; margin-right:2%;border-top: 4px solid var(--00588-d, #fff);transition: all 0.8s; text-align:center; margin-bottom:20px;}
.case2 li:nth-child(2n) { margin-right:0px;}
.case2 li img{ width:100%;cursor: pointer;transition: all 1.2s;}
.case2 li img:hover{transform: scale(1.1);}
.case2 li p{ width:100%; height:40px; line-height:40px;color: var(--6-c-584-a, #333); text-align:left; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.ar1{ width:96%; height:auto; margin:0 auto; background:#fff; padding:20px 10px 30px 10px;;box-sizing: border-box; margin-bottom:35px; }
#info-T{width:100%; min-height:26px; padding-top:30px; color:#242424; padding-bottom:15px; line-height:26px; text-align:left; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:40px; line-height:40px; text-align:left; margin-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.10);}
#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}
#info-C img{ max-width:100%;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}
.fh{ width: 181px;height: 52px;border: 1px solid #DE404C; background:#DE404C; text-align:center; line-height:52px; margin-top:50px;}
.fh a{ color:#fff;}
.fh:hover a{ text-decoration:underline;}
.vrt{width: auto;
    display: flex;
}
.vrt ul{width:100%;}
.vrt ul li{width: 48%;
    height: 70px;
    float: left;
    margin-right: 6px;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    overflow: hidden;} 
.a1rtile1{ max-width:96%; height:auto; margin:40px auto 30px auto;;}
.a1rte1 ul{ margin-bottom:30px;}
.a1rte1 li{ width:100%; margin:0 auto;; height:100px; margin-bottom:20px;  transition:all 0.5s; background:#fff;box-sizing: border-box;;}
.x1man1{ width:100%;  margin:0 auto;transition:all 0.8s; }
.a1rt11{ width:80px; height:100px; float:left;  overflow:hidden; position:relative;}
.a1rt11 img{width:80px; height:100px; display:block;cursor: pointer;transition: all 1.2s;}
.a1rt11 img:hover{transform: scale(1.1);}

.a1rt21{ height:100px;overflow: hidden;padding-left:15px;box-sizing: border-box; }
.a1rt21 h3{ width:130px; height:40px; display:none; text-align:center; line-height:40px; background:#F2F2F2; color:#333; font-weight:400;}
.a1rt21 h2{ width:96%; font-size:20px; color:#333;transition:all 0.5s; height: auto; margin-top:0px;  line-height:30px; height:30px; margin-bottom:0px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.a1rt21 .a1rt_p1{ display:none; width:96%; height:30px; line-height:30px; margin-top:0px;transition:all 0.5s; color:#666 ;  font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;;}
.a1rt21 .a1rt2_11{ width:96%; height:30px; line-height:30px; padding-top:0px;}
.a1rt21 .a1rt2_11 span{ color:#fff; font-size:14px;background: #DE404C;; display:block;width:120px; margin-top:0px;height: 30px;text-align:center; line-height:30px; ;transition:all 0.5s; }

.a1rte1 li:hover .a1rt21 .a1rt2_11 span{ text-decoration:underline;}

.artilh1{ width:96%; height:auto; margin:0 auto; padding:30px 0px;;}
.artilh11{ width:100%; height:auto; }
.artilh11 li{ width:49%; float:left; margin-right:2%;border: 1px solid var(--gray-6, #F2F2F2);
background: var(--white, #FFF);box-sizing: border-box; margin-bottom:25px;}
.artilh11 li:nth-child(2n) { margin-right:0px;}
.artilh11 li img{ width:100%; height:auto;}
.artilh11 li .artlih{ width:100%; height:auto; padding:10px 3px;box-sizing: border-box;}
.artilh11 li .artlih h2{ width:100%; height:40px; line-height:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;font-size: 14px;}
.artilh11 li .artlih .art321{ width:100%;font-size: 12px; height:40px; line-height:20px; padding-top:5px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.artilh11 li:hover{box-shadow: -20px 40px 100px 0px rgba(88, 92, 98, 0.04), -15px 40px 100px 0px rgba(66, 0, 255, 0.08);}

.abt1{ width:96%; height:auto; margin:0 auto; padding:40px 0px;}
.abt11{ width:100%; height:auto; float:none; margin:0 auto;;}
.abt11 img{ width:100%;}
.abt12 { width:100%; height:auto; float:none;; padding-top:30px;}
.abt12t{ width:100%;}
.abt12t span{color: var(--00588-d, #00498D);font-family: Roboto;font-size: 16px; font-weight:700;}
.abt12t h2{color: var(--333, #333);font-family: Roboto;font-size:22px;font-style: normal;font-weight: 700; padding-top:10px; padding-bottom:10px;}
.abt12t p{color: var(--666, #666);font-family: Roboto;font-size: 16px;font-style: normal;font-weight: 400;}
.abt12d ul{ padding-top:30px;}
.abt12d li{ width:100%; height:67px; padding-bottom:20px;}
.abt12d li img{ float:left; padding-right:10px;}
.abt12d li h2{font-size: 12px;color: var(--183345, #666); font-weight:400; line-height:18px;}
.abt12d li p{ color:666; font-size:14px; line-height:20px; font-weight:bold;color: var(--183345, #00498D);}
.ab2t{ width:96%; height:auto; margin:30px auto 35px auto;}
.ft4{ max-width:100%; margin:15px auto 0px auto;}
.bt2t{ width:100%; height:auto; text-align:left;}
.bt2t h2{ font-size:20px; line-height:40px; font-weight:normal; color:#333; padding-bottom:5px;}
.bt2t span{ color:#666; padding-bottom:20px; display:block;}
.bt2t b{ font-size:24px; color:#FFB84B;; font-weight:bold;}
.jon11{ width:48%; height:60px; margin-bottom:20px; float:left; margin-right:2% }
.jon11:nth-child(2){ margin-right:0px;}
.jon11:nth-child(4){ margin-right:0px; float:right;}
.b11{width:100%; height:60px; line-height:60px; font-size:14px; margin:0;border: 1px solid var(--gray-5, #E0E0E0);
;box-sizing: border-box;   padding:0;;box-sizing: border-box;border-radius: 2px; padding-left:5px;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; }
.b11:hover{border:#BDBDBD 1px solid;  }
.jon41{ width:98%; height:120px; margin-bottom:20px; display:block;}
.b21{width:100%; height:120px; line-height:30px;margin:0; font-size:14px;border: 1px solid var(--gray-5, #E0E0E0);
box-sizing: border-box;border-radius: 2px; padding-left:5px; }
.b21:hover{border:#BDBDBD 1px solid;  }
.jon51{ width:160px; height:44px;}
.jon51 button{ display: block; width: 100%; height: 100%; border: none; outline: none;transition: all 0.8s; font-size:16px; text-align: center; line-height: 44px; color: #fff; background:#DE404C;;;;border-radius:3px;}
.jon51 button:hover{ text-decoration:underline; color:#fff;}
input.b11::-ms-input-placeholder{ color:#666;;opacity:0.8;}
input.b11::-webkit-input-placeholder { color:#666;;opacity:0.8;}
textarea.b21::-ms-input-placeholder{ color:#666;;opacity:0.8;}
textarea.b21::-webkit-input-placeholder { color:#666;;opacity:0.8;}





}