@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:#333; font-size:14px; width:100%; background:#F5F7FA;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333; 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:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.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; 
}

.w1{ width:90%; margin:0 auto; max-width:1400px;}

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


:root{
	--l:#D61D3D;
	--s:rgba(0,0,0,0.05) 0 0 40px;
}

.top{ width:100%; background: #FFFFFF; }
.top .topNei{ display: flex; justify-content:space-between; align-items:center; }
.top .topNei .topLogo{}
.top .topNei .topLogo img{ max-height:60px;}
.top .topNei .topLogo img:nth-child(2){ display: none;}
.top .topNei .topRight{ padding-top:0px; display:flex; display:flex; align-items:center;}
.top .topNei .topMenu{ display:flex; position:relative;}

.top .topNei .topMenu .topMenuXun{ position:relative;}
.top .topNei .topMenu .topMenuXun .topMenuDown{ position: absolute; top:90px; left: 50%; z-index: 9999;transform: translateX(-50%); display:none;}
/*.top .topNei .topMenu .topMenuXun .topMenuDown:before{ display: block; height:calc( 100% + 30px); background: ; content: ''; position: fixed; left:0vw; width: 100vw; z-index: -1;}*/
.top .menuBg{ background:rgba(255,255,255,0.8); position:absolute; left:0; top:90px; z-index:999; width:100vw; transition: all ease 0.5s;}
/*.top .topNei .topMenu .topMenuXun:nth-child(1) .topMenuDown:before{ display:none;}*/
/*.top .topNei .topMenu .topMenuXun:nth-child(2) .topMenuDown:before{ transform:translateX( calc( -50vw + 215px));}*/
/*.top .topNei .topMenu .topMenuXun:nth-child(3) .topMenuDown:before{ display:none;}*/
/*.top .topNei .topMenu .topMenuXun:nth-child(4) .topMenuDown:before{ transform:translateX( calc( -50vw + 30px));}*/
/*.top .topNei .topMenu .topMenuXun:nth-child(5) .topMenuDown:before{ transform:translateX( calc( -50vw - 75px));}*/
/*.top .topNei .topMenu .topMenuXun:nth-child(6) .topMenuDown:before{ transform:translateX( calc( -50vw - 188px));}*/
/*.top .topNei .topMenu .topMenuXun:nth-child(7) .topMenuDown:before{ transform:translateX( calc( -50vw - 301px));}*/
/*.top .topNei .topMenu .topMenuXun:nth-child(8) .topMenuDown:before{ display:none;}*/

.top .topNei .topMenu .topMenuXun .topMenuDown2{ width:100vw; background:#FFFFFF; position: fixed;}
.top .topNei .topMenu .topMenuXun .topMenuDown2 .topPro{ display:flex; justify-content:space-between; }
.top .topNei .topMenu .topMenuXun .topMenuDown2 .topProItem{ padding-right:25px;}
.top .topNei .topMenu .topMenuXun .topMenuDown2 .topProItem .topProTitle{ color:var(--l); font-weight:bolder;}
.top .topNei .topMenu .topMenuXun .topMenuDown2 .topProItem a{ text-align:left !important; min-width:auto;}
.top .topNei .topMenu .topMenuXun .topMenuDown2 .topProItem a.topProTitle:hover{ background:none !important; color:var(--l) !important;}

.top .topNei .topMenu .topMenuXun .topMenuDown3{ width:100vw; position: fixed;}

.top .topNei .topMenu .topMenuXun:hover .topMenuDown{ display:block;}   
.top .topNei .topMenu .topMenuXun .topMenuDown a{ display:block; text-align:center; line-height:3em; background:; min-width: 180px; padding: 0 10px; white-space:pre;}
.top .topNei .topMenu .topMenuXun .topMenuDown a:hover{ background:var(--l); color:#FFFFFF;}
/* .top .topNei .topMenu a{ position:relative; font-size:16px; color:#000; margin:0 25px; display:block; line-height:90px;} */
.top .topNei .topMenuTitle{display: block; line-height: 90px; position: relative; margin: 0 25px;}
.top .topNei .topMenuTitle::before{ width: 100%; height: 2px; background: var(--l); position: absolute; bottom: 0; left: 0; content: ''; display: block; opacity: 0;}
.top .topNei .topMenuTitle.on{ color: var(--l);}
.top .topNei .topMenuTitle.on::before{ opacity: 1;}
.top .topNei .pcMenuXun:hover .topMenuTitle{ color: var(--l);}
.top .topNei .pcMenuXun:hover .topMenuTitle::before{ opacity: 1;}
.top .topNei .topMenu .topMenuXun:hover .topMenuTitle{ color: var(--l);}
.top .topNei .topMenu .topMenuXun:hover .topMenuTitle::before{ opacity: 1;}
.top .topNei .topLeng{ display:flex; align-items:center; font-size:18px; color:#FFFFFF; }
.top .topNei .topLeng img{ margin-right:10px;}

.top .topNei .gupiao{ font-size: 12px; color: var(--l); line-height: 28px; border: var(--l) solid 1px; padding: 0 15px; border-radius: 30px; white-space: pre; margin-left: 25px;}

.top .topNei .pcMenuXun{ padding-top:0px; position:relative; height:90px; display: flex; align-items: center;}
.top .topNei .pcMenuXun .menuTitle{ display:flex; align-items:center; font-size:12px; color:#333; line-height:90px;}
.top .topNei .pcMenuXun .menuTitle img{ margin:0 10px 0 0;}
.top .topNei .pcMenuXun .menuTitle i{ margin:-10px 0 0 10px;}
.top .topNei .pcMenuXun .menuDown{ min-width:100px; position:absolute; left:50%; transform:translateX(-50%); top:90px; z-index:9; display:none; flex-direction:column; background:#fff;}
.top .topNei .pcMenuXun:hover .menuDown{ display:flex;}
.top .topNei .pcMenuXun .menuDown a{ text-align:center; display:block; font-size:14px; color:rgba(255,255,255,0.80); width:100%; line-height:2em;}
.top .topNei .pcMenuXun .menuDown a:hover{ color:#fff;}


.topProBox{ display:flex; margin:20px auto;}
.top .topNei .topMenu .topMenuXun .topMenuDown3 .topProBox{ justify-content:center;}
.topProWai{}
.topProWai .topProTitle{}
.topProWai .topPro{ display:flex;}
.topProWai .topPro .topProItem{ margin:0 auto;}
.topProWai .topPro .topProItem .topProTitle2{ margin:0 auto;}
.topProWai a{ color:#333;}
.top .topNei .topMenu .topMenuXun .topMenuDown a.topProTitle{ font-size:15px; color:var(--l) !important; text-align: left; font-weight: bolder;}
.top .topNei .topMenu .topMenuXun .topMenuDown a.topProTitle:hover{ background:none !important; color:var(--l) !important;}
.top .topNei .topMenu .topMenuXun .topMenuDown a.topProTitle2{ color:var(--l);}

.index .top { width: 100%; background: none; position: absolute; left: 0; top: 0; z-index: 999; background: rgba(0,0,0,0); box-shadow: rgba(0,0,0,0) 0 15px 0px;}
.index .top .topNei .topLogo img:nth-child(1){ display: none;}
.index .top .topNei .topLogo img:nth-child(2){ display: block;}
.index .top .topNei .topMenu{ display:flex;}
.index .top .topNei .topMenuTitle{ color: #FFFFFF;}
.index .top .topNei .topMenuTitle::before{ background:#FFFFFF; bottom: 25px;}
.index .top .topNei .topMenuTitle.on{ color: #FFFFFF;}
.index .top .topNei .topMenuTitle:hover{ color: #FFFFFF;}
.index .top .topNei .gupiao{ color: #FFFFFF; border: #FFFFFF solid 1px;}

.index .top .topNei .topMenu .topMenuXun .topMenuDown a{ background:none; color:#FFFFFF;}
.index .top .topNei .topMenu .topMenuXun .topMenuDown a:hover{ background:var(--l); }
.index .top .topNei .topMenu .pcMenuXun .topMenuTitle{ color: var(--l);}
.index .top .topNei .topMenu .pcMenuXun:hover .topMenuTitle::before{ opacity: 1;}
.index .top .topNei .pcMenuXun .menuTitle{ color:#fff;}


.top:hover { width: 100%; background: #fff;}
.top:hover .topNei .topLogo img:nth-child(2){ display: none;}
.top:hover .topNei .topLogo img:nth-child(1){ display: block;}
.top:hover .topNei .topMenu{ display:flex;}
.top:hover .topNei .topMenuTitle{ color: #333;}
.top:hover .topNei .topMenuTitle::before{ background:var(--l); bottom: 0px;}
.top:hover .topNei .topMenuTitle.on{ color: var(--l);}
.top:hover .topNei .topMenuTitle:hover{ color: var(--l);}
.top:hover .topNei .gupiao{ color: var(--l); border: var(--l) solid 1px;}

.top:hover .topNei .topMenu .topMenuXun .topMenuDown a{  color:#333;}
.top:hover .topNei .topMenu .topMenuXun .topMenuDown a:hover{ background:var(--l); color:#fff}
.top:hover .topNei .topMenu .pcMenuXun .topMenuTitle{ color: var(--l);}
.top:hover .topNei .topMenu .pcMenuXun:hover .topMenuTitle::before{ opacity: 1;}

.top:hover .topNei .pcMenuXun .menuTitle{  color:#333;}
.top:hover .topNei .pcMenuXun .menuDown a{  color:#333;}

.neiBanner1{ width:100%; position:relative; overflow:hidden;}
.neiBanner1 .neiBannerZhan{}
.neiBanner1 .neiBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 500 / 1400);}
.neiBanner1 .neiBannerText{ position:absolute; left:50%; top:50%; display:flex; align-items:center; transform:translate(-50%,-50%); flex-direction: column; text-align: center; display:none !important;}
.neiBanner1 .neiBannerText .neiBannerText1{ position:relative;}
.neiBanner1 .neiBannerText .neiBannerText1 span{ font-size:48px; line-height:80px; color:#FFFFFF; display:inline-block;}
.neiBanner1 .neiBannerText .neiBannerText2{ position:relative;}
.neiBanner1 .neiBannerText .neiBannerText2 span{ font-size:16px; line-height:30px; color:#FFFFFF; display:inline-block; max-width: 800px;}

.neiBanner2{ width:100%; position:relative; overflow:hidden;}
.neiBanner2 .neiBannerZhan{}
.neiBanner2 .neiBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 500 / 1400);}
.neiBanner2 .neiBannerText{ position:absolute; left:50%; top:50%; display:flex; align-items:center; transform:translate(-50%,-50%); flex-direction: column; text-align: center; display:none !important;}
.neiBanner2 .neiBannerText .neiBannerText3{ position:relative;}
.neiBanner2 .neiBannerText .neiBannerText3 span{ font-size:48px; line-height:80px; color:#FFFFFF; display:inline-block;}
.neiBanner2 .neiBannerText .neiBannerText4{ position:relative;}
.neiBanner2 .neiBannerText .neiBannerText4 span{ font-size:16px; line-height:30px; color:#FFFFFF; display:inline-block; max-width: 800px;}
.neiBanner2 .neiBannerText .neiBannerText5{ cursor: pointer;}

.neiNav{ height:80px; margin-top: -80px; background:rgba(0, 0, 0, 0.50); position:relative; z-index:9; overflow:hidden;}
.neiNav .navNei{ margin:0 auto; display:flex; justify-content:center;}
.neiNav .navNei a{ padding:0 25px; line-height:80px; text-align:center; color:#FFFFFF; font-size:16px; }
.neiNav .navNei a:hover{ background:var(--l);}
.neiNav .navNei a.on{ background:var(--l);}


.foot{ background:#111111;}
.foot .foot1{ display:flex; justify-content:space-between; padding-top:50px; padding-bottom:50px; border-bottom:#313131 solid 1px;}
.foot .foot1 .foLeft{ display:flex; flex-direction: column;}
.foot .foot1 .foLeft .foLeft1{ margin-bottom: 20px;}
.foot .foot1 .foLeft .foLeft1 img{ max-height:60px;}
.foot .foot1 .foLeft .foLeft2{ font-size: 12px; line-height: 20px; color: rgba(255, 255, 255, 0.50);}
.foot .foot1 .foLeft .foLeft3{ font-size: 16px; line-height: 30px; color:#FFFFFF;}
.foot .foot1 .foLeft .foLeft4{ width: 210px; display: flex; justify-content: space-between; font-size: 12px; line-height: 30px; color:#FFFFFF; margin-top: 10px;}
.foot .foot1 .foLeft .foLeft4 .foLeft41{ width: 100px; display: flex; flex-direction: column; align-items: center;}

.foot .foot1 .foRight{ display:flex; justify-content: space-between;}
.foot .foot1 .foRight .gdtXun{ align-items:flex-start; display:flex; flex-direction:column; margin-left: 60px;}
.foot .foot1 .foRight .gdtXun a{ white-space: pre; line-height:30px; color:rgba(255,255,255,0.7); text-align:left; font-size:12px;}
.foot .foot1 .foRight .gdtXun .gdtXunTitle{ color:#FFFFFF; margin-bottom:10px; font-size: 14px; font-weight: bolder;}
.foot .foot1 .foRight .gdtXun a:hover{ color: #FFFFFF;}


.foot .foot2{ display:flex; align-items:center; justify-content:space-between; padding:30px 0 45px; border-top:rgba(217,217,217,0.2) solid 1px;}
.foot .foot2 .footLeft2{ display:flex; align-items:center;}
.foot .foot2 .footLeft2 span{ font-size:12px; color:rgba(255,255,255,0.7);}
.foot .foot2 .footLeft2 a{ font-size:12px; color:rgba(255,255,255,0.7); margin-right:10px;}
.foot .foot2 .footLeft2 a img{ margin: 0 5px;}
.foot .foot2 .footRight2{ display:flex; align-items:center;}
.foot .foot2 .footRight2 a{ margin-left:6px;}


.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%;}

.moMenuBox{ width:100%; display:none; background:rgba(209, 13, 34,0.1); 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%;}

.moMenuTop{ width: 100%; display: flex; align-items: center; justify-content: space-between;    flex-direction: row-reverse;   border-bottom: rgba(255,255,255,0.50) solid 1px;}

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

#closeMoMenu{ height:20px;}

.moDrop{ width:100%; display:flex; flex-direction:column;overflow-y: auto;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:space-between; position:relative; border-bottom:var(--l) solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:2.5em; text-align:center; font-size:16px; color:var(--l);}
.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:var(--l) solid 1px; padding:3% 5%;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content: space-between;}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:2em; font-size:14px; color:var(--l); 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; height:10px;}
.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; padding:0 5%;}
.sanjiDrop a{ display:inline-block; font-size:14px; width:100%; line-height:3em; width:100%;  color:var(--l);}

/*#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;}

{}


.globalTitle{ padding: 100px 0 50px; font-size: 32px; line-height: 40px;}
.globalTitle .globalTitle1{ color: #CCCCCC; text-transform: uppercase;}
.globalTitle .globalTitle2{ color: #333333; margin-top: 20px; font-weight: bolder;}

.tedian{ width: 1420px; display: flex; max-width: 90%;}

.tedianItem{ margin: 0 10px; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; padding: 60px 20px 40px; flex: 1; max-width: 25%;}
.tedianItem .tedianIcon{}
.tedianItem .tedianTitle{ font-size: 18px; color: #000000; line-height: 30px; margin: 50px auto 10px;}
.tedianItem .tedianSmall{ color: #999999; line-height: 30px; text-align: center;}

.fangan{ margin-bottom: 100px;}

.fangan{}
.fangan table{ width: 100% !important; margin: 0px auto 0; background:#000000; border-spacing: 1px;}
.fangan table th{ padding: 20px; height: 50px; background:#FFFFFF; vertical-align: middle; font-size: 20px; font-weight: bolder; text-align: left;}
.fangan table td{ padding: 20px; height: 50px; background:#ffffff; vertical-align: middle;}
.proChara table tr:nth-child(even) td{ background: #F5F7FA;}

 {}
 
.process{ background: #FFFFFF; padding: 40px 35px 40px 75px; display:grid; grid-template-columns:280px 280px 280px 280px 170px; margin-bottom: 50px; overflow: hidden; box-shadow: var(--s);}

.processItem{ display: flex; align-items: center; padding: 50px 0 50px 0;}
.processItem:nth-child(odd){ background: url(../images/j47.png) no-repeat 50% 0/100% auto;}
.processItem:nth-child(even){ background: url(../images/j49.png) no-repeat 50% 100%/100% auto;}
.processItem:nth-last-child(1){ background: none;}
.processItem .processIcon{ width:0px; display: flex; justify-content: center; align-items: center; height: 0;}
.processItem .processIcon div{ width: 70px; flex-shrink: 0;}
.processItem .processText{ margin-left: 45px;}
.processItem .processText .processTitle{ font-size: 18px; line-height: 30px; color: #333333;}
.processItem .processText .processSmall{ line-height: 20px; color: #999999; max-width: 130px;}

.process2{  max-width: 1420px;}
.process2 .processItem2{ margin:0 10px;  display: flex; align-items: center; }

.process2 .processItem2:before {
    content:''; display: block;
    padding-top: calc( 100% * 400 / 690 );
}


.process2 .processItem2 .processText2{ width: 350px; background: rgba(0,0,0,0.5); padding: 40px; display: flex; flex-direction: column; line-height: 30px;}
.process2 .processItem2 .processText2 .processTitle2{ font-size: 20px; font-weight: bolder; color: #FFFFFF; margin-bottom: 30px;}
.process2 .processItem2 .processText2 .processSmall2{ font-size: 16px; color: #FFFFFF;}

.crown{ background: #fff; box-shadow: var(--s); padding: 10px 40px 50px; margin-bottom: 20px; overflow: hidden;}

.crownList{ margin-bottom: 40px;}
.crownList .crownItem{ padding: 30px 0 20px; border-bottom: #EEEEEE solid 1px; display: flex; flex-direction: column;}
.crownList .crownItem .crownTitle{ font-size: 24px; color: #000000; line-height: 40px; font-weight: bolder;}
.crownList .crownItem .crownDeta{ font-size: 16px; color: #999999; line-height: 40px;}
.crownList .crownItem .crownSmall{ font-size: 16px; color: #666666; line-height: 40px;}

.crownList2{ margin-bottom: 100px; display:grid; grid-gap:40px; grid-template-columns:repeat(2,1fr);}
.crownList2 .crownItem{ padding: 30px; background:#fff; display: flex; flex-direction: column; padding-right:210px; position:relative;}
.crownList2 .crownItem .crownTitle{ font-size: 24px; color: #000000; line-height: 40px; font-weight: bolder;}
.crownList2 .crownItem .crownDeta{ font-size: 16px; color: #999999; line-height: 40px;}
.crownList2 .crownItem .crownSmall{ font-size: 16px; color: #666666; line-height: 40px;}
.crownList2 .crownItem .more{ position:absolute; right:30px; top:30px;}

.crownList2 .crownItem:hover .more{ background:var(--l); color:#fff;}

.fenye{ display: flex; justify-content: center; align-items: center;}
.fenye li{ display: flex; align-items:center; justify-content: center; margin: 0 3px;}
.fenye li a{ border: #DDDDDD solid 1px; padding: 0 15px; height: 40px; line-height: 38px; display: inline-block;}
.fenye li:hover a{ border: var(--l) solid 1px; color: var(--l);}
.fenye li.on a{ border: var(--l) solid 1px; color: var(--l);}

.joinForm{ background: #fff; padding: 40px; overflow: hidden; box-shadow: var(--s);}
.joinForm1{ line-height: 20px; margin-bottom: 10px; color: var(--l);}
.joinForm2{ line-height: 60px; font-size: 36px; font-weight: bolder; margin-bottom: 40px;}

.jForm{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.jForm .inp1{ width: calc( 50% - 10px); margin-bottom: 20px; padding: 0 20px; background: #F5F8FB;}
.jForm .inp1 input{ line-height: 60px; background: none; width: 100%;}
.jForm .inp2{ width: 100%; margin-bottom: 20px; padding: 0 20px; background: #F5F8FB; position: relative; overflow: hidden; cursor: pointer; display: inline-block;}
.jForm .inp2 input[type="file"]{ position: absolute; left: -1000px;}
.jForm .inp2 input[type="tel"]{ line-height: 60px; background: none; width: 100%;}
.jForm .inp2 div{ line-height: 60px; color: var(--l);}
.jForm .inp3{ width: 100%; margin-bottom: 20px; padding: 0 20px; background: #F5F8FB;}
.jForm .inp3 textarea{ line-height: 60px; background: none; width: 100%; height: 200px; font-family: inherit ;}
.jForm .inp4{ width: 100%; display: flex; justify-content: center;}
.jForm .inp4 input{ width: 200px; line-height: 60px; background: var(--l); color: #FFFFFF; cursor: pointer; border-radius: 50px;}

.environment{ max-width: 1465px; margin-bottom: 50px;}
.environment .enviItem{ margin: 0 33px; background: #FFFFFF; cursor: pointer;}
.environment .enviItem:hover{ background:var(--l);}
.environment .enviItem .enviImg{ position: relative; overflow: hidden;}
.environment .enviItem .enviImg:before{ padding-top: calc( 100% * 350 / 300); content: ''; display: block;}
.environment .enviItem .enviTitle{ text-align: center; font-size: 18px; line-height: 90px; padding: 0 15px; color: #000000;}
.environment .enviItem:hover .enviTitle{ color:#fff;}

{}


.stock{ background: #FFFFFF; margin-bottom: 20px; display: flex; background: #FFFFFF; box-shadow: var(--s);}

.stockLeft{ flex: 1; padding: 40px;}

.stockTop{ display:grid; grid-template-columns: repeat(5,1fr);}
.stockTop .stockItem{ display: flex; flex-direction: column; cursor: pointer;}
.stockTop .stockItem .stockItemTop{ font-size: 36px; line-height: 40px; font-weight: bolder; margin-bottom: 10px;}
.stockTop .stockItem:nth-child(1) .stockItemTop{ color: var(--l);}
.stockTop .stockItem:hover .stockItemTop{ color: var(--l);}
.stockTop .stockItem .stockItemBot{ line-height: 20px; color: #666666;}

.stockCenter{ margin: 50px 0 20px; font-size: 12px; line-height: 30px;}

.stockBot{}
.stockBot a{ display: flex; width: fit-content; height: 30px; padding: 0 15px; border: var(--l) solid 1px; color: var(--l); align-items: center;}
.stockBot a span{ margin-right: 5px;}

.stockRight{ flex-shrink: 0; width: 400px;}

.notice{ padding:20px 40px 50px; background: #FFFFFF; margin-bottom: 50px; box-shadow: var(--s);}

.noticeTop{ display: flex; align-items: center; width: 100%; border-bottom: #EEEEEE solid 1px;}
.noticeTop a{ margin-right: 50px; font-size: 16px; line-height: 60px; position: relative;}
.noticeTop a::before{ content: ''; display: block; height: 1px; background: var(--l); max-width: 100px; width: 100%; position: absolute; left: 0; bottom: 0; opacity: 0;} 
.noticeTop a.on{ font-weight: bolder;}
.noticeTop a:hover{ font-weight: bolder;}
.noticeTop a.on::before{ opacity: 1;}
.noticeTop a:hover::before{ opacity: 1;}

.noticeList{ margin: 20px 0 40px; width: 100%;}

.noticeItem{ display: flex; align-items: center; justify-content: space-between; height: 60px;}
.noticeItem .noticeTitle{ font-size: 16px;}
.noticeItem .noticeDeta{ width: 100px; flex-shrink: 0; font-size: 16px; color: #999;}
.noticeItem:hover .noticeTitle{ color: var(--l);}
.noticeItem:hover .noticeDeta{ color: var(--l);}

{}


#closeTc{
position: absolute;
right: 30px;
top: 50px;
width: 20px;
cursor: pointer;
}
.tc{
	display:none;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
	width:100%;
	height:100vh;
}
.tcBox{
	position:relative;
	display:flex;
	justify-content: center;
	align-items: center;
	max-width:90%;
	max-height:90%;
	opacity:0.2;
	transition: all ease 0.5s;
	transform: translateX(30px);
}
.tc .tcBox{ transform: translateX(0px); opacity:1;}
#video1{ max-width:100%; max-height:100%;}

.about1{ overflow: hidden; background: #FFFFFF;}

.about11{}
.about11 .about111{ font-size: 32px; line-height: 50px; text-align: center; font-weight: bolder;}
.about11 .about112{ font-size: 16px; line-height: 50px; text-align: center; color: #666666;}

.innovate{ max-width: 1465px; margin-bottom:100px;}
.innovate .innoItem{ margin: 0 33px; background: #FFFFFF; cursor: pointer;}
.innovate .innoItem .innoImg{ position: relative; overflow: hidden;}
.innovate .innoItem .innoImg:before{ padding-top: calc( 100% * 350 / 300); content: ''; display: block;}
.innovate .innoItem .innoText{ padding: 30px 20px;}
.innovate .innoItem .innoText .innoTitle{ text-align: center; font-size: 16px; line-height: 30px; color: #000000;}
.innovate .innoItem .innoText .innoSmall{ text-align: center; font-size: 16px; line-height: 30px; color: #999999;}
 
 {}

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

.cultureItme{ width: 100%; min-height: 600px; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.cultureItme .cultureTitle{ font-size: 48px; line-height: 50px; color: #FFFFFF;}
.cultureItme .cultureLine{ width: 50px; height: 4px; background: var(--l); margin: 25px auto 40px;}
.cultureItme .cultureSmall{ font-size: 24px; line-height: 40px; color: #FFFFFF;}

{}

.hisvate{ padding-bottom: 100px; overflow: hidden; margin-bottom:100px; display: flex !important;}
.hisvate .slick-track{ height:auto; display: flex !important;}
.hisvate::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height:20px;}
.hisvate::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 20px;  background:url(../images/h31.png) no-repeat 0 50%,url(../images/h32.png) no-repeat 100% 50%,var(--l);}
.hisvate::-webkit-scrollbar-track {/*滚动条里面轨道*/  border-radius: 20px; background:url(../images/h33.png) repeat-x 0 50%;}
.hisvate .hisItem{ background: #FFFFFF; cursor: pointer; flex-shrink: 0; width: 300px; margin-right: 65px; user-select: none;display: flex !important;
    flex-direction: column;
    justify-content: space-between; height:auto;}
.hisvate .hisItem:nth-last-child(1){ margin-right: 0; height:auto;}
.hisvate .hisItem .hisImg{ position: relative; overflow: hidden;}
.hisvate .hisItem .hisImg:before{ padding-top: calc( 100% * 350 / 300); content: ''; display: block;}
.hisvate .hisItem .hisText{ padding:50px 0 0px;}
.hisvate .hisItem .hisText .hisTitle{ text-align: center; font-size:32px; line-height: 40px; color: var(--l); font-weight:bolder;}
.hisvate .hisItem .hisText .hisSmall{ text-align: center; font-size: 16px; line-height: 30px; color: #666666; margin: 10px auto 40px; min-height:60px;}
 
.hisArr{ position:absolute; left:0; top:50%; z-index:99999999999999999; height:0px; width:100%; padding:0 5%; display:flex; align-items:center; justify-content:space-between; cursor:pointer; display:none;}
 
 
{}

.con{ margin: 50px auto 30px; overflow: hidden;}

.conItem{ display: flex; justify-content: space-between; margin-bottom: 20px;}
.conItem .conLeft{ flex-shrink: 0; width: calc( 50% - 10px); padding: 40px; background: #FFFFFF; box-shadow: var(--s);}
.conItem .conLeft .conTitle{ font-size: 24px; font-weight: bolder; position: relative;}
.conItem .conLeft .conTitle div{ position:relative; z-index:9; color:#FFFFFF;}
.conItem .conLeft .conTitle img{ position:absolute; left:-40px; top:-13px; z-index:0; width: 300px;}
.conItem .conLeft .conLine{ height: 1px; background: #EEEEEE; width: 100%; margin: 20px 0 40px; opacity:0;}
.conItem .conLeft .conLine div{ height: 1px; width: 95px; background: var(--l);}
.conMess{ line-height: 40px;}
.conItem .conRight{ flex-shrink: 0; width: calc( 50% - 10px); position: relative; overflow: hidden;}
.conItem .conRight:before{ padding-top: calc( 100% * 340 / 690); content: ''; display: block;}

{}

.nav{ display:flex; align-items:center; height:75px;}
.nav a{ display:flex; align-items:center; font-size:12px; color:#AAAAAA; margin-right:8px;}
.nav img{ margin-right:8px;}
.nav i{ font-size:12px; color:#AAAAAA; margin-right:8px;}
.nav a:nth-last-child(1){ color:#666666;}


.newsContent{ margin:0px auto 90px; background:#FFFFFF; padding:40px; box-shadow: var(--s);}

.title{ font-size:30px; text-align: center; }
.some{ display:flex; align-items:center; margin:15px 0 30px; justify-content: center;}
.some span{ color:#999999; margin:0 10px;}
.content{ border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px;  padding:30px 0; font-size:16px; line-height:30px; margin-bottom:30px;}
.content2{ padding:30px 0; font-size:16px; line-height:30px; border-top:#f5f5f5 solid 1px;}

.back{ width:100%; text-align:center;}

.nBotBack{ width:100%; display:flex; justify-content:center;}
.nBotBack a{ width:160px; height:50px;  color:#ab0000; text-align:center; border:#ab0000 solid 1px; font-size:16px; line-height:50px;}

.nBot{ display: flex; justify-content: space-between; align-items: center; height:50px;}
.nBot a{ display: inline-block; width: fit-content; max-width: 40%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }
.nBot a span{ color: #999999;}

{}

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

.newsItem{ background: #fff; border:rgba(0,0,0,0) solid 1px;}
.newsItem:hover{ border:var(--l) solid 1px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.newsItem .newsImg{ position: relative; overflow: hidden;}
.newsItem .newsImg:before{ padding-top: calc( 100% * 260 / 440); content: ''; display: block;}
.newsItem .newsText{ padding: 20px 20px 40px;}
.newsItem .newsText .newsTitle{font-size: 20px;color: #333333;line-height: 30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.newsItem .newsText .newsSmall{color: #999999;line-height: 30px; margin: 10px 0 20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.newsItem .newsText .newsBot{ display: flex; align-items: center;}
.newsItem .newsText .newsBot img{ margin-right: 10px;}
.newsItem .newsText .newsBot span{ color: #999999;line-height: 30px;}
.newsItem:hover .newsText .newsTitle{ color:var(--l);}


.zhan100{ height: 100px;}

{}

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

.soulItem{ padding: 40px; background: #fff; box-shadow: var(--s); border:#fff solid 1px;}
.soulItem:hover{ border:var(--l) solid 1px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.soulItem .soulImg{}
.soulItem .soulImg{ position: relative; overflow: hidden;}
.soulItem .soulImg:before{ padding-top: calc( 100% * 260 / 610); content: ''; display: block;}
.soulItem .soulText{}
.soulItem .soulText .soulTitle{ font-size: 24px; line-height: 30px; font-weight: bolder; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; margin: 40px 0 20px;}
.soulItem .soulText .soulSmall{ line-height: 30px; color: #666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.soulItem .soulText .soulMore{ margin-top: 40px;}
.soulItem:hover .soulText .soulMore .more{ background:var(--l); color: #fff;}

.more{ width: 150px; height: 40px; border: var(--l) solid 1px; display: flex; justify-content: center; align-items: center; font-size: 12px; color: var(--l); border-radius: 50px;}
.more span{ margin-right: 10px;}
.more i{}

{}


.box{ background: #fff; box-shadow: var(--s); margin-bottom: 20px; padding:25px 40px 40px;}

.fdj{ cursor:pointer; width:40px; height:40px; background:url(../images/fdj.png) no-repeat 50%,#0080cc; position:absolute; bottom:0; right:0; z-index:9999;}

.ritop{ width:100%; display:flex; padding-top: 15px;}
.ritop .ritopImg{ max-width:100%; position:relative; width:500px; flex-shrink: 0; margin-right: 40px;}
.ritop .ritopImg .bigImgBox{position: relative;    background: none;    border: #EEEEee solid 1px; cursor: pointer;}
.ritop .ritopImg .bigImgBox:before{    display: block;    content: '';    padding-top: calc(100% * (370 / 500));}
.ritop .ritopImg .bigImgBox .bigImgBoxNei{width: 100%;    height: 100%;    overflow: hidden;    position: absolute;    left: 0;    top: 0;}
.ritop .ritopImg .bigImgBox .xzk{ width:100px; position:absolute; z-index:999; border:#e5e5e5 solid 1px; background:rgba(214,29,61,0.5); top:0; left:0; display:none;}
.ritop .ritopImg .bigImgBox .xzk:before{ display:block; content:''; padding-top: calc(100% * (470 / 570));}
.ritop .ritopImg .bigImgBox:hover .xzk{ display:block;}

.ritop .ritopText{ flex-shrink:0; width:200px; margin-left:40px;}
.ritop .ritopText .ritopTextTitle{ font-size: 28px; color: #333333; font-weight: bold; line-height: 50px; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5;}
.ritop .ritopText .ritopTextdesc{ margin-top: 30px; line-height: 30px; font-size: 14px; color: #666666;}

.floatImgBox{ width:300px; position:absolute; left:100%; top:0; border:#e5e5e5 solid 1px; background:#FFFFFF; overflow:hidden; opacity:0; pointer-events: none;}
.floatImgBox:before{ display:block; content:''; padding-top: calc(100% * ( 370 / 500 ));}
.floatImgBox div{ width:1116px !important; position:absolute; left:0%; top:0%;}

.smallImgBox{ width:100%; display:flex; align-items:center;margin-top:7px;}
.smallImgBox img{ width:14px; flex-shrink:0;}
.sImg{ width:100%; width: calc(100% + 8px); margin: 0 0 0 -4px !important;}

.sImg li div{ width:calc(100% - 8px); margin:0 4px; height:90px; border:#eeeeee solid 1px; display:flex; justify-content:center; align-items:center; cursor: pointer;}
.sImg li div img{ width:100%;}
.sImg li.on div{ border:var(--l) solid 1px;}
.sImg li div.on{ border:var(--l) solid 1px;}
.slick-prev, .slick-next{ opacity:0;}


@media screen and (max-width:640px){
	.ritop{ flex-wrap:wrap;}
	.ritop .ritopText{ width:100%; margin:5% 0;}
}

.proMess{}
.proMess .proTitle{ font-size: 32px; line-height: 60px;}
.proMess .proSmalls{ font-size: 16px; line-height: 30px; color: #666666; margin: 20px 0 40px;}
.proMess .proDeta{ width: 100%; display: table; border-top: #EEEEEE solid 1px;}
.proMess .proDeta .proDetaItem{ display: table-row;}
.proMess .proDeta .proDetaItem .proDetaTop{ display: table-cell; font-size: 24px; line-height: 30px; color: #000000; padding: 40px 0 10px;}
.proMess .proDeta .proDetaItem .proDetaBot{ display: table-cell; line-height: 30px; color: #999999;}

.proChara{}
.proChara table{ width: 100%; margin: 40px auto 0;}
.proChara table th{ padding: 0 40px; height: 50px; vertical-align: middle; font-size: 20px; font-weight: bolder; text-align: left;}
.proChara table td{ padding: 0 40px; height: 50px; vertical-align: middle;}
.proChara table tr:nth-child(even) td{ background: #F5F7FA;}

.pro1{ color:#666666; line-height: 30px; width: 100%; margin: 40px auto 0;}
.pro1 p{ margin-bottom: 10px;}

.noticeTop .on1{ font-size: 24px; }

.box2{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px; margin-bottom: 30px;}

{}

.product{ margin: 50px auto 50px; overflow: hidden;}
.product .proItem{ margin-bottom: 20px; display: flex; box-shadow: var(--s); background: #fff; padding: 40px; border:#fff solid 1px;}
.product .proItem:hover{ border:var(--l) solid 1px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.product .proItem .pText{ display: flex; justify-content: space-between; flex-direction: column; width: 100%;}
.product .proItem .pText .pTextTop{}
.product .proItem .pText .pTextTop .pTextTitle{ font-size: 24px; line-height: 30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.product .proItem .pText .pTextTop .pTextSmall{ line-height: 30px; color: #666666; margin-top: 20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.product .proItem .pText .pTextMore{}
.product .proItem:hover .pText .pTextMore .more{ background:var(--l); color: #fff;}
.product .proItem .pImg{ position: relative; overflow: hidden; width: 350px; flex-shrink: 0; margin-left: 40px;}
.product .proItem .pImg:before{ padding-top: calc( 100% * 260 / 350); content: ''; display: block;}
.product .proItem:hover .pText .pTextTop .pTextTitle{ color:var(--l);}

{}


.about2{ padding: 50px 0 100px; display: flex; justify-content: space-between; overflow: hidden;}
.about2 .aboutLeft2{ font-size: 16px; line-height: 40px; width: calc( 100% * 600 / 1400);    max-height: 350px;    overflow: hidden;    overflow-y: auto; padding-right:10px;}
.about2 .aboutLeft2::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height:20px;}
.about2 .aboutLeft2::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 20px;  background:url(../images/h31.png) no-repeat 0 50%,url(../images/h32.png) no-repeat 100% 50%,var(--l);}
.about2 .aboutLeft2::-webkit-scrollbar-track {/*滚动条里面轨道*/  border-radius: 20px; background:url(../images/h33.png) repeat-x 0 50%;}
.about2 .aboutRight2{ width: 50%;}

.about3{}

.aboutItem3{ position: relative; cursor: pointer;}
.aboutItem3 .aboutBg3{ position: relative; overflow: hidden; z-index: 1;}
.aboutItem3 .aboutBg3:before{ padding-top: calc( 100% * 800 / 480); content: ''; display: block;}
.aboutItem3 .aboutMask3{ position: absolute; z-index: 10; width: 100%; height: 100%; top: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.aboutItem3 .aboutMask3 .aboutMask31{ width: 150px; height: 150px; border-radius: 150px; background:rgba(214,29,61,0.8); display: flex; justify-content: center; align-items: center; transition: all ease 1s; }
.aboutItem3:hover .aboutMask3 .aboutMask31{ width: 100%; height: 100%; border-radius: 0;}
.aboutItem3 .aboutMask3 .aboutMask31 div{ font-size: 24px; line-height: 30px; text-align: center; color: #fff; font-weight: bolder;}

.about4{ display: flex; justify-content: center; margin-top:45px;}
.about4 .aboutItem4{ min-width: 85px; margin: 0 50px;}
.about4 .aboutItem4 .aboutTop4{ font-size: 32px; line-height:36px; font-weight: bolder;display: flex;
    justify-content: center;}
.about4 .aboutItem4 .aboutTop4 span{ display:inline-block;}
.about4 .aboutItem4 .aboutBot4{ margin: 10px 0 50px; color: #999999; line-height: 20px; text-align:center;}

/*数字滚动插件的CSS可调整样式*/
.about4 .mt-number-animate{ line-height:36px; height: 32px; font-size: 32px; overflow: hidden; display: inline-block; position: relative; }
.about4 .mt-number-animate .mt-number-animate-dot{ width: 20px; line-height: 36px; float: left; text-align: center;}
.about4 .mt-number-animate .mt-number-animate-dom{ width: 20px;text-align: center; float: left; position: relative; top: 0;}
.about4 .mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}

.about4 .shuzi{ height:220px; position:absolute; top:-110px;}
.about4 .sz1{ font-size: 32px; font-weight: bolder; }
.about4 .dw{ transform: translateY(-2px);line-height: 45px;}


.about5{ margin-top: -50px;}

.about6{ margin-bottom: 140px; font-size: 16px; line-height: 40px; color: #666666; text-align: center;}

.about7{ background: url(../images/a1.png) no-repeat 50% /cover; overflow: hidden; padding-bottom: 90px;}
.about7 .globalTitle .globalTitle1{ color: #fff;}
.about7 .globalTitle .globalTitle2{ color: #fff;}

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

.aboutItem8{ display: flex; background: rgba(0,0,0,0.5); color: #fff; cursor:pointer;}
.aboutItem8 .aboutTitle8{ background:var(--l);}
.aboutItem8 .aboutTitle8{ width: 175px; flex-shrink: 0; font-size: 20px; line-height: 2em; padding: 40px 40px 40px 40px;}
.aboutItem8 .aboutLine8{ width: 0px; flex-shrink: 0; background: #fff; min-height: 120px; margin-right: 50px; opacity: 0.3; margin:40px 0;}
.aboutItem8 .aboutLine8{ opacity:0;}

.aboutMess8{ display:grid; grid-template-columns: repeat(3,1fr); width: 100%; padding: 40px 40px 40px 40px;}
.aboutItem8:hover .aboutMess8{ background:var(--l);}

.aboutMessItem8{}
.aboutMessItem8 .aboutMessTop8{ font-size: 24px; line-height: 40px; font-weight: bolder; margin-bottom: 10px;}
.aboutMessItem8 .aboutMessBot8{ font-size: 16px; line-height: 30px;}

{}

/* 响应式banner */
.img_gallery{position:relative;}
.main_img{ overflow:hidden;position:relative; height:100%;}
.main_img .zhanwei{ width:100% !important; max-width:1400px; max-height: 100vh;}
.main_img .zhanwei:before{ padding-top:calc(100% * ( 950 / 1400)); 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%; }
.main_img li span{ width:100%;  height:100%; display:;}
.main_img li a{ width:100%;  height:100%; display:flex !important; justify-content:center; flex-direction:column;  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:50px;left:0;z-index:999;width:100%;height:0px; text-align:center;}
div.point .point_box{ margin:0 auto; display:inline-block;}
div.point a{ display: block; width:10px; height:10px; font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 3px; border-radius:20px;}
div.point a.on{ background: var(--l);}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{}
#btn_next{}

/* 响应式banner */

.bannerText{ display:flex !important; justify-content:center; flex-direction:column; align-items:center; height: 100%;}
.bannerText span{ display:flex; justify-content:center; flex-direction:column; align-items:center;}
.bannerText span p{ max-width:1000px; width:90%; margin:0 auto; text-align:center;}

.img_gallery .p1{ font-size:64px; color:#FFFFFF; line-height: 80px; font-weight:bolder; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s;}
.img_gallery .bannerText.on .p1{ transform:translateY(0); opacity:1;}

.img_gallery .p2{ font-size:18px; color:#FFFFFF; line-height: 30px; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s; margin-top:20px; margin-bottom:45px;}
.img_gallery .bannerText.on .p2{ transform:translateY(0); opacity:1;}

.img_gallery .p3{ opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s;}
.img_gallery .p3 .more:hover{ border: #fff solid 1px; color: #333; background: #fff;}
.img_gallery .p3 .more{ border: var(--l) solid 1px; color:#fff; background: var(--l);}
.img_gallery .p3 .more div{ margin-right: 10px;}
.img_gallery .bannerText.on .p3{ transform:translateY(0); opacity:1;}

.index1{ background: url(../images/tu.png) no-repeat 50% /cover; overflow: hidden; padding-bottom: 90px; min-height: 950px;}
.index1 .globalTitle .globalTitle1{ color: #fff;}
.index1 .globalTitle .globalTitle2{ color: #fff;}

.index2{ display: flex;}
.index2 .indexItem4{ min-width: 85px; color: #fff; cursor:pointer; margin-right:80px;}
.index2 .indexItem4 .indexTop4{ font-size:24px; line-height:30px; font-weight: bolder; display: flex; align-items: center;}
.index2 .indexItem4 .indexTop4 span{ display:inline-block;}   
/*.index2 .indexItem4:hover .indexTop4 span { color: var(--l);}*/
/*.index2 .indexItem4:hover .indexBot4{ color: var(--l);}*/
.index2 .indexItem4 .indexBot4{ margin: 10px 0 50px; line-height: 20px;}

/*.index2 .indexItem4:nth-child(1) .indexTop4{ color: var(--l);}*/
/*.index2 .indexItem4:nth-child(1) .indexTop4 span{ color: var(--l);}*/
/*.index2 .indexItem4:nth-child(1) .indexBot4{ color: var(--l);}*/

/*数字滚动插件的CSS可调整样式*/
.index2 .mt-number-animate{ line-height:64px; height: 64px; font-size: 64px; overflow: hidden; display: inline-block; position: relative; }
.index2 .mt-number-animate .mt-number-animate-dot{ width: 40px; line-height: 64px; float: left; text-align: center;}
.index2 .mt-number-animate .mt-number-animate-dom{ width: 40px;text-align: center; float: left; position: relative; top: 0;}
.index2 .mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}

.index2 .shuzi{ height:220px; position:absolute; top:-110px;}
.index2 .sz1{ font-size: 64px; font-weight: bolder; color:#fff;}
/*.index2 .dw{ transform: translateY(-2px);}*/

.index3{ color: #fff; line-height:30px;}
.index3 .indexNei3{ width: 50%;}

.index4{ margin-top: 50px;}
.index4 .more:hover{ border: #fff solid 1px; color: #333; background: #fff;}
.index4 .more{ border: var(--l) solid 1px; color:#fff; background: var(--l);}
.index4 .more div{ margin-right: 10px;}

.indexBox5{ max-width:1416px; overflow:hidden; margin-bottom: 100px;}
.index5{ width:90%; max-width:calc( ( 100% / 3 ) + 16px); margin: 0px auto 100px;}
.indexBox5 li{ display: flex; align-items: center; justify-content: center; cursor:pointer; flex-direction: column; transition:all ease 0.5s; margin:15px 0;}
.indexBox5 li div{ background: #fff; margin:8px 8px; height: 86px; display:flex; align-items: center; justify-content: center; background:#FFFFFF; box-shadow:rgba(0,0,0,.10) 0 0 40px; width:90%;}

/*.index5 .slick-list{ overflow:inherit;}*/
.indexBox5 li{
     transform: scale(.85);
/*-webkit-filter: grayscale(100%); */
/*   -moz-filter: grayscale(100%); */
/*    -ms-filter: grayscale(100%); */
/*     -o-filter: grayscale(100%); */
/*        filter: grayscale(100%); */
/*        filter: gray; */
        z-index: 1;
}
.indexBox5 .swiper-wrapper{ padding:25px 0;}

.index7{ padding-bottom:60px;}

.ywlySelect{ height: 0; margin-top: -50px; margin-bottom: 50px; display: flex; justify-content: flex-end; align-items: flex-end;}
.ywlySelect li{ font-size: 20px; color: #000; line-height: 40px; position: relative; cursor: pointer; margin-left: 50px;}
.ywlySelect li:hover{ color: var(--l);}
.ywlySelect li.on{ color: var(--l);}
.ywlySelect li::before{ content: ''; display: block; height: 1px; background: var(--l); width: 100%; position: absolute; left: 0; bottom: 0; opacity: 0;} 
.ywlySelect li:hover::before{ opacity: 1;}
.ywlySelect li.on::before{ opacity: 1;}

.ywlyWai{ position:relative;}

.ywlyZhan{ position:relative;height: 420px; }
.ywlyZhan div{ width:50%;}
.ywlyZhan div::before{ content: ''; display: block; padding-top: calc( 100% * 420 / 700);}

.ywly { position: absolute;  top: 0; left: 50%; transform: translateX(-50%); transition:ease-in 0.75s all;}

.ywlyBox{}

.ywlyItem{ display: flex; background: #fff; opacity:0.25; transition:ease-in 0.75s all;}
.ywlyItem.on{ opacity:1;}
.ywlyItem .ywlyImg{ position: relative; overflow: hidden; width: 50%;display: block;}
.ywlyItem .ywlyImg::before{ content: ''; display: block; padding-top: calc( 100% * 420 / 700);}
.ywlyItem .ywlyText{ width: 50%; padding: 50px;}
.ywlyItem .ywlyText .ywlyTitle{ font-size: 24px; line-height: 40px; font-weight: bolder; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.ywlyItem .ywlyText .ywlySmall{ line-height: 30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin: 20px 0 40px; color: #666;}
.ywlyItem .ywlyText .ywlyLinkBox{ display: flex; margin-bottom: 20px;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink{ margin-right: 60px; width: 60px;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink .ywlyLinkIcon{ width: 60px; height: 60px; border-radius: 60px; overflow: hidden; position: relative; transition:all ease 0.5s;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink .ywlyLinkIcon img:nth-child(2){ display:none;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink:hover .ywlyLinkIcon{ transform: translateY(-10px); border: #fff solid 1px;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink:hover .ywlyLinkIcon img:nth-child(1){ display:none;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink:hover .ywlyLinkIcon img:nth-child(2){ display:block;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink .ywlyLinkTitle{ font-size: 12px; line-height: 40px; text-align: center; white-space: pre;}
.ywlyItem .ywlyText .ywlyMore{ width: 40px; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; background: var(--l); color: #fff; display: inline-block; font-size: 20px;}

.ywlyItem:hover{ background:var(--l);}
.ywlyItem:hover .ywlyText .ywlyTitle{ color:#fff;}
.ywlyItem:hover .ywlyText .ywlySmall{ color:#fff;}
.ywlyItem:hover .ywlyText .ywlyLinkBox .ywlyLink .ywlyLinkTitle{ color:#fff;}
.ywlyItem:hover .ywlyText .ywlyMore{ border:#fff solid 1px;}


.indexCase{ margin: 50px auto 60px; position: relative;}

.arrow{ width: 90%; max-width: 1450px; height: 0; display: flex; align-items: center; justify-content: space-between; z-index: 9; top: 50%; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%);}

.iCase{ max-width:1425px;}

.iCaseItem{ margin: 0 12px ; background: #F5F7FA; background: #FFFFFF; display: block; border:rgba(0,0,0,0) solid 1px;}
.iCaseItem:hover{ border:var(--l) solid 1px; background:var(--l);}
.iCaseItem .iCaseImg{ position: relative; overflow: hidden;}
.iCaseItem .iCaseImg::before{ content: ''; display: block; padding-top: calc( 100% * 300 / 450);}
.iCaseItem .iCaseText{ padding: 30px 20px 40px;}
.iCaseItem .iCaseText .iCaseTitle{ font-size: 16px; line-height: 30px; color: #000; margin-bottom: 10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.iCaseItem .iCaseText .iCaseSmall{ font-size: 12px; line-height: 20px; color: #999999; min-height: 40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.iCaseItem:hover .iCaseText .iCaseTitle{ color:#fff;}
.iCaseItem:hover .iCaseText .iCaseSmall{ color:#fff;}



.iCase .slick-dots li { margin: 0 5px; text-align: center; width: fit-content;}
.iCase .slick-dots li button { width:10px; height: 10px; background: #fff; border: var(--l) solid 1px; opacity: 1; padding: 0; border-radius: 10px; transition: var(--tr);}
.iCase .slick-dots li button:before { content: '';}
.iCase .slick-dots li.slick-active button { background: var(--l);}

.indexNews{ display: grid; grid-column-gap: 25px; grid-template-columns: repeat(3,1fr); margin-bottom: 100px;
grid-template-areas: 
"f s o1"
"f s o1"
"f s o2"
"f s o2"
"f s o3"
"f t o3"
"f t o4"
"f t o4"
"f t o5"
"f t o5"
;
}

.inItem:nth-child(1){ grid-area: f; border:rgba(0,0,0,0) solid 1px;}
.inItem:nth-child(1):hover{ border:var(--l) solid 1px;}
.inItem:nth-child(1):hover .inItemText{ padding:0 15px;}
.inItem:nth-child(2){ grid-area: s; border:rgba(0,0,0,0) solid 1px;}
.inItem:nth-child(2):hover{ border:var(--l) solid 1px;}
.inItem:nth-child(2):hover .inItemText{ padding:0 15px;}
.inItem:nth-child(3){ grid-area: t; border:rgba(0,0,0,0) solid 1px;}
.inItem:nth-child(3):hover{ border:var(--l) solid 1px;}
.inItem:nth-child(3):hover .inItemText{ padding:0 15px;}
.inItem:nth-child(4){ grid-area: o1;}
.inItem:nth-child(5){ grid-area: o2;}
.inItem:nth-child(6){ grid-area: o3;}
.inItem:nth-child(7){ grid-area: o4;}
.inItem:nth-child(8){ grid-area: o5;}

.inItem .inItemImg{ position: relative; overflow: hidden;}
.inItem .inItemImg::before{ content: ''; display: block; }
.inItem .inItemText{transition: all ease 0.5s;}
.inItem .inItemText .inItemTitle{ font-size: 16px; line-height: 30px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; margin-bottom: 10px; margin-top: 20px; font-weight: bolder;}
.inItem:hover .inItemText .inItemTitle{ color: var(--l);}
.inItem .inItemText .inItemSmall{ font-size: 12px; line-height: 20px; color: #999999; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2;}
.inItem .inItemText .inItemDeta{ font-size: 14px; line-height: 20px; color: #666666; margin-top: 10px;}

.inItem:nth-child(1) .inItemImg::before{ padding-top: calc( 100% * 540 / 450);}
.inItem:nth-child(1) .inItemText .inItemTitle{ -webkit-line-clamp:1;}
.inItem:nth-child(1) .inItemText .inItemSmall{ margin-bottom: 40px;}
.inItem:nth-child(1) .inItemText .inItemDeta{ display: none;}

.inItem:nth-child(2) .inItemImg::before{ padding-top: calc( 100% * 200 / 450);}
.inItem:nth-child(2) .inItemText .inItemTitle{ -webkit-line-clamp:1;}
.inItem:nth-child(2) .inItemText .inItemSmall{ margin-bottom: 0px;}
.inItem:nth-child(2) .inItemText .inItemDeta{ display: none;}

.inItem:nth-child(3) .inItemImg::before{ padding-top: calc( 100% * 200 / 450);}
.inItem:nth-child(3) .inItemText .inItemTitle{ -webkit-line-clamp:1;}
.inItem:nth-child(3) .inItemText .inItemDeta{ display: none;}

.inItem:nth-child(n+4) .inItemImg{ display: none;}
.inItem:nth-child(n+4) .inItemText .inItemTitle{ -webkit-line-clamp:2; min-height: 40px;}
.inItem:nth-child(n+4) .inItemText .inItemSmall{ display: none;}

.inItem:nth-child(4) .inItemText .inItemTitle{ margin-top: 0;}

.inItem:nth-child(n+5){ border-top: #eee solid 1px;} 

{}


.sh1{ display:flex; justify-content:space-between; margin:100px auto;}
.sh1 .globalTitle{ padding-top:0;}
.employee{ font-size:18px; line-height:50px; color:#666666;}

.sh2{ overflow:hidden; background:#FFFFFF;}

.enviro{ max-width:1465px; margin-bottom:100px;}

.enviroItem{ margin:0 32px; background:#F5F7FA; cursor:pointer;}
.enviroItem .enviroImg{ position:relative; overflow:hidden;}
.enviroItem .enviroImg:before{ content:''; display:block; padding-top:calc( 100% * 350 / 300);}
.enviroItem .enviroTitle{ text-align:center; font-size:18px; line-height:30px; padding:30px; color:#000000;}
.enviroItem:hover .enviroTitle{ color:#FFFFFF;}
.enviroItem:hover{ background:#D61D3D;}

.empStyle{ margin-bottom:100px;}

.empItem{ display:flex; cursor:pointer;}
.empItem:nth-child(odd){ flex-direction:row-reverse;}
.empItem .empItemText{ width:50%; display:flex; align-items:center; padding:50px; background:#FFFFFF;}
.empItem .empItemText .empItemBox{}
.empItem .empItemText .empItemBox .empItemTitle{ font-size:32px; font-weight:bolder; color:#333333; line-height:40px; margin-bottom:20px;}
.empItem .empItemText .empItemBox .empItemSmall{ font-size:16px; line-height:40px; color:#666666;}
.empItem .empItemImg{ width:50%; position:relative; overflow:hidden;}
.empItem .empItemImg:before{ content:''; display:block; padding-top:calc( 100% * 400 / 700);}

.wailian{ max-width:1440px; margin-bottom:100px;}
.wailian .wlItem{ display:block; position:relative; margin:0 20px;}
.wailian .wlItem .wlText{ position:absolute; left:0; top:0; opacity:0; display:flex; flex-direction:column; align-items:center; justify-content:center; background:#D61D3D; color:#FFFFFF; padding:30px 40px; transition:all ease 0.5s; width:100%; height:100%; z-index:10;}
.wailian .wlItem:hover .wlText{ opacity:1;}
.wailian .wlItem .wlText .wlText1{ font-size:20px; line-height:2em; text-align:center;}
.wailian .wlItem .wlText .wlText2{ width:100%; height:1px; background:#FFFFFF; margin:10px 0;}
.wailian .wlItem .wlText .wlText3{ font-size:20px; line-height:1.5em; text-align:center; font-weight:bolder;}
.wailian .wlItem .wlBg{ position:relative; overflow:hidden; border:#000000 solid 1px;}
.wailian .wlItem .wlBg:before{ content:''; display:block; padding-top:calc( 100% * 260 / 440);}

{}


.fanganItem{ width:100%; margin-bottom:20px; padding:40px 30px 70px; background:#fff; display:flex; justify-content: space-between;}

.fanganLeft{ width:45%; position:relatve;}
.fanganLeft .fanganCj{ display:flex; align-items: center; margin-bottom:10px; position:relatve;}
.fanganLeft .fanganCj .fanganCjTc{ flex-shrink: 0; width:400px; height:30px;}
.fanganLeft .fanganCj .fanganCjTc img{ margin-top:-20px; height: 105px;  width: 100%;}
.fanganLeft .fanganCj .fanganCjLine{ flex-shrink: 0; width:125px; margin-left:-50px; overflow:hidden;}
.fanganLeft .fanganCj .fanganCjLine img{ max-width:none !important;}
.fanganLeft .fanganCj .fanganCjTitle{ flex-shrink: 0; width:200px; line-height:30px; display:block; text-align:center; border-radius:90px; border:#eee solid 1px;}
.fanganLeft .fanganCj .fanganCjTitle.hong{ color:var(--l); border:var(--l) solid 1px;}
.fanganLeft .fanganCj .fanganCjTitle.hong:hover{ color:#fff; background:var(--l);}

.fanganRight{ width:35%;}
.fanganRight .fanganTitle{ font-size: 18px; color: #000000; line-height: 30px;}
.fanganRight .fanganSmall{ color: #999999; line-height: 30px;}

{}

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

.indexBox5 .on0{ transform: scale(.85) translateX(-10px); z-index: 5;}
.indexBox5 .on1{ transform: scale(1) translateX(-27px); z-index: 5;}
.indexBox5 .on2{  z-index: 10;
     transform: scale(1.15) translateX(-13px);
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; }
.indexBox5 .on3{  z-index: 10;
     transform: scale(1.15) translateX(13px);
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; }
.indexBox5 .on4{ transform: scale(1) translateX(27px); z-index: 5;}
.indexBox5 .on5{ transform: scale(.85) translateX(10px); z-index: 5;}


}
@media screen and (max-width:1500px){
.foot .foot1 .foRight .gdtXun {
    margin-left: 30px;
}
}
@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;
}

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

.img_gallery {
    margin-top: 60px;}

.main_img .zhanwei{ height:600px;}

.globalTitle {
    padding: 60px 0 30px;
    font-size: 28px;
    line-height: 30px;
    position: relative;
}

.globalTitle .globalTitle2{ margin-top: 10px;}

.index1{min-height: 600px;}

.more { width: 120px; height: 36px;}

.ywlySelect li {
    font-size: 16px;
    line-height: 2em;
    margin-left: 20px;
}

.ywlyItem .ywlyText {
    width: 50%;
    padding: 30px;
}
.ywlyItem .ywlyText .ywlySmall{margin: 10px 0 20px;}
.ywlyItem .ywlyText .ywlyLinkBox{ justify-content:space-between;}
.ywlyItem .ywlyText .ywlyLinkBox .ywlyLink .ywlyLinkTitle {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ywlyZhan {
    position: relative;
    height: 350px;
}
.inItem:nth-child(n+4) .inItemText .inItemTitle {
    -webkit-line-clamp: 1;
    min-height: 30px;
}


.about2 {
    padding: 0 0 50px;}

.about2 .aboutLeft2 {
    font-size: 14px;
    line-height: 2em;
    max-height: 255px;
}

.foot .foot1 .foRight {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.foot .foot1 .foRight .gdtXun {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin-left: 30px;
    width: calc( 25% - 30px);
}

.neiNav .navNei a {
    padding: 0 15px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    white-space: pre;
}
.neiNav {
    height: 42px;
    margin-top: -42px;
    overflow-x: auto;
}

.neiNav .navNei {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

.nav {
    pointer-events: none;
    opacity: 0;
}

.hisvate .hisItem .hisText {
    padding: 0px 0 0px;
}

.hisvate .hisItem{ margin-right:15px;}
.hisvate .hisItem .hisText .hisTitle{ font-size:24px;}
.hisvate .hisItem .hisText .hisSmall{ font-size:14px;}

.cultureItme .cultureTitle {
    font-size: 30px;
    line-height: 30px;
    color: #FFFFFF;
}

.cultureItme .cultureLine {
    width: 50px;
    height: 2px;
    background: var(--l);
    margin: 15px auto 20px;
}
.cultureItme .cultureSmall {
    font-size: 20px;
}
.cultureItme{min-height: 400px;}

.innovate .innoItem {
    margin: 0 10px;
}
.innovate {    max-width: calc( 90% + 20px);
    transform: translateX(-10px);}

.ritop{ flex-direction:column;}

.ritop .ritopImg{ margin: 0 auto;}

.proMess{ width:100%;}

.proMess .proTitle {
    font-size: 28px;
    line-height: 40px;
    margin-top: 35px;
}

.fanganItem{ flex-direction:column;}
.fanganRight {
    width: 100%;
    margin-top: 70px;
}

.w1 {
    max-width: 1200px;
}

.tedian {
    width: 90%;}
    
.stockRight{ display:none;}   
    
.process2 .processItem2{min-height: auto;}

.environment .enviItem {
    margin: 0 10px;}

.jForm .inp1{ width:100%;}
.crownList2 {
    margin-bottom: 50px;}
.crownList2{grid-gap: 10px;}


.indexNews {
    display: grid;
    grid-gap: 25px;
    margin-bottom: 100px;
    grid-template-columns: repeat(2,1fr);
    grid-template-areas:
        "f s"
        "f s"
        "f t"
        "f t"
        "o1 o1"
        "o2 o2"
        "o3 o3"
        "o4 o4"
        "o5 o5";
}

.indexBox5 .on0{ transform: scale(1) translateX(-27px); z-index: 5;}
.indexBox5 .on1{  z-index: 10;
     transform: scale(1.15) translateX(-13px);
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; }
.indexBox5 .on2{  z-index: 10;
     transform: scale(1.15) translateX(13px);
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; }
.indexBox5 .on3{ transform: scale(1) translateX(27px); z-index: 5;}

.hisArr{ display:flex;} 
.hisArr img{ width:45px;}

.pro1 {
    margin: 20px auto 0;
    text-align: justify;
}
.box {
    padding: 25px 30px 40px;
}
}
@media screen and (max-width:770px){
.proMess .proTitle {
    font-size: 22px;
    line-height: 30px;
    margin-top: 25px;
}


.proMess .proSmalls {
    font-size: 14px;}
    
    
    
.main_img .zhanwei {
    height: 470px;
}

.index3 .indexNei3 {
    width: 100%;
}
.index2 .indexItem4 .indexBot4 {
    margin: 10px 0 15px;
    line-height: 20px;
}
.index1 {
    min-height: auto;
}

.ywlyItem {
    flex-direction: column;}

.ywlyItem .ywlyImg{ width:100%;}
.ywlyItem .ywlyText{ width:100%;}

.ywlyZhan{ height:fit-content;}
.ywlyZhan div{ width:100%;}
.ywlyZhan div::before {
    padding-top: calc( 100% * 420 / 700 + 350px);
}

.foot .foot1 .foRight{ display:none;}
.foot .foot2{ flex-direction:column; align-items: flex-start;}
.foot .foot2 .footRight2{ margin-top:15px;}

.conItem{ flex-direction:column;}
.conItem .conLeft{ width:100%;}
.conItem .conRight{ width:100%;}

.crownList2{grid-template-columns: repeat(1,1fr);}

.stockTop {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
.noticeItem .noticeTitle {
    font-size: 16px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
}

.news{grid-template-columns: 1fr;}

.soultion{grid-template-columns: 1fr;}

.fanganLeft .fanganCj .fanganCjLine {
    flex-shrink: 0;
    width: 45px;}

.tedian{ display:grid; grid-template-columns: 1fr 1fr; grid-gap:20px;}

.tedianItem {
    max-width: none;
}

.product .proItem {
    flex-direction: column-reverse;}
.product .proItem .pImg{ width:100%; margin:0 0 30px 0;}

.product .proItem .pText .pTextTop .pTextSmall{ margin-bottom:20px;}

.about2 {
    flex-direction: column;
}
.about2 .aboutLeft2{ width:100%; margin-bottom:35px;}
.about2 .aboutRight2{ width:100%;}

.about8 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.indexNews {
    display: grid;
    grid-gap: 25px;
    margin-bottom: 100px;
    grid-template-columns: 1fr;
    grid-template-areas:
        "f"
        "s"
        "t"
        "o1"
        "o2"
        "o3"
        "o4"
        "o5";
}


.indexBox5 .on0{  z-index: 10;
     transform: scale(1.15) translateX(-13px);
-webkit-filter: grayscale(0%); 
   -moz-filter: grayscale(0%); 
    -ms-filter: grayscale(0%); 
     -o-filter: grayscale(0%); 
        filter: grayscale(0%); 
        filter: gray; }
}
@media screen and (max-width:640px){

.main_img .zhanwei {
    height: 265px;
}

.index2{ display:grid; grid-template-columns: 1fr 1fr; grid-gap:20px;}

.ywlySelect {
    height: fit-content;
    width: 100%;
    /* height: 0; */
    margin-top: 0px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.indexBox5 li{ transform:scale(1) translateX(0px) !important;}
.indexBox5 li div{ max-width:100%; height:80px !important; box-shadow:rgba(0,0,0,.10) 0 0 15px}
.indexBox5 li div img{ max-height:100%;}

.aboutItem8{ flex-direction:column;}
.aboutItem8 .aboutLine8{ display:none;}
.aboutItem8 .aboutTitle8{ width:100%;}
.aboutMessItem8 .aboutMessTop8 {
    font-size: 20px;}
    
    
.fanganLeft .fanganCj .fanganCjTc {
    flex-shrink: 0;
    width: 130px;
    height: 30px;
}



.fanganLeft .fanganCj .fanganCjLine{width:75px;}
.fanganLeft .fanganCj .fanganCjTitle{ width:140px;}

.title {
    font-size: 18px;
    text-align: center;
}

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

.noticeItem {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 70px;
    flex-direction: column;
}
.noticeItem .noticeTitle {
    font-size: 16px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
  .neiBanner1 .neiBannerZhan {
    height: 320px;
}

.globalTitle .globalTitle1{ display:none;}
.globalTitle {
    font-size: 20px;
}

.neiBanner2 .neiBannerZhan {
    height: 350px;
}

.aboutItem3 .aboutMask3 .aboutMask31 {
    width: 80px;
    height: 80px;}
.aboutItem3 .aboutMask3 .aboutMask31 div {
    font-size: 16px;
    line-height: 20px;}
.hisvate .hisItem {
    margin-right: 0;
}   
  
 .innovate .innoItem .innoText .innoTitle {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}
.innovate .innoItem .innoText {
    padding: 15px;
}

.about11 .about112 {
    font-size: 14px;
    line-height: 2em;}
  
.neiBanner2 {
    margin-top: 60px;}
  
.fanganLeft .fanganCj .fanganCjTc img {
    margin-top: -10px;
    height: 70px;
    width: 100%;
}  
  
    
.neiBanner2 {
    margin-top: 60px;
}
.neiBanner2 .neiBannerZhan {
    height: 320px;
}

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




}