@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:#555555; font-size:14px; width:100%; background:#f7f7f7;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;}
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{
-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{
-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:50px; display:flex; align-items:center; justify-content:space-between; background:#fff;  z-index: 999; box-shadow:rgba(0,0,0,0.5) 0 0 10px; border-bottom: #fff solid 1px;}
.moTop .moLogo{ height:50%;}
.moTop .moMenuOpen{ height:40%;}

.moMenuBox{ width:100%; display:none; background:rgba(102,198,234,.36); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:60%; background:#fff; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%; box-shadow: rgba(0,0,0,0.3) 0 0 10px;}

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

.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:rgba(255,255,255,0.50) solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:2em; text-align:center; font-size:16px; color:#333;}
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer; height: 8px;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

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

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:16px; width:100%; line-height:4em; text-align:center; width:100%;  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:relative;}

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

.moSearch{ align-items:center; justify-content:space-between; padding:20px 0;}
.moSearch input[type='text']{ height:40px; 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% 75%; height:40px; width:60px; flex-shrink:0;}

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


.w1400{ width:100%; max-width:1400px; margin:0 auto;}
.w1200{ width:100%; max-width:1200px; margin:0 auto;}
.w94{ width:94%; max-width:1200px; margin:0 auto;}
.w1294{ width:94%; max-width:1200px; margin:0 auto;}

{}


.nav{ width:100%; height:80px; border-bottom:#e5e5e5 solid 1px;}
.nav .navNei{ width:100%; height:80px; display:flex; align-items:center; justify-content:center; }
.nav .navNei a{ display:block; text-align:center; font-size:18px; border-bottom:rgba(255,255,255,0.00) solid 3px; line-height:75px; margin:0 42px;}
.nav .navNei a.on{ color:#222455; border-bottom:#222455 solid 3px; font-weight:bolder;}
.nav .navNei a:hover{ color:#222455; border-bottom:#222455 solid 3px; font-weight:bolder;}


.top{ left:0; top:0; z-index:99999; height:86px; display:flex; align-items:center; justify-content:space-between; width:100%; position: relative;}
.top1{ background:#FFFFFF;}
.top2{ background:#FFFFFF; box-shadow: rgb(0,0,0,0.25) 0 0 10px;}
.top3{ background:#FFFFFF; border-bottom:#e5e5e5 solid 1px; position:fixed;}

.topLogo{ display:flex; align-items:center; margin-left:80px;}
.topLogo img{ display:none;}
.topLogo .topLogo1{ margin-right:25px;}
.topLogo .topLogo3{ margin-right:25px;}

.topRight{ display:flex; align-items:center;}
.topRight .topMenu{ display:flex; align-items:center;}
.topRight .topMenu .topMenuXun{ position:relative; margin:0 30px;}
.topRight .topMenu .topMenuXun .topMenuTitle{ border-bottom:rgba(0,0,0,0.00) solid 3px; line-height:83px; text-align:center; display:flex; font-size:16px;}
.topRight .topMenu .topMenuXun .topMenuDown{ display:none; flex-direction:column; position:absolute; z-index:9; left:50%; transform:translateX(-50%); width:160px; padding:20px 0;}
.topRight .topMenu .topMenuXun .topMenuDown a{ line-height:40px; text-align:center;}
.topRight .topTel{ display:flex; align-items:center; margin-right:70px; margin-left:50px;}
.topRight .topTel .topTelImg{ margin-right:10px; display:none;}
.topRight .topTel .topTelText{ display:flex; align-items:baseline;}
.topRight .topTel .topTelText .topTelText1{}
.topRight .topTel .topTelText .topTelText2{ font-size:20px; font-weight:bolder;}
.topRight .topIcon{ cursor:pointer; display:none;}

.top1 .topLogo1{ display:block;}
.top1 .topLogo2{ display:block;}
.top1 .topRight .topMenu .topMenuXun .topMenuTitle{ color:#1e2126;}
.top1 .topRight .topMenu .topMenuXun .topMenuDown{ background:#fff;}
.top1 .topRight .topMenu .topMenuXun .topMenuDown a{}
.top1 .topRight .topTel .topTelImg.topTelImg1{ display:block;}
.top1 .topRight .topTel .topTelText{ color:#FFFFFF;}
.top1 .topIcon1{ display:block;}
.top1 .topIcon2{ display:none;}


.top3 .topLogo3{ display:block;}
.top3 .topLogo4{ display:block;}
.top3 .topRight .topMenu{ display:none;}
.top3 .topRight .topTel{ display:none;}
.top3 .topIcon1{ display:none;}
.top3 .topIcon2{ display:block;}
.top3 .topLogo img{ display:block;}

.topRight .topMenu .topMenuXun:hover .topMenuDown{ display:flex;}
.topRight .topMenu .topMenuXun .topMenuDown a:hover{ color:#0b3775;}

.top1 .topRight .topMenu .topMenuXun:hover .topMenuTitle{ border-bottom:#222458 solid 3px;}
.top1 .topRight .topMenu .topMenuXun.on .topMenuTitle{ border-bottom:#222458 solid 3px;}
.top2 .topRight .topMenu .topMenuXun:hover .topMenuTitle{ border-bottom:#222458 solid 3px;}
.top2 .topRight .topMenu .topMenuXun.on .topMenuTitle{ border-bottom:#222458 solid 3px;}


.globalDown{ justify-content:center; align-items:center; background:#FFFFFF; width:100vw; height:100vh; z-index:99998; left:0; top:0; position:fixed; display:none;}
.globalDown.on{ display:flex !important;}
.globalDown .globalDownBox{}
.globalDown .globalDownBox .globalDownTop{ display:flex; justify-content: space-around; border-bottom:#e5e5e5 solid 1px; padding-bottom:20vh;}

.gdtXun{ display:flex; flex-direction:column; align-items:center;}
.gdtXun a{ font-size:16px; line-height:40px; text-align:center;}
.gdtXun .gdtXunTitle{ font-size:24px; line-height:24px; font-weight:bolder; margin-bottom:30px;}

.globalDownBot{ display:flex; align-items:center; justify-content:space-between; margin-top:40px;}
.globalDownBot .topTel{ display:flex; align-items:center;}
.globalDownBot .topTel .topTelImg{ margin-right:10px;}
.globalDownBot .topTel .topTelText{ display:flex; align-items:baseline;}
.globalDownBot .topTel .topTelText .topTelText1{}
.globalDownBot .topTel .topTelText .topTelText2{ font-size:20px; font-weight:bolder; color:#2a2a5c;}

.globalDownBot .topLink{ display:flex; align-items:center;}
.globalDownBot .topLink a{ font-size:16px; margin-left:30px;}
.globalDownBot .topLink a:nth-child(2){ color:#e70a1b;}



.foot{ background:#222830;}
.foot .foot1{ display:flex; justify-content:space-between; padding-top:70px; padding-bottom:45px;}
.foot .foot1 .foLeft{ display:flex; flex-direction: column; width:290px;}
.foot .foot1 .foLeft .foLeft1{ margin-bottom:30px; font-size:20px; color:#FFFFFF; font-weight:bolder;}
.foot .foot1 .foLeft .fo1lxfs{}
.foot .foot1 .foLeft .fo1lxfs{ font-size:14px; line-height:22px; color:#646464;}
.foot .foot1 .foLeft .fo1lxfs div{ height:60px; padding-left:60px; display:flex;  flex-direction: column;justify-content: center;}
.foot .foot1 .foLeft .fo1lxfs div{}

.foot .foot1 .foRight{ display:flex;}
.foot .foot1 .foRight .gdtXun{ align-items:flex-start; width:130px;}
.foot .foot1 .foRight .gdtXun a{ line-height:46px; color:#646464; text-align:left;}
.foot .foot1 .foRight .gdtXun .gdtXunTitle{ font-size:16px; color:#FFFFFF; margin-bottom:0px;}
.foot .foot1 .foRight .gdtXun:nth-last-child(1){ text-align:center; width:fit-content; align-items:center;}
.foot .foot1 .foRight .gdtXun:nth-last-child(1) a{ text-align:center;}

.foot .foot2{ display:flex; align-items:center; justify-content:space-between; padding:20px 0 35px;}
.foot .foot2 .footLeft2{ display:flex; align-items:center;}
.foot .foot2 .footLeft2 span{ font-size:12px; color:#646464; margin-right:10px;}
.foot .foot2 .footLeft2 a{ font-size:12px; color:#646464;}
.foot .foot2 .footRight2{ display:flex; align-items:center;}
.foot .foot2 .footRight2 a{ font-size:12px; color:#646464; margin-left:20px;}

.foot .foot3{ display:felx; flex-wrap:wrap; border-bottom:#2f3947 solid 1px;}
.foot .foot3 a{ margin-right:15px; line-height: 2em;}

.neibanner{ width:100%; position:relative;}
.neibanner .neibannerZhan{ width:94%; max-width:1200px;}
.neibanner .neibannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 350 / 1200);}
.neibanner .neiBannerText{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#FFFFFF; font-weight:bolder;}
.neibanner .neiBannerText .neiBannerText1{ font-size:46px; text-align:center; margin-bottom:30px;}
.neibanner .neiBannerText .neiBannerText2{ font-size:24px; text-align:center;}

.backTop{ height:0; display:flex; flex-direction:row-reverse;}
.backTop img{ cursor:pointer; height:45px;}

.ewm{ position:relative;}
.ewm div{ display:none; position:absolute; width: 150px; right: 0; bottom: 100%;
    padding-bottom: 10px;}
.ewm:hover div{ display:block;}


{}

.t1{ font-size:34px; font-weight:bolder; margin:85px auto 15px;}

.a1{ display:flex; justify-content:space-between; overflow:hidden; margin-bottom:130px;}
.a1 .a1Left{ display:flex; flex-direction:column; width:435px;}
.a1 .a1Left .a1Left1{ font-size:26px; margin-top:95px;}
.a1 .a1Left .a1Left2{ width:40px; height:3px; background:#1296db; margin:30px 0;}
.a1 .a1Left .a1Left3{ font-size:16px; color:#666666; line-height:30px; text-align:justify;}

{}


.t2{ font-size:34px; font-weight:bolder; margin:45px auto 45px;}

.downForm{ padding:30px; background:#eef0f4; margin-bottom:50px;}
.downForm .dForm{ display:flex; justify-content:space-between; align-items:center;}
.downForm input[type="text"]{ padding:0 45px; border:#d2d2d2 solid 1px; background:#FFFFFF; height:54px; margin-right:16px; width:100%; flex-shrink:1;}
.downForm input[type="submit"]{ width:170px; height:54px; line-height:54px; text-align:center; color:#FFFFFF; cursor:pointer; background:#0075c1; font-size:16px; cursor:pointer; flex-shrink:0;}

.downLoad{ display:table; border-top:#008cd6 solid 2px; margin-bottom:60px;}
.downLoad .downItem{ display:table-row;}
.downLoad .downItem:nth-child(even){ background:#eef0f4;}
.downLoad .downItem div{ display:table-cell; height:60px; vertical-align: middle;}
.downLoad .downItem div:nth-child(1){ color:#666666; padding:0 35px; width: 70%;}
.downLoad .downItem div:nth-child(2){ color:#666666; text-align:center; width:120px; border-left:#FFFFFF solid 2px; border-right:#FFFFFF solid 2px;}
.downLoad .downItem div:nth-child(3){ padding:0 35px; text-align:right;}

.fenye{ width:100%; display:flex; justify-content:center; align-items:center; margin:20px auto 130px; }
.fenye li{ margin:0 5px;}
.fenye li a{ height:40px; line-height:40px; text-align:center; padding: 0 17px; background:#eeeeee; display:block;}
.fenye li:hover{ background:#0075c1;}
.fenye li.on{ background:#0075c1;}
.fenye li:hover a{ background:#0075c1; color:#FFFFFF;}
.fenye li.on a{ background:#0075c1; color:#FFFFFF;}

{}

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

{}


.yyBox{ position:relative;}
.yyArrow{ display:none; height:0; justify-content:space-between; align-items:center; position:absolute; left:50%; transform:translateX(-50%); cursor:pointer;}

.cpyy{ width:1240px; max-width:100%; display:flex; flex-wrap:wrap; margin:0 auto 70px;}
.cpyy .cpyyItem{ width:calc( 100% / 3 - 40px); margin:0 20px 45px; position:relative;}
.cpyy .cpyyItem .yyMask{ display:flex; flex-direction:column; width:100% !important; height:100% !important; position:absolute; background:#FFFFFF; padding:60px; justify-content:space-between;}
.cpyy .cpyyItem .yyMask .yyMaskTop{ display:flex; flex-direction:column;}
.cpyy .cpyyItem .yyMask .yyMaskTop .yyMaskTop1{ font-size:18px; margin-bottom:15px;}
.cpyy .cpyyItem .yyMask .yyMaskTop .yyMaskTop2{ font-size:12px; line-height:28px;}
.cpyy .cpyyItem .yyMask .yyMaskBot{ color:#3eafe2; display:flex; align-items:center; text-transform:uppercase;}
.cpyy .cpyyItem .yyMask .yyMaskBot i{ margin-left:10px;}
.cpyy .cpyyItem .yyImg{ position:relative; width:100%;}
.cpyy .cpyyItem .yyImg:before{ content:''; display:block; padding-top:calc( 100% * 459 / 371);}
.cpyy .cpyyItem .yyImg .yyImgTitle{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/cp2.png) repeat-x 50% 100%; z-index:8;}
.cpyy .cpyyItem .yyImg .yyImgTitle div{ font-size:18px; color:#FFFFFF; text-align:center; bottom:40px; position:absolute; left:50%; transform:translateX(-50%);}
.cpyy .cpyyItem .yyImg .yyImgBox{ width:100%;}

.yyBot{ width:100%; background:url(../images/cp3.jpg) no-repeat 50%/cover; min-height:360px; display:flex; flex-direction:column; justify-content:center; color:#FFFFFF; text-align:center; align-items:center;}
.yyBot .yyBot1{ font-size:18px;}
.yyBot .yyBot2{ font-size:12px; line-height:28px; max-width:1055px; width:94%; margin-top:50px;}

{}


.clxz{ margin-bottom:80px;}
.clxz .clxzItem{ width:100%; display:flex !important; flex-direction:column; align-items:center; text-align:center;}
.clxz .clxzItem .clxzImg{}
.clxz .clxzItem .clxzTitle{ line-height:45px;}
.clxz .clxzItem .clxzSmall{ width:120px; font-size:12px; line-height:22px;}
.clxz .clxzItem:nth-child(1):hover .clxzTitle{ color:#8cc85c;}
.clxz .clxzItem:nth-child(2):hover .clxzTitle{ color:#eb3947;}
.clxz .clxzItem:nth-child(3):hover .clxzTitle{ color:#63abaa;}
.clxz .clxzItem:nth-child(4):hover .clxzTitle{ color:#f39e39;}
.clxz .clxzItem:nth-child(5):hover .clxzTitle{ color:#9c61a8;}
.clxz .clxzItem:nth-child(6):hover .clxzTitle{ color:#987070;}
.clxz .clxzItem:nth-child(1).on .clxzTitle{ color:#8cc85c;}
.clxz .clxzItem:nth-child(2).on .clxzTitle{ color:#eb3947;}
.clxz .clxzItem:nth-child(3).on .clxzTitle{ color:#63abaa;}
.clxz .clxzItem:nth-child(4).on .clxzTitle{ color:#f39e39;}
.clxz .clxzItem:nth-child(5).on .clxzTitle{ color:#9c61a8;}
.clxz .clxzItem:nth-child(6).on .clxzTitle{ color:#987070;}

.clxz2{ text-align:center; font-size:18px; margin-bottom:35px;}

.clxz3{ border-top:#333333 solid 2px; padding-top:36px;  margin-bottom:120px;}
.clxz3 a{ width:calc( 100% / 3 - ( 86px * 2 / 3)); margin-left:86px; border-bottom:#959595 solid 1px; line-height:45px;}
.clxz3 a:nth-child(3n+1){ margin-left:0;}

{}

.pages{ margin:25px auto 60px; display:flex; flex-direction:row-reverse; position:relative;}

.pageMenu{ width:130px; flex-shrink:0; height:fit-content; background:#FFFFFF; display:flex; flex-direction:column; position:absolute; right:-155px;}
.pageMenu a{ margin:20px 0; border-right:#FFFFFF solid 2px; text-align:center; line-height:16px; height:20px; display:block; width:100%;}
.pageMenu a.on{ color:#1296db; border-right:#1296db solid 2px;}
.pageMenu a:hover{ color:#1296db; border-right:#1296db solid 2px;}

.pageRight{ width:100%;}

.product{ width:100%; padding:60px 45px; background:#FFFFFF;}
.product .proTop{ display:flex; justify-content:space-between;}
.product .proTop .proTopImg{ width:528px; flex-shrink:0; position:relative; background:#fafafa;}
.product .proTop .proTopImg .topImgZhan{ width:100%;}
.product .proTop .proTopImg .topImgZhan:before{ content:''; display:block; padding-top:100%;}
.product .proTop .proTopImg .topImgArrow{ display:flex; height:0; justify-content:space-between; align-items:center; position:absolute; left:50%; transform:translateX(-50%); cursor:pointer; z-index:9; width:90%; top:50%;}
.product .proTop .proTopImg .topImgBox{ height:100%; width:100%; position:absolute; left:0; top:0;}
.product .proTop .proTopText{ margin-left:95px; display:flex; flex-direction:column; width:100%;}
.product .proTop .proTopText .pTitle{ font-size:22px; margin-top:80px;}
.product .proTop .proTopText .pCan{ margin-top:30px; font-size:16px; line-height:30px;}
.product .proTop .proTopText .pSmall{ margin-top:80px; font-size:16px; line-height:30px;}
.product .proTop .proTopText .pDown{ padding:0 10px; border:#1296db solid 1px; border-radius:3px; display:flex; align-items:center; color:#1296db; height:36px; line-height:34px; width:fit-content; margin-top:105px;}
.product .proTop .proTopText .pDown span{ margin-right:10px;}

.proMess{ margin-bottom:40px; margin-top:20px;}
.proMess .proMessItem{ border-bottom:#f2f0f0 solid 1px; padding:40px 0;}
.proMess .proMessItem:nth-last-child(1){ border:none;}
.proMess .proMessItem .proMessTitle{ font-size:18px; margin-bottom:10px; font-weight:bolder;}
.proMess .proMessItem .proMessText{ line-height:40px;}

{}

.zcsb{ width:1240px; margin:0 auto; display:flex; flex-wrap:wrap; max-width:100%;}
.zcsb .zcsbItem{ display:block; margin:0 20px 65px; width:calc( 25% - 40px);}
.zcsb .zcsbItem .zcsbImg{ width:100%; position:relative; padding:20px; transition:all ease-in 0.5s; background:#FFFFFF;}
.zcsb .zcsbItem .zcsbImg div{ width:100%; position:relative; overflow:hidden;}
.zcsb .zcsbItem .zcsbImg div:before{ content:''; display:block; padding-top:calc( 100% * 340 / 230);}
.zcsb .zcsbItem .zcsbTitle{ font-size:12px; text-align:center; line-height:60px; border-bottom:#dddddd solid 1px;}
.zcsb .zcsbItem:hover .zcsbImg{ box-shadow:rgba(18,150,218) 0 0 10px;}
.zcsb .zcsbItem:hover .zcsbTitle{ border-bottom:#1296db solid 1px; color:#1296db;}


.zcsb .zcsbItem2 .zcsbImg div:before{ content:''; display:block; padding-top:calc( 100% * 170 / 230);}
.zcsb .zcsbItem2 .zcsbImg div img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

{}

.honor1{ background:#FFFFFF; padding:30px; display:flex;}
.honor1 .honorImg{ width:50%;}
.honor1 .honorText{ width:50%; padding:0 20px 0 40px;}
.honor1 .honorText .honorEn{ font-size:24px; color:#f0f0f0;}
.honor1 .honorText .honorTitle{ font-size:18px; margin:45px 0 15px;}
.honor1 .honorText .honorSmall{ font-size:12px; line-height:26px;}

.logo{ width:1226px; margin:23px auto 0; max-width:100%; display:flex; flex-wrap:wrap;}
.logo li{ width:calc(( 100% * 1 / 6 ) - ( 26px * 5 / 6)); background:#FFFFFF; display:flex; justify-content:center; align-items:center; height:100px; margin:0 10px 24px; overflow:hidden; cursor:pointer;}
.logo li img{}
/*.logo li img{ */
/*-webkit-filter: grayscale(100%); */
/*   -moz-filter: grayscale(100%); */
/*    -ms-filter: grayscale(100%); */
/*     -o-filter: grayscale(100%); */
/*        filter: grayscale(100%); */
/*        filter: gray; */
/*}*/

/*.logo li:hover  img{ */
/*-webkit-filter: grayscale(0%); */
/*   -moz-filter: grayscale(0%); */
/*    -ms-filter: grayscale(0%); */
/*     -o-filter: grayscale(0%); */
/*        filter: grayscale(0%); */
/*        filter: gray; */
/*}*/

{}


.newsContent{ margin:70px auto 90px; background:#FFFFFF; padding:50px;}

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

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


.nBotBack{ width:100%; height:0; display:flex; justify-content:center;}
.nBotBack a{ width:80px; height:80px; border-radius:80px; display:flex; align-items:center; justify-content:center; border:#e5e5e5 solid 1px; font-size:16px; line-height:24px;}

.nBot{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.nBot a{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; max-width:40%; line-height:80px;}

{}

.news{ width:100%; margin:-30px 0 70px;}
.news .newsItem{ margin:-30px 0; padding:30px 0;}
.news .newsItem:hover{ background:#e7f4fb;}
.news .newsItem .newsBox{ margin:0px auto; width:94%; max-width:1200px; display:flex; align-items:center;}
.news .newsItem .newsBox .newsImg{ margin-right:35px; width:270px; flex-shrink:0; position:relative;}
.news .newsItem .newsBox .newsImg:before{ content:''; display:block; padding-top:calc( 100% * 270 / 405);}
.news .newsItem .newsBox .newsText{ display:flex; flex-direction:column;width: 100%;}
.news .newsItem .newsBox .newsText .newsDeta{ color:#666666;}
.news .newsItem .newsBox .newsText .newsWen{ display:flex; align-items:center;}
.news .newsItem .newsBox .newsText .newsWen .newsZi{ width:100%; display:flex; flex-direction:column; margin-top:30px;}
.news .newsItem .newsBox .newsText .newsWen .newsZi .newsTitle{ font-size:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.news .newsItem .newsBox .newsText .newsWen .newsZi .newsSmall{ font-size:12px; line-height:28px; color:#666666; margin-top:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:2em;}
.news .newsItem .newsBox .newsText .newsWen .newsMore{ width:135px; height:35px; border-radius:45px; display:flex; align-items:center; justify-content:center; margin-left:60px; flex-shrink:0;}
.news .newsItem .newsBox .newsText .newsWen .newsMore span{ margin-right:10px;}
.news .newsItem .newsBox .newsText .newsWen .newsMore i{}
.news .newsItem:hover .newsBox .newsText .newsWen .newsMore{ background:#1296db; color:#FFFFFF;}

{}

.about1{ background:#FFFFFF; flex-wrap:wrap; display:flex; }
.about1 .aboutImg{ width:100%;}
.about1 .aboutText{ width:100%; padding:10px 65px 60px;}
.about1 .aboutText .aboutTitle{ font-size:40px; font-weight:bolder; text-transform:uppercase; color:#f4f4f4; margin-bottom:35px; }
.about1 .aboutText .aboutWen{ font-size:12px; line-height:25px; text-align:justify; padding-right:15px;}
.about1 .aboutText .aboutWen b{ font-size:16px; line-height:25px;}

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

{}

.history{ margin-bottom:125px;}
.history .historyItem{ display:flex; justify-content:space-between; height:306px;}
.history .historyItem:nth-child(even){ flex-direction:row-reverse;}
.history .historyItem .historyImg{ position:relative; margin-bottom:28px; width:100%;}
.history .historyItem .historyImg2{ display:none;}
.history .historyItem .historyImg:before{ content:''; display:block; padding-top:calc( 100% * 306 / 506);}
.history .historyItem .historyYuan{ height:100%; width:1px; display:flex; justify-content:center; flex-shrink:0; margin:0 44px; background:#e7e3e3;}
.history .historyItem .historyYuan div{ margin-top:50px; width:12px; height:12px; border-radius:12px; background:#00a0e9; flex-shrink: 0;}
.history .historyItem .historyText{ padding-top:40px; padding-bottom:30px; width:100%; display: flex;}
.history .historyItem:nth-child(even) .historyText{flex-direction: row-reverse;}
.history .historyItem .historyText .historyTextBox{ width:fit-content;}
.history .historyItem .historyText .historyTitle{ font-size:24px; font-weight:bolder;}
.history .historyItem .historyText .historyTitle span{ font-size:18px; margin-left:25px;}
.history .historyItem .historyText .historySmall{ font-size:12px; line-height:25px; margin-top:20px;}


{}


.qqbj{ display:flex; justify-content: space-between; margin-bottom:100px;}
.qqbj .qqbjLeft{ width:250px; flex-shrink:0; border-right:#ece8e8 solid 1px;}
.qqbj .qqbjLeft .qqbjLeft1{ font-size:20px; font-weight:bolder;}
.qqbj .qqbjLeft .qqbjLeft2{ margin:10px 0 35px;}
.qqbj .qqbjLeft .qqbjLeft3{ padding-right:50px;}
.qqbj .qqbjLeft .qqbjLeft3 li{ height:40px; border-radius:40px; width:100%; display:flex; align-items:center; font-size:18px; margin:4px 0; padding-left:25px; cursor:pointer;}
.qqbj .qqbjLeft .qqbjLeft3 li.on{ background:#00328f; color:#FFFFFF;}
.qqbj .qqbjLeft .qqbjLeft3 li:hover{ background:#00328f; color:#FFFFFF;}
.qqbj .qqbjLeft .qqbjLeft3 li span:nth-child(1){}
.qqbj .qqbjLeft .qqbjLeft3 li span:nth-child(2){ margin:0 10px;}

.qqbj .qqbjRight{ position:relative; width:100%;}
.qqbj .qqbjRight .ywfwMap{ width:100%;}
.qqbj .qqbjRight .ywfwTextBox{ position: absolute; left:0; top:0; height:100%; width:100%;}
.qqbj .qqbjRight .ywfwTextBox .ywfwTextItem{ position:absolute; cursor:pointer;}

.ywfwTextIcon{ opacity:0.5;}
.yti{ width:335px; padding:15px; background:#00328f; border-radius:10px; position:absolute; display:none;}
.yti .ywfwTextTitle{ color:#FFFFFF; font-weight:bolder; line-height:3em;}
.yti .ywfwTextImg{ width:100%; position:relative;}
.yti .ywfwTextImg:before{ content:''; display:block; padding-top:calc( 100% * 183 / 310);}

/*.qqbj .qqbjRight .ywfwTextBox .ywfwTextItem:hover .ywfwTextIcon{ opacity:1;}
.qqbj .qqbjRight .ywfwTextBox .ywfwTextItem:hover .yti{ display:block;}*/

.qqbj .qqbjRight .ywfwTextBox .ywfwTextItem.on .ywfwTextIcon{ opacity:1;}
.qqbj .qqbjRight .ywfwTextBox .ywfwTextItem.on .yti{ display:block;}


{}


.co{ background:#f5f5f5; overflow:hidden;}

.con2{ font-size:34px; font-weight:bolder; text-align:center; margin-top:105px;}
.con3{ width:50px; height:2px; background:#f6bf55; margin:20px auto 30px;}
.con4{ font-size:16px; text-align:center;}

.con1{ width:100%; max-width:1220px; display:flex; flex-wrap:wrap; justify-content:space-between; margin:45px auto 105px;}
.con1 .conItem{ background:#FFFFFF; display:flex; flex-direction:column; align-items: center; width:calc( 100% * ( 1 / 4) - ( 20px * 2 / 3)); padding:45px 40px 35px;}
.con1 .conItem .conImg{}
.con1 .conItem .conTitle{ margin:40px 0 25px; text-align:center; font-weight:bolder; color:#646464;}
.con1 .conItem .conSmall{ line-height:26px; text-align:center; color:#646464; font-size:12px;}

.mapBox{ width:100%; height:520px; overflow:hidden;}

.co2{ width:100%; background:url(../images/c20.jpg) no-repeat 50%/cover; overflow:hidden;}

.co21{ font-size:34px; font-weight:bolder; text-align:center; margin-top:105px; color:#FFFFFF;}
.co22{ width:50px; height:2px; background:#f6bf55; margin:20px auto 30px;}
.co23{ font-size:16px; text-align:center; color:#FFFFFF;}

.coForm{ width:94%; margin:95px auto 70px; max-width:825px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.coForm .inp1{ width:calc( 50% - 14px); background:#FFf; display:flex; align-items:center; height:48px; margin-bottom:25px; padding:0 15px;}
.coForm .inp1 div{ white-space:pre; color:#999999; width:fit-content;}
.coForm .inp1 div span{ color:#FF0000;}
.coForm .inp1 input{ width:100%;}
.coForm .inp2{ width:100%; height:180px; background:#FFFFFF; margin-bottom:25px;}
.coForm .inp2 textarea{ width:100%; height:100%; padding:10px 15px;}
.coForm .inp3{ width:calc( 50% - 14px); display:flex; justify-content:center;}
.coForm .inp3 input{ width:100%; height:50px; line-height:50px; color:#FFFFFF; text-align:center; background:#1296db; cursor:pointer;}
.coForm .inp4{ width:calc( 50% - 14px); display:flex; align-items:center; justify-content:space-between;}
.coForm .inp4 input{ width:75%; height:48px; background:#FFFFFF; padding:0 15px;}
.coForm .inp4 .fc-code{ width:23%; height:48px; background:#FFFFFF;}
.coForm .inp4 .fc-code img{ width:100% !important; height:100% !important;}

{}

.hxrc{ width:100%; height:800px; background:url(../images/j6.jpg) no-repeat 50%/cover; position:relative;}
.hxrc .hxrcArrow{ width:94%; max-width:1780px; height:0px; display:flex; justify-content: space-between; align-items:center; position:absolute; left:50%; top:50%; transform:translateX(-50%); cursor:pointer; z-index:9;}
.hxrc .hxrcBox{ width:94%; margin:0 auto; height:800px; max-width:1600px;}

.hxrcItem{ height:800px !important; display:flex !important; justify-content:center; align-items:center; flex-direction:column; text-align:center; cursor:pointer;}
.hxrcItem .hxrcImg{ width:140px; height:140px; border-radius:140px; overflow:hidden; position:relative;}
.hxrcItem .hxrcImg div{ width:100%; height:100%; border-radius:140px; border:#FFFFFF solid 2px; position:absolute; left:0; top:0; opacity:0; z-index:9;}
.hxrcItem .hxrcTitle{ font-size:24px; font-weight:bolder; margin:40px 0 30px;}
.hxrcItem .hxrcZhiwei{}
.hxrcItem .hxrcSmall{ line-height:30px; color:#FFFFFF; display:none;}

.hxrcItem:hover{ background:#196bbd;}
.hxrcItem:hover .hxrcImg div{ opacity:1;}
.hxrcItem:hover .hxrcTitle{ color:#FFFFFF;}

{}

.joinBox{ margin:0 auto 135px;}
.joinBox .joinItem{ width:100%;}
.joinBox .joinItem .joinTop{ width:100%; display:flex; align-items:center; height:50px; font-size:12px;}
.joinBox .joinItem .joinTop .zhiwei{ padding-left:37px; width:calc( 100% * 410 / 1200);}
.joinBox .joinItem .joinTop .leixing{ width:calc( 100% * 300 / 1200);}
.joinBox .joinItem .joinTop .didian{ width:calc( 100% * 105 / 1200); text-align:center;}
.joinBox .joinItem .joinTop .icon{ display:flex; align-items:center; width:calc( 100% * 380 / 1200); padding-right:70px; color:#d31d31; justify-content:flex-end; font-size:12px; }
.joinBox .joinItem .joinTop .icon img{ margin-left:12px; cursor:pointer;}
.joinBox .joinItem .joinTop .icon img:nth-child(3){ display:none;}
.joinBox .joinItem.on .joinTop .icon img:nth-child(3){ display:none;}
.joinBox .joinItem.on .joinTop .icon img:nth-child(2){ display:block;}

.joinBox .joinItem:nth-child(odd){ background:#FFFFFF;}

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

.joinBox .joinItem .xiangqing{ border:#e5e5e5 solid 1px; line-height:26px; color:#666666; display:none; font-size:12px;}
.joinBox .joinItem .xiangqing .xiangqingBox{ padding:35px 40px 50px; background:#FFFFFF;}
.joinBox .joinItem .xiangqing .xiangqingBox .sqzw{ margin-top:30px; background: #d31d31; border-radius: 5px; padding: 0 25px; line-height: 40px; color:#FFFFFF; display: inline-block; align-items: center;}


{}

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

.sys{ position:relative;}
.sys .sysSelect{ display:flex; align-items:center;}
.sys .sysSelect img{ cursor:pointer;}
.sys .sysSelect div{ margin:0 20px; font-size:16px;}

.CNAS{ display:flex; margin-top:30px; margin-bottom:205px;}
.CNAS .CNASLeft{ width:50%;}
.CNAS .CNASLeft .CNASItem{ background:#FFFFFF; height:460px; padding:60px 261px 60px 40px; display:none;}
.CNAS .CNASLeft .CNASItem .CNASItem1{ font-size:34px;}
.CNAS .CNASLeft .CNASItem .CNASItem2{ font-size:18px; margin:85px 0 15px;}
.CNAS .CNASLeft .CNASItem .CNASItem3{ font-size:12px; line-height:2em;}

.CNAS .CNASRight{ width:50%; position:relative;}
.CNASTuce{ width:1080px; transform:translateX(-120px);}
.CNASTuce li{ position: absolute; left:100%; width:530px; background:#FFFFFF; transition:all ease-in 0.5s; cursor:pointer;}
.CNASTuce li:before{ content:''; display:block; padding-top:calc( 100% * 530 / 555);}

.CNASTuce li.on{ left:25%; transform:translateX(-50%) scale(1.15); z-index:9;}
.CNASTuce li.yi{ left:50%; transform:translateX(-50%) scale(1); z-index:8;}
.CNASTuce li.yi img{ opacity:0.4;}
.CNASTuce li.er{ left:75%; transform:translateX(-50%) scale(0.85); z-index:7;}
.CNASTuce li.er img{ opacity:0.2;}

{}

.g1{ font-size:34px; color:#333333; text-align:center; font-weight:bolder; margin: 50px auto 30px;}
.g2{ font-size:16px; color:#333333; width:1200px; max-width:94%;margin: 30px auto 90px; line-height:2em;}


/* 响应式banner */
.img_gallery{position:relative;}
.main_img{ overflow:hidden;position:relative; }
.main_img .zhanwei{ width:100%; max-width:1200px;}
.main_img .zhanwei:before{ padding-top:calc(100% * ( 840 / 1200)); content:''; display:block;}
.banners ul{width:100%; overflow:hidden; height:100%;}
.banners li{float:left;width:100%; height:100%; overflow:hidden; }
.banners li span{ width:100%;  height:100%;}
.banners li a{ width:100%; height:100%; }
.bannerTextBg{ width:100%; height:100%;}
.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }
div.point{ position:absolute;bottom: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:40px; height:5px; font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 6px; 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 */
.img_gallery .bannerText .bannerTextBg{ transform: scale(1);}

.img_gallery .bannerText.slick-active .bannerTextBg{ transform: scale(1.2); transition: all 20s ease 1s;}
.img_gallery .bannerText.swiper-slide-active .bannerTextBg{ transform: scale(1.2); transition: all 20s ease 1s;}

.swiper-pagination{ display:flex; justify-content:center;}
.swiper-pagination .swiper-pagination-bullet{ display: block; width:40px; height:5px; font-size:0; background:#FFFFFF; float: left; cursor: pointer; margin:0 6px; opacity:0.5; border-radius:0;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1;}

.banners{ position:absolute !important; width:100%; height:100%; left:0; top:0;}

.img_gallery .slick-slider .slick-track,.img_gallery  .slick-slider .slick-list{ height:100%;}
.bannerText{ overflow:hidden; position: relative; display:flex !important;}
.bannerText a{ position:absolute; left: 0; top: 0; display:flex; align-items:center; justify-content:center; flex-direction:column;width:100%; height:100%;}

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

.img_gallery .p2{ font-size:24px; color:#FFFFFF; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s; margin-top:10px;}
.img_gallery .bannerText.slick-active .p2{ transform:translateY(0); opacity:1;}

.img_gallery .p3{opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s; letter-spacing:5px; margin-top:60px;}
.img_gallery .bannerText.slick-active .p3{ transform:translateY(0); opacity:1;}

.banners .slick-dots{ height:10px; bottom:40px; display:flex !important; justify-content:center;}
.banners .slick-dots li button { width:14px; height:14px; background: #fff;	opacity:0.5;	padding: 0; border-radius:14px; margin:0 7px; opacity:0 !important}
.banners .slick-dots li button:before {	content: ''; width:100px; height:10px;}
.banners .slick-dots li.slick-active button { opacity:1;}

.banners .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 4px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background: #ffff;
    opacity: 0.5;
}
.banners .slick-dots li.slick-active{ opacity:1;}

.indYyly{ overflow:hidden; position:relative; width:100%;}
.yylyArrow{ max-width:94%; width:1344px; display:flex; align-items:center; justify-content: space-between; height:0; position:absolute; top:35%; left:50%; transform:translateX(-50%); z-index:9; cursor:pointer;}

.indYyly .slick-list{ overflow:inherit;}
.indYyly .slick-dots li.slick-active button:before {
    opacity:1;
    color: #222458;
}
.lyBox{ height:260px; width:100%; max-width:1266px; margin:0 auto 100px !important;}
.lyBox .lyItem{ height:260px; position:relative; margin:0 33px;}
.lyBox .lyItem .lyItemImg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.lyBox .lyItem .lyItemImg .lyItemt{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/cp2.png) repeat-x 50% 100%; z-index:9; transition:ease all 0.75s;}
.lyBox .lyItem .lyItemImg .lyItemt div{ position:absolute; text-align:center; color:#FFFFFF; font-size:16px; font-weight:bolder; left:0; bottom:25px; width:100%; text-align:center;}
.lyBox .lyItem .lyItemText{ width:100%; height:100%; padding:35px 35px 0; display:block; color:#FFFFFF; position: relative; background:rgba(34,36,88,0.5); z-index: 999; transition:ease all 0.75s; opacity:0;}
.lyBox .lyItem .lyItemText .lyItemTitle{ font-size:20px; margin-bottom:15px;}
.lyBox .lyItem .lyItemText .lyItemSmall{ font-size:14px; line-height:20px; margin-bottom:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:60px;}
.lyBox .lyItem .lyItemText .lyItemMore{ font-size:14px; width:100px; height:36px; display:flex; align-items:center; justify-content:center; border:#FFFFFF solid 1px;}
.lyBox .lyItem .lyItemText .lyItemMore span{ margin-right:10px;}
.lyBox .lyItem .lyItemText .lyItemMore i{}

.lyBox .lyItem:hover .lyItemImg .lyItemt{ opacity:0;}
.lyBox .lyItem:hover .lyItemText{ opacity:1;}

.index2{ background:#FFFFFF; overflow:hidden; padding-top:80px;}
.index2 .qqbjLeft{ margin-top:90px;}
.index2Top{ height:0; display:flex; justify-content:space-between;z-index: 9999;
    position: relative;}
.index2Top .index2Left{ font-size:34px; font-weight:bolder;}
.index2Top .index2Right{ height:40px; border-radius:40px; padding:0 30px; display:flex; align-items:center; margin:4px 0; padding-left:25px; cursor:pointer; background:#1296db; color:#FFFFFF;}
.index2Top .index2Right span{ margin-right:10px;}


.index3{ background:url(../images/i9.jpg) no-repeat 50%/cover; overflow:hidden; position:relative; height:500px;}
.index3 .yylyArrow{ display:none;}
.index31{ margin-bottom:0;}
.index31 .shuzi{ display:flex !important; flex-direction:column; justify-content:center; align-items:center; color:#00328f; text-align:center; height:500px;}
.index31 .shuzi .shuzi1{}
.index31 .shuzi .shuzi2{ font-size:46px; font-weight:bolder; margin-top:35px;}
.index31 .shuzi .shuzi3{ font-size:20px; margin:10px 0 20px;}
.index31 .shuzi .shuzi4{ line-height:26px;}


.index4{ background:url(../images/i16.jpg) no-repeat 50% 100%,#FFffff; min-height:650px; overflow:hidden; padding-top:80px;}

.indexNewsTop{ display:flex; justify-content:space-between;}
.indexNewsTop .indexNewsLeft{ display:flex; flex-direction:column;}
.indexNewsTop .indexNewsLeft .indexNewsLeft1{ font-size:34px; font-weight:bolder;}
.indexNewsTop .indexNewsLeft .indexNewsLeft2{ font-size:16px; margin:10px 0 50px;}
.indexNewsTop .indexNewsMore{}

.indexNews .yylyArrow{ display:none;}

.indexNewsBox{ width:1260px; margin:0 auto; max-width:94%;}
.indexNewsBox .slick-list{ padding:10px 0;}
.indexNewsBox .indexNewsItem{ margin:0 30px; background:#FFFFFF; box-shadow:rgba(0,0,0,0.15) 0 0 10px;}
.indexNewsBox .indexNewsItem .indexNewsImg{ width:100%; position:relative;}
.indexNewsBox .indexNewsItem .indexNewsImg:before{ padding-top:calc(100% * ( 240 / 360)); content:''; display:block;}
.indexNewsBox .indexNewsItem .indexNewsText{ padding:10px 35px 25px;}
.indexNewsBox .indexNewsItem .indexNewsText .indexNewsTitle{ font-size:18px; font-weight:bolder; line-height:36px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.indexNewsBox .indexNewsItem .indexNewsText .indexNewsMore{ color:#1296db; line-height:26px;}

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

.bannerRight{ width:940px; height:0px; position:absolute; right:0; top:50%;}
.bannerRight .bannerRightBg{ position:absolute; top:-110px; width:2000px; background:rgba(34,46,89,0.3); height:220px;}
.bannerRight .shuzi{ height:220px; position:absolute; top:-110px;}


.shuzi{ width: 100%; display: flex; justify-content:space-around; align-items:center;}
.shuziXun{ display:flex; flex-direction:column; align-items: center; justify-content:center; width:25%;}
.shuziXun .abxTop{ display: flex; align-items: flex-end; color:#ffffff; justify-content:center; }
.shuziXun .abxTop .sz1{ font-size: 46px; font-weight: bolder;}
.shuziXun .abxTop .sz2{ font-size: 20px; color:#ffffff; margin-left: 10px; transform: translateY(-10px);}
.shuziXun .abxTop .sz3{ font-size: 45px; font-weight: bolder; overflow: hidden; line-height: 38px;}
.shuziXun .abxBot{ font-size: 14px; color: #ffffff; line-height: 3em;}

.numberRun4{ position:relative; transform: translateX(-20px);}
.numberRun4:before{ content:'%'; font-size: 40px; color: #00328f; font-weight:bolder; position:absolute; right: -45px;
    top: -5px;}

{}

.proLogo{ position:relative; overflow:hidden; height:290px; padding-top:45px;}
.proLogo .gd{ display:flex; position:absolute;}
.proLogo .gd div{ height:120px; width:200px; margin:0 15px; display:flex; align-items:center; flex=shrink:0; justify-content:center;}
.proLogo .gd2{ display:flex; position:absolute;}
.proLogo .gd2 div{ height:120px; width:200px; margin:0 15px; display:flex; align-items:center; flex=shrink:0; justify-content:center;}


.tanchuang{ display:none; width:100%; height:100%;position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.9);}
.tanchuang img{ max-width:90%; height:90%;}
.indexNews{ position:relative;}

.xzxz .yylyArrow{ display:none;}

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

.pageMenu {position: relative;
    right: 0;
    margin-left: 15px;
}

.product .proTop .proTopImg{ width:50%;}
.product .proTop .proTopText{ width:48%; margin-left:2%;}

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


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

.joinBox .joinItem .joinTop{ height:100px; flex-wrap:wrap; text-align:center;}
.joinBox .joinItem .joinTop .zhiwei{ width:50%; padding-left:0;}
.joinBox .joinItem .joinTop .leixing{ width:50%;}
.joinBox .joinItem .joinTop .didian{ width:50%;}
.joinBox .joinItem .joinTop .icon{ width:50%; padding-right:0;justify-content: center;}

.img_gallery .p1 { font-size: 22px;}
.img_gallery .p2 { font-size: 16px;}
.img_gallery .p3{ width:25px; margin-top:10px;}	 

.lyBox { margin: 0 auto 70px !important;}

.qqbj .qqbjLeft{ display:none;}

.qqbj .qqbjRight .ywfwTextBox .ywfwTextItem.on .yti {
    display: none;
}

.qqbj .qqbjRight .ywfwTextBox .ywfwTextItem:hover .yti {
    display: block;
}

.qqbj .qqbjRight{ margin-top:100px;}
.index2{ padding-top:50px;}

.index3{ height:400px;}
.index3 .yylyArrow{ display:flex;}
.index3 .yylyArrow img{ width:25px;}
.index31 .shuzi{ height:400px;}

.index4{ padding-top:50px; min-height:auto;}
.indexNews .yylyArrow{ display:flex;}
.indexNews .yylyArrow img{ width:25px;}

.foot .foot1 .foRight{ display:none; }
.foot .foot2 .footLeft2 { flex-direction: column; }
.foot .foot2{ flex-direction: column; }
.foot .foot2 .footRight2{ margin-top: 25px; }

.nav{ overflow:auto;}

.nav .navNei{ justify-content:flex-start;}
.nav .navNei a { white-space: pre; margin:0 10px;}

.t2{margin:35px auto 35px;font-size: 24px;}

.yti{ width:190px;}
    
.about1 { flex-direction: column; }
.about1 .aboutImg{ width:100%;}
.about1 .aboutText{ padding:5% 5%;}
.about1 .aboutText .aboutTitle{ ffont-size:30px;}

.history .historyItem{ height:fit-content;}
.history .historyItem:nth-child(even) {
    flex-direction: row;
}
.history .historyItem .historyImg{ display:none;}
.history .historyItem:nth-child(even) .historyText{flex-direction: row;}

.history .historyItem .historyImg2{ display:block; margin-top:30px;}

.honor1{ flex-direction: column; }
.honor1 .honorImg{ width:100%;}
.honor1 .honorText{ width:100%; padding:20px 0 40px}

.logo li { width: calc(( 100% * 1 / 3 ) - ( 26px * 2 / 3)); margin: 0 8px 24px;}

.neibanner .neiBannerText .neiBannerText1{ font-size:25px;}
.neibanner .neiBannerText .neiBannerText2{ font-size:14px;}

.cpyy .cpyyItem { width:100%;}

.product .proTop{ flex-direction: column; }

.product .proTop .proTopImg{ width:100%;}
.product .proTop .proTopText{ width:100%; margin-left:0%; margin-top:5%;}
.product{ padding:5%;}

.xzxz .yylyArrow{ display:flex;}

.xzxz .yylyArrow img{ width:25px;}

.a1{ flex-direction: column; }
.a1 .a1Left{ width:100%;}
.a1 .a1Left .a1Left1 {
    font-size: 20px;
    margin-top: 25px;
}
.a1Right { margin-top:30px;}

.downForm .dForm{ flex-direction: column; }
.downForm input[type="text"]{ margin-right:0;}
.downForm input[type="submit"]{ width:100%; margin-top:20px;}

.downLoad .downItem div:nth-child(1){ width:55%;}
.downLoad .downItem div:nth-child(2){ width:85px;}
.downLoad .downItem div:nth-child(3){ width:75px; padding:0 5px;}

.zcsb .zcsbItem{ width:100%;}

.CNAS{ flex-direction: column; }
.CNAS .CNASLeft{ width:100%;}
.CNAS .CNASRight{ width:100%; display:none;}
.CNAS .CNASLeft .CNASItem{ padding:5%;}

.sysBox{ width:94%; margin:0 auto;}

.news .newsItem .newsBox{ flex-direction: column; }
.news .newsItem .newsBox .newsImg{ width:100%; margin:0 0 25px;}
.news .newsItem .newsBox .newsText{ width:100%;}
.news .newsItem .newsBox .newsText .newsWen .newsMore{ display:none;}
.news .newsItem .newsBox .newsText .newsWen .newsZi{ margin-top:10px;}
.news .newsItem .newsBox .newsText .newsWen .newsZi .newsSmall{ margin-top:10px;}

.con1{ width:94%; margin:0 auto;}
.con1 .conItem{ width:100%; margin-bottom:25px;}

.coForm .inp1{ width:100%;}

.banners .slick-dots{ bottom:0;}
.main_img{ height:135px;}

.about1 .aboutText{ width:100%;}

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




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




}