@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:#ffffff; padding: 40px 0 0 var(--cw);}

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; 

}



/*图片变大*/

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

}





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

.moTop .moLogo{height: 45%;}

.moTop .moMenuOpen{ height: 40%;}



.moTopRight{ height:45%}

.moTopRight img{ height:100%}



.moMenuBox{ width:100%; display:none; background:rgb(0 48 152 / 50%); height:100vh; position: fixed; z-index: 999999999; top: 0;}

.moMenu{ width:80%; background:#ffffff; padding:0 20px; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%;}



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

.moDropLogo img{ height:30px;}



#closeMoMenu{ height:20px;}



.moDrop{ width:100%; display:flex; flex-direction:column;}

.moDrop .yiji{ width:100%;}

.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:center; position:relative; border-bottom:var(--color1) solid 1px;}

.moDrop .yiji .yijiTitle .yijiTitleText {

   display: flex;

   line-height: 2em;

   text-align: center;

   font-size: 15px;

   color: var(--color1);

   padding: 10px 0px;

}

.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:14px; color:var(--color1); display:block;}

.erjiDrop .erji .erjiTitle .erjiTitleIcon{ position:absolute; right:25px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}

.erjiDrop .erji .erjiTitle .erjiTitleIcon img {

   cursor: pointer;

   width: 14px;

}

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

.sanji{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}

.sanji a{ display:inline-block; font-size:14px; width:100%; line-height:2.4em; text-align:center; width:100%; background:url(../images/icon28.png) no-repeat calc(100% - 45px) 50%; color:var(--color1);}



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



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

.moMenuBottom img{ margin:25px 10px;}



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



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



