body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, td, th, tr, dt, dd, dl, a{margin: 0;padding: 0;}
ul, ol{list-style: none;}
em, i{font-style: normal;}
u{text-decoration: none;}
table{border-spacing: 0;border-collapse: collapse;margin: inherit;}
img{border: none;vertical-align: middle;-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
input, select, button{vertical-align: middle;outline: none;}
a{text-decoration: none;color: #666;-webkit-transition: color 0.2s linear;transition: color 0.2s linear;}
.fl{float: left;}
.fr{float: right;}
body{min-width: 1240px;font-family: "Microsoft YaHei", "Arial", "Heiti SC";background: #ffffff;}
.wrap{width: 1240px;margin: 0 auto;}
.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);-webkit-filter: gray;filter: gray;}
.clear{clear: both;}
.clear::after{content: "";display: block;clear: both;}
:root{--ThemeColor: #4198c6;--ThemeColor2: #93abf8;--ThemeColor3: #00608b;--TextHover: #fed835;}
.crumb{width: 1240px;overflow: hidden;font-size: 14px;font-family: monospace;margin: 15px auto;height: 20px;line-height: 20px;}
.crumb b{width: 18px;height: 18px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAABqElEQVR42q2VSyhEYRiGJZKyECkZERbU2Cg1qyOlyCVKM2pcisjMSFNCYyGXFWkWrkXZ2MhK2coCZaFkbWFDgw2iSEn4/nrV2+l35pzOLJ5m/ue7vHOmf5q0i/NTuzQIV8KN0E1+R/gCP8KjsCykq7rd5e0YZkKo7ZNjOuwG+GkoINTROYqeTCFbyBJiqI3aCQjSsnHyAeV4ERGBH0wWMEBLhjX1ZqrPkZ+GC1sFRGi4H05HC/UtwIVwHvovIExDfXZuF/XH6OnzdQET1NwLZ4d6mpvnGjdNUpMfzgk+ml+nANfLGUP4xJ61v4AZWl6ipEsyhGfs21biGgcDP6JSF8vzhCbBK7wI30oWCx6hEkGbLgLG6GrnChVc7EFxy0XAFHZs6G5RJ4qrmsEyoU1oVeB9jcUTLDoJKKCbYcabioAq5RGyJ+zSLWlMRUA5/C25QzgjlQF35E6cBvAfS9w0VAj/QO4MrtbUOwK/pAsIorhiGvLAv5G7hPOZeqNW17RaFenruMfrK9wR9cbhPoQEehM038UBzKzwhCbmWCiivhzhQNP3zp9e8QuvkLfzXis29QAAAABJRU5ErkJggg==") no-repeat;background-size: 100%;display: inline-block;vertical-align: middle;margin: -2px 4px 0 0;}
.crumb a{color: #333;}
.crumb a:hover{color: rgba(95, 151, 208,1);}
.crumb + .Minbox{margin-top: 0;}
.HeadCont{background: #fff;position: relative;z-index: 9;}
.HeadCont .logo{/*margin-top: 17px;*/float: left;}
.HeadCont .logo, .HeadCont .logo img{height: 95px;}
.HeadCont .HeadTop{overflow: hidden;width: 1240px;margin: 0 auto;height: 110px;}
.HeadCont .Searchbox{width: 320px;height: 41px;font-size: 15px;color: #666;background: rgba(95, 151, 208,1);margin: 29px 0 0 200px;}
.HeadCont .Searchbox .key{background: #fff;border: none;width: 240px;height: 41px;line-height: 41px;border: 2px solid rgba(95, 151, 208,1);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;}
.HeadCont .Searchbox .btn{width: 74px;height: 41px;line-height: 41px;display: inline-block;border: none;color: #fff;font-size: 16px;background: none;cursor: pointer;}
.HeadCont .Searchbox .btn:hover{opacity: 0.88;}
.HeadCont .TallBox{color: #666;margin-top: 18px;}
.HeadCont .TallBox p img{height: 40px;float: left;display: block;}
.HeadCont .TallBox p b{display: block;float: left;height: 40px;line-height: 40px;font-weight: bold;font-size: 18px;margin-left: 10px;}
.HeadCont .TallBox span{display: block;float: left;margin-left: 55px;}
.HeadCont .NavItems{width: 100%;background: rgba(95, 151, 208,1);height: 60px;}
.HeadCont .NavItems ul{position: relative;width: 1240px;line-height: 60px;height: 60px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;}
.HeadCont .NavItems ul li{float: left;padding: 0 30px;height: 60px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;line-height: 60px;font-size: 16px;font-weight: bold;text-align: center;cursor: pointer;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;position: relative;}
.HeadCont .NavItems ul li .ItemList{display: none;background: rgba(95, 151, 208,1);margin-top: 8px;position: absolute;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.HeadCont .NavItems ul li .ItemList::before{content: "";position: absolute;top: -15px;left: 44%;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid rgba(95, 151, 208,1);}
.HeadCont .NavItems ul li .ItemList a{display: block;height: 50px;line-height: 50px;padding: 0 15px;max-width: 180px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.HeadCont .NavItems ul li .ItemList a:hover{color: var(--TextHover);}
.HeadCont .NavItems ul li a{display: block;color: #fff;}
.HeadCont .NavItems ul li.on > a, .HeadCont .NavItems ul li:hover > a{background: #3c7fc3;;}
.FooterWrap{background: #04090c url(../images/footbg.jpg) center top;overflow: hidden;margin-top: 20px;width: 100%;padding: 30px 0 0;}
.FooterWrap a:hover{color: #fff;}
.FooterWrap .wrap{overflow: hidden;}
.FooterWrap .FootAddress{float: left;width: 260px;color: #c3c3c3;}
.FooterWrap .FootAddress .logo{margin-bottom: 10px;display: block;}
.FooterWrap .FootAddress .logo, .FooterWrap .FootAddress .logo img{height: 80px;}
.FooterWrap .FootAddress p{font-size: 14px;line-height: 25px;}
.FooterWrap footer{display: block;text-align: center;color: #fff;background: #999;padding: 10px 0;font-size: 14px;}
.FooterWrap .LinkItems{overflow: hidden;border-bottom: 1px solid #333;padding-bottom: 30px;float: left;width: 600px;}
.FooterWrap .LinkItems .items{width: 110px;overflow: hidden;margin-left: 40px;}
.FooterWrap .LinkItems .items strong{display: block;width: 100%;overflow: hidden;font-size: 16px;color: #fff;margin: 6px 0;font-weight: 500;}
.FooterWrap .LinkItems .items a{display: block;float: left;font-size: 14px;color: #c3c3c3;margin: 10px 0 0 0;width: 100%;}
.FooterWrap .LinkItems .items a:hover{color: #fff;}
.FooterWrap .ServiceBox{float: right;width: 110px;margin: 0 10px;}
.FooterWrap .ServiceBox strong{display: block;width: 100%;overflow: hidden;font-size: 16px;color: #fff;margin: 6px 0 20px;font-weight: 500;text-align: center;}
.FooterWrap .ServiceBox img{width: 110px;height: 110px;}
#page{margin: 0 auto;padding: 10px 0 20px;width: 100%;overflow: hidden;text-align: center;}
#page a, #page span{display: inline-block;width: auto;padding: 0 15px;height: 36px;text-align: center;line-height: 36px;color: #333;font-size: 15px;background: #fff;border-radius: 3px;border: 1px solid #e6e6e6;margin: 0 5px;-webkit-transition: background 0.2s linear;transition: background 0.2s linear;}
#page span{background-color: rgba(95, 151, 208,1);color: #fff;border-color: rgba(95, 151, 208,1);-webkit-box-shadow: 1px 4px 8px var(--ThemeColor2);box-shadow: 1px 4px 8px var(--ThemeColor2);}
#page a:hover, #page .activP{background-color: rgba(95, 151, 208,1);color: #fff;}
#page .prevPage i, #page .nextPage i{display: inline-block;width: 12px;height: 20px;vertical-align: middle;margin-bottom: 3px;}
#page .MorePage{background: #fff !important;color: rgba(95, 151, 208,1) !important;}
#page .nextPage i{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.BackTop{display: none;width: 60px;height: 60px;position: fixed;bottom: 10px;left: 50%;cursor: pointer;margin-left: 610px;z-index: 100;}
.BackTop a{background: rgba(95, 151, 208,1);display: block;height: 60px;width: 60px;text-align: center;overflow: hidden;}
.BackTop a::after{display: block;content: "";width: 26px;height: 26px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;margin: 24px auto 0;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.HomeBanner{width: 100%;position: relative;height: 400px;overflow: hidden;}
.HomeBanner .img img{width: 100%;height: 400px;display: block;-o-object-fit: cover;object-fit: cover;}
.HomeBanner .swiper-button-prev::after, .HomeBanner .swiper-button-next::after{color: #fff;}
.Minbox{width: 1200px;padding: 20px;border-radius: 8px;background: #fff;margin: 20px auto 0;position: relative;z-index: 1;}
.Basebox{padding: 20px;border-radius: 8px;background: #fff;}
.Basebox + .Basebox{margin-top: 20px;}
.MinTitle{width: 100%;position: relative;height: 27px;line-height: 27px;}
.MinTitle strong{display: block;height: 27px;color: #333;font-size: 22px;text-align: center;margin: 25px auto;}
.ContentWrap{width: 1240px;margin: 0 auto;overflow: hidden;}
.Main1{overflow: hidden;}
.Main1 .items{overflow: hidden;width: 100%;margin: 30px auto;}
.Main1 .items li{width: 348px;height: 567px;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);margin: 5px 32px;float: left;}
.Main1 .items li:hover{-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Main1 .items li img{width: auto;height: 375px;border-radius: 20px;margin: 20px auto;display: block;max-width: 100%;object-fit: cover;}
.Main1 .items li p{width: 96%;height: 25px;line-height: 25px;font-size: 16px;color: #333;font-weight: bold;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Main1 .items li span{display: block;height: 25px;line-height: 25px;font-size: 14px;color: #999;font-weight: bold;text-align: center;margin: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Main1 .items li .btn{display: block;width: 195px;height: 50px;text-align: center;margin: 10px auto;line-height: 50px;font-size: 15px;color: #333;border: 1px solid #999;}
.Main1 .items li .btn:hover{background: rgba(95, 151, 208,1);color: #fff;}
.Main1 .items li .btn i{width: 110px;display: inline-block;overflow: hidden;height: 20px;white-space: nowrap;word-wrap: break-word;line-height: 20px;margin: 2px 4px -4px 0;text-overflow: ellipsis;}
.Main1 .morebtn{display: block;margin: 40px auto;width: 182px;height: 42px;border-radius: 22px;background: rgba(95, 151, 208,1);border: 2px solid transparent;color: #fff;text-align: center;line-height: 42px;font-size: 16px;}
.Main1 .morebtn:hover{background: #fff;border-color: rgba(95, 151, 208,1);color: rgba(95, 151, 208,1);}
.Main2{margin: 30px auto;}
.Main2 img{width: 100%;display: block;border-radius: 20px;}
.Main3{margin: 30px auto;overflow: hidden;}
.Main3 .Titile strong{font-size: 22px;color: #333;float: left;}
.Main3 .Titile span{display: block;color: #d1d1d1;float: left;margin-top: 7px;}
.Main3 .Titile .more{color: rgba(95, 151, 208,1);border: 1px solid rgba(95, 151, 208,1);padding: 3px 10px;font-size: 14px;}
.Main3 .Titile .more:hover{background: rgba(95, 151, 208,1);color: #fff;}
.Main3 .ArtItems{overflow: hidden;width: 100%;}
.Main3 .ArtItems li{height: 60px;overflow: hidden;float: left;width: 50%;margin-top: 20px;}
.Main3 .ArtItems li a{display: block;}
.Main3 .ArtItems li a span{display: block;float: left;width: 60px;height: 40px;overflow: hidden;background-color: #6a748b;padding: 10px 0;line-height: 20px;color: #fff;font-size: 14px;text-align: center;}
.Main3 .ArtItems li a .info{width: 500px;height: 60px;float: left;overflow: hidden;margin-left: 15px;}
.Main3 .ArtItems li a .info p{height: 20px;overflow: hidden;line-height: 20px;color: #333;font-size: 16px;}
.Main3 .ArtItems li a .info .desc{margin-top: 6px;height: 46px;line-height: 18px;font-size: 13px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Main3 .ArtItems li a:hover span{background: rgba(95, 151, 208,1);color: #fff;}
.Main3 .ArtItems li a:hover .info p{color: rgba(95, 151, 208,1);}
.Main3 .ArtItems li:nth-child(even) a{margin-left: 45px;}
.Main4{height: 370px;background: url(../images/indexbg2.png) no-repeat center;background-position-y: -40px;margin: 40px auto 20px;overflow: hidden;}
.Main4 .Title{font-size: 32px;color: rgba(95, 151, 208,1);margin-top: 100px;font-weight: bold;text-align: center;width: 100%;}
.Main4 .Title::after{width: 25px;content: "";display: block;margin: 0 auto;height: 3px;margin-top: 15px;background: rgba(95, 151, 208,1);}
.Main4 .CustomSwip{position: relative;overflow: hidden;width: 100%;margin-top: 30px;}
.Main4 .CustomSwip .img{display: -webkit-box;display: -ms-flexbox;display: flex;height: 85px;margin: 10px 15px;border-radius: 4px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.Main4 .CustomSwip .img img{max-width: 100%;max-height: 100%;}
.ImgBanner{width: 100%;}
.ImgBanner img{width: 100%;max-height: 400px;-o-object-fit: cover;object-fit: cover;}
.PageTab{width: 100%;text-align: center;overflow: hidden;margin: 50px auto;}
.PageTab a{display: inline-block;height: 40px;line-height: 40px;border-radius: 20px;text-align: center;width: 180px;color: #333;font-size: 20px;font-weight: bold;margin: 0 5px;}
.PageTab a:hover, .PageTab .on{background: rgba(95, 151, 208,1);color: #fff;}
.ProductItems li{width: 33.33%;float: left;}
.ProductItems li a{width: 380px;height: 510px;display: block;margin: 0 auto;text-align: center;}
.ProductItems li a img{width: 370px;height: 370px;margin: 0 auto;border: 2px solid #eee;-o-object-fit: cover;object-fit: cover;}
.ProductItems li a p{width: 96%;height: 25px;line-height: 25px;font-size: 16px;color: #333;font-weight: bold;text-align: center;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ProductItems li a span{display: block;height: 25px;line-height: 25px;font-size: 14px;color: #999;font-weight: bold;text-align: center;margin: 5px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ProductItems li a em{display: block;width: 100%;line-height: 25px;color: rgba(95, 151, 208,1);font-weight: bold;text-align: center;font-size: 15px;}
.ProductDetaile{overflow: hidden;margin: 50px 0px 0px 0px;}
.ProductDetaile .ProductImg{float: left;}
.ProductDetaile .ProductImg{width: 580px;height: 350px;border: 1px solid #eee;position: relative;}
.ProductDetaile .ProductImg img{object-fit:cover;max-width: 100%;max-height: 100%;position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.ProductDetaile .ProductInfo{width: 580px;float: right;min-height: 350px;}
.ProductDetaile .ProductInfo h1{font-size: 22px;font-weight: 400;color: #666;line-height: 30px;margin-bottom: 30px;}
.ProductDetaile .ProductInfo p{line-height: 30px;color: #666;font-size: 14px;margin-bottom: 5px;}
.ProductDetaile .ProductInfo p i{font-weight: bold;color: rgba(95, 151, 208,1);font-size: 20px;vertical-align: middle;}
.ProductDetaile .ProductInfo p strong{font-size: 30px;color: rgba(95, 151, 208,1);vertical-align: middle;}
.ProductDetaile .ProductInfo .btns{overflow: hidden;margin-top: 50px;}
.ProductDetaile .ProductInfo .btns .ProductFormBtn, .ProductDetaile .ProductInfo .btns .Phone{display: block;float: left;width: 160px;height: 40px;border-radius: 3px;border: 1px solid rgba(95, 151, 208,1);color: rgba(95, 151, 208,1);text-align: center;line-height: 40px;font-weight: bold;cursor: pointer;}
.ProductDetaile .ProductInfo .btns .Phone{margin-right: 16px;}
.ProductDetaile .ProductInfo .btns .Phone::before{content: "";width: 18px;height: 18px;display: inline-block;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASBAMAAACk4JNkAAAAIVBMVEUAAABAl8dBmMZBmMZCl8VAl8dCmMVAl8dBmcZCmMZBmMbAfUJQAAAACnRSTlMAIN+/gD+fYM+Q1AmYqgAAAGBJREFUCNdjQAJiixygLKtVyyEM1lWrFqOzGFetWgJVN2sVTIcUnMW8SpUBpnARzOiqVYoMjAIQ6UUCVotATEatVRqrVimABEVWAcFSsEovIGshRHvWqlUGUMutlJHcCQA95RvJF5QeOAAAAABJRU5ErkJggg==) no-repeat;vertical-align: middle;margin: 0 4px 2px 0;}
.ProductDetaile .ProductInfo .btns .ProductFormBtn{background: rgba(95, 151, 208,1);color: #fff;}
.ProductDetaile .ProductPage{width: 100%;overflow: hidden;margin: 50px auto;float: left;}
.ProductDetaile .ProductPage a{display: block;line-height: 40px;font-size: 16px;color: #666;}
.ProductDetaile .ProductPage a:hover{color: rgba(95, 151, 208,1);}
.ProductDetaile .ProducDesc{width: 100%;overflow: hidden;float: left;margin-top: 30px}
.ProductDetaile .ProducDesc .Title{border: 1px solid #eaeaea;overflow: hidden;}
.ProductDetaile .ProducDesc .Title span{border-right: 1px solid #eaeaea;height: 60px;float: left;display: block;line-height: 60px;font-size: 15px;padding: 0 50px;border-top: 4px solid rgba(95, 151, 208,1);font-size: 20px;color: rgba(95, 151, 208,1);}
.ProductDetaile .ProducDesc .DescBody p{line-height: 32px;font-size: 16px;color: #353535;}
.ProductDetaile .ProducDesc .DescBody img{display: block;margin: 12px auto;max-width: 100%;max-width: 98%;}
.ProductDetaile .ProducDesc .DescBody h3{margin: 12px 0;display: block;height: 32px;line-height: 32px;font-size: 18px;color: #333;font-weight: normal;text-indent: 10px;}
.ProductForm{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;left: 0;top: 0;z-index: 999;display: none;}
.ProductForm .FormBgShadow{width: 100%;height: 100%;position: absolute;z-index: 1;cursor: pointer;}
.ProductForm .FormBody{width: 890px;height: 570px;border: 10px solid #fff;background: #fff;position: absolute;z-index: 2;left: 50%;top: 50%;margin: -290px 0 0 -450px;overflow: hidden;overflow-y: auto;}
.ProductForm .FormBody .bt{width: 100%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #999;margin: 40px auto;}
.ProductForm .FormBody .FormClose{cursor: pointer;font-family: cursive;position: absolute;right: 20px;top: 20px;font-size: 24px;color: #666;}
.ProductForm .FormBody .Items{width: 720px;margin: 0 auto;}
.ProductForm .FormBody .Items li{overflow: hidden;margin-bottom: 15px;}
.ProductForm .FormBody .Items span{display: block;float: left;width: 100%;font-weight: 700;margin-bottom: 8px;overflow: hidden;font-size: 16px;color: #666;}
.ProductForm .FormBody .Items .inp{float: left;height: 36px;border: 1px solid #8f8f8f;border-radius: 3px;outline: none;padding: 0 10px;width: 650px;}
.ProductForm .FormBody .Items .star{color: red;float: left;font-size: 14px;height: 36px;line-height: 40px;margin-left: 2.5%;vertical-align: top;}
.ProductForm .FormBody .Items .radiobox input, .ProductForm .FormBody .Items .radiobox p, .ProductForm .FormBody .Items .radiobox label{float: left;height: 36px;line-height: 36px;margin-right: 5px;cursor: pointer;color: #666;font-size: 14px;}
.ProductForm .FormBody .Items .radiobox p + p{margin-left: 20px;}
.ProductForm .FormBody .Items .g_textarea{width: 660px;float: left;border-radius: 2px;height: 100px;max-height: 200px;resize: none;vertical-align: top;line-height: 26px;padding: 5px 10px;outline: none;}
.ProductForm .FormBody .Items .itext{float: left;width: 120px;}
.ProductForm .FormBody .Items .ValidataImg{height: 32px;margin-left: 10px;margin-top: 6px;}
.ProductForm .FormBody .Items .ValidataTips{line-height: 36px;margin-left: 10px;cursor: pointer;font-size: 14px;}
.ProductForm .FormBody .FormBtn{width: 245px;height: 44px;line-height: 44px;text-align: center;margin: 20px 0 40px 80px;background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5f60), to(#fe2f2d));background-image: linear-gradient(to bottom, #ff5f60, #fe2f2d);border-radius: 3px;color: #fff;cursor: pointer;border: none;}
.OurStrengths{overflow: hidden;width: 100%;margin: 40px auto;min-height: 300px;}
.OurStrengths .Title{float: left;width: 200px;}
.OurStrengths .Title strong{font-size: 30px;color: #333;font-weight: 500;}
.OurStrengths .Title::after{width: 35px;height: 3px;background: #333;border-radius: 3px;content: "";display: block;margin-top: 30px;}
.OurStrengths .Desc{width: 1000px;float: right;}
.OurStrengths .Desc p{line-height: 32px;font-size: 16px;color: #353535;}
.OurStrengths .Desc img{display: block;margin: 12px auto;max-width: 100%;max-width: 98%;}
.OurStrengths .Desc h3{margin: 12px 0;display: block;height: 32px;line-height: 32px;font-size: 18px;color: #333;font-weight: normal;text-indent: 10px;}
.ArtContent{width: 1240px;margin: 0 auto;overflow: hidden;background: #fff;border-radius: 8px;}
.ArtContent .ArtTitle{width: 100%;margin-bottom: 20px;}
.ArtContent .ArtTitle strong{font-size: 36px;color: rgba(95, 151, 208,1);}
.ArtContent .ArtTitle::after{width: 35px;height: 3px;background: rgba(95, 151, 208,1);border-radius: 3px;content: "";display: block;margin-top: 30px;}
.ArtContent .ArtItems{width: 100%;overflow: hidden;margin-bottom: 30px;}
.ArtContent .ArtItems li{padding: 20px 0;border-bottom: 1px solid #eee;overflow: hidden;}
.ArtContent .ArtItems li img{width: 200px;height: 120px;float: left;-o-object-fit: cover;object-fit: cover;margin-right: 20px;}
.ArtContent .ArtItems li .info{width: 800px;float: left;}
.ArtContent .ArtItems li .info .bt{width: 100%;height: 30px;line-height: 30px;font-size: 22px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 10px 0;}
.ArtContent .ArtItems li .info .desc{line-height: 30px;height: 60px;font-size: 16px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ArtContent .ArtItems li .time{float: right;width: 80px;height: 80px;border: 1px solid #eee;margin: 10px 0;text-align: center;}
.ArtContent .ArtItems li .time strong{font-size: 34px;color: rgba(95, 151, 208,1);}
.ArtContent .ArtItems li .time span{font-size: 14px;color: #666;}
.ArtContent .ArtItems li:hover .info .bt{color: rgba(95, 151, 208,1);}
.ArtContent .ArtHead{text-align: center;padding: 20px 0;border-bottom: 1px solid #eee;}
.ArtContent .ArtHead .bt{font-size: 28px;line-height: 60px;color: #333;font-weight: 500;}
.ArtContent .ArtHead span{color: #999;font-size: 14px;}
.ArtContent .ArtBody p{line-height: 32px;font-size: 16px;color: #353535;}
.ArtContent .ArtBody img{display: block;margin: 12px auto;max-width: 100%;max-width: 98%;}
.ArtContent .ArtBody h3{margin: 12px 0;display: block;height: 32px;line-height: 32px;font-size: 18px;color: #333;font-weight: normal;text-indent: 10px;}
.ArtContent .ArtPage{width: 100%;overflow: hidden;margin: 30px auto 10px;}
.ArtContent .ArtPage a{max-width: 48%;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ArtContent .ArtPage a:hover{color: rgba(95, 151, 208,1);}
.ActivityItems{width: 100%;overflow: hidden;margin: 35px auto 0;}
.ActivityItems li{width: 33.33%;float: left;margin-bottom: 35px;}
.ActivityItems li a{width: 380px;height: 430px;display: block;margin: 0 auto;background: #eee;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
.ActivityItems li a:hover{-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);}
.ActivityItems li a:hover .tt{color: rgba(95, 151, 208,1);}
.ActivityItems li a .time{text-align: right;line-height: 50px;height: 50px;padding: 0 15px;font-size: 14px;color: #333;font-weight: bold;}
.ActivityItems li a img{width: 380px;height: 260px;margin: 0 auto;-o-object-fit: cover;object-fit: cover;}
.ActivityItems li a .tt{width: 100%;padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 25px;line-height: 25px;font-size: 16px;color: #666;font-weight: bold;text-align: left;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ActivityItems li a .desc{width: 100%;padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 48px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #999;margin-top: 10px;}

.ProductLeft{width:200px;padding:10px 15px;margin-right:20px;overflow:hidden;background:#fff}
.ProductLeft .list{margin-top:10px}
.ProductLeft .list a{display:block;width:100%;line-height:25px;overflow:hidden;text-overflow:ellipsis;color:#333;font-size:12px}
.ProductLeft .list a span{float:left}
.ProductLeft .list a i{display:block;float:right}
.ProductLeft .list a:hover{color:#3c7fc3}
.ProductLeft .list a:first-child{font-weight:bold;font-size:14px;margin-bottom:5px}
.ProductRight{width:950px;padding:20px;background:#fff}
.ProductRight .ListTab{height:45px;line-height:35px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;font-weight:bold}
.ProductRight .ListTab span{width:35%;display:block;float:left;padding:0 10px;box-sizing:border-box}
.ProductRight .ListTab span:nth-child(2){width:28%}
.ProductRight .ListTab span:nth-child(3){width:22%}
.ProductRight .ListTab span:last-child{width:15%}
.ProductRight .Productlist{overflow:hidden;width:100%;margin-bottom:20px}
.ProductRight .Productlist li{width:100%;height:40px;line-height:40px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333}
.ProductRight .Productlist li:hover{background:#f5f5f5}
.ProductRight .Productlist li a{width:35%;display:block;float:left;padding:0 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#00a1e9}
.ProductRight .Productlist li a:hover{color:#3c7fc3}
.ProductRight .Productlist li span{width:28%;display:block;float:left;padding:0 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px}
.ProductRight .Productlist li span:nth-child(3){width:22%}
.ProductRight .Productlist li span:last-child{width:15%}
.NavItems{position:relative}
.Nav2List{display:none;position:absolute;top:60px;border-top:1px solid #eee;background:#fff;width:100%;box-shadow:0 3px 3px 0 rgba(121,121,121,.26);border-top:1px solid #ddd;z-index:999}
.Nav2List .Wrap{width:1200px;margin:0 auto;display:block}
.Nav2List .Wrap .item{display:none}
.Nav2List .List{width:200px;padding:10px;box-sizing:border-box;float:left;margin-bottom:5px}
.Nav2List .List a{display:block;font-size:14px;color:#333;line-height:28px}
.Nav2List .List a:hover{color:#3c7fc3}
.Nav2List .List .on{font-weight:bold;margin-bottom:5px;font-size:16px}