@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333333; font-size:14px; width:100%; background:#ffffff;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333333; font-size:14px;}
a:hover{ text-decoration:none;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}

input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:18px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:18px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:18px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */  color:#999999; font-size:18px;}

textarea::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:18px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}
textarea::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:18px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}
textarea::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:18px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */  color:#999999; font-size:18px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei";}

.fl{ float:left;}
.fr{ float:right;}


/*黑白照片*/
.gray { 
-webkit-filter: grayscale(100%); 
   -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
     -o-filter: grayscale(100%); 
        filter: grayscale(100%); 
        filter: gray; 
}

.gray:hover { 
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; 
}
/*圆角5px*/
.radius5{ 
-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
    -ms-border-radius:5px; 
     -o-border-radius:5px; 
        border-radius:5px; 
}
/*圆角10px*/
.radius10{ 
-webkit-border-radius:10px; 
   -moz-border-radius:10px; 
    -ms-border-radius:10px; 
     -o-border-radius:10px; 
        border-radius:10px; 
}
/*图片变大*/
.tra .imgs{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.tra:hover .imgs{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 5px; 
}

.shadow10{ 
-webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
   -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
     -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
        box-shadow:rgba(0,0,0,0.13) 5px 5px 10px; 
}


.moTop{ width:100%; padding:0 30px; height:60px; display:flex; align-items:center; justify-content:space-between; background:#FFFFFF; position:fixed; left:0; top:0; z-index: 999; box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.moTop .moLogo{height: 45%;}
.moTop .moMenuOpen{ height: 40%;}

.moTopRight{ height:45%}
.moTopRight img{ height:100%}

.moMenuBox{ width:100%; display:none; background:rgb(0 48 152 / 50%); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:60%; background:#ffffff; padding:0 20px; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%;}

.moDropLogo{ display:inline-block; margin:30px 0;}
.moDropLogo img{ height:30px;}

#closeMoMenu{ height:20px;}

.moDrop{ width:100%; display:flex; flex-direction:column;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:center; position:relative; border-bottom:var(--color1) solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:18px; color:var(--color1);}
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:0px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer; height:10px;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

/*.moDrop .yiji.on .erjiDrop{ display:block;} */
.erjiDrop{ width:100%; display:none;}
.moDrop .yiji.on .erjiDrop{ border-bottom:rgba(255,255,255,0.50) solid 1px;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content:center;}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:2em; font-size:14px; color:var(--color1); display:block;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img{ cursor:pointer;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon{}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2){ display:block;}

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:14px; width:100%; line-height:4em; text-align:center; width:100%; background:url(../images/icon28.png) no-repeat calc(100% - 45px) 50%; color:#FFFFFF;}

/*#closeMoMenu{ position:absolute; width:30px; right:-40px; top:30px;}*/

.moMenuBottom{ width:100%; display:flex; justify-content:center; align-items:center;}
.moMenuBottom img{ margin:25px 10px;}

.otherBox{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 21474836475; display:none; justify-content: center; align-items: center; height: 100%;}

.other{ width:80%; display:none;}

.moSearch{ align-items:center; justify-content:space-between; padding:20px 0; margin:230px auto 0 auto; background:#FFFFFF;}
.moSearch input[type='text']{ height:60px; width:100%; padding:0 15px; background:none; border-bottom:#FFFFFF solid 1px;}
.moSearch input[type='submit']{ background:url(../images/icon20.png) no-repeat 50%/60% 60%; height:60px; width:60px; flex-shrink:0;}

.moLeng{ justify-content:center; align-items:center; flex-direction: column; margin: 0 auto;}
.moLeng a{ font-size:18px; color:#FFFFFF; margin:25px 15px;}
.moLeng a.on{ color:#eb7404;}

#main{ width:100vw;}

:root{
   --color1:#003098 ;
   --color2: #65bc45 ;
   --bodyWidth:1460px;
   --w2:720px;
}
.w1{ width: 90%; max-width: var(--bodyWidth); margin: 0 auto; }

.imgs{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit:cover;}


.pcTop{ width: 100%; height: 105px; display: flex; background: #fff; padding: 0 120px; position: 
   relative; z-index: 99;}
.pcTop .pcTopNei{ display: flex; align-items: center; justify-content: space-between; width: 100%;}

.pcTop .pcTopNei .pcTopLeft{ display:flex; align-items:center;}
.pcTop .pcTopNei .pcTopLeft .pcTopLogo{ margin-right:20px;}

.pcTop .pcTopNei .pcTopRight{ display: flex; align-items: center;}

.pcTopMenu{ display: flex; margin-right: 10px;}
.pcTopMenu .topMenuXun{ display: flex;}
.pcTopMenu .topMenuXun .topMenuTitle{ line-height: 105px; display: block; font-size: 20px; color: #333; padding: 0 33px; position: relative;}

.pcTopMenu .topMenuXun .topMenuTitle::before{ content: ''; display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 85px; width: 25px; height: 3px; background: var(--color2); border-radius: 10px;}

.pcTopMenu .topMenuXun:hover .topMenuTitle{ color: var(--color1);}
.pcTopMenu .topMenuXun:hover .topMenuTitle::before{ display: block;}

.pcTopMenu .topMenuXun.on .topMenuTitle{ color: var(--color1);}
.pcTopMenu .topMenuXun.on .topMenuTitle::before{ display: block;}

.pcTopLine{ font-size: 16px; line-height: 105px;}

.pcTopSearch{ position: relative;cursor: pointer;}
.pcTopSearch .topSearchIcon{display: flex;align-items: center;height: 105px;padding: 0 35px 0 40px;}

.pcTopSearch .topSearchDown{background: #fff;position: absolute;right: 0;top: 100%;background: #fff;padding: 15px;border-radius: 0 0 10px 10px;z-index: 9;display: none;}
.pcTopSearch:hover .topSearchDown{ display: block;}
.pcTopSearch .topSearchDown .topSearchForm{ display: flex; align-items: center;}
.pcTopSearch .topSearchDown .topSearchForm input[type="text"]{ padding: 0 10px; line-height: 45px; font-size: 14px; min-width: 200px;}
.pcTopSearch .topSearchDown .topSearchForm input[type="submit"]{width: 45px;height: 45px;background: url(../images/search.png) no-repeat 50%;cursor: pointer;flex-shrink: 0;}

.neiBanner{ width: 100%; overflow: hidden; position: relative; overflow: hidden;}
.neiBanner .neiBannerZhan{ width: 100%; max-width: var(--bodyWidth);position: relative;z-index: 0;}
.neiBanner .neiBannerZhan::before{content: '';display: block;width: 100%;padding-top: calc( 100% * 654 / 1460);}
.neiBanner .neiBannerText{width: 90%; height: 100%; max-width:var(--bodyWidth); position: absolute; left:50%; top: -5%; z-index: 9; display: flex;align-items: center; transform: translateX(-50%); }
.neiBanner .neiBannerText .neiBannerText1{ font-size: 60px; color: #fff;    font-weight: bolder; text-shadow: 0 -2px rgba(0, 0, 0, 0.5); }


.footer{ background: #0e0e0e;}
.footer .fo1{ display: flex; justify-content: space-between; padding: 95px 0 165px;}
.footer .fo1 .foLeft1{}
.footer .fo1 .foLeft1 .foLogo{}
.footer .fo1 .foLeft1 .foShare{ display: flex; padding-top: 45px;}
.footer .fo1 .foLeft1 .foShare a{ display: block; width: 56px; flex-shrink: 0; margin-right: 14px;}

.footer .fo1 .foRight1{ display: flex;}
.footer .fo1 .foRight1 .foMenuItem{ width: 230px;}
.footer .fo1 .foRight1 .foMenuItem .foMenuTitle{ font-size: 20px; margin-bottom: 30px; color: #fff; display: block;}
.footer .fo1 .foRight1 .foMenuItem .foMenuBox{}
.footer .fo1 .foRight1 .foMenuItem .foMenuBox a{ display: block; color: rgba(255,255,255,0.8); line-height: 36px; }
.footer .fo1 .foRight1 .foMenuItem:nth-last-child(1){ width: fit-content;}

.footer .fo2{ display: flex; align-items: center; justify-content: center; width: 100%; border-top:rgba(255,255,255,0.1) solid 1px; height: 70px;}

{}


.navBox{ width: 100%; background-color: #fff;}

.navBox .nav{ display: flex; align-items: center; line-height: 54px;}
.navBox .nav i{ color: #999999; margin: 0 8px;}
.navBox .nav a{ color: #999999; }
.navBox .nav a:hover{ color: var(--color1);}
.navBox .nav img{ margin-right: 8px;}

.content{ margin: 70px auto; display: flex; overflow: hidden;}
.content .contentLeft{ width: 100%;}
.content .contentRight{ width: 340px; flex-shrink: 0; margin-left: 30px;}

.recruitment{ background: #fff;}

.recruitmentTop{ padding: 45px 45px 0 45px; border-bottom: #e1e1e1 solid 1px;}
.recruitmentTop .recruitmentTop1{ font-size: 32px; line-height: 1.5em; color: var(--color1);}
.recruitmentTop .recruitmentTop2{ display: flex; align-items: center; margin: 15px 0 20px;}
.recruitmentTop .recruitmentTop2 li{ display: flex; align-items: center; margin-right: 40px; font-size: 16px; color: #666666;}
.recruitmentTop .recruitmentTop2 li img{ width: 15px; margin-right: 8px; flex-shrink: 0;}

.recruitmentBot{ padding: 45px; font-size: 18px; line-height: 32px; color: #666666;}

.backList{ display: block; height: 90px; margin-bottom: 20px; font-size: 24px; color: #fff; border-radius: 5px; background: url(../images/j4.png) no-repeat 50%/cover; width: 100%; text-align: center; line-height: 90px;}

.mailto{ width: 100%; border-radius: 10px; overflow: hidden; position: relative;}
.mailto .mailtoBg{ width: 100%; position: relative; z-index: 0;}
.mailto .mailtoText{ display: flex; flex-direction: column; justify-content: flex-end; padding: 20px; position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%;}
.mailto .mailtoText p{ font-size: 18px; line-height: 24px; color: #fff;}
.mailto .mailtoText a{ font-size: 20px; line-height: 30px; color: #fff;}

{}


.but{    background: url(../images/p2.png) no-repeat 100% 50% / cover;
    cursor: pointer;
    font-size: 20px;
    color: #666666;
    text-align: center;
    padding: 0 25px;
    line-height: 60px;
    min-width: 180px;
    border-radius: 10px;
    display: block;}
.but.on{ color: #fff; background: url(../images/p3.png) no-repeat 100% 50%/cover; transition: all ease .5s;}
.but:hover{ color: #fff; background: url(../images/p3.png) no-repeat 100% 50%/cover;}

.con1{ display: flex; justify-content: space-between; align-items: center; margin: 90px auto;}
.con1 .con11{ font-size: 42px; color: var(--color);}
.con1 .con12{ display: flex; align-items: center;}
.con1 .con12 .but{ margin-left: 20px;}

.con2{ margin-bottom: 135px;}

.conItem2{ display: flex; background: #efefef; justify-content: space-between; overflow: hidden;}

.conLeft2{ width: 50%; transform: translateX(100%);}
.conItem2.on .conLeft2{ transform: translateX(0); transition: all ease 0.75s;}
.conLeft2 img{ width: 100%;}

.conRight2{ width: 50%; display: flex; align-items: center; padding: 45px 50px; transform: translateX(-100%);}
.conItem2.on .conRight2{ transform: translateX(0); transition: all ease 0.75s;}

.conRightBox2{}
.conRightBox2 .conTitle2{ font-size: 36px; font-weight: bolder; margin-bottom: 40px;}

.conList2{ display:grid; grid-gap: 30px;}
.conList2 .conListItem2{ display: flex; align-items: center;}
.conList2 .conListItem2 .conListIcon2{ width: 56px; flex-shrink: 0; margin-right: 14px;}
.conList2 .conListItem2 .conListCon2{}
.conList2 .conListItem2 .conListCon2 .conListT2{ font-size: 18px; line-height: 2em; color: #999999;}
.conList2 .conListItem2 .conListCon2 .conListS2{ font-size: 22px;}

.page{ background: #efefef; display: flex; align-items: center; overflow: hidden;}

.pageReverse{ flex-direction: row-reverse;}

.pageLeft{ width: 50%;}

.pageRight{ width: 50%;}

.conImg3{ width: 100%;}
.conImg3 img{ width: 100%; object-fit: cover;}

.conText3{ width: 100%;}

.conForm{ padding: 80px 0 80px 100px; display: flex; flex-direction: column; width: 90%; max-width: var(--w2);}
.conForm .conForm1{ font-size: 42px; font-weight: bolder; color: var(--color); margin-bottom: 20px;}
.conForm .conForm2{ width: 100%; margin-bottom: 25px;}
.conForm .conForm2 input{ width: 100%; padding: 0 15px; line-height: 75px; background: #fff; border-radius: 3px; font-size: 18px;}
.conForm .conForm3{ width: 100%; margin-bottom: 25px;}
.conForm .conForm3 textarea{ width: 100%; padding: 5px 15px; line-height: 75px; background: #fff; border-radius: 3px; font-size: 18px; height: 145px;}
.conForm .conForm4{ width: 100%;}
.conForm .conForm4 label{ font-size: 20px; color: #fff; width: 180px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: url(../images/i27.png) no-repeat 100% 50%/cover; position: relative; overflow: hidden; cursor: pointer;}
.conForm .conForm4 label input[type="submit"]{ transform: translateX(100%); position: absolute;}
.conForm .conForm4 label span{ margin-right: 10px;}

.title1{ text-align: center; font-size: 48px;}

.con3{ margin-bottom: 145px;}

.con4{ margin: 45px auto; display: grid; grid-gap: 45px 40px; grid-template-columns: repeat(3,1fr);}

.conItem4{ display: block; transition: all ease 0.75s; background: #efefef; padding: 25px 30px 0 30px; border-radius: 10px;}
.conItem4:hover{ box-shadow: rgba(66,66,66,.4) 0 0 10px;}
.conItem4 .con41{ font-size: 32px; line-height: 2em;}
.conItem4 .con42{ display: flex; align-items: center; font-size:16px; color:#666666; min-width: 100px; margin: 10px 0;}
.conItem4 .con42 .con421{ margin-right: 15px;}
.conItem4 .con42 img{ width: 15px; flex-shrink: 0; margin-right: 8px;}
.conItem4 .con43{ font-size: 16px; line-height: 2em; color: #666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin-bottom: 20px;}
.conItem4 .con44{ font-size: 24px; line-height: 2em;}
.conItem4 .con45{ font-size: 18px; line-height: 2em; color: #666666; margin-bottom: 20px;}
.conItem4 .con46{ width: 100%; height: 2px; background: var(--color1);}
.conItem4 .con47{ height: 80px; display: flex; align-items: center; font-size: 18px; color: var(--color1);}
.conItem4 .con47 span{ margin-right: 10px;}

.con5{ margin: 75px auto 105px; }

.fenye{display: flex; justify-content: center; align-items: center;}
.fenye li{ display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: #bfbfbf solid 1px; border-radius: 5px; overflow: hidden; margin: 0 6px; cursor: pointer;}
.fenye li a{ font-size: 22px;}

.fenye li:hover{ border: var(--color1) solid 1px; background: var(--color1);}
.fenye li:hover a{ color: #fff;}

.fenye li.on{ border: var(--color1) solid 1px; background: var(--color1);}
.fenye li.on a{ color: #fff;}

.fenye li.dis{ pointer-events:none; opacity:0;}

{}


.proSearch{ padding: 55px 0 35px; max-width: 860px;}

.proSearchForm{ display: flex; border-radius: 5px; overflow: hidden; border: #dcdcdc solid 1px; width: 100%;}
.proSearchForm input[type="text"]{ line-height: 75px; padding: 0 15px; width: 100%;}
.proSearchForm label{ display: flex; align-items: center; justify-content: center; width: 200px; flex-shrink: 0; overflow: hidden; position: relative; height: 75px; cursor: pointer; background: var(--color1); }
.proSearchForm label input{ position: absolute; left: 100%;}
.proSearchForm label img{ margin-right: 17px;}
.proSearchForm label span{ color: #fff; font-size: 24px;}

.hotCode{ display: flex; flex-wrap: wrap; margin-top: 15px; color: #999999;}
.hotCode a{ color: #999999; margin-right: 35px;}

.proSelect{ display: flex; flex-wrap: wrap; margin: 75px auto 50px;}
.proSelect .but{ margin-right: 20px;}


.proSelect .but:nth-child(1).on{ background:url(../images/pro1.png) no-repeat 100% 50%/cover; }
.proSelect .but:nth-child(1):hover{ background:url(../images/pro1.png) no-repeat 100% 50%/cover; }
.proSelect .but:nth-child(2).on{ background:url(../images/pro2.png) no-repeat 100% 50%/cover; }
.proSelect .but:nth-child(2):hover{ background:url(../images/pro2.png) no-repeat 100% 50%/cover; }
.proSelect .but:nth-child(3).on{ background:url(../images/pro3.png) no-repeat 100% 50%/cover; }
.proSelect .but:nth-child(3):hover{ background:url(../images/pro3.png) no-repeat 100% 50%/cover; }


.proList{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 20px;}

.proItem{ display: block; background:#efefef; padding: 25px 30px; border-radius: 10px; overflow: hidden;}
.proItem .proTop{ display: flex; justify-content: space-between; flex-direction:column; }
.proItem .proTop .proTitle{ padding-bottom: 25px ; width: 100%; font-size: 24px; font-weight: bolder;}
.proItem .proTop .proArrow{ width: 25px; flex-shrink: 0;}
.proItem .proTop .proArrow img:nth-child(2){ display: none;}
.proItem .proBot{ display: table; width: 100%; margin: 45px 0 15px;}
.proItem .proBot .proBotRow{ display: table-row;}
.proItem .proBot .proBotRow .proBotCol1{ display: table-cell; font-size: 16px; vertical-align: middle; height: 40px; font-weight: bolder;}
.proItem .proBot .proBotRow .proBotCol2{ display: table-cell; font-size: 16px; vertical-align: middle; height: 40px; color: #666666;}

.proItem:hover{ background: url(../images/p4.png) no-repeat 100% 50%/cover;}
.proItem.proItem50:hover{ background: url(../images/pro1.png) no-repeat 100% 50%/cover;}
.proItem.proItem51:hover{ background: url(../images/pro2.png) no-repeat 100% 50%/cover;}
.proItem.proItem52:hover{ background: url(../images/pro3.png) no-repeat 100% 50%/cover;}
.proItem:hover .proTop{}
.proItem:hover .proTop .proTitle{ color: #fff;}
.proItem:hover .proTop .proArrow img:nth-child(1){ display: none;}
.proItem:hover .proTop .proArrow img:nth-child(2){ display: block;}
.proItem:hover .proBot .proBotRow .proBotCol1{ color: #fff;}
.proItem:hover .proBot .proBotRow .proBotCol2{ color: #fff;}

{}

.productDetail{ display: flex; flex-wrap: wrap; margin: 50px auto 150px;}
.productDetail .pdLeft{ width: 50%; padding-right: 80px;}

.pdImg{ width: 100%; box-shadow: rgba( 127,150,219,0.2) 0 0 12px; overflow: hidden;}
.pdImg li{ position: relative; overflow: hidden; cursor: pointer;}
.pdImg li::before{ content: ''; display: block; padding-top: 100%;}

.productDetail .pdRight{ width: 50%;}
.productDetail .pdRight .pd1{ width: 100%; font-size: 16px; line-height: 30px; color: #666; border-bottom: #ccd5ea solid 3px; padding-bottom: 15px; margin-bottom: 20px;}
.productDetail .pdRight .pd2{ width: 100%; border: #bfcbe5 solid 1px; margin-bottom: 0px;}
.productDetail .pdRight .pd2 .pd21{ width: 100%; line-height: 45px; color: #65bc45; font-size: 16px; padding: 0 20px;}
.productDetail .pdRight .pd2 .pd22{ width: 100%; line-height: 45px; color: #666666; font-size: 14px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-top: #bfcbe5 solid 1px; cursor: pointer; font-weight: bolder;}
/* .productDetail .pdRight .pd2 .pd22 .pd221{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; padding-right: 20px;} */
.productDetail .pdRight .pd2 .pd22 .pd222{ display: flex; align-items: center;}
.productDetail .pdRight .pd2 .pd22 .pd222 span{ white-space: pre; padding: 0 10px 0 20px;}
.productDetail .pdRight .pd2 .pd22 .pd222 img:nth-child(2){ display: none;}

.productDetail .pdRight .pd2 .pd22:hover .pd222 img:nth-child(1){ display: none;}
.productDetail .pdRight .pd2 .pd22:hover .pd222 img:nth-child(2){ display: inline-block;}

{}

.stren1{ margin: 115px auto;}
.stren1 .stren11{ font-size: 44px; color: var(--color1);}
.stren1 .stren12{ width: 100%; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px; margin-top: 20px;}

.strenItem1{ background: #f2f2f2; border-radius: 5px; overflow: hidden;}
.strenItem1 .strenImg1{ width: 100%; position: relative; overflow: hidden;}
.strenItem1 .strenImg1::before{ content: ''; display: block; padding-top: calc( 100% * 228 / 345);}
.strenItem1 .strenText1{ padding: 15px;}
.strenItem1 .strenText1 .strenTitle1{ font-size: 22px; margin-bottom: 5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.strenItem1 .strenText1 .strenSmall1{ line-height: 24px; color: #666666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

.stren2{ background: url(../images/y7.jpg) no-repeat 50%/cover; overflow: hidden; min-height: 640px; display: flex; align-items: center; justify-content: center; }
.stren2 .w1{ display: flex;}

.stren21{ width: 50%; padding: 60px 60px 60px 100px; color: #fff;}
.stren21 .stren211{ font-size: 44px; margin-bottom: 30px;}
.stren21 .stren212{ font-size: 16px; line-height: 28px;}

.stren3{ background: url(../images/y10.jpg) no-repeat 50%/cover; overflow: hidden; min-height: 650px; display: flex; align-items: center; justify-content: center; }
.stren3 .stren21{ padding: 60px 0;}
.stren3 .stren21 .stren212{ max-width: 560px;}

.stren4{ display: flex; margin: 160px auto; justify-content: space-between; align-items: center;}
.stren4 .strenLeft4{ width: 50%; padding-right: 40px;}
.stren4 .strenLeft4 .strenLeft41{ font-size: 44px; color: var(--color1);}
.stren4 .strenLeft4 .strenLeft42{ font-size: 16px; line-height: 28px; color: #666666; margin: 40px 0 90px; max-width: 580px; }
.stren4 .strenLeft4 .strenLeft43{ display: flex; align-items: center;}
.stren4 .strenLeft4 .strenLeft43 img{ margin-right: 15px; cursor: pointer;}

.stren4 .strenRight4{ width: 50%;}
.stren4 .strenRight4 img{ width: 100%;}

.stren5{ display: flex; justify-content: space-between; margin-bottom: 160px;}
.stren5 .strenLeft5{ width: 50%;}
.stren5 .strenRight5{ width: 45%; padding-top: 30px;}
.stren5 .strenRight5 .strenRight51{ font-size: 44px; color: var(--color1);}
.stren5 .strenRight5 .strenRight52{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 20px;}

{}


.cp1{ margin: 90px auto 170px; display: flex;}
.cp1 .cpLeft1{ width: 50%;}
.cp1 .cpRight1{ width: 50%; padding-left: 70px;}
.cp1 .cpRight1 .cpRightTitle1{ font-size: 44px; line-height: 50px; padding: 25px 0; border-bottom: #dcdcdc solid 1px; width: 100%; color: var(--color1); font-weight: bolder;}
.cp1 .cpRight1 .cpRightData1{}
.cp1 .cpRight1 .cpRightData1{ display: table; width: 100%; margin: 45px 0 65px;}
.cp1 .cpRight1 .cpRightData1 .proBotRow{ display: table-row;}
.cp1 .cpRight1 .cpRightData1 .proBotRow .proBotCol1{ display: table-cell; font-size: 16px; vertical-align: middle; height: 60px; font-weight: bolder; width: 200px;}
.cp1 .cpRight1 .cpRightData1 .proBotRow .proBotCol2{ display: table-cell; font-size: 16px; vertical-align: middle; height: 60px; color: #666666;}
.cp1 .cpRight1 .cpRightBot1{ display: flex;}
.cp1 .cpRight1 .cpRightBot1 .but{ margin-right: 20px; min-width: 240px; font-size: 18px;}

.cp2{ display: flex; width: 100%; margin-bottom: 125px;}
.cp2 .cpLeft2{ width: 50%; display: flex; flex-direction: row-reverse;}

.cpLeftWai2{width: 100%;padding: 40px 60px 110px 0px;max-width: 720px;position: relative;}
.cpLeftWai2 .cpLeft21{ font-size: 44px; color: var(--color1); font-weight: bolder; line-height: 70px; margin-bottom: 25px;}
.cpLeftWai2 .cpLeft22{ width: 100%;}

.table1{ width: 100%; display: table;}
.table1 .row1{ width: 100%; display: table-row;}
.table1 .col{ vertical-align: middle; padding: 0 25px; display: table-cell; height: 75px; }
.table1 .row1 .col{ background: #f2f4fa; font-size: 24px; border-top:var(--color1) solid 1px; border-bottom:var(--color1) solid 1px; color:var(--color2);}
.table1 .row2{ width: 100%; display: table-row;}
.table1 .row2 .col{ font-size: 20px; color: #666666;}

.cpLeftWai2 .cpLeft23{ position: absolute; bottom: 40px; display: flex; align-items: center; cursor: pointer;}
.cpLeftWai2 .cpLeft23 img{ margin-right: 15px;}

.cp2 .cpRight2{ width: 50%;}

.cpImg2{ height: 640px; width: 100%;}
.cpImg2 li{ height: 640px;}
.cpImg2 li img{ width: 100%; height: 100%; object-fit: cover;}

.cp3{ font-size: 44px; color: var(--color1); font-weight: bolder; margin-bottom: 35px;}

.cp4{ position: relative; overflow: hidden; border-radius: 10px; }
.cp4:before{ content: ''; display: block; padding-top: calc( 100% * 640 / 1440);}
.cp4 .cpText4{ position: absolute; bottom: 70px; left: 65px; font-size: 16px; line-height: 30px; color: #fff; padding: 25px; border: rgba(255,255,255,0.3) solid 1px; background: rgba(255,255,255,0.2); border-radius: 5px; width: 385px;}

.sp5{ display: flex; justify-content: space-between; align-items: center; margin:150px auto 160px; overflow: hidden;}
.sp5 .spLeft5{ width: 50%;}
.sp5 .spRight5{width: 46%;padding-top: 30px;}
.sp5 .spRight5 .spRight51{font-size: 44px;color: var(--color1);font-weight: bolder; width: 100%;}
.sp5 .spRight5 .spRight52{ font-size: 16px; line-height: 28px; color: #666666; margin-top: 20px;}

.sp6{ display: flex; background: #f5f5f5; align-items: center; overflow: hidden;}
.sp6 .spLeft6{ width:50%; display: flex; flex-direction: row-reverse;}
.sp6 .spLeft6 .spBox6{ width: 100%; padding-right: 60px; max-width: 720px;}
.sp6 .spLeft6 .spBox6 .spTitle6{ font-size: 44px; font-weight: bolder; color: var(--color1); margin-bottom: 20px;}
.sp6 .spLeft6 .spBox6 .spSmall6{ font-size: 16px; line-height: 30px; color: #666666; max-height: 450px; overflow: hidden; overflow-y: auto; padding-right: 5px;}
.sp6 .spRight6{ width:50%; min-height: 640px;}
.sp6 .spRight6 img{ width: 100%; height: 100%; object-fit: cover;}

.scroll::-webkit-scrollbar { /*滚动条整体样式*/ width:5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 5px;}
.scroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px; background: var(--color1);}
.scroll::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 10px; background: rgba(38,71,160,.2);}

.scroll2::-webkit-scrollbar { /*滚动条整体样式*/ width:5px; /*高宽分别对应横竖滚动条的尺寸*/ height: 5px;}
.scroll2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px; background:#fff;}
.scroll2::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 10px; background: rgba(255, 255, 255, 0.2);}

.cp7{ overflow: hidden;}

.sp8{ background: #f5f5f5; padding: 110px 0; width: 100%;}
.sp8 .sp81{ font-size: 44px; font-weight: bolder; margin-bottom: 40px;}
.sp8 .sp82{padding-bottom: 40px; overflow: auto;}

.table2{ box-shadow: rgba(151,151,151,.2) 0 0 10px;}
/*.row3{ display: table-row;}*/
/*.table2 .col{display: table-cell;padding: 0 30px;min-width: 235px;background: var(--color1);vertical-align: middle;}*/
/*.row3 .col{ font-size: 18px; color: #fff; height: 78px; font-weight: bolder;}*/
/*.row4{ display: table-row;}*/
/*.row4 .col{ font-size:16px; color:#666666; height: 54px; background: #fff; white-space: pre;}*/

.table2 table{ background: #fff; border-collapse: collapse; border-spacing: 1;}
.table2 th{ font-size: 18px; color: #fff; height: 78px; font-weight: bolder;padding: 0 30px;min-width: 235px;background: var(--color1);vertical-align: middle; text-align:left;}
.table2 td{ font-size:16px; color:#666666; height: 54px; background: #fff; white-space: pre;padding: 0 30px;}


.cp9{ width: 100%; display: flex; align-items: center;}

.cpLeft9{ width: 50%; display: flex;}

.cpBox9{ width: 100%; max-width:720px; padding-right: 60px;}
.cpBox9 .cp91{ width: 100%; font-size: 44px; font-weight: bolder; color: var(--color1);}
.cpBox9 .cp92{ width: 100%; border-bottom: #dcdcdc solid 1px; margin: 50px 0 40px;}
.cpRight9{ width: 50%; min-height: 620px;}
.cpRight9 img{ width: 100%; height: 100%; object-fit: cover;}

.table3{ display: table; width: 100%;}
.table3 .row5{ display: table-row;}
.table3 .col{ height: 50px; padding: 15px 15px 15px 0; font-size: 20px; color: #666666; display: table-cell; }
.table3 .col:nth-child(1){font-weight: bolder; white-space: pre;}

.cp10{ background: #f2f2f2; overflow: hidden; padding: 140px 0 90px; }
.cp10 .cp101{ font-size: 44px; color: var(--color1); line-height: 50px; font-weight: bolder; margin-bottom: 50px;}

.cp102{}

.cpForm{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.cpForm .cpForm1{ font-size: 42px; font-weight: bolder; color: var(--color); margin-bottom: 24px; width: calc( 50% - 12px);}
.cpForm .cpForm1 input{ width: 100%; padding: 0 15px; line-height: 75px; background: #fff; border-radius: 3px; font-size: 18px;}
.cpForm .cpForm2{ width: 100%; margin-bottom: 24px;}
.cpForm .cpForm2 textarea{ width: 100%; padding: 5px 15px; line-height: 75px; background: #fff; border-radius: 3px; font-size: 18px; height: 145px;}
.cpForm .cpForm2 label{ font-size: 20px; color: #fff; width: 180px; height: 56px; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: url(../images/i27.png) no-repeat 100% 50%/cover; position: relative; overflow: hidden; cursor: pointer;}
.cpForm .cpForm2 label input[type="submit"]{ transform: translateX(100%); position: absolute;}
.cpForm .cpForm2 label span{ margin-right: 10px;}

{}


.about1{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 45px; margin-bottom: 125px;}
.about1 .abItem1{ background: #f7f7f7; display: flex; align-items: center; flex-direction: column; border-radius: 10px; padding: 65px 45px 45px; text-align: center;}
.about1 .abItem1 .abIcon{}
.about1 .abItem1 .abTitle{ font-size: 32px; font-weight: bolder; margin: 10px auto;}
.about1 .abItem1 .abSmall{ font-size: 18px; line-height: 28px; color: #666666;}

.about2{ background: url(../images/a5.jpg) no-repeat 50%/cover; overflow: hidden; padding: 120px 0 100px;}
.about2 .about21{ font-size: 44px; font-weight: bolder; color: #fff;}
.about2 .about22{padding: 65px 0 75px;overflow: auto;touch-action: pan-x;}

.history{ display: flex;}
.history .hisItem{ width: 450px; margin-right: 45px; padding: 35px; background: rgba(255,255,255,0.8); flex-shrink: 0; border-radius:10px;}
.history .hisItem .hisTitle{ padding-bottom: 25px; border-bottom: #dcdcdc solid 1px; font-size: 24px; font-weight: bolder; color: var(--color1);}
.history .hisItem .hisList{ width: 100%; height: 220px; overflow: hidden; overflow-y: auto;}

.tab4{ margin: 35px 0; display: table;}
.tab4 .row6{ display: table-row;}
.tab4 .row6 .col{ padding-bottom: 25px; display: table-cell;}
.tab4 .row6 .col:nth-child(1){ font-size: 18px; color: var(--color2); width: 60px;}
.tab4 .row6 .col:nth-child(2){ font-size: 18px; color: #666666;}

.shop{ margin: 90px auto 30px; display: flex; align-items: center; justify-content: space-between;}

.shopLeft{ width: calc( 100% * 610 / 1440);}
.shopLeft .shopLeft1{ font-size: 44px; color: var(--color1); font-weight: bolder; margin-bottom: 25px;}
.shopLeft .shopLeft2{ font-size: 18px; line-height: 32px;}

.shopLeft3{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 40px; margin-top: 45px;}
.shopLeft3 .shopLeftItem3{ width: 155px; display: flex; flex-direction: column;}
.shopLeft3 .shopLeftItem3 .shopLeftNum3{ font-size: 62px; color: var(--color2); font-weight: bolder;}
.shopLeft3 .shopLeftItem3 .shopLeftTit3{ margin-top: 15px; font-size: 18px; color: #666666; white-space: pre;}

.shopRight{width: calc( 100% * 690 / 1440);position: relative;/* overflow: hidden; */}

.mapBg{ position: relative; z-index: 0;}

.addressBox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}

.addressItem{ position: absolute; width: 0; height: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2;}
.addressItem:hover{ z-index: 5;}
.addressItem .addressIcon{ width: 23px; flex-shrink: 0; position: relative; z-index: 1; animation: tiao 1s infinite;}
@keyframes tiao
{
  0%, 100% { transform: translateY(0);}
  50% { transform: translateY(-5px);}
}
.addressItem .addressFlex{position: absolute;transform: translateX(-50%);left: 50%;top: 30px;display: none;}
.addressItem:hover .addressFlex{ display: block;}
.addressItem .addressFlex .addressArrow{position: absolute;left: 50%;transform: translateX(-50%);top: -16px;}
.addressItem .addressFlex .addressText{width: 351px;background: #fff;box-shadow: rgba(151,151,151,.2) 0 0 10px;padding: 20px 30px;border-radius: 10px;}
.addressItem .addressFlex .addressTitle{font-size: 18px;margin-bottom: 4px;font-weight: bolder;}
.addressItem .addressFlex .addressSmall{ font-size: 16px; line-height: 30px; color: #666666;}

.World{ padding: 110px 0; overflow: hidden; background: #f6f6f6;}
.World .WorldTitle{ font-size: 44px; font-weight: bolder; color: var(--color1); margin-bottom: 40px;}

.WorldBox{ position: relative;}
.WorldBox .WorldBg{ display: flex; justify-content: center; position: relative; z-index: 0;}

.WorldList{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.WorldList .WorldItem{ width: 0; height: 0; position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.WorldList .WorldItem .WorldIcon{ width: 36px; flex-shrink: 0;} 
.WorldList .WorldItem .WorldIcon img:nth-child(1){ animation: shan 2s infinite;}
@keyframes shan
{
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
.WorldList .WorldItem .WorldIcon img:nth-child(2){ display: none;}
.WorldList .WorldItem .WorldTi{ position: absolute; font-size: 24px; white-space: pre; top: 50%; transform: translateY(-50%);}
.WorldList .WorldItem.l .WorldTi{ left: 18px;}
.WorldList .WorldItem.r .WorldTi{ right: 18px;}

.WorldList .WorldItem:hover .WorldIcon img:nth-child(1){ display: none;}
.WorldList .WorldItem:hover .WorldIcon img:nth-child(2){ display: block;}
.WorldList .WorldItem:hover .WorldTi{ color: var(--color2) ;}


{}


.index{}

.index .pcTop{ position: absolute; left: 60px; top: 50px; z-index: 999; width: calc( 100% - 120px); padding: 0 60px; border-radius: 10px;}


/* 响应式banner */
.img_gallery{position:relative; overflow: hidden;}
.main_img{ overflow:hidden;position:relative; height:100%;}
.main_img .zhanwei{ width:100%; max-width:1440px;}
.main_img .zhanwei:before{ padding-top:calc(100% * ( 1180 / 1440)); content:''; display:block;}
.main_img ul{width:9999px; overflow:hidden; height:100%;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%; height:100%; }
.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }
div.point{position:absolute;bottom: 90px;left:0;z-index:999;width:100%;height:0px;display: flex;align-items: end;left: 50%;transform: translateX(-50%);}
div.point .point_box{/* margin:0 auto; */display:inline-block;}
div.point .point_box a{display: none; font-size: 36px;float: left;cursor: pointer;margin:0 10px 0 0;color: #fff;}
div.point .point_box a.on{ display: block;}

div.point .point_tot{ font-size: 24px;color: #fff;}

#btn_prev{}
#btn_next{}

.bannerText{}
.bannerText a{ display:flex; color:#FFFFFF; justify-content:center; flex-direction:column; width:100%; height:100%; max-width:1440px; margin:0 auto;}

.img_gallery .p1{ font-size:78px; line-height: 98px; font-weight:bolder; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s;text-shadow: 0 -2px rgba(0, 0, 0, 0.5);}
.img_gallery .bannerText.on .p1{ transform:translateY(0); opacity:1;}

.img_gallery .p3{opacity:0.5;transform:translateY(30px);transition:all ease-in 0.75s 0.5s; margin-top:65px;}
.img_gallery .bannerText.on .p3{ transform:translateY(0); opacity:1;}

.img_gallery .bannerText .p3 .ljgd{width: 180px;height: 56px;border-radius: 5px;background: #FFFFFF;font-size: 18px;color: #666666;display: flex;align-items: center;justify-content: center;}
.img_gallery .bannerText .p3 .ljgd span{ margin-right: 10px;}

/* 响应式banner */

.downIcon{position: absolute;bottom: 60px;width: 100%;display: flex;align-items: end;justify-content: center;height: 0;cursor: pointer;z-index: 9999999999;}
.downIcon .downIconBox{width: 64px;position: relative;border-radius: 100px;overflow: hidden;height: 64px; background: url(../images/i2.png) no-repeat 50%/cover;}
.downIcon .downIconBox img{width: 100%;position: absolute;left: 0;animation: downs  3s infinite;pointer-events: none;}
@keyframes downs
{
  0%{ top: -50%; }
  100% {top: 65%;}
}

.index1{ padding: 170px 0; display: flex; align-items: center; justify-content: space-between;}
.index1 .indexLeft1{ width: calc( 100% * 800 / 1440);}
.index1 .indexLeft1 .indexLeft11{ font-size: 36px; font-weight: bolder; color: var(--color1); margin-bottom: 45px;}
.index1 .indexLeft1 .indexLeft12{ font-size: 48px; line-height: 60px; margin-bottom: 20px;}
.index1 .indexLeft1 .indexLeft13{ font-size: 18px; line-height: 32px; color: #666666; margin-bottom: 55px;}
.index1 .indexLeft1 .indexLeft14{ display: flex;}
.index1 .indexRight1{ width: calc( 100% * 570 / 1440);}

.indexAbout{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 16px;}
.indexAbout .indAb{ width: 100%; display: flex; position: relative;}
.indexAbout .indAb:nth-child(2){ align-items: end;}
.indexAbout .indAb .indAbBg{ width: 100%; border-radius: 10px; overflow: hidden;}
.indexAbout .indAb .indAbBg img{ width: 100%;}
.indexAbout .indAb .indAbText{ color: #fff;}
.indexAbout .indAb .indAbText .indAbTitle{ font-size: 36px; margin-bottom: 10px;}
.indexAbout .indAb .indAbText .indAbSmall{ font-size: 18px; line-height: 30px;}

.indAbNei{position: relative;height: fit-content;width: 100%;}

.indexAbout .indAb .indAbText.indAbText2{ position: absolute; bottom: 0; left: 0; padding: 15px;}
.indexAbout .indAb .indAbText.indAbText3{ position: absolute; bottom: 0; left: 0; padding: 15px;}

.index2{ text-align: center; font-size: 48px; font-weight: bolder;}

.index3{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px; margin: 45px auto 200px;}
.index3 .indexItem3{ position: relative; border-radius: 10px; overflow: hidden; cursor: pointer;}
.index3 .indexItem3 .indexBg3{ width: 100%; position: relative; z-index: 0;}
.index3 .indexItem3 .indexBg3 img{ width: 100%;}

.index3 .indexItem3 .indexMask31{ display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; left: 0; top: 0; z-index: 1; color: #fff; font-size: 36px; text-align: center; width: 100%; height: 100%; transition: all 1.5s ease;}
.index3 .indexItem3 .indexMask31 .indexMaskIcon31{ margin-bottom: 45px;}

.index3 .indexItem3 .indexMask32{ width: calc( 100% - 40px); background: rgba(255,255,255,0.9); border-radius: 10px; display: flex; flex-direction: column; align-items: center; padding: 40px 55px 20px 55px; position: absolute; bottom: 0px; left: 20px; z-index: 2; text-align: center; opacity: 0; transition: all .75s ease;} 
.index3 .indexItem3 .indexMask32 .indexMaskIcon32{}
.index3 .indexItem3 .indexMask32 .indexMaskTitle32{ font-size: 36px; font-weight: bolder; color: var(--color1); margin: 20px auto 10px;}
.index3 .indexItem3 .indexMask32 .indexMaskSmall32{ font-size: 18px; line-height: 30px; color: #666666; display:none;}

.index3 .indexItem3:hover .indexMask31{ opacity: 0;}
.index3 .indexItem3:hover .indexMask32{ opacity: 1; bottom: 20px;}

.index4{ width: 100%; background: url(../images/i17.jpg) no-repeat 50%/cover; overflow: hidden;}
.index4 .index41{ padding: 140px 0;}
.index4 .index41 .index411{ font-size: 48px; color: #fff; margin-bottom: 75px;}

.index412{ display: flex; width: 100%;}
.index412 .indStrenItem{ width: 25%; display: flex; flex-direction: column;}
.index412 .indStrenItem:nth-child(even){ flex-direction: column-reverse;}
.index412 .indStrenItem .indStrenZhan{ width: 100%; height: 240px;}
.index412 .indStrenItem .indStrenText{ position: relative; width: 100%; cursor: pointer; height: 240px;}

.indStrenBg{ padding: 30px; border:#fff solid 1px; z-index: 1; transition: all ease .75s; width: 100%; height: 100%; }
.indStrenBg .indStrenBgTop{ display: flex; flex-direction: row-reverse; margin-bottom: 40px;}
.indStrenBg .indStrenBgBot{ color: #fff; font-size: 30px; font-weight: bolder;}
.indStrenBg .indStrenBgBot .indStrenBgBot1{}
.indStrenBg .indStrenBgBot .indStrenBgBot2{}

.indStrenMask{ position: absolute; top: 0px; left: 0px; z-index: 10; background: #FFFFFF; width: 100%; height: 100%; background: rgba(255,255,255,0.9); padding: 30px; opacity: 0; transition: all ease .75s;}
.indStrenMask .indStrenMask1{ position: absolute; right: 30px; top: 30px;}
.indStrenMask .indStrenMask2{ font-size: 40px; font-weight: bolder; color: var(--color1);}
.indStrenMask .indStrenMask3{ font-size: 30px;}
.indStrenMask .indStrenMask4{ font-size: 18px; line-height: 30px; color: #666666;}
.indStrenMask .indStrenMask5{ position: absolute; bottom: 30px; right: 30px;}

.index412 .indStrenItem .indStrenText:hover .indStrenBg{ opacity: 0;}
.index412 .indStrenItem .indStrenText:hover .indStrenMask{ opacity: 1;}

.index5{ width: 100%; overflow: hidden; padding: 170px 0; background: #ededed;}

.indCon{ display: flex; border-radius: 10px; background: #e5e5e4; padding: 100px 95px 85px 95px; justify-content: space-between; align-items: center;}
.indConLeft{ width: 50%;}
.indConLeft .indConLeft1{ font-size: 36px; font-weight: bolder; color: var(--color1); margin-bottom: 20px;}
.indConLeft .indConLeft2{ font-size: 48px; line-height: 60px; margin-bottom: 30px;}

.indConRight{ width: 45%;}
 
.indConRight .conForm{ width: 100%; padding: 0;}
.indConRight .conForm .conForm3{ margin-bottom: 35px;}

{}

@media screen and (min-width:1200px){
	
.moTop{ display:none !important;}
.moMenuBox{ display:none !important;}


}
@media screen and (max-width:1600px){
    
.pcTopMenu .topMenuXun .topMenuTitle {
    line-height: 80px;
    font-size: 16px;
    padding: 0 15px;
}
.pcTopSearch .topSearchIcon {
    height: 80px;
    padding: 0 25px 0 20px;
}

.index .pcTop {
    left: 5%;
    top: 30px;
    width: 90%;
    padding: 0 5%;
    height: 80px;
    border-radius: 5px;
}

.pcTop .pcTopNei .pcTopLeft .pcTopLogo img{ height:30px;}

.pcTopBack img{ height:30px;}

.pcTopLine {
    font-size: 16px;
    line-height: 80px;
}

:root {
    --bodyWidth: 1200px;
}

.bannerText a{ max-width:var(--bodyWidth);}

.img_gallery .p1 {
    font-size: 60px;
    line-height: 80px;}
.main_img .zhanwei{ max-width:var(--bodyWidth); height:100vh;}

.img_gallery .bannerText .p3 .ljgd {
    width: 140px;
    height: 40px;
    font-size: 14px;
}

.index1 {
    padding: 120px 0;}
    
.index1 .indexLeft1 .indexLeft11 {
    font-size: 28px;
    margin-bottom: 20px;
}   
    
.index1 .indexLeft1 .indexLeft12 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px;
}

.but {
    font-size: 16px;
    padding: 0 20px;
    line-height: 45px;
    min-width: 140px;
    border-radius: 5px;
}

.indexAbout .indAb .indAbText .indAbTitle {
    font-size: 24px;
    margin-bottom: 5px;
}    
    
.indexAbout .indAb .indAbText .indAbSmall {
    font-size: 14px;
    line-height: 24px;
}    

.index3 .indexItem3 .indexMask31 .indexMaskIcon31 {
    margin-bottom: 10px;
}   
.index3 .indexItem3 .indexMask31 .indexMaskIcon31 img{ height:60px;}    
.index3 .indexItem3 .indexMask31{ font-size:28px;}   
    
.index3 .indexItem3 .indexMask32 .indexMaskIcon32 img{ height:60px;} 
.index3 .indexItem3 .indexMask32 .indexMaskTitle32{ font-size:28px;}      
    
.index4 .index41{ padding:120px 0;}

.index4 .index41 .index411 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 50px;
}

.indStrenMask .indStrenMask3 {
    font-size: 24px;
}
.indStrenMask .indStrenMask4 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.indStrenMask .indStrenMask2 {
    font-size: 26px;
    font-weight: bolder;
    color: var(--color1);
}

.indStrenBg .indStrenBgBot {
    color: #fff;
    font-size: 24px;
    font-weight: bolder;
}



.indStrenBg .indStrenBgTop img{ height:36px;}
.indStrenMask .indStrenMask1 img{ height:36px;}

.index5{ padding:120px 5%;}

.indCon { padding:5%;}

.footer .fo1 .foRight1 .foMenuItem {
    width: 145px;
}

.footer .fo1 {
    padding: 55px 0 65px;
}

.footer .fo1 .foLeft1 .foLogo img{ height:35px;}

.footer .fo1 .foLeft1 .foShare a{ width:30px;}

.footer .fo1 .foLeft1 .foShare {
    display: flex;
    padding-top: 25px;
}

.conForm .conForm2 input {
    padding: 0 15px;
    line-height: 50px;
    font-size: 14px;
}

.conForm .conForm3 textarea{line-height: 50px;}

.conForm .conForm4 label {
    font-size: 16px;
    width: 120px;
    height: 45px;
    border-radius: 5px;
}

.pcTopMenu .topMenuXun .topMenuTitle::before{ top:60px;}

.pcTop{ height:80px; padding:0 5%;}

.sp5{ margin:90px auto;}

.sp5 .spRight5 .spRight51 {
    font-size: 36px;}

.sp5 .spRight5 .spRight52 {
    font-size: 14px;
    line-height: 24px;}

.cp3{
    font-size: 36px;}

.about1 .abItem1 .abTitle {
    font-size: 24px;
}

.about1 .abItem1 .abSmall {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}

.about1{ margin-bottom:90px;}

.history .hisItem .hisTitle {
    padding-bottom: 15px;
    font-size: 20px;
}

.history .hisItem {
    width: 390px;
    margin-right: 15px;
    padding: 25px;
    border-radius: 5px;
}

.tab4 .row6 .col:nth-child(2) {
    font-size: 14px;
    color: #666666;
}
.tab4 .row6 .col:nth-child(1) {
    font-size: 14px;
    color: var(--color2);
    width: 50px;
}

.shopLeft .shopLeft1 {
    font-size: 36px;
    color: var(--color1);
    font-weight: bolder;
    margin-bottom: 15px;
}

.shopLeft .shopLeft2 {
    font-size: 16px;
    line-height: 28px;
}

.World {
    padding: 90px 0;
    overflow: hidden;
    background: #f6f6f6;
}

.proSearchForm input[type="text"] {
    line-height: 45px;
}

.proSearchForm label{ height:45px;width: 140px;}

.proSearchForm label img {
    margin-right: 10px;
    height: 15px;
}
.proSearchForm label span {
    color: #fff;
    font-size: 16px;
}

.proItem .proTop .proTitle{ font-size:16px;}

.proItem .proBot {
    display: table;
    width: 100%;
    margin: 15px 0 15px;
}

.proItem .proBot .proBotRow .proBotCol1 {
    font-size: 14px;
    height: 30px;
}

.proItem .proTop .proArrow img{ height:10px;}

.fenye li {
    width: 40px;
    height: 40px;
}

.fenye li a {
    font-size: 14px;
}

.hotCode span{ font-size:12px;}
.hotCode a{ font-size:12px;}

.cp1{ margin:50px auto 90px;}

.cp1 .cpRight1 .cpRightTitle1 {
    font-size: 36px;
    line-height: 40px;
    padding: 15px 0;}

.cpLeftWai2 {
    width: 100%;
    padding: 20px 40px 50px 0px;
    max-width: 600px;
    position: relative;
}
.cp2 {
    display: flex;
    width: 100%;
    margin-bottom: 60px;
}

.cpImg2 li {
    height: 480px;
}

.cpImg2 {
    height: 480px;
    width: 100%;
}

.cpLeftWai2 .cpLeft21 {
    font-size: 36px;
    color: var(--color1);
    font-weight: bolder;
    line-height: 40px;
    margin-bottom: 15px;
}

.table1 .col {
    vertical-align: middle;
    padding: 0 15px;
    display: table-cell;
    height: 50px;
}

.table1 .row1 .col{ font-size:16px;}

.table1 .row2 .col {
    font-size: 14px;
    color: #666666;
}

.sp6 .spLeft6 .spBox6 {
    width: 100%;
    padding-right: 30px;
    max-width: 600px;}

.sp6 .spLeft6 .spBox6 .spSmall6{ max-height: 200px;}
.sp6 .spRight6 {
    width: 50%;
    min-height: auto;
}

.sp8 .sp81{ font-size:36px;}

.table2 th {
    font-size: 16px;
    height: 60px;
    padding: 0 20px;
    min-width: 190px;
}

.table2 td {
    font-size: 14px;
    height: 45px;
    padding: 0 20px;
}

.cpBox9 {
    width: 100%;
    max-width: 600px;
    padding-right: 30px;
}

.cpRight9 {
    width: 50%;
    min-height: auto;
}

.table3 .col{ font-size:14px;}

.cp10{ padding:90px 0;}

.cp10 .cp101{ font-size:36px;}

.cpForm .cpForm2 label {
    font-size: 16px;
    color: #fff;
    width: 120px;
    height: 45px;}

.stren5 .strenRight5 .strenRight52 {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
}

.stren21 .stren212 {
    font-size: 14px;
    line-height: 24px;
}

.stren21 .stren211 {
    font-size: 36px;
    margin-bottom: 20px;
}
.stren5 .strenRight5 .strenRight51 {
    font-size: 36px;
    color: var(--color1);
}

.conRightBox2 .conTitle2 {
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 24px;
}

.conList2 .conListItem2 .conListIcon2 {
    width: 45px;}

.conList2 .conListItem2 .conListCon2 .conListS2 {
    font-size: 16px;
}

.conList2 .conListItem2 .conListCon2 .conListT2 {
    font-size: 14px;
    line-height: 2em;
    color: #999999;
}

.conForm {
    padding: 40px 0 40px 40px;
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: var(--w2);
}
.conForm .conForm1 {
    font-size: 36px;
    font-weight: bolder;
    color: var(--color);
    margin-bottom: 15px;
}

.conForm .conForm2 {
    width: 100%;
    margin-bottom: 15px;
}

.con3 {
    margin-bottom: 90px;
}

.title1 {
    text-align: center;
    font-size: 36px;
}

.conItem4 .con41 {
    font-size: 26px;
    line-height: 2em;
}

.conItem4 .con43 {
    font-size: 14px;}

.conItem4 .con44 {
    font-size: 16px;
    line-height: 2em;
}

.conItem4 .con45 {
    font-size: 14px;
    line-height: 2em;
    color: #666666;
    margin-bottom: 14px;
}

.conItem4 .con47 {
    height: 50px;}

.content .contentRight {
    width: 250px;
    flex-shrink: 0;
    margin-left: 20px;
}

.backList {
    height: 55px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 55px;
}

.mailto .mailtoText p {
    font-size: 14px;}

.recruitmentTop .recruitmentTop1 {
    font-size: 24px;}












}
@media screen and (max-width:1200px){
.pc{ display:block;}
.mo{ display:none;}
.disable_text_highlighting,body {
	/*去除选中高亮*/
-webkit-touch-callout: none;
-webkit-user-select: none;    /* Webkit */
-moz-user-select: none;      /* Firefox */
-ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
-o-user-select: none;
user-select: none;
}

.pcTop{ display:none;}
.moTop{ display:flex;}

.footer .fo1 .foRight1{ display:none;}

.footer .fo1 .foLeft1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.footer .fo1 .foLeft1 .foShare{ padding-top:0;}

.img_gallery .p1 {
        font-size: 45px;
        line-height: 50px;
    }

:root {
        --bodyWidth: 90%;
    }

.downIcon .downIconBox{ display:none;}

.index1 {
        padding: 50px 0;
        flex-direction: column;
    }

.index1 .indexLeft1{ width:100%; margin-bottom:45px;} 

.index1 .indexRight1 {
    width: 60%;
}

.index412 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.index412 .indStrenItem {
    width: 50%;}

.indCon {
        padding: 5%;
        flex-direction: column;
    }
.indConLeft {
    width: 100%;
    margin-bottom: 35px;
}

.indConRight {
    width: 100%;
}

.sp5 {
        margin: 50px auto;
        flex-direction: column-reverse;
    }

.sp5 .spLeft5 {
    width: 100%;
    margin-bottom: 35px;
}

.sp5 .spLeft5 img{ width:100%;}

.sp5 .spRight5 {
    width: 100%;
    padding-bottom: 30px;
}

.shop {flex-direction: column;
}

.shopLeft{
    width: 100%;
    margin-bottom: 35px;
}
.shopRight {
    width: 100%;
}

.mapBg img{ width:100%;}

.proSearchForm{ max-width:100%;}

.proList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}

.stren5{ flex-direction:column-reverse;}

.stren5 .strenLeft5 {
    width: 100%;
}
.stren5 .strenLeft5 img{
    width: 100%;
}

.stren5 .strenRight5{
    width: 100%;
    padding: 0 0 30px 0;
}

.stren21 {
    width: 100%;
    padding: 5%;
    color: #fff;
}
.stren4 {
    display: flex;
    margin: 50px auto;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.stren4 .strenLeft4 {
    width: 100%;
    padding: 0 0 30px 0;
}

.stren4 .strenLeft4 .strenLeft42{ max-width:100%; margin:30px 0 30px;}

.stren4 .strenRight4 {
    width: 100%;
}

.stren3 .stren21 .stren212 {
    max-width: 100%;
}

.con1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px auto;
    flex-direction: column;
}

.con1 .con12{ margin-top:45px;}

.conItem2{ flex-direction:column;}
.conItem2 .conRight2{ width:100%;transform: translateX(0) !important;}
.conItem2.on .conLeft2{ width:100%;transform: translateX(0) !important;}

.con3 {
        margin-bottom: 40px;
        flex-direction: column;
    }
.pageLeft {
    width: 100%;
}

.pageRight{
    width: 100%;
}
.conForm {
        max-width: 100%;
    }

.con4 {
    margin: 45px auto;
    display: grid;
    grid-gap: 25px 20px;
    grid-template-columns: repeat(2, 1fr);
}

.cp1 {
    margin: 50px auto;
    flex-direction: column;
}
.cp1 .cpLeft1 {
    width: 100%;
}
.cp1 .cpLeft1 img{
    width: 100%;
}

.cp1 .cpRight1 {
    width: 100%;
    padding: 30px 0 0 0;
}

.cp2 {
        margin-bottom: 50px;
        flex-direction: column;
    }

.cp2 .cpLeft2{
    width: 100%;
}

.cp2 .cpRight2{
    width: 100%;
}

.cpLeftWai2 {
    width: 100%;
    padding: 30px 5%;
    max-width: 100%;
    position: relative;
}

.cpLeftWai2 .cpLeft23 {
    position: relative;
    bottom: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cp4 .cpText4 {
    left: 5%;
    font-size: 14px;
    padding: 15px;
    width: 90%;
}

.sp6{ flex-direction:column;}

.sp6 .spLeft6{ width:90%; margin:5%;}

.sp6 .spRight6{
    width: 100%;
}

.sp6 .spLeft6 .spBox6 {
        width: 100%;
        padding-right: 30px;
        max-width: 100%;
        max-height: none;
    }
.cp9 {
    flex-direction: column;}

.cpLeft9{ width:100%; margin:5%;}
.cpBox9 {
        width: 100%;
        max-width: none;
        padding: 30px 5%;
    }

.cpRight9{
    width: 100%;
}

.cpForm .cpForm1{
    width: 100%;
}

.productDetail .pdLeft {
    width: 100%;
    padding-right: 0;
    margin-bottom:45px;max-width: 500px;
    margin: 0 auto 45px auto;
    
}
.productDetail .pdRight {
    width: 100%;
}
}
@media screen and (max-width:770px){




	 
}
@media screen and (max-width:640px){




}
@media screen and (max-width:420px){




}