.moSearch{ align-items:center; justify-content:space-between; padding:20px 0; margin:230px auto 0 auto; background:#FFFFFF;}

.moSearch input[type='text']{ height:60px; width:100%; padding:0 15px; background:none; border-bottom:#FFFFFF solid 1px;}

.moSearch input[type='submit']{ background:url(../images/icon20.png) no-repeat 50%/60% 60%; height:60px; width:60px; flex-shrink:0;}



.moLeng{ justify-content:center; align-items:center; flex-direction: column; margin: 0 auto;}

.moLeng a{ font-size:18px; color:#FFFFFF; margin:25px 15px;}

.moLeng a.on{ color:#eb7404;}



#main{ width:100vw;}



:root{

   --color1:#0079C1 ;

   --color2: #747474 ;

   --bodyWidth:1200px;

   --w2:720px;

   --shadow:rgba(0,0,0,0.1) 0 0 10px;

   --cw:250px;

   --transition: all 0.75s ease-in ;

}



.w1{ width: 90%; max-width: var(--bodyWidth); margin: 0 auto; }



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





.pcTop{ position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 0;} 



.pcTop1{ width: 100%; height: 40px; display: flex; flex-direction: row-reverse; padding: 0 80px; background: var(--color1); position: relative; z-index: 1;}

.pcTop1 .pcTopNei1{ display: flex; align-items: center;}

.pcTop1 .pcTopNei1 a{ font-size: 16px; color: #fff; margin-left: 10px;}

.pcTop1 .pcTopNei1 span{ font-size: 16px; color: #fff; margin-left: 10px;}

.pcTop1 .pcTopNei1 span:nth-of-type(1){ transform: translateY(2px);}

.pcTop1 .pcTopNei1 img{ margin-left: 10px;}

.pcTop1 .pcTopNei1 .openSearch{ cursor: pointer;}



.pcTop2{ width: var(--cw); height: 100vh; background: var(--color1); position: absolute; left: 0; top: 0; z-index: 9; box-shadow: var(--shadow);}



.pcTopLogo2{ width: 100%; border-bottom: #fff solid 1px;}



.pcTopMenu2{ display: flex; flex-direction: column; width: 100%;}



.pcTopYi{ position: relative; width: 100%; border-bottom: #fff solid 1px; min-height: 80px; display: flex; align-items: center; justify-content: center; padding: 20px; }

.pcTopYi .pcTopYiTitle{ font-size: 18px; color: #fff; text-align: center;}

.pcTopEr{ position: absolute; left: 100%; top: 0; display: none; flex-direction: column; box-shadow: var(--shadow);}



.pcTopErBox{ min-width: var(--cw); position: relative;}

.pcTopErBox .pcTopErTitle{     min-width: 100%;
    height: 50px;
    border-bottom: #ccc solid 1px;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 0 15px;
    white-space: pre;}

.proBox3 .box {padding:20px;}



.pcTopSan{ position: absolute; left: 100%; top: 0; min-width: 220px; display: none; flex-direction: column; box-shadow: var(--shadow);}

/*.pcTopSan:nth-child(n+1){ top: auto; bottom: 0;}*/

.pcTopSan a{line-height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-bottom: #ccc solid 1px;
   background: #fff;
   padding: 10px 15px;
   line-height: 1.5em;}



.pcTopYi:hover .pcTopYiTitle{ color:#80BCE0;}
.pcTopYi.on .pcTopYiTitle{ color:#80BCE0;}

.pcTopYi:hover .pcTopEr{ display: flex;}

.pcTopErBox:hover .pcTopErTitle{ color: #fff; background: var(--color1);}

.pcTopErBox:hover .pcTopSan{ display: flex;}

.pcTopSan a:hover{ color: #fff; background: var(--color1);}



.pcTopSearch{ position: fixed; right: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); padding-left: var(--cw); padding-top: 40px; display: none;}



.pcTopSearchBox{ width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; background: #fff; opacity: 0; transition:var(--transition);}

.pcTopSearch.on .pcTopSearchBox{ opacity: 1;}



.pcTopSearchNei{ width: 90%; max-width: 800px; display: flex; align-items: center; border-bottom: #BEBEBE solid 1px;}

.pcTopSearchNei input[type="text"]{ width: 100%; line-height: 45px; text-align: center; padding: 0 15px;}

.pcTopSearchNei input[type="text"]::-ms-input-placeholder{ font-size:24px; color:#666666;}

.pcTopSearchNei input[type="text"]::-webkit-input-placeholder{ font-size:24px; color:#666666;}

.pcTopSearchNei input[type="text"]::-moz-placeholder{ font-size:24px; color:#666666;}

.pcTopSearchNei input[type="text"]::-moz-placeholder{ font-size:24px; color:#666666;}

.pcTopSearchNei input[type="submit"]{ background: url(../images/img42.png) no-repeat 50%; cursor: pointer; flex-shrink: 0; width: 45px; height: 45px;}



.Banner{ width: 100%; position: relative; overflow: hidden;}



.BannerZhan{}

.BannerZhan::before{ content: ''; display: block; padding-top: calc( 100% * 460 / 1200);}



.BannerNei{ display: flex; flex-direction: column; align-items: center; justify-content: center; top: 38%; left: 50%; transform: translate(-50%,-50%); position: absolute;}

.BannerNei .Banner1{ height: 100px;}

.BannerNei .Banner1 img{ height: 100%;}

.BannerNei .Banner2{ font-size: 36px; color: #fff; line-height:1.5em; text-align: center; margin-top: 15px;}



.neiBanner{ width: 100%; position: relative; overflow: hidden;}



.neiBannerZhan{}

.neiBannerZhan::before{ content: ''; display: block; padding-top: calc( 100% * 220 / 1200);}



.neiBannerNei{ display: flex; flex-direction: column; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute;}

.neiBannerNei .neiBanner1{ height: 55px;}

.neiBannerNei .neiBanner1 img{ height: 100%;}

.neiBannerNei .neiBanner2{ font-size: 20px; color: #fff; line-height: 2em; text-align: center;}



.footer{ background: #363839;}



.fo1{ padding: 60px 0;}



.foNei1{ display: grid; grid-gap: 30px; grid-template-columns: repeat(4,1fr);}

.foNei1 .foList11{ display: flex; flex-direction: column;}

.foNei1 .foList11 .foListTop11{ text-align: center; margin-bottom: 20px;}

.foNei1 .foList11 .foListTop11 img{ height: 51px;}

.foNei1 .foList11 a{ display: block; border-bottom: #909090 solid 1px; display: flex; align-items: center; line-height: 40px; font-size: 15px; color: #BFBFBF; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.foNei1 .foList11 a i{ margin-right: 15px;}



.foNei1 .foList12{ display: flex; flex-direction: column; font-size: 15px; line-height: 24px;}

.foNei1 .foList12 div{ color: #ddd; margin-bottom: 10px;}

.foNei1 .foList12 p{ color:#8C8989;}



.fo2{ min-height: 70px; padding: 10px; display: flex; justify-content: center; align-items: center; background: #282A2B;}



.foBox2{ font-size: 16px; color: #8C8989;}



{}





.index1{ margin-top: -100px; position: relative; z-index: 5; margin-bottom: 90px;}



.list1{ display: grid; grid-template-columns: repeat(4, 1fr);  grid-gap: 30px;}

.index1 .list1{ display: block; max-width: 1240px; margin: 0px auto 0 !important;}
.index1 .list1 .slick-track{ display: flex !important; align-items: stretch;}
.index1 .list1 .item1{ margin: 0 20px; height: auto;}

.itemSmall{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; padding: 15px 15px 0px 15px !important;
   margin-bottom: 15px;}

.item1{ background: #fff; border-bottom: var(--color1) solid 3px; padding: 25px 35px 20px; box-shadow: var(--shadow);    display: flex;

   flex-direction: column;

   align-items: center;}

.item1 .itemTitle1{ font-size: 16px; color: var(--color1); text-align: center; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-weight: bold; min-height: 3em;}

.item1 .itemImg1{ margin: 20px 0;}

.item1 .itemBot1{}

.item1 .itemBot1 .itemMore1{}

.item1 .itemBot1 .itemMore1{ display: flex; align-items: center; justify-content: center; border-radius: 40px; height: 60px; padding: 0 30px; background:url(../images/img36.png) no-repeat 50% 0/100% 100%; color: #fff;    width: fit-content; margin: 0 auto;}

.item1 .itemBot1 .itemMore1 .itemView1{ transform: translateY(-8px);}

.item1 .itemBot1 .itemMore1 .itemArrow1{ width: 0px; overflow: hidden; transition:all ease-in 0.3s; transform: translateY(-8px); font-size: 20px;}

.item1 .itemBot1 .itemMore1 .itemArrow1 i{ margin-left: 10px;}



.item1:hover .itemBot1 .itemMore1{background: url(../images/img35.png) no-repeat 50% 0 /100% 100%;}

.item1:hover .itemBot1 .itemMore1 .itemArrow1{ width: 20px;}



.index2{ background: url(../images/img30.png) repeat-x 50% 100%; padding: 20px 0; display: flex; align-items: center; justify-content: space-between;}

.index2 .indexLeft2{ display: flex; align-items: center;}

.index2 .indexLeft2 .indexLogo2{ margin-right: 15px; flex-shrink: 0; width: 195px;}

.index2 .indexLeft2 .indexTitle2{ font-size: 34px; font-weight: bold;}



.more{ display: flex; align-items: center; justify-content: center; border-radius: 40px; height: 60px; padding: 0 30px; background:url(../images/img36.png) no-repeat 50% 0/100% 100%; color: #fff; min-width: 180px;}

.more span{ transform: translateY(-8px);}



.more:hover{background: url(../images/img35.png) no-repeat 50% 0 /100% 100%;}

.item2:hover .more{background: url(../images/img35.png) no-repeat 50% 0/100% 100% ;}

.item3:hover .more{background: url(../images/img35.png) no-repeat 50% 0 /100% 100%;}



.index3{ display: flex; flex-wrap: wrap; margin: 30px auto 45px;}



.item2{ display: block; width: 25%; padding: 20px 30px; box-shadow: var(--shadow); margin-bottom: 30px; position: relative; z-index: 1;}
.item2:hover{ z-index: 9;}
.item2:before{ width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; content: ''; background: #fff; z-index: 0; transition: var(--transition);}
.item2:hover:before{ width: 105%; height: 105%; box-shadow: rgba(0,0,0,0.5) 0 0 10px;}
.item2 .itemImg2{ position: relative;}

.item2 .itemTitle2{ position: relative; font-size: 20px; text-align: center; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin: 15px auto; height: 54px; margin: 10px 0;}

.item2 .itemSmall2{ position: relative; font-size: 16px; color: #747474; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;  max-height: 4em;}

.item2 .itemMore2{ position: relative;margin-top: 25px;}
.item2 .itemMore2 .more{ margin: 0 auto;}


{}



.nav{ width: 100%; background: #F6F6F6; box-shadow: var(--shadow);}



.navBox{ display: flex; align-items: center; height: 60px;}

.navBox a{ color: #BBBDBF;}

.navBox i{ color: #BBBDBF; margin: 0 10px;}

.navBox span{ color: var(--color1);}



.nav2{ width: 100%;}



.navBox2{ display: flex; align-items: center; height: 60px;}

.navBox2 a{ color: #BBBDBF;}

.navBox2 i{ color: #BBBDBF; margin: 0 10px;}

.navBox2 span{ color: var(--color1);}



.search1{ border-bottom: #E5E5E5 solid 1px; padding: 100px 0 40px; font-size: 30px; font-weight: bolder;}

.search1 div{ position: relative; width: fit-content;}

.search1 div img{ position: absolute; right: -30%; bottom: -3px; z-index: -1;}

.videoNei{ background: #000;}

.list2{}



.item3{ display: flex; margin-top: 40px;}



.itemImg3{ width: calc( 100% * 305 / 1200); margin-right: 30px; flex-shrink: 0; position: relative; overflow: hidden;}

.itemImg3::before{ padding-top: 100%; content: ''; display: block;}



.itemRight3{ background: #fff; box-shadow: var(--shadow); padding: 30px 25px 40px;}



.itemTop3{ position: relative;}

.itemTop3 .itemLeft3{}

.itemTop3 .itemLeft3 .itemTitle3{ font-size: 30px; font-weight: bolder; line-height: 2em;}

.itemTop3 .itemLeft3 .itemFtitle3{ font-size: 16px; color: #666666; line-height: 2em;}

.itemTop3 .itemView3{ position: absolute; right: 0; top: 0;}



.itemLine3{ width: 100%; height: 1px; margin: 25px 0; background: #E5E5E5; line-height: 2em;}



.itemSmall3{ font-size: 16px; color: #666666;}



.pages{ display: flex; align-items: center; justify-content:center; margin: 45px auto 90px;}

.pages li{ display: flex; margin: 0 4px; border-radius: 5px; align-items: center; justify-content: center;}

.pages li a{ background:#F5F6F7; color:  #BBBDBF;  width: 30px; line-height: 30px; display: block; text-align: center;}



.pages li.on a{ background: var(--color1); color: #fff;}

.pages li:hover a{ background: var(--color1); color: #fff;}


.pagination{ display: flex; align-items: center; justify-content:center; margin: 0px auto 0px;}

.pagination li{ display: flex; margin: 0 4px; border-radius: 5px; align-items: center; justify-content: center; cursor: pointer;}

.pagination li a{ background:#F5F6F7; color:  #BBBDBF;  width: 30px; line-height: 30px; display: block; text-align: center;}
.pagination li span{ background:#F5F6F7; color:  #BBBDBF;  width: 30px; line-height: 30px; display: block; text-align: center;}



.pagination li.active span{ background: var(--color1); color: #fff;}

.pagination li:hover a{ background: var(--color1); color: #fff;}
.pagination li:hover span{ background: var(--color1); color: #fff;}

{}



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



.item4{ cursor: pointer; position: relative; overflow: hidden; border-radius: 10px;}

.item4 .itemImg4{ width: 100%; position: relative;}

.item4 .itemImg4::before{ content: ''; display: block; padding-top: calc( 100% * 250 / 370);}

.item4 .itemIcon4{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; background: url(../images/img38.png) no-repeat 50%/100% 100%;}



.item4:hover .itemIcon4{ background: url(../images/img37.png) no-repeat 50%/100% 100%;}



.videoTc{ width: 100vw; height: 100vh; padding-left: var(--cw); background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 9999; display: none; align-items: center; justify-content: center;}



.videoBox{ width: 90%; max-width: 980px; position: relative;}

.videoBox video{ width: 100%;}

.closeTc{ position: absolute; right: -45px; top: -55px; cursor: pointer;}



{}





.about1{ margin: 60px auto; position: relative; display:flex; align-items: baseline;}

.about1 .about11{ position: absolute; left: 0; top: -10px;}

.about1 .about12{ font-size: 30px; font-weight: bolder;}

.about1 .about13{ font-size: 20px; color: #999999; margin-left: 10px;}



.about2{ margin: 60px auto;}

.about2 .about21{ text-align: center;}

.about2 .about22{ margin: 60px auto; width: 100%; font-size: 16px; color: #747474; line-height: 2em;}

.about2 .about23{ width: 100%;}

.about2 .about23 img{ width: 100%;}



{}



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



.item5{ background: #fff; box-shadow: var(--shadow); border-radius: 10px; padding: 45px 30px; display: flex; flex-direction: column; align-items: center;}

.item5 .item51{}

.item5 .item52{ font-size: 20px; margin: 15px auto; text-align: center; font-weight: bolder;}

.item5 .item53{ color:#747474; font-size: 16px; text-align: center; line-height: 1.5em;}



{}





.pro1{ display: flex; justify-content: space-between; margin: 60px auto 30px;}



.proLeft1{ width: calc( 50% - 25px); margin-bottom: 0 !important;}

.proLeft1 li{ position: relative; overflow: hidden;}

.proLeft1 li::before{ padding-top:100%; content: ''; display: block;}



.proRightBox1{ width: calc( 50% - 25px);background: #fff; box-shadow: var(--shadow);}

.proRight1{ padding: 60px 45px; }

.proRight1 .proTitle1{ position: relative; width: fit-content; font-size: 28px; font-weight: bolder;}

.proRight1 .proTitle1 span{ position: relative; z-index: 1;}

.proRight1 .proTitle1 img{ position: absolute; bottom: 0; right: -30px; z-index: 0;}

.proRight1 .proFtitle1{ font-size: 16px; color: #666666; margin: 10px 0;}

.proRight1 .proLine1{ width: 100%; height: 1px; background: #E5E5E5; margin: 25px 0;}

.proRight1 .proContent1{ font-size: 16px; line-height: 1.5em; color: #666666; margin-bottom: 30px;}



.pro2{ display: flex; align-items: center; justify-content: space-between;}



.proArrow2{ flex-shrink: 0; width: 34px; height: 34px; background: #CDCDCD; color: #fff; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center;}

.proArrow2:hover{ background: var(--color1);}



.proMall2{ width: calc( 100% - 100px);}

.proMall2 li{ margin: 0 15px; position: relative; overflow: hidden; cursor: pointer;}

.proMall2 li.slick-active:nth-of-type(1){ opacity: 0.6;}

.proMall2 li::before{ padding-top:100%; content: ''; display: block; display: flex; align-items: center; justify-content: center;}

.proMall2 li::after{ position: absolute; width: calc( 100% - 4px); height: calc( 100% - 4px); border: var(--color1) solid 2px; top: 0; left: 0; content: ''; display: block; opacity: 0;}

.proMall2 li:hover::after{ opacity: 1;}

.proMall2 li.on::after{ opacity: 1;}



.pro3{ border: #F1F2F2 solid 2px; margin: 15px auto 90px;}



.proSelectBox3{ width: 100%;}



.proSelect3{ background: #F1F2F2; line-height: 45px; cursor: pointer; font-size: 16px; font-weight: bolder; display: flex; text-align: center; border-bottom: #F1F2F2 solid 2px;}

.proSelect3 li{ width: 25%; position: relative;}

.proSelect3 li::before{ width: 100%; content: ''; display: none; height: 2px; background: var(--color1); position: absolute; left: 0; top: 0;}



.proSelect3 li.on{ background: #fff;}

.proSelect3 li:hover{ background: #fff;}

.proSelect3 li.on::before{ display: block;}



.proContent2{ padding: 30px; color: #747474; line-height: 2em;}



.download{ padding: 30px;}



.downloadItem{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; background: #F7F7F7; border-radius: 10px; padding: 16px 30px; cursor: pointer;}

.downloadItem:nth-last-child(1){ margin-bottom: 0;}

.downloadItem span{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.downloadItem div{ width: 110px; line-height: 28px; background: url(../images/img45.png) no-repeat 50% / 100% 100%; text-align: center; color: #fff; height: 32px;}



.downloadItem:hover{ background: var(--color1);}

.downloadItem:hover span{  color: #fff;}

.downloadItem:hover div{ background: url(../images/img46.png) no-repeat 50% / 100% 100%; color: var(--color1);}



{}



@media screen and (min-width:1200px){

   

.moTop{ display:none !important;}

.moMenuBox{ display:none !important;}





}

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



body{ padding: 30px 0 0 var(--cw);}



.pcTop1{ height: 30px;}

.pcTop1 .pcTopNei1 a{ font-size: 14px;}

.pcTop1 .pcTopNei1 span{ font-size: 14px;}



:root {

   --bodyWidth: 1200px;

   --w2: 720px;

   --cw: 180px;

}



.pcTopYi .pcTopYiTitle{ font-size: 16px;}



.BannerNei .Banner1 {

   height: 65px;

}



.BannerNei .Banner2 {

   font-size: 24px;}



.item1 .itemTitle1 {

   font-size: 16px;}



.item1 .itemBot1 .itemMore1{ height: 45px;}

.item1 .itemBot1 .itemMore1 .itemView1 {

   transform: translateY(-5px);

}



.more{ width: 135px; height: 45px;}

.more span {

   transform: translateY(-5px);

}



.index2 .indexLeft2 .indexLogo2{ width: 150px;}

.index2 .indexLeft2 .indexTitle2 {

   font-size: 28px;

   font-weight: bold;

}



.item2 .itemTitle2 {

   font-size: 16px; height: 24px;}



.item2 .itemSmall2 {

   font-size: 13px;}



.foNei1 .foList11 a{ font-size: 13px;}

.foNei1 .foList12{ font-size: 13px;}

.foBox2 {

   font-size: 12px;

   color: #8C8989;

}

.fo2 {

   min-height: 50px;}



.navBox {

   height: 45px;

}



.search1 {

   padding: 45px 0;

   font-size: 24px;

}



.itemSmall3 {

   font-size: 14px;

   color: #666666;

}



.itemLine3{ margin: 15px 0;}

.itemTop3 .itemLeft3 .itemTitle3 {

   font-size: 24px;}



.neiBannerNei .neiBanner1 {

   height: 35px;

}

.neiBannerNei .neiBanner2 {

   font-size: 16px; margin-top: 15px;}

.closeTc {

   width: 25px;

   position: absolute;

   right: -25px;

   top: -30px;

   cursor: pointer;

}

.about1 .about12 {

   font-size: 24px;

   font-weight: bolder;

}

.about1 .about13 {

   font-size: 16px;

}

.about2 .about22 {

   margin: 40px auto;

   width: 100%;

   font-size: 14px;

   color: #747474;

   line-height: 2em;

}



.item5{ padding: 20px 15px 30px;}

.item5 .item52 {

   font-size: 16px; font-weight: bolder;}

.item5 .item53{ font-size: 14px;}



.proRight1 .proTitle1 {

   position: relative;

   width: fit-content;

   font-size: 32px;

   font-weight: bolder;

}



.proRight1 .proFtitle1 {

   font-size: 14px;}



.proRight1 .proContent1 {

   font-size: 13px;margin-bottom: 0px;

   max-height: 15em;

   overflow-y: auto;}





   .list1 {

      grid-template-columns: repeat(3, 1fr);}



      .index1 .list1 {

         display: block;

         max-width: calc(90% + 40px); width: calc(90% + 40px);

         margin: 0px auto 0 !important;

     }



     .neiBannerZhan {

      height: 300px;

  }



  .pcTopSearch{ padding-top: 30px;}





}

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

   

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



body {

   padding: 60px 0 0 var(--cw);

}



:root {

   --bodyWidth: 1200px;

   --w2: 720px;

   --cw: 0px;

}

.BannerNei .Banner1 {

   height: 45px;

}

.BannerNei .Banner2 {

   font-size: 16px;

}



.proSelect3 li {

   font-size: 12px;}



.index1 {

   margin-top: 40px; margin-bottom: 30px;}



.item1{ padding: 15px;}

.item2{ width: 50%;}

.item2 .itemMore2 .more{ margin: 0 auto;}

.index2 .indexLeft2 .indexTitle2 {

   font-size: 16px;

   font-weight: bold;

}

.index2 .indexLeft2 .indexLogo2 {

width: 120px;

}



.more{ min-width: fit-content;}



.foNei1 .foList11 {

   display: none;}

.foNei1 {

   display: grid;

   grid-gap: 30px;

   grid-template-columns: 1fr;

}



.item3 {

   

   flex-direction: column;

}

.itemImg3 {

   width: 100%;

   margin-right: 0;}

.list2 {

   display: grid;

   grid-template-columns: repeat(2, 1fr);

   grid-gap: 30px;

}



.itemTop3 .itemView3{ display: none;}



.itemTop3 .itemLeft3 .itemFtitle3{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}

.itemSmall3{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}



.pro1{ flex-direction: column;}



.proLeft1{ width: 100%;}

.proRight1{ width: 100%;}



.proRight1{ width: 100%; padding: 5%; margin-top: 350px;}



.proRightBox1{ width: 100%; height: 0;}



.pro3 {
 margin-top: 400px !important;
 border: #F1F2F2 solid 2px;
 margin: 335px auto 90px;
}

.proRight1 .proContent1 {

   font-size: 13px;

   margin-bottom: 0px;

   max-height: 80px;

   overflow-y: auto;

}



.list1 {

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

   .list3 {

      grid-template-columns: repeat(2, 1fr);

  }

  .contact {

   grid-template-columns: repeat(2, 1fr);

}

.nav{ display: none;}

}

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

   .downloadItem {

      margin-bottom: 20px;

      padding: 16px 10px;

  }

   .list2 {

      display: grid;

      grid-template-columns: repeat(1, 1fr);

      grid-gap: 30px;

  }





  .list1 {

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

   .list3 {

      display: grid;

      grid-template-columns: repeat(1, 1fr);

      grid-gap: 30px;

  }

  .contact {

   grid-template-columns: repeat(1, 1fr);

}

}

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



   .BannerNei .Banner2 {
      font-size: 14px;
  }

  .BannerZhan {
   height: 200px;
}

.item2 {
   width: 100%;
}
.fo1 {
   padding: 0;
}

.index2 {
   flex-direction: column; align-items: flex-end;
}
.index2 .indexLeft2 {
   width: 100%; margin-bottom: 20px;}

   .closeTc{ right: 0;}
}

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









}