* { padding: 0; margin: 0; box-sizing: border-box; font-family: ' '; }

ul li { list-style: none; }

a { text-decoration: none; }

a:hover { text-decoration: none; }

img { vertical-align: top; outline-width: 0ch; }

:root {  --main-color: #0c5195;
 --main-color1: #c3d600;
 --main-color-white: #ffffff;
 --main-color-555: #555555;
 --main-color-999: #999999;
 --main-color-666: #666666;
 --main-color-333: #333333;
 --main-color-888: #888888;
 --main-color-222: #222222;
 --main-transition: all ease 0.4s;
 --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
 @media only screen and (min-width: 996px) {

.pchead { width: 100%; position: fixed; top: 0; left: 0; transition: var(--main-transition); z-index: 99; height: 88px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.pcheader { max-width: 1650px; padding: 0 25px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; position: relative; height: 88px; }

.pclogo img { height: 60px; }

.logo_top { display: block; }

.logo_scroll { display: none; }

.pcnav { display: flex; align-items: center; position: relative; z-index: 99; }

.pcnav>li { position: relative; transition: var(--main-transition); }

.pcnav>li>a { display: block; height: 40px; line-height: 40px; font-size: 16px; transition: var(--main-transition); color: var(--main-color-white); padding: 0 20px; }

.pc_sec_nav { position: absolute; top: 100%; left: 0; width: 150px; background-color: var(--main-color-white); transform: rotateX(-60deg); opacity: 0; visibility: hidden; transition: var(--main-transition); }

.pc_sec_item a { color: var(--main-color-666); font-size: 14px; display: block; padding: 10px 20px; transition: var(--main-transition); }

.pcnav>li>a:hover { color: var(--main-color); font-weight: bold; background-color: var(--main-color); }

.pc_sec_item a:hover { color: var(--main-color-white) !important; background-color: var(--main-color) !important; }

.pcnav li:hover .pc_sec_nav { transform: rotateX(0deg) !important; opacity: 1 !important; visibility: visible !important; }

.pc_sec_item:hover .pc_third_nav { transform: rotateX(0deg) !important; opacity: 1 !important; visibility: visible !important; }

.pcnav li:hover { background-color: var(--main-color) !important; }

.pcnav li:hover .first_a { color: var(--main-color-white) !important; font-weight: bold; }

.pc_sec_item:hover .second_a { color: var(--main-color-white) !important; font-weight: bold; }

.third_a:hover { color: var(--main-color-white) !important; font-weight: bold; }

.pc_sec_item { position: relative; }

.pc_third_nav { position: absolute; left: 100%; top: 0; z-index: 998; width: 150px; transform: rotateX(-60deg); opacity: 0; visibility: hidden; transition: var(--main-transition); }

.third_a { color: var(--main-color-666); background-color: var(--main-color-white); }

.ml_mb_head { display: none; }

.ml_mb_nav { display: none; }

.pcsearch { border-left: 1px solid rgba(255, 255, 255, 0.1); height: 88px; display: flex; align-items: center; width: 150px; }

.pcsearch span { display: block; cursor: pointer; height: 88px; width: 88px; display: flex; align-items: center; justify-content: center; transition: var(--main-transition); }

.pcsearch input { width: 88px; height: 88px; }

.copy { width: 100%; text-align: center; padding: 15px; border-top: 1px solid #555555; background-color: #3b3d40; }

.copycon { text-align: center; max-width: 1200px; text-align: center; font-size: 14px; color: var(--main-color-999); margin: 0 auto; }

.copycon a { font-size: 14px; color: var(--main-color-999); }

.mbsearch { display: none; }

.banner { width: 100%; }

.banner img { width: 100%; }

.bgchange { background-color: var(--main-color-white); }

.bgchange .first_a { color: var(--main-color-333) !important; }

.pcindexof { position: absolute; width: 100%; padding: 20px; top: 120%; transition: var(--main-transition); left: 0; background-color: rgba(0, 30, 61, 0.5); visibility: hidden; opacity: 0; }

.pcindexofcon { display: flex; align-items: center; justify-content: space-between; border-radius: 30px; background-color: var(--main-color-white); }

.pcindexofcon input { width: 90%; border-radius: 30px; height: 48px; border: none; outline: none; padding-left: 15px; }

.index_go { cursor: pointer; display: flex; flex: 1; height: 48px; align-items: center; justify-content: center; background: #0264c9; border-top-right-radius: 30px; border-bottom-right-radius: 30px; }

.index_go span { color: var(--main-color-white); padding: 0 !important; width: auto !important; }

.index_go img { width: 30px; }

.pcsearch:hover .pcindexof { top: 100% !important; opacity: 1 !important; visibility: visible !important; }

.swiper_tab { position: absolute; display: flex; bottom: 0; left: 0; width: 45%; background-color: rgba(13, 81, 152, 0.9); z-index: 999; justify-content: right; height: 70px; }

.swiper_tab_btn { width: 170px; display: flex; align-items: center; justify-content: center; height: 70px; cursor: pointer; }

.swiper_tab_btn img { width: 30px; height: 30px; }

.swiper_tab_btn span { color: var(--main-color-white); font-size: 14px; transition: var(--main-transition); }

.swiper_tab_btn:hover span { margin: 0 5px; }

.ba_scroll { width: 60px; overflow: hidden; margin: 0 0 0 -30px; padding: 0; position: absolute; left: 50%; bottom: 10px; z-index: 99; }

.ba_scroll span { display: block; width: 100%; overflow: hidden; line-height: 20px; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; padding: 0; }

.ba_scroll p { width: 24px; height: 36px; overflow: hidden; margin: 5px auto 0; padding: 0; border: 1px solid #fff; border-radius: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.ba_scroll p i { display: block; width: 1px; height: 12px; overflow: hidden; background-color: #fff; margin: 12px auto; padding: 0; animation-name: fadeInDown; animation-duration: 1s; animation-iteration-count: infinite; }
 @keyframes 
fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}

.bannerpos { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.bannerpos h1 { color: var(--main-color-white); font-size: 60px; margin-bottom: 60px; text-align: center; }

.bannerpos a { border-radius: 40px; border: 2px solid var(--main-color-white); width: 240px; transition: var(--main-transition); height: 60px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; color: var(--main-color-white); letter-spacing: 2px; }

.bannerpos a:hover img { margin-left: 10px; }

.bannerpos img { width: 25px; transition: var(--main-transition); }

.con1 { width: 100%; padding: 55px 0; position: relative; }

.con1con { max-width: 1650px; padding: 0 25px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 10; align-items: center; }

.con1conleft { width: 48%; position: relative; }

.idxAbout_vdcon { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #c3d600; margin: 0; padding: 0; position: absolute; left: -20px; top: -20px; z-index: 8; }

.con1conleft img { width: 100%; z-index: 10; position: relative; }

.con1conright { width: 48%; }

.con1bg0 { width: 45%; left: 0; top: 0; position: absolute; height: 453px; }

.con1conright h1 { font-size: 80px; color: #cfdcea; }

.con1conright strong { font-size: 48px; color: var(--main-color-333); margin-top: -55px; display: block; position: relative; margin-bottom: 55px; }

.con1conright strong::after { content: ''; position: absolute; width: 60px; height: 2px; background-color: var(--main-color); bottom: -20px; left: 0; }

.con1conright p { font-size: 15px; color: var(--main-color-666); line-height: 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin-bottom: 45px; }

.mumping_mun { display: flex; }

.mumping_mun li { flex: 1; text-align: center; }

.mumping_mun li p { font-size: 14px; color: var(--main-color-999); }

.mun_top { display: flex; justify-content: center; }

.mun_top span { display: flex; font-size: 16px; color: var(--main-color); }

.mun_top h2 { font-size: 60px; color: var(--main-color); }

.more { width: 150px; border-radius: 30px; height: 45px; display: block; background: #c3d600; line-height: 45px; text-align: center; color: white; }

.con2 { padding: 70px 0; background-image: url(../images/bg1.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }

.con2con { max-width: 1650px; padding: 0 25px; margin: 0 auto; }

.con2title { display: flex; justify-content: center; align-items: center; margin-bottom: 45px; }

.con2title img { width: 4px; height: 30px; }

.con2title strong { font-weight: normal; font-size: 36px; color: var(--main-color); display: block; margin: 0 15px; }

.con2title span { font-size: 24px; color: var(--main-color-333); }

.con2tab { display: flex; max-width: 1650px; padding: 30px 25px; margin: 0 auto; background-color: var(--main-color); align-items: center; justify-content: center; margin-bottom: 45px; }

.con2tab span { display: block; border-radius: 40px; color: var(--main-color-white); font-size: 16px; padding: 10px 30px; cursor: pointer; }

.con2tab span:hover { color: var(--main-color) !important; background-color: var(--main-color1) !important; font-weight: bold; }

.con2fy ul { display: flex; flex-wrap: wrap; }

.con2fy ul li { width: calc((100% - 120px) / 4); margin-right: 40px; margin-bottom: 40px; background-color: var(--main-color-white); padding: 10px; transition: var(--main-transition); }

.prodiv { position: relative; border: 1px solid rgba(13, 81, 152, 0.2); }

.prodiv p { font-size: 16px; color: var(--main-color-333); padding: 10px 20px; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.prodiv em { display: block; width: 30px; height: 2px; overflow: hidden; background-color: #0d5198; margin: 0 auto 8px; padding: 0; }

.con2pos { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9; background-color: rgba(13, 81, 152, 0.9); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 20px; opacity: 0; visibility: hidden; transition: var(--main-transition); cursor: pointer; }

.con2pos img { width: 60px; height: 60px; margin-bottom: 50px; }

.con2pos p { font-size: 16px; color: var(--main-color-white); padding: 10px; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.con2pos em { background-color: var(--main-color-white); }

.con2fy ul li:nth-child(4n) { margin-right: 0; }

.con2fy ul li a img { width: 100%; transition: var(--main-transition); height: 220px; width: 220px; display: block; margin: 0 auto; object-fit: contain; }

.con2fy ul li:hover .img_1 { transform: scale(1.1); }

.con2fy ul li:hover { box-shadow: var(--main-shadow); }

.proinfo { transition: var(--main-transition); }

.con2fy ul li:hover .proinfo { opacity: 0; }

.con2fy ul li:hover .con2pos { opacity: 1 !important; visibility: visible !important; }

.imgbox { width: 100%; overflow: hidden; }

.con2 .more { display: block; margin: 0 auto; }

.choosen { background-color: var(--main-color1) !important; color: var(--main-color) !important; }

.con2fy { display: none; }

.con3 { padding: 60px 0; background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-size: cover; }

.con3con { max-width: 1650px; padding: 0 25px; margin: 0 auto; }

.con3title strong { display: block; text-align: center; color: var(--main-color-white); font-size: 36px; }

.linebox { display: flex; align-items: center; justify-content: center; }

.linebox img { width: 70px; }

.linebox span { display: block; font-size: 25px; color: var(--main-color-white); padding: 0 20px; }

.con3title p { max-width: 1200px; margin: 0 auto; color: var(--main-color-white); font-size: 14px; text-align: center; line-height: 25px; margin-top: 35px; margin-bottom: 35px; }

.con3con ul { display: flex; flex-wrap: wrap; }

.con3con ul li { width: calc((100% - 90px) / 4); margin-right: 30px; margin-bottom: 30px; cursor: pointer; position: relative; border: 1px solid transparent; transition: var(--main-transition); overflow: hidden; }

.con3con ul li:hover { transform: translateY(-15px); }

.con3con ul li:nth-child(4n) { margin-right: 0; }

.con3con ul li img { width: 100%; height: 200px; object-fit: cover; transition: var(--main-transition); }

.con3con ul li:hover img { transform: scale(1.1); }

.con3con ul li:hover .con3pos { opacity: 1 !important; visibility: visible !important; }

.con3pos { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .5); display: flex; border: 1px solid var(--main-color-white); display: flex; align-items: center; padding: 0 20px; justify-content: center; flex-direction: column; opacity: 0; visibility: hidden; }

.con3pos span { color: var(--main-color-white); font-size: 16px; padding: 15px 0; }

.con3pos .hori { width: 24px; height: 1px; background-color: var(--main-color-white); transition: var(--main-transition); }

.con3con ul li:hover .hori { width: 70px !important; }

.con3 .more { margin: 0 auto; }

.con4 { padding: 45px 0; background-image: url(../images/bg3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.con4con { max-width: 1650px; padding: 0 25px; margin: 0 auto; }

.con4title { display: flex; align-items: center; margin-bottom: 50px; justify-content: space-between; }

.con4titleleft { display: flex; align-items: center; }

.con4titleleft img { width: 4px; height: 30px; }

.con4titleleft strong { font-weight: normal; font-size: 36px; color: var(--main-color); display: block; margin: 0 15px; }

.con4titleleft span { font-size: 24px; color: var(--main-color-333); }

.con4con ul { display: flex; flex-wrap: wrap; }

.con4con ul li { width: calc((100% - 120px) / 3); margin-bottom: 40px; margin-right: 40px; padding: 15px; background-color: var(--main-color-white); position: relative; cursor: pointer; }

.con4con li { width: calc((100% - 200px) / 5); margin-bottom: 40px; margin-right: 40px; padding: 15px; background-color: var(--main-color-white); position: relative; cursor: pointer; }

.con3pos { transition: var(--main-transition); }

.con4con ul li:hover .con3pos { opacity: 1 !important; visibility: visible !important; }

.con4con li:hover .con3pos { opacity: 1 !important; visibility: visible !important; }

.con4con ul li img { width: 100%; height: 250px; object-fit: contain; }

.con4con li img { width: 100%; height: 150px; object-fit: contain; }

.con4con ul li:hover .hori { width: 70px !important; }

.con4con li:hover .hori { width: 70px !important; }

.newimgdiv { position: relative; }

.newdiv { padding: 15px; padding-bottom: 0; background-color: var(--main-color-white); }

.newdiv a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 16px; color: var(--main-color-333); transition: var(--main-transition); }

.newdiv p { font-size: 14px; color: var(--main-color-666); width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin: 10px 0; }

.go_div { padding-top: 15px; border-top: 1px solid transparent; transition: var(--main-transition); background-image: url(../images/ar.png); background-repeat: no-repeat; background-position: right 25px; font-size: 14px; color: var(--main-color-555); }

.con4con ul li:hover a { color: var(--main-color); }

.con4con ul li:hover .go_div { color: var(--main-color); background-image: url(../images/ar1.png); }

.con4 .more { margin: 0 auto; }

.foot { width: 100%; padding: 35px 0; background-color: var(--main-color); }

.footer { max-width: 1650px; padding: 0 25px; margin: 0 auto; display: flex; justify-content: space-between; }

.footerleft { width: 54%; border-right: 1px solid rgba(255, 255, 255, 0.1); }

.footerleft ul { display: flex; flex-wrap: wrap; }

.footerleft ul li { /*width: 18%;*/ position: relative; margin-bottom: 30px;         margin-right: 7%; }

/* .footerleft ul li::after {
        position: absolute;
        bottom: -15px;
        left: 0;
        content: '';
        background-color: var(--main-color-white);
        width: 32px;
        height: 2px;
    } */

.footerleft ul li a { font-size: 16px; color: var(--main-color-white); display: block; }

.footerright { flex: 1; padding: 0 25px; }

.footerright ul { display: flex; align-items: center; justify-content: right; }

.footerright ul li { margin-right: 25px; }

.footerright ul li p { text-align: center; color: var(--main-color-white); font-size: 15px; margin-top: 10px; }

.footerright ul li img { width: 120px; height: 120px; }

.inbanner { width: 100%; height: 600px; background-image: url(../images/inbanner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }

.inbanner strong { 
        text-align: center;display: block; color: var(--main-color-white); font-size: 48px; font-weight: normal; }

.innerdiv { position: relative; }

.inbanner span { display: block; font-size: 25px; text-align: center; color: rgba(255, 255, 255, 0.5); }

.innerdiv::after { position: absolute; bottom: -20px; content: ''; width: 70px; height: 3px; background-color: var(--main-color-white); left: 50%; transform: translateX(-50%); }

.aboutus1 p { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1000 }

.aboutus2 { padding: 60px 0; width: 100%; }

.aboutus2con { width: 100%; }

.aboutustitle { margin-bottom: 35px; }

.aboutustitle strong { display: block; font-size: 32px; color: var(--main-color-333); text-align: center; }

.aboutustitle .lineabout { display: block; width: 30px; height: 2px; overflow: hidden; margin: 9px auto; padding: 0; background-color: #0d5198; }

.aboutustitle p { display: block; width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: #999; font-size: 15px; text-align: center; margin: 0 auto; padding: 0; }

.aboutus2box { width: 100%; height: 600px; background-image: url(../images/aboutbg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.aboutus2boxcon { max-width: 1650px; padding: 0 25px; margin: 0 auto; height: 100%; display: flex; justify-content: space-between; }

.aboutus2boxcon li { width: 25%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; transition: var(--main-transition); border-left: 1px solid rgba(255, 255, 255, .5); background-color: rgba(13, 81, 152, 0); }

.aboutus2boxcon li:nth-child(4n) { border-right: 1px solid rgba(255, 255, 255, .5); }

.i_box { width: 90px; height: 90px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .5); font-size: 40px; color: var(--main-color-white); text-align: center; line-height: 90px; margin-bottom: 30px; }

.aboutus2boxcon li p { font-size: 22px; color: var(--main-color-white); margin-bottom: 20px; }

.aboutus2boxcon li span { font-size: 15px; color: var(--main-color-white); }

.aboutus2boxcon li:hover { background-color: rgba(13, 81, 152, 0.9); }

.aboutus3 { padding: 60px 0; }

.aboutus3con { max-width: 1650px; padding: 0 25px; margin: 0 auto; }

.aboutus3con ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.aboutus3con ul li { width: 23%; box-shadow: var(--main-shadow); position: relative; background-color: var(--main-color-white); border-bottom: 3px solid rgba(13, 81, 152, 0.2); padding: 40px; }

.aboutus3con ul li strong { display: block; font-size: 24px; color: var(--main-color-333); font-weight: normal; }

.aboutus3con ul li em { display: block; width: 30px; height: 2px; overflow: hidden; margin: 15px 0; padding: 0; background-color: #0d5198; }

.aboutus3con ul li p { font-size: 14px; color: var(--main-color-666); margin-bottom: 10px; }

.aboutus3con ul li img { width: 90px; height: 90px; display: block; margin-top: 45px; }

.numpos { position: absolute; font-size: 108px; color: rgba(13, 81, 152, 0.1); right: 20px; top: 20px; }

.aboutus3con ul li:hover strong { color: var(--main-color); }

.linepos { transition: var(--main-transition); position: absolute; bottom: -3px; left: 0; width: 0%; height: 3px; background-color: var(--main-color); }

.aboutus3con ul li:hover .linepos { width: 100%; }

.aboutus4 { width: 100%; padding: 60px 0; }

.aboutus4con { max-width: 1650px; padding: 0 25px; margin: 0 auto; }

.inside { max-width: 1650px; padding: 15px 25px; margin: 0 auto; }
}
 @media only screen and (max-width: 996px) {

.inside { padding: 15px; margin: 0 auto; width: 100%; }

.aboutus3 { padding: 30px 15px; }

.aboutus3con { margin: 0 auto; }

.aboutus3con ul { display: flex; justify-content: space-between; flex-wrap: wrap; }

.aboutus3con ul li { width: 100%; margin-bottom: 30px; box-shadow: var(--main-shadow); position: relative; background-color: var(--main-color-white); border-bottom: 3px solid rgba(13, 81, 152, 0.2); padding: 40px; }

.aboutus3con ul li strong { display: block; font-size: 24px; color: var(--main-color-333); font-weight: normal; }

.aboutus3con ul li em { display: block; width: 30px; height: 2px; overflow: hidden; margin: 15px 0; padding: 0; background-color: #0d5198; }

.aboutus3con ul li p { font-size: 14px; color: var(--main-color-666); margin-bottom: 10px; }

.aboutus3con ul li img { width: 90px; height: 90px; display: block; margin-top: 45px; }

.numpos { position: absolute; font-size: 108px; color: rgba(13, 81, 152, 0.1); right: 20px; top: 20px; }

.aboutus3con ul li:hover strong { color: var(--main-color); }

.linepos { transition: var(--main-transition); position: absolute; bottom: -3px; left: 0; width: 0%; height: 3px; background-color: var(--main-color); }

.aboutus3con ul li:hover .linepos { width: 100%; }

.aboutus2 { padding: 30px 15px; width: 100%; }

.aboutus2con { width: 100%; }

.aboutustitle { margin-bottom: 25px; }

.aboutustitle strong { display: block; font-size: 25px; color: var(--main-color-333); text-align: center; }

.aboutustitle .lineabout { display: block; width: 25px; height: 2px; overflow: hidden; margin: 9px auto; padding: 0; background-color: #0d5198; }

.aboutustitle p { display: block; width: 100%; height: 20px; overflow: hidden; line-height: 20px; color: #999; font-size: 14px; text-align: center; margin: 0 auto; padding: 0; }

.aboutus2box { width: 100%; background-image: url(../images/aboutbg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.aboutus2boxcon { margin: 0 auto; height: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

.aboutus2boxcon li { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 20px; transition: var(--main-transition); border-bottom: 1px solid rgba(255, 255, 255, .5); padding: 30px 15px; }

.aboutus2boxcon li:nth-child(4n) { border-right: 1px solid rgba(255, 255, 255, .5); }

.i_box { width: 90px; height: 90px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .5); font-size: 40px; color: var(--main-color-white); text-align: center; line-height: 90px; }

.aboutus2boxcon li p { font-size: 22px; color: var(--main-color-white); margin-bottom: 20px; }

.aboutus2boxcon li span { font-size: 15px; color: var(--main-color-white); }

.aboutus2boxcon li:hover { background-color: rgba(13, 81, 152, 0.9); }

.inbanner { width: 100%; height: 300px; background-image: url(../images/inbanner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; margin-top: 60px; }

.inbanner strong { display: block; color: var(--main-color-white); font-size: 38px; font-weight: normal; }

.innerdiv { position: relative; }

.inbanner span { display: block; font-size: 20px; text-align: center; color: rgba(255, 255, 255, 0.5); }

.innerdiv::after { position: absolute; bottom: -20px; content: ''; width: 70px; height: 3px; background-color: var(--main-color-white); left: 50%; transform: translateX(-50%); }

.foot { width: 100%; padding: 30px 15px; background-color: #142231; }

.footer { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }

.footerleft { width: 100%; margin-bottom: 25px; }

.footerleft ul { display: flex; flex-wrap: wrap; }

.footerleft ul li { width: 31%; position: relative; margin-bottom: 30px; }

.footerleft ul li::after { position: absolute; bottom: -15px; left: 0; content: ''; background-color: var(--main-color-white); width: 32px; height: 2px; }

.footerleft ul li a { font-size: 18px; color: var(--main-color-white); display: block; }

.footerright { width: 100%; }

.footerright ul { display: flex; align-items: center; justify-content: left; }

.footerright ul li { margin-right: 25px; }

.footerright ul li p { text-align: center; color: var(--main-color-white); font-size: 15px; margin-top: 10px; }

.footerright ul li img { width: 120px; height: 120px; }

.con4 { padding: 30px 15px; background-image: url(../images/bg3.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }

.con4con { margin: 0 auto; }

.con4title { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; justify-content: space-between; }

.con4titleleft { display: flex; width: 100%; align-items: center; justify-content: center; }

.con4titleleft img { width: 4px; height: 30px; }

.con4titleleft strong { font-weight: normal; font-size: 30px; color: var(--main-color); display: block; margin: 0 15px; }

.con4titleleft span { font-size: 20px; color: var(--main-color-333); }

.con4titleright { margin-top: 20px; display: flex; align-items: center; justify-content: center; width: 100%; }

.con4con ul { display: flex; flex-wrap: wrap; }

.con4con ul li { width: 100%; margin-bottom: 20px; padding: 15px; background-color: var(--main-color-white); position: relative; cursor: pointer; }

.con4con li { width: 100%; margin-bottom: 20px; padding: 15px; background-color: var(--main-color-white); position: relative; cursor: pointer; }

.con3pos { transition: var(--main-transition); }

.con4con ul li:hover .con3pos { opacity: 1 !important; visibility: visible !important; }

.con4con li:hover .con3pos { opacity: 1 !important; visibility: visible !important; }

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

.con4con li img { width: 100%; height: 250px; object-fit: contain; }

.con4con ul li:nth-child(3n) { margin-right: 0; }

.con4con ul li:hover .hori { width: 70px !important; }

.con4con li:hover .hori { width: 70px !important; }

.newimgdiv { position: relative; }

.newdiv { padding: 15px; padding-bottom: 0; background-color: var(--main-color-white); }

.newdiv a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: 16px; color: var(--main-color-333); transition: var(--main-transition); }

.newdiv p { font-size: 14px; color: var(--main-color-666); width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin: 10px 0; }

.go_div { padding-top: 15px; border-top: 1px solid transparent; transition: var(--main-transition); background-image: url(../images/ar.png); background-repeat: no-repeat; background-position: right 25px; font-size: 14px; color: var(--main-color-555); }

.con4con ul li:hover a { color: var(--main-color); }

.con4con ul li:hover .go_div { color: var(--main-color); background-image: url(../images/ar1.png); }

.con4 .more { margin: 0 auto; }

.con2 { padding: 30px 15px; background-image: url(../images/bg1.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }

.con2con { margin: 0 auto; }

.con2title { display: flex; justify-content: center; align-items: center; margin-bottom: 25px; }

.con2title img { width: 4px; height: 30px; }

.con2title strong { font-weight: normal; font-size: 30px; color: var(--main-color); display: block; margin: 0 15px; }

.con2title span { font-size: 20px; color: var(--main-color-333); }

.con2tab { display: flex; margin: 0 auto; padding: 15px; background-color: var(--main-color); align-items: center; justify-content: center; margin-bottom: 25px; flex-wrap: wrap; }

.con2tab span { display: block; border-radius: 40px; color: var(--main-color-white); font-size: 16px; padding: 10px; cursor: pointer; margin-bottom: 15px; }

.con2tab span:hover { color: var(--main-color) !important; background-color: var(--main-color1) !important; font-weight: bold; }

.con2fy ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.con2fy ul li { width: 48%; margin-bottom: 15px; background-color: var(--main-color-white); padding: 10px; transition: var(--main-transition); }

.prodiv { position: relative; border: 1px solid rgba(13, 81, 152, 0.2); }

.prodiv p { font-size: 15px; color: var(--main-color-333); margin: 10px 0; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0 10px; }

.prodiv em { display: block; width: 30px; height: 2px; overflow: hidden; background-color: #0d5198; margin: 0 auto 8px; padding: 0; }

.con2fy ul li:nth-child(4n) { margin-right: 0; }

.con2fy ul li a img { width: 100%; transition: var(--main-transition); width: 100%; height: 150px; display: block; margin: 0 auto; object-fit: contain; }

.con2fy ul li:hover .img_1 { transform: scale(1.1); }

.con2fy ul li:hover { box-shadow: var(--main-shadow); }

.proinfo { transition: var(--main-transition); }

.con2fy ul li:hover .proinfo { opacity: 0; }

.con2fy ul li:hover .con2pos { opacity: 1 !important; visibility: visible !important; }

.con2pos { display: none; }

.imgbox { width: 100%; overflow: hidden; }

.con2 .more { display: block; margin: 0 auto; }

.choosen { background-color: var(--main-color1) !important; color: var(--main-color) !important; }

.con2fy { display: none; }

.con3 { padding: 30px 15px; background-image: url(../images/bg2.jpg); background-repeat: no-repeat; background-size: cover; }

.con3con { max-width: 1650px; margin: 0 auto; padding: 0 25px; }

.con3title strong { display: block; text-align: center; color: var(--main-color-white); font-size: 25px; }

.linebox { display: flex; align-items: center; justify-content: center; }

.linebox img { width: 70px; }

.linebox span { display: block; font-size: 20px; color: var(--main-color-white); padding: 0 20px; }

.con3title p { max-width: 1200px; margin: 0 auto; color: var(--main-color-white); font-size: 14px; text-align: center; line-height: 25px; margin-top: 15px; margin-bottom: 15px; }

.con3con ul { display: flex; flex-wrap: wrap; justify-content: space-between; }

.con3con ul li { width: 100%; margin-bottom: 20px; cursor: pointer; position: relative; border: 1px solid transparent; transition: var(--main-transition); overflow: hidden; }

.con3con ul li img { width: 100%; height: 200px; object-fit: cover; transition: var(--main-transition); }

.con3con ul li:hover img { transform: scale(1.1); }

.con3con ul li:hover .con3pos { opacity: 1 !important; visibility: visible !important; }

.con3pos { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .5); display: flex; border: 1px solid var(--main-color-white); display: flex; align-items: center; padding: 0 20px; justify-content: center; flex-direction: column; }

.con3pos span { color: var(--main-color-white); font-size: 16px; padding: 15px 0; }

.con3pos .hori { width: 24px; height: 1px; background-color: var(--main-color-white); transition: var(--main-transition); }

.con3con ul li:hover .hori { width: 70px !important; }

.con3 .more { margin: 0 auto; }

.more { width: 150px; border-radius: 30px; height: 45px; display: block; background: #c3d600; line-height: 45px; text-align: center; color: white; }

.con1 { width: 100%; padding: 30px 15px; position: relative; }

.con1con { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 10; }

.con1conleft { width: 100%; position: relative; }

.idxAbout_vdcon { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #c3d600; margin: 0; padding: 0; position: absolute; left: -20px; top: -20px; z-index: 8; }

.con1conleft img { width: 100%; z-index: 10; position: relative; }

.con1conright { width: 100%; margin-top: 20px; }

.con1bg0 { display: none; }

.con1conright h1 { font-size: 40px; color: #cfdcea; }

.con1conright strong { font-size: 30px; color: var(--main-color-333); margin-top: -25px; display: block; position: relative; margin-bottom: 25px; }

.con1conright strong::after { content: ''; position: absolute; width: 60px; height: 2px; background-color: var(--main-color); bottom: -15px; left: 0; }

.con1conright p { font-size: 15px; color: var(--main-color-666); line-height: 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin-bottom: 25px; }

.mumping_mun { display: flex; flex-wrap: wrap; }

.mumping_mun li { width: 48%; }

.mumping_mun li p { font-size: 14px; color: var(--main-color-999); }

.mun_top { display: flex; justify-content: left; }

.mun_top span { display: flex; font-size: 16px; color: var(--main-color); }

.mun_top h2 { font-size: 30px; color: var(--main-color); }

.bannerpos { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.bannerpos h1 { color: var(--main-color-white); font-size: 25px; margin-bottom: 15px; text-align: center; }

.bannerpos a { border-radius: 40px; border: 2px solid var(--main-color-white); width: 150px; transition: var(--main-transition); height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: var(--main-color-white); letter-spacing: 2px; }

.bannerpos img { width: 25px; transition: var(--main-transition); display: none; }

.swiper_tab { position: absolute; display: flex; bottom: 0; left: 0; background-color: rgba(13, 81, 152, 0.9); z-index: 999; justify-content: right; height: 70px; }

.swiper_tab_btn { width: 70px; display: flex; align-items: center; justify-content: center; height: 70px; cursor: pointer; }

.swiper_tab_btn img { width: 30px !important; height: 30px !important; }

.swiper_tab_btn span { display: none; }

.ba_scroll { width: 60px; overflow: hidden; margin: 0 0 0 -30px; padding: 0; position: absolute; left: 50%; bottom: 15px; z-index: 99; }

.ba_scroll span { display: block; width: 100%; overflow: hidden; line-height: 20px; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; padding: 0; }

.ba_scroll p { width: 24px; height: 36px; overflow: hidden; margin: 5px auto 0; padding: 0; border: 1px solid #fff; border-radius: 12px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 20px; height: 30px; margin: 2px auto 0; }

.ba_scroll p i { display: block; width: 1px; height: 12px; overflow: hidden; background-color: #fff; margin: 12px auto; padding: 0; animation-name: fadeInDown; animation-duration: 1s; animation-iteration-count: infinite; }
 @keyframes 
fadeInDown {  0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}

.pcindexof { display: none; }

.banner { width: 100%; margin-top: 60px !important; height: 360px; }

.banner img { height: 360px; width: 100%; object-fit: cover; }

.mbsearch { width: 100%; height: 50px; padding: 5px 15px; background-color: var(--main-color-white); border: 1px solid #ccc; position: fixed; top: 60px; left: 0; z-index: 9999; display: none; }

.mbsearchcon { display: flex; align-items: center; justify-content: space-between; height: 100%; }

.mbsearchcon a { display: block; flex: 1; height: 100%; background-color: var(--main-color); display: flex; align-items: center; justify-content: center; }

.mbsearchcon a img { width: 30px; }

.mbsearch input { width: 80%; height: 100%; display: block; outline: none; border: 1px solid #ccc; padding-left: 15px; }

.copy { width: 100%; text-align: center; padding: 15px; border-top: 1px solid #555555; background-color: #3b3d40; margin-bottom: 60px; }

.copycon { text-align: center; text-align: center; font-size: 13px; color: var(--main-color-999); margin: 0 auto; }

.copycon a { font-size: 13px; color: var(--main-color-999); }

.pchead { display: none; }

.pcnav { display: none; }

.ml_mb_arrowChange { transform: rotate(90deg); }

.ml_mbnav_3 { display: none; }

.ml_mbnav_3_item { display: flex; padding: 0 20px; justify-content: space-between; align-items: center; border-bottom: 1px solid #f3f3f3; background-color: #efefef; }

.ml_mbnav_3_item>a { display: block; width: 100%; height: 40px; line-height: 40px; color: var(--main-color-666); font-size: 14px; padding-left: 35px; }

.ml_mb_nav i { font-size: 22px !important; transition: var(--main-transition); }

.ml_mbnav_2_item { display: flex; padding: 0 20px; justify-content: space-between; align-items: center; border-bottom: 1px solid #f3f3f3; background-color: #e3e3e3; }

.ml_mbnav_2_item>a { display: block; height: 40px; width: 100%; line-height: 40px; color: var(--main-color-666); font-size: 14px; padding-left: 20px; }

.ml_mbnav_2 { display: none; }

.ml_mbnav_1_item>a { display: block; height: 40px; line-height: 40px; color: var(--main-color-666); font-size: 14px; width: 100%; }

.ml_mbnav_1_item { display: flex; padding: 0 20px; justify-content: space-between; align-items: center; border-bottom: 1px solid #f3f3f3; }

.ml_mb_nav { width: 100%; height: calc(100% - 60px); position: fixed; top: 60px; right: -100%; background-color: var(--main-color-white); z-index: 100; border-top: 1px solid #ccc; overflow: scroll; padding: 20px 0; transition: var(--main-transition); }

.mb_navShow { right: 0 !important; }

.hb_fadeout { opacity: 0 !important; }

.change2 { transform: translateY(-10px) rotate(-45deg); }

.change1 { transform: translateY(10px) rotate(45deg); }

.hb span { display: block; width: 30px; height: 1px; background-color: var(--main-color-666); transition: var(--main-transition); }

.hb { display: flex; flex-wrap: wrap; justify-content: space-between; height: 20px; flex-direction: column; }

.ml_mb_logo img { width: 210px; }

.ml_mb_head { display: flex; height: 60px; padding: 0 20px; background-color: var(--main-color-white); position: fixed; top: 0; left: 0; align-items: center; justify-content: space-between; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; width: 100%; z-index: 99; }

.ml_pcheader { display: none; }

.mb_right { display: flex; align-items: center; }

.mbsearchicon { margin-right: 20px; }

.mbsearchicon { margin-right: 20px; }
}




.index_add1bg{ margin:80px 0;}
.index_add1{ width:90%; max-width:1600px; margin:0 auto;}
.index_add1_list{}
.swiper_pic1{}
.swiper_pic1 .img{ padding-bottom:75%; position:relative; overflow:hidden; border:1px solid #ccc;}
.swiper_pic1 .img img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; object-fit:contain; transition:all .3s ease;}
.swiper_pic1 .nr_box:hover .img img{ transform:scale(1.1);}
.swiper_pic1 .txt{ text-align:center; margin-top:15px; color:#333;}
.swiper_pic1 .txt .h2{ font-size:16px; line-height:26px;}

.index_add2bg{ margin:80px 0;}
.index_add2{ width:90%; max-width:1600px; margin:0 auto;}
.index_add2_list{}
.swiper_pic2 .img{ padding-bottom:75%; position:relative; overflow:hidden; border:1px solid #ccc;}
.swiper_pic2 .img img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; object-fit:contain; transition:all .3s ease;}
.swiper_pic2 .nr_box:hover .img img{ transform:scale(1.1);}
.swiper_pic2 .txt{ text-align:center; margin-top:15px; color:#333;}
.swiper_pic2 .txt .h2{ font-size:16px; line-height:26px;}