@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:#000; font-size:14px; width:100%; background:#F5F7FA;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#000; 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; 
}


.moTop{ width:100%; padding:0 30px; height:60px; display:flex; align-items:center; justify-content:space-between; background:var(--l);  box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.moTop .moLogo{height: 45%;}
.moTop .moLogo img{ height:100%;}
.moTop .moMenuOpen{ height: 40%;}

.moMenuBox{ width:100%; display:none; background:rgba(44,107,255,0.5); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:80%; background:var(--l); 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:#ffffff solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:18px; color:#ffffff;}
.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:3em; font-size:16px; color:#ffffff; 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{ background:rgba(255,255,255,.5);}
.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:3em; 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;}

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

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


:root{
	--f1:rgba(255, 255, 255, 0.70);
	--l:#2C6BFF;
	--l2:#F5F7FA;
	--bot:100px;
}

.top{ width:100%; position: absolute; top: 0; left: 0; z-index: 999; padding-top: 20px; }
.top .topNei{ display: flex; justify-content:space-between; align-items:center; width:100%;}
.top .topNei .topLogo{}
.top .topNei .topRight{ padding-top:20px; display:flex; display:flex; align-items:center;}
.top .topNei .topMenu{ display:flex; position:relative; }
.topMenuXun{ position:relative;}
.top .topNei .topMenu .topMenuTitle{ position:relative; font-size:16px; color:#FFFFFF; margin:0 30px; display:block; line-height:66px;}
.top .topNei .topMenu .topMenuDown{position: absolute;
    left: 0;
    top: 66px;
    background: #fff;
    display: none;
    flex-direction: column;}
.top .topNei .topMenu .topMenuXun:hover .topMenuDown{ display:flex;}
.top .topNei .topMenu .topMenuDown a{display: block; color:#333;
    padding: 5px 25px;
    line-height: 2.2em;
    white-space: pre;}
.top .topNei .topMenu .topMenuDown a.menuTitle2:hover{ color:#fff; background:var(--l);}   
.top .topNei .topMenu .topMenuDown .menuDownBox a:hover{ color:#fff; background:var(--l);}    
.top .topNei .topMenu .topMenuDown .menuDownBox{ position:absolute; left:100%; top:0; background:#fff; display:none; flex-direction:column;}
.top .topNei .topMenu .topMenuDown .menuDownWai:hover .menuDownBox{ display:flex;}
.top .topNei .topMenu .topMenuDown .menuDownWai:hover .menuTitle2{ color:#fff; background:var(--l);}

.top .topNei .topLeng{ display:flex; align-items:center; font-size:18px; color:#FFFFFF; }
.top .topNei .topLeng img{ margin-right:10px;}

.top .topNei .pcMenuXun{ padding-top:20px; position:relative; height:60px; display: flex; align-items: center;}
.top .topNei .pcMenuXun .menuTitle{ display:flex; align-items:center; font-size:12px; color:#FFffff; line-height:100px;}
.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:50px; z-index:9; display:none; flex-direction:column; padding-top: 15px;}
.top .topNei .pcMenuXun:hover .menuDown{ display:flex;}
.top .topNei .pcMenuXun .menuDown a{ text-align:center; display:block; font-size:14px; color:#fff; width:100%; line-height:2em;background: rgba(0,0,0,0.3);}
.top .topNei .pcMenuXun .menuDown a:hover{ color:#333; background:#fff;}

.neiBanner1{ width:100%; position:relative; overflow:hidden;}
.neiBanner1 .neiBannerZhan{}
.neiBanner1 .neiBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 500 / 1200);}

.neiBanner2{ width:100%; position:relative; overflow:hidden;}
.neiBanner2 .neiBannerZhan{}
.neiBanner2 .neiBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 600 / 1200);}

.neiBanner3{ width:100%; position:relative; overflow:hidden;}
.neiBanner3 .neiBannerZhan{}
.neiBanner3 .neiBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 600 / 1200);}

.neiBannerText{ color:#FFFFFF; position:absolute; display:flex; flex-direction:column; justify-content:center; top:50%; left:50%; transform: translate(-50%,-20%);}
.neiBannerText .neiBannerText1{ font-size:28px; font-weight:bolder; line-height: 60px;}
.neiBannerText .neiBannerText2{ font-size:20px; line-height: 60px; }

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


.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 .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{ line-height:30px; color:var(--f1); text-align:left; font-size:12px; white-space: pre;}
.foot .foot1 .foRight .gdtXun .gdtXunTitle{ color:#FFFFFF; margin-bottom:10px;}
.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:#D9D9D9 solid 1px;}
.foot .foot2 .footLeft2{ display:flex; align-items:center;}
.foot .foot2 .footLeft2 span{ font-size:12px; color:var(--f1);}
.foot .foot2 .footLeft2 a{ font-size:12px; color:var(--f1); margin-right:10px;}
.foot .foot2 .footRight2{ display:flex; align-items:center;}
.foot .foot2 .footRight2 a{ margin-left:6px;}

.pageBottom{ background: url(../images/index18.png) no-repeat 50%/cover; min-height: 220px; display: flex; align-items: center; overflow: hidden;}
.pageBottom .ptBox{ display: flex; flex-direction: column; justify-content: center;}
.pageBottom .ptBox .ptBox1{ font-size: 24px; color: #FFFFFF;}
.pageBottom .ptBox .ptBox2{ display: block; color: var(--l); width: 120px; line-height: 40px; background: #fff; text-align: center; margin-top: 20px;}

{}

.newsContent{ margin:0px auto 90px; background:#FFFFFF; padding:40px;}

.title{ font-size:30px; }
.some{ display:flex; align-items:center; margin:15px 0 30px;}
.some span{ color:#999999; margin:0 10px;}
.content{ border-top:#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{ margin:0 auto; display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 20px; grid-row-gap:60px;}
.news .newsItem{ display:block;  }
.news .newsItem .newsImg{ position:relative; overflow:hidden;}
.news .newsItem .newsImg:before{ content:''; display:block; padding-top:calc( 100% * 280 / 386);}
.news .newsItem .newsBot{ padding:20px 0px 0px;}
.news .newsItem .newsBot .newsTitle{ font-size:20px; line-height:1.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.news .newsItem .newsBot .newsSmall{ font-size:14px; line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top: 10px; color: #999999;}


.fenye{ width:100%; display:flex; justify-content:center; align-items:center; margin:60px auto  var(--bot); overflow:hidden; margin-bottom:var(--bot); }
.fenye li{ margin:0 3px; overflow:hidden; border:#E2E8EF solid 1px;}
.fenye li a{ height:30px; min-width: 30px; line-height:30px; text-align:center; padding: 0 7px; display:block;}
.fenye li:hover{ border:#FF2943 solid 1px; }
.fenye li.on{ border:#FF2943 solid 1px; }
.fenye li:hover a{ color:#FF2943;}
.fenye li.on a{ color:#FF2943;}

{}

/* 响应式banner */
.img_gallery{position:relative;}
.main_img{ overflow:hidden;position:relative; height:100%;}
.main_img .zhanwei{ width:100%; max-width:1200px;}
.main_img .zhanwei:before{ padding-top:calc(100% * ( 600 / 1200)); 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{  height:100%; display:;}
.main_img li a{  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:30px; height:4px; font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 3px; opacity:0.5;}
div.point a.on{ opacity:1;}
#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 */

.neiBannerPro{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#FFFFFF; text-transform: uppercase; position:absolute;  display:flex; flex-direction:column; align-items:center; justify-content:center; }
.neiBannerPro .neiBannerText1{ font-size:60px; font-weight:bolder;}
.neiBannerPro .neiBannerText2{ font-size:26px; }

.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: 30px; color:#FFFFFF; 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; 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 span{display:inline-block;width: 120px;
height: 40px;
background: linear-gradient(90deg, #2160FB 0%, #1E34FF 100%);
border-radius: 2px 2px 2px 2px; cursor: pointer;
opacity: 1; text-align:center; line-height:44px; color:#ffffff;  font-size:14px;}
.img_gallery .bannerText.on .p3{ transform:translateY(0); opacity:1;}

.indexTitle{ text-align: center; padding: 100px 0 60px; font-size: 32px; line-height: 40px; color: #000000; font-weight: bolder;}

.index1{display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 25px; margin-bottom: var(--bot);}
.index1 .indexItem1{ border: #EEEEEE solid 1px; display: flex; flex-direction: column; align-items: center; padding: 50px 30px 30px; cursor: pointer; flex:1; margin:0 15px;}
.index1 .indexItem1 .indexIcon1{}
.index1 .indexItem1 .indexTitle1{ font-size: 16px; line-height: 30px; margin: 30px auto 10px; font-weight:bolder;}
.index1 .indexItem1:hover .indexTitle1{ color: var(--l);}
.index1 .indexItem1 .indexSmall1{ line-height: 20px; color: #999999;}


.hzhb{ position:relative; }
.hzhb .hzhbArr{ padding:0 45px; height:0px; width:100%; cursor:pointer; position:absolute; top:50%; left:0; display:flex; align-items:center; justify-content:space-between; z-index:9;}
.hzhb .hzhbBox{ }
.hzhb .hzhbBox .hzhbItem{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: 30px;}
.hzhb .hzhbBox .hzhbItem div{ display:flex; align-items:center; justify-content:center; pointer-events: none; background:#ffffff;}
.hzhb .hzhbBox .hzhbItem div img{ height:75px;}

.hzhb .slick-dots{ left:0; }
.hzhb .slick-dots li { margin: 0 6px; width:10px; height:10px; border-radius:30px; overflow: hidden;}
.hzhb .slick-dots li button { width:10px; height:10px;	background:#cccccc; opacity: 1; padding: 0;}
.hzhb .slick-dots li button:before { content: ''; display:none;}
.hzhb .slick-dots li.slick-active button {	background:var(--l);}



.solution3{ display: flex; margin-bottom:  var(--bot);}
.solution3 .indexItem1{ border: #EEEEEE solid 1px; display: flex; flex-direction: column; align-items: center; padding: 50px 30px 30px; flex:1; margin:0 15px;}
.solution3 .indexItem1 .indexIcon1{}
.solution3 .indexItem1 .indexTitle1{ font-size: 16px; line-height: 30px; margin: 30px auto 10px; font-weight:bolder;}
.solution3 .indexItem1:hover{ border:var(--l) solid 1px;}
.solution3 .indexItem1:hover .indexTitle1{ color: var(--l);}
.solution3 .indexItem1 .indexSmall1{ line-height: 20px; color: #999999;}

.index2{ overflow: hidden; background: var(--l2);}

.indexSelect2{ display: flex; align-items: center; justify-content: center;}
.indexSelect2 li{ cursor: pointer; font-size: 16px; margin: 0 20px; line-height: 20px; position: relative;}
.indexSelect2 li:hover{ color: var(--l);}
.indexSelect2 li.on{ color: var(--l);}
.indexSelect2 li::before{ content: ''; width: 100%; height: 2px; background: var(--l); position: absolute; left: 0; bottom: -18px; display: none;}
.indexSelect2 li:hover::before{ display: block;}
.indexSelect2 li.on::before{ display: block;}

.indexSolution{ padding: 70px 0  var(--bot);}

.isItem{ display: flex; justify-content: space-between; align-items: center;}
.isItem .isItemImg{ width: calc( 100% * 570 / 1200); flex-shrink: 0;}
.isItem .isItemRight{ width: calc( 100% * 560 / 1200);  display: grid; grid-template-columns: 1fr; grid-row-gap: 60px;}
.isItem .isItemRight .isItemItem{ display: flex; align-items: center;}
.isItem .isItemRight .isItemIcon{ width: 70px; flex-shrink: 0; margin-right: 20px;}
.isItem .isItemRight .isItemText{}
.isItem .isItemRight .isItemText .isItemTitle{ font-size: 24px; line-height: 30px; margin-bottom: 10px; display:block;}
.isItem .isItemRight .isItemText .isItemSmall{ color: #999; line-height: 20px; display:block;}

.super{ position: relative; margin-bottom:  var(--bot);}
.super .superBg{ position: absolute; z-index: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; pointer-events: none;}
.superBox{ display: grid; grid-template-columns: 1fr 1fr; grid-gap:50px;}

.superItem{ height: 200px; border: 1px solid #DDDDDD; padding: 30px 20px; display: flex; flex-direction: column;}
.superItem:nth-child(1){ border-radius: 0px 0px 200px 0px;}
.superItem:nth-child(2){ border-radius: 0px 0px 0px 200px; align-items: flex-end;}
.superItem:nth-child(3){ border-radius: 0px 200px 0px 0px;}
.superItem:nth-child(4){ border-radius: 200px 0px 0px 0px; align-items: flex-end;}

.superItem .superTitle{ font-size: 20px; line-height: 1.5em; margin-bottom: 10px; font-weight: bolder;}
.superItem .superSmall{ line-height: 20px; color: #666666; max-width: 385px; width: 100%;}

.logoBox{ width: 100%; height: 100px; position: relative; overflow: hidden;  }
.logoBox ul{ position:absolute; left:0; top:0; display: flex;} 
.logoBox ul li{ width: 230px; height: 88px; margin: 5px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; box-shadow: rgba(0,0,0,0.1) 0 0 10px; }

.indexBot{ overflow: hidden; padding-bottom:  var(--bot);}

{}


.lxwm{ background:#fff; padding:60px 40px; display:flex; margin-bottom: var(--bot);}
.lxwm .lxwmLeft{ width:380px; flex-shrink:0;}
.lxwm .lxwmLeft .lxwmLeft1{ line-height:20px; color:var(--l);}
.lxwm .lxwmLeft .lxwmLeft2{ font-size:36px; line-height:60px; color:#333333; font-weight: bolder;}

.lxwmForm{ display:flex; justify-content: space-between; flex-wrap:wrap;width: 100%;}

.inp1{ width:calc( 50% - 10px); margin-bottom:20px;}
.inp1 input{ background:#F5F8FB; padding:0 20px; line-height:60px; width:100%;}

.inp2{ width:100%; margin-bottom:20px;}
.inp2 input{ background:#F5F8FB; padding:0 20px; line-height:60px; width:100%;}
.inp2 textarea{ background:#F5F8FB;  padding:10px 20px; height:200px; width:100%; line-height:30px;}

.inp3{ display:flex; justify-content:flex-end; width:100%;}
.inp3 input{width: 150px; color: #fff;
height: 60px;
background: #2C6BFF;
border-radius: 50px 50px 50px 50px;
opacity: 1; cursor:pointer;}

{}


.joinBox{ margin:0 auto  var(--bot);}
.joinBox .joinItem{ width:100%; margin-bottom: 20px; background:#FFFFFF;}
.joinBox .joinItem .joinTop{ width:100%; display:flex; align-items:center; justify-content: space-between; height:80px; padding: 0 40px;}
.joinBox .joinItem .joinTop .zhiwei{ color: #666666; font-size:18px; font-weight:bolder;}
.joinBox .joinItem .joinTop .icon{ display:flex; align-items:center; width: 24px; margin-left: 30px; flex-shrink: 0; }
.joinBox .joinItem .joinTop .icon img{ cursor:pointer;}
.joinBox .joinItem .joinTop .icon img:nth-child(2){ display:none;}
.joinBox .joinItem.on .joinTop .icon img:nth-child(1){ display:none;}
.joinBox .joinItem.on .joinTop .icon img:nth-child(2){ display:block;}
.joinBox .joinItem.on .joinTop .zhiwei{ color: #000000;}

.joinBox .joinItem1 .joinTop .icon span{ color:#333333; padding-right:10px;}
.joinBox .joinItem1 .joinTop{ font-size:18px; border:#f2f2f2 solid 1px; font-weight:bolder;}

.joinBox .joinItem .xiangqing{ line-height:24px;  display:none;}
.joinBox .joinItem .xiangqing .xiangqingBox{ padding:0 40px 40px;}

{}

.about1{ margin-bottom: 60px; display: flex; align-items: center; justify-content: space-between; overflow: hidden;}
.about1 .aboutLeft1{ width: 50%; line-height: 40px; font-size: 16px; color: #666666; text-align: justify;}
.about1 .aboutRight1{ width: calc( 100% * 500 / 1200);}

.honor{ position: relative; overflow: hidden; margin-bottom: 70px;}

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

.honorBox{ width: 90%; max-width: 1225px; margin: 0 auto  var(--bot);}

.honorItem{ margin: 10px 12px; background: #FFFFFF; padding: 20px 20px 40px 20px;}
.honorItem .honorImg{ width: 100%; overflow: hidden; position: relative;}
.honorItem .honorImg::before{ content: ''; display: block; padding-top: calc( 100% * 246 / 180);}
.honorItem .honorTitle{ line-height: 20px; height: 40px; text-align: center; color: #000000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin: 24px auto 10px; }
.honorItem .honorSmall{ line-height: 20px; text-align: center; color: #999999; margin-top: 10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }

.contact{ display: flex; background: #F5F7FA; margin-bottom:  var(--bot);}
.contact .conLeft{ width:50%;}
.contact .conLeft iframe{ width:100%; height:400px; display:block;}
.contact .conRight{ width: 50%; padding: 40px;}
.contact .conRight .p1{ font-size: 16px; line-height: 30px; color: #333333; font-weight: bolder;}
.contact .conRight .p2{ line-height: 20px; color: #999999; margin-bottom: 20px;}

{}

.neiBanner3 .neiBannerText{transform: translate(-50%,-50%);}
.neiBanner3 .neiBannerText1{ font-size: 48px; line-height: 80px; color: #FFFFFF;}
.neiBanner3 .neiBannerText2{    font-size: 18px;
    line-height: 1.5em;
    color: #FFFFFF;
    margin: 20px 0 20px;
    max-width: 860px;}
.neiBanner3 .neiBannerText3{}
.neiBanner3 .neiBannerText3 a{display:inline-block;width: 120px;height: 40px;background: linear-gradient(90deg, #2160FB 0%, #1E34FF 100%);border-radius: 2px 2px 2px 2px;opacity: 1; text-align:center; line-height:44px; color:#ffffff;  font-size:14px; cursor: pointer;}
.neiBanner3 .neiBannerText3 span{display:inline-block;width: 120px;height: 40px;background: linear-gradient(90deg, #2160FB 0%, #1E34FF 100%);border-radius: 2px 2px 2px 2px;opacity: 1; text-align:center; line-height:44px; color:#ffffff;  font-size:14px; cursor: pointer;}

.soulNav{ background: #fff; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); border-bottom: #EEEEEE solid 1px;}
.soulNav.on{ position:fixed; top:0; left:0; width:100%; z-index:999;}
.soulNav .soulNavNei{ display: flex; align-items: center; justify-content:center;}
.soulNav .soulNavNei a{ line-height: 80px; position: relative; display: block; font-size: 15px; color: #666666; margin:0 25px; font-weight: bolder;}
.soulNav .soulNavNei a.on{ color: var(--l);}
.soulNav .soulNavNei a:hover{ color: var(--l);}
.soulNav .soulNavNei a::before{ content: ''; width: 100%; height: 2px; background: var(--l); position: absolute; left: 0; bottom:0; display: none;}
.soulNav .soulNavNei a:hover::before{ display: block;}
.soulNav .soulNavNei a.on::before{ display: block;}

.solution1{ margin-bottom: 40px;}

.soluItem{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px;}
.soluItem:nth-child(even){ flex-direction: row-reverse;}
.soluItem .soluLeft{ width:50%;}
.soluItem .soluLeft .soluLeft1{ font-size: 24px; line-height: 30px; color: var(--l); font-weight: bolder; margin-bottom: 20px;}
.soluItem .soluLeft .soluLeft2{ line-height: 24px; color: #333333;}
.soluItem .soluLeft .soluLeft3{ line-height: 24px; color: #999999;}
.soluItem .soluRight{ width: calc( 100% * 550 / 1200);}

.solution2{ margin-bottom:  var(--bot);}

{}

.fk1{ width:1230PX;}
.fk1{ display: flex;/* grid-template-columns: repeat(3,1fr); grid-column-gap: 30px;*/ margin-bottom:  var(--bot);}
.fk1 .indexItem1{ border: #EEEEEE solid 1px; display: flex; flex-direction: column; align-items: center; padding: 30px 20px 30px; flex:1; margin:0 15px;}
.fk1 .indexItem1:hover{ border: var(--l) solid 1px;}
.fk1 .indexItem1 .indexIcon1{}
.fk1 .indexItem1 .indexTitle1{ font-size: 18px; line-height: 30px; margin: 20px auto ; color: #000000;}
.fk1 .indexItem1:hover .indexTitle1{ color: var(--l);}
.fk1 .indexItem1 .indexSmall1{ line-height: 24px; color: #999999;}

.fk2{ margin-bottom:  var(--bot); background: #FFFFFF; display: flex;}
.fk2 .fkLeft2{ padding: 20px; width: calc( 100% * 280 / 1200); background: url(skin/images/znfk27.png) no-repeat 50% /cover; flex-shrink: 0; display: flex; flex-direction: column;}
.fk2 .fkLeft2 li{ font-size: 18px; line-height: 70px; text-align: center; color: #000000; cursor: pointer; border-bottom: 1px solid #DDDDDD;}
.fk2 .fkLeft2 li:nth-last-child(1){ border: none;}
.fk2 .fkLeft2 li:hover{ color: var(--l);}
.fk2 .fkLeft2 li.on{ color: var(--l);}
.fk2 .fkRight2{}
.fk2 .fkRight2 .fkRightItem2{ padding: 40px; font-size: 16px; color: #333; line-height: 30px;}

.fk3{ border: 1px solid #DDDDDD; padding: 0 20px; margin-bottom:  var(--bot);}
.fkItem3{ display: flex; align-items: center; border-bottom: 1px solid #DDDDDD; padding: 30px 0;}
.fkItem3:nth-last-child(1){ border: none;}
.fkItem3 .fkIcon3{ width: 60px; flex-shrink: 0; margin-right: 20px;}
.fkItem3 .fkTitle3{ font-size: 18px; line-height: 30px; margin-bottom:5px; color: #000000;}
.fkItem3 .fkSmall3{ color: #999; line-height: 20px;}

{}

.closeTc{ z-index:9;}

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


}
@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;}


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

.lxwm{ flex-direction: column;}
.lxwm .lxwmLeft{ width:100%; margin-bottom:20px;}
.lxwm .lxwmRight{ width:100%;}
.inp1{ width:100%;}

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

.img_gallery .p1 {
    font-size: 36px;}
.img_gallery .p2 {
    font-size: 16px;}

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

.isItem .isItemImg{ display:none;}
.isItem .isItemRight{ width:100%;}
.isItem .isItemRight .isItemText .isItemTitle {
    font-size: 18px;
    font-weight: bolder;}
    
.superItem{ padding:20px 10px;}
.superItem .superTitle {
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 10px;
    font-weight: bolder;
    padding: 0 10px;
}
.superItem .superSmall {
    line-height: 18px;
    width: 75%;
    text-align: justify;
    max-height: 90px;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 10px;
}
.superItem .superSmall::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}
.superItem .superSmall::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: var(--l);}
.superItem .superSmall::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}

.foot .foot1 .foRight{ display:none;}

.pageBottom .ptBox .ptBox1 {
    font-size: 20px;
    font-weight: bolder;
    color: #FFFFFF;
}

.neiBanner3 .neiBannerText1 {
    font-size: 30px;
    line-height: 20px;
    color: #FFFFFF;
}
.neiBanner3 .neiBannerText3 {
    text-align: center;
}
.neiBanner3 .neiBannerText2 {
    font-size: 16px; margin: 10px 0 20px; text-align:center;}


.fk1 {
    display: flex;
    margin-bottom:  var(--bot);
    width: 90%;
    flex-wrap: wrap;
}

.fk1 .indexItem1{ width:calc( 100% / 3 - 20px);margin: 0 10px 30px; flex: auto;}

.fk2 .fkLeft2{width: 150px;}
.fk2 .fkLeft2 li{line-height: 50px;}
.fk2 .fkRight2 .fkRightItem2 {
    padding: 5%;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.soluItem .soluLeft{ width:100%;}
.soluItem .soluRight{ display:none;}

.solution3{
    margin-bottom:  var(--bot);
    width: 90%;
    flex-wrap: wrap;}
.solution3 .indexItem1 { width:calc( 100% / 3 - 20px);margin: 0 10px 30px; flex: auto;}

.neiBannerText .neiBannerText1 {
    font-size: 35px;
    font-weight: bolder;
    line-height: 45px !important;
}

.neiBannerText{
    transform: translate(-50%,-50%);
}

.about1{ flex-direction:column;margin-top: -30px;}
.about1 .aboutLeft1 {
    width: 100%;
    line-height: 28px;
    font-size: 14px;
    color: #666666;
}

.contact {
    flex-direction: column-reverse;}
.contact .conLeft{ width:100%;}
.contact .conRight{ width:100%;padding: 5%; display:flex; flex-wrap:wrap; justify-content:space-between;}

.contact .conRight .p2{ width:80%;}

.contact .conRight .p1 {
    width: 15%;
    flex-shrink: 0;
}

.hzhb .hzhbArr {
    padding: 0;}


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

.hzhb .hzhbBox .hzhbItem{grid-template-columns: repeat(2,1fr);}

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

.superItem .superTitle {
    font-size: 16px;}
.superItem .superSmall{max-height: 72px;}
.superItem {
    height: 260px;
    justify-content: center;
}
.img_gallery .p1 {
    font-size: 20px;
}
.img_gallery .p2 {
    font-size: 14px;
        margin-top: 10px;
    margin-bottom: 25px;
}

.main_img .zhanwei{ height:350px;}

.neiBanner3 .neiBannerZhan { height:350px;}
.neiBannerText .neiBannerText1 {
    font-size: 24px;
}
.neiBanner3 .neiBannerText2 {
    font-size: 14px;}

.fk1 .indexItem1{ width:100%;}

.indexTitle {
    padding: 40px 0 40px;
    font-size: 24px;
}

:root{
	--bot:45px;
}

.soulNav .soulNavNei a {
    line-height: 60px;
    font-size: 12px;
    margin: 0 10px;
}

.neiBanner2 .neiBannerZhan{ height:350px;}

.solution3 .indexItem1{ width:100%}

.contact .conRight .p1 {
    width: fit-content;
    flex-shrink: 0;
    white-space: pre;
    padding-right: 20px;
}
.neiBanner1 .neiBannerZhan { height:350px;}
.neiBannerText .neiBannerText1 {
    text-align: center;
}

.foot .foot2 .footLeft2{ flex-direction: column;
    align-items: center;
    width: 100%;}
.foot .foot2 .footLeft2 span {
    margin-bottom: 10px;
}



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




}