.w1200 { width: 1215px; margin: 0 auto; clear: both;}

.clearfix { float:none; clear: both;}
.cen {text-align: center;}
.anim {transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cur {cursor: pointer}
.text1{display: inline-block;    white-space: nowrap;    width: 100%;    overflow: hidden;    text-overflow:ellipsis;}
.text2{   width:200px;    word-break:break-all;    display:-webkit-box;    -webkit-line-clamp:2;    -webkit-box-orient:vertical;    overflow:hidden;}

.swiper {width: 100%; height: 400px;}

.layui-laypage .layui-laypage-curr,.layui-laypage-prev,.layui-laypage-next,.layui-laypage a,.layui-laypage-spr {    width: 20px!important;
    text-align: center!important;
    height: 40px!important;
    line-height: 40px!important;
    margin-right: 10px!important;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background: #666!important;}
.layui-tab-content img{ max-width: 100%;}
.layui-icon-close:hover { animation: rotate 1s linear;}

.menu{position: relative}
.menu .childMenu{position: absolute; top:57px; left: 0px; width: 100%; display: none; background: #26BCBD; z-index: 99;}
.menu .childMenu div{color:#fff; font-size: 15px; border-bottom:1px solid #26BCBD;}
.menu .childMenu div:hover{ color: #ccc; cursor: pointer; border-bottom:1px solid #eee;}
.menu:hover .childMenu{display: block;}

#products {width: 100%;}
#products .image{ width:100%; overflow: hidden;}
#products .swiper-slide { width: 100%;  background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}

.sortNav {float:left;   background: #fff; width: 23.5%; margin-right: 1.5%; box-sizing: border-box; padding:15px;  box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px;min-height: 500px;}
.sortNav .title_ {font-size: 18px; font-weight: 800; margin-bottom:15px;  }
.sortNav .title_ i{color: #013972}
.sortNav li{ background: #efefef; border-radius: 5px; padding-left: 15px; font-size: 15px; line-height:52px; margin-bottom: 15px; text-align: left; position: relative;    overflow: hidden; border:1px solid #fff;}
.sortNav li i {font-size: 14px; position: absolute; right: 10px; top: 1px;}
.sortNav li:before{content: '';
    background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-908027cd-0849-4303-ae20-d3bed9830e3a/cf310ddc-1c8a-40f1-bcb5-7d03adfff9d6.png);
    position: absolute;
    right: 46px;
    top: 50px;
    width: 90px;
    height: 50px;
    background-repeat: no-repeat;
    opacity: 0;
    background-size: 100%; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.sortNav li:hover{background: #fff;  color: #000; border:1px solid #ccc; padding-left:25px;}
.sortNav li:hover:before {top: 10px;    opacity: 0.2;}



.sortNav1 { background: #fff; width:100%; margin-right: 1.5%; box-sizing: border-box; padding:15px;  box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px;}
.sortNav1 .title_ {font-size: 18px; font-weight: 800; margin-bottom:15px;  }
.sortNav1 .title_ i{color: #013972}
.sortNav1 ul{display: flex;justify-content:space-between; flex-wrap:wrap;}
.sortNav1 a {width: 20%;}
.sortNav1 li{ background: #efefef; border-radius: 5px; padding-left: 15px; font-size: 15px; line-height:52px; text-align: left; position: relative;    overflow: hidden; border:1px solid #fff; width: 100%;}
.sortNav1 li i {font-size: 14px; position: absolute; right: 10px; top: 1px;}
.sortNav1 li:before{content: '';
    background: url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-908027cd-0849-4303-ae20-d3bed9830e3a/cf310ddc-1c8a-40f1-bcb5-7d03adfff9d6.png);
    position: absolute;
    right: 46px;
    top: 50px;
    width: 90px;
    height: 50px;
    background-repeat: no-repeat;
    opacity: 0;
    background-size: 100%; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.sortNav1 li:hover{background: #fff;  color: #000; border:1px solid #ccc; padding-left:25px;}
.sortNav1 li:hover:before {top: 10px;    opacity: 0.2;}



.sortNav3 {float:right;   background: #fff; width: 23.5%; margin-left: 1.5%; box-sizing: border-box; padding:15px;  box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px;min-height: 500px;}
.sortNav3 .title_ {font-size: 18px; font-weight: 800; margin-bottom:15px;  }
.sortNav3 .title_ i{color: #FF3232}
.sortNav3 .conList{ font-size: 14px;    color: #0d1a26;    margin-bottom: 8px;    font-weight: 400;    text-align: left;    line-height: 20px;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    padding-bottom: 16px;    border-bottom: 1px solid #f2f2f2;    margin-bottom: 16px;    overflow: hidden;}
.sortNav3 .conList:hover {background: #FFE959; padding:5px;    cursor: pointer;}


.MainContents { background: #fff; width: 75%; float:right; box-sizing: border-box; padding: 15px; box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px;min-height: 500px;}
.MainContents3 { background: #fff; width: 75%; float:left; box-sizing: border-box; padding: 15px; box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px;min-height: 500px;}


.MainContent1 { background: #fff; width:100%;  box-sizing: border-box; padding: 15px; box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px;min-height: 500px; margin-top: 20px;}
.MainContent1  .layui-table th {background: #F7FAFF; font-weight: 800;}
.MainContent1  .layui-table tr:hover {background: #FFE959;}

.ListContents {padding:20px;}
.ListContents  li {line-height: 45px;font-size: 16px;  border-bottom:1px dashed #eee;  padding-right: 150px; position: relative;}
.ListContents  li i{color:#134D84;}
.ListContents  li span{ position: absolute; right: 0px; top: 0px;}
.ListContents  li:hover{ background: #eee; padding-left:20px;}
.ListContents  li:hover span{ float: right; padding-right:15px;}
.ListContents  table .seePic img{ display: none; border:10px solid #fff; border-radius: 5px; overflow: hidden; }
.ListContents  table tr:hover  img{display: block; width: 100%;}



.InfoContents {line-height: 35px; padding: 30px; padding-top: 50px; font-size: 18px;}
.InfoContents img{max-width:100%;}


.userContents table td{padding: 15px;}
.userContents table td input[type="text"]{width: 500px;}
.userContents table td input[type="password"]{width: 500px;}

.indexZlKuai table tr td{ text-align: center;}
.indexZlKuai table tr td:nth-child(1) {width: 20%;}
/*.indexZlKuai table tr td:nth-child(2) {width: 40%;}*/
.indexZlKuai table tr td:nth-child(3) {width: 20%;}
.indexZlKuai table tr td:nth-child(4) {width: 10%;}
.indexZlKuai table tr td:nth-child(5) {width: 10%;}

.indexZlKuai table tr:hover {background: #FFE95A;}
.indexZlKuai table tr:hover a{background: #3F97C3; padding:10px 15px; color: #fff; border-radius: 15px;}

/*首页业务范围版块*/
.indexYeWuKuai {}
.indexYeWuKuai ul {display: flex; justify-content:space-around;}
.indexYeWuKuai ul li {width: 150px; padding:30px 20px 10px 20px; overflow: hidden; border-radius: 10px;borderr:3px soid #3F97C3;}
.indexYeWuKuai ul li i{ color: #3F97C3;}
.indexYeWuKuai ul li:hover {background: #3F97C3;color: #fff;}
.indexYeWuKuai ul li:hover i{ color: #fff;}


.guestBox { position: fixed;    top: 24%;    left: 29%;    width: 46%;    background: #fff;    height: 44%;    border: 2px solid #FF6737;    box-shadow: 2px 4px 44px #ccc;    padding: 10px;    z-index: 9;    overflow: auto;    border-radius:8px;
    overflow: auto;}
.guestBox:before{display: inline-block;    content: "";    position: absolute;    top: 0;    left: 0;    width: 6px;    height: 24px;    background-color: #ff7c3c;    border-radius: 4px;}
.guestBox .title_ {font-size: 24px; line-height: 40px; text-align: center;}
.guestBox div {margin-bottom: 20px; }

.guestBox .closeButton{position: fixed;  right: 1%;
    top: 2%;   border-radius: 50%;    overflow: hidden;    background-color: #3482D7;    color: #fff;    font-size: 16px;    padding: 3px;    cursor: pointer;    width: 30px;    height: 30px;    line-height: 26px; text-align: center; }



.aiBox { position: fixed;    top: 14%;    left: 19%;    width: 66%;    background: #fff;    height: 74%;    border: 2px solid #FF6737;    box-shadow: 2px 4px 44px #ccc;     z-index: 9;    overflow: auto;    border-radius:8px; overflow: hidden;   }
.aiBoxCloseButton{position: fixed;  right: 34%;    top: 12%;   border-radius: 50%;    overflow: hidden;    background-color: #3482D7;    color: #fff;    font-size: 16px;    padding: 3px;    cursor: pointer;    width: 30px;    height: 30px;    line-height: 26px; text-align: center; z-index: 99; }
.aiBoxCloseButton:hover {    animation: rotate 1s linear;}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* 首页 精品推荐专利*/
.index_jptj {display: flex; flex-wrap: wrap; justify-content:space-between;}
.index_jptj .kuai {width: 23%; position: relative;box-shadow: 0 4px 6px #DFE9F4;margin-top: 25px;text-align: center; border:1px solid #E8E8E8;}
.index_jptj .kuai:hover {box-shadow: 5px 4px 6px #DFE9F4;    cursor: pointer; border:1px solid #3482D7;}
.index_jptj .kuai:hover .title_{background: #3482D7; color: #fff;}
.index_jptj .kuai:hover .more{background: #3482D7; color: #fff;}
.index_jptj .tips {background: url(https://mp-908027cd-0849-4303-ae20-d3bed9830e3a.cdn.bspapp.com/cloudstorage/95208e7e-53b6-4999-9e6e-b366ac341b1a.svg) no-repeat;width: 36px;    height: 60px;    font-weight: 400;    border-radius: 0;
    font-size: 12px;    line-height: 14px;    color: #fff;    position: absolute;    left: 16px;    top: 0;    padding: 4px 6px;    box-sizing: border-box;    text-align: center;}
.index_jptj .pic {height: 250px; display: flex; justify-content: center; align-items: center;}
.index_jptj .title_ { padding: 10px; font-size: 16px;}
.index_jptj .more {color: #cc3333; padding:0 10px 10px 10px;}