.visual {height: 600px;width: 100%;position: relative}
.visual .item {position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;display: none}
.visual .item:first-child {opacity: 1;display: block}
.visual .item .container {height: 100%;position: relative}
.visual .item .container .pannel {position: absolute;left: 0;top: 80px;width: 437px;height: 367px;background-image: linear-gradient(31deg, rgba(35, 110, 186, 0.95) 0%, rgba(226, 120, 118, 0.95) 100%);z-index: 1;padding: 40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.visual .item .container .pannel .sb {font-size: 24px;color: #fff}
.visual .item .container .pannel .title {font-size: 40px;line-height: 50px;color: #fff;margin-top: 20px;font-weight: 700}
.visual .item .container .pannel .date {font-size: 20px;margin-top: 30px;color: #fff}
.visual .item .container .pannel .date span {display: inline-block;width: 100px;border-top: 1px solid #fff;height: 8px;margin-right: 20px}
.visual .item .container .pannel a {display: block;width: 180px;height: 40px;line-height: 36px;border: 2px solid #fff;color: #fff;text-indent: 20px;position: absolute;left: 40px;bottom: 40px;background: url(/images/main/btn_arrow.png) no-repeat 150px center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.visual .item .image {width: 100%;height: 100%;background-size: cover;position: absolute;top: 0;background-position: center}
.visual .ui {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.visual .ui .container {height: 100%;position: relative}
.visual .ui .indi {position: absolute;left: 0;bottom: 110px;z-index: 2}
.visual .ui .indi:after {content: "";display: block;clear: both}
.visual .ui .indi ul {float: left;margin-left: -10px}
.visual .ui .indi ul li {float: left;width: 15px;height: 15px;border-radius: 100%;border: 3px solid #fff;margin-left: 10px;cursor: pointer;opacity: .6;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.visual .ui .indi ul li.on {background: #fff;opacity: 1;transition: 1 ease-in}
.visual .ui .indi p {float: left;width: 12px;height: 15px;background: url(/images/main/visual_pause.png) no-repeat 0 0;margin-left: 20px;cursor: pointer}

@media screen and (max-width: 960px) {
	.visual {height: 375px}
	.visual .item .container .pannel {left: 50%;margin-left: -123px;top: 65px;width: 246px;height: 205px;padding: 25px}
	.visual .item .container .pannel .sb {font-size: 14px}
	.visual .item .container .pannel .title {font-size: 23px;line-height: 27px;margin-top: 10px}
	.visual .item .container .pannel .date {font-size: 12px;margin-top: 15px}
	.visual .item .container .pannel .date span {width: 30px;margin-right: 10px;height: 4px}
	.visual .item .container .pannel a {width: 120px;height: 30px;line-height: 25px;text-indent: 10px;position: absolute;left: 25px;bottom: 25px;font-size: 12px;background: url(/images/main/btn_arrow.png) no-repeat 100px center;background-size: 5px}
	.visual .ui .indi {bottom: 60px;text-align: center;width: 100%}
	.visual .ui .indi ul {float: none;display: inline-block}
	.visual .ui .indi ul li {display: inline-block}
	.visual .ui .indi ul li.on {background: #fff;opacity: 1;transition: 1 ease-in}
	.visual .ui .indi p {float: none;display: inline-block}
}

.product {margin-top: 80px}
.product > .title {margin-top: 80px;font-size: 40px;color: #111;font-weight: 700;text-align: center}
.product .sub-title {margin-top: 20px;color: #454545;font-size: 20px;text-align: center}
.product .links {width: 100%;max-width: 900px;margin: 60px auto 0}
.product .links li {width: 130px;height: 130px;margin-left: 16px;display: inline-block;background: #e27876;background-image: linear-gradient(31deg, #236eba 0%, #e27876 100%);padding: 2px;border-radius: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.product .links li:first-child {margin: 0}
.product .links li a {display: block;width: 100%;height: 100%;border-radius: 100%;text-align: center;font-size: 18px;color: #111;font-weight: 700;padding-top: 46px;background: url(/images/main/btn_product.png) no-repeat top center;background-size: cover;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.product .links li a:hover {background-position: bottom center;color: #fff}
.product .wrap {margin-top: 80px}
.product .wrap:after {content: "";display: block;clear: both}
.product .wrap .movie {float: left;width: 679px;height: 382px}
.product .wrap .news-list {float: left;margin-left: 50px;width: 381px}
.product .wrap .news-list .title {font-size: 30px;color: #111;font-weight: 700;margin-top: 25px}
.product .wrap .news-list .list {color: #666}
.product .wrap .news-list .list p {margin-top: 10px}
.product .wrap .news-list .list p a {font-size: 18px;color: #333;display: block;height: 20px;white-space: nowrap;word-break: break-all;overflow: hidden;text-overflow: ellipsis}
.product .wrap .news-list .list .cate {margin-top: 30px}
.product .wrap .news-list .list .cate:after {content: "";display: block;clear: both}
.product .wrap .news-list .list .cate span {float: left}
.product .wrap .news-list .list .cate span.noti {color: #d84856;padding-right: 10px;margin-right: 10px;border-right: 1px solid #dde0e4}
.product .wrap .news-list .list .cate span.news {color: #2a5e93;padding-right: 10px;margin-right: 10px;border-right: 1px solid #dde0e4}

@media screen and (max-width: 1280px) {
	.product .wrap .movie {width: 640px;height: 360px}
	.product .wrap .news-list {width: 270px}
	.product .wrap .news-list .list p a {width: 270px}
}

@media screen and (max-width: 960px) {
	.product {margin-top: 0}
	.product > .title {margin-top: 50px;font-size: 22px}
	.product .sub-title {margin-top: 10px;font-size: 14px}
	.product .links {width: 100%;max-width: 375px;margin: 30px auto 0;text-align: center}
	.product .links li {width: 90px;height: 90px;margin: 10px}
	.product .links li:first-child {margin: 10px}
	.product .links li a {font-size: 14px;padding-top: 30px}
	.product .wrap {margin-top: 50px;padding: 0 21px }
	.product .wrap .movie {float: left;width: 100%;height: 177px}
	.product .wrap .news-list {margin-left: 0;width: 100%}
	.product .wrap .news-list .title {font-size: 22px;margin-top: 50px}
	.product .wrap .news-list .list p {margin-top: 8px}
	.product .wrap .news-list .list p a {font-size: 13px}
	.product .wrap .news-list .list .cate {margin-top: 20px}
	.product .wrap .news-list .list .cate span {font-size: 12px}
}

.cs-wrap {margin-top: 80px;background: #f2f5f8;padding-bottom: 80px}
.cs-wrap .cs {overflow: hidden}
.cs-wrap .cs > .title {margin-top: 80px;font-size: 40px;color: #111;font-weight: 700;text-align: center}
.cs-wrap .cs ul {    margin: 40px auto 40px;
    display: table;}
.cs-wrap .cs ul:after {content: "";display: block;clear: both}
.cs-wrap .cs ul li {width: 198px;height: 198px;margin-left: 30px;float: left;border-radius: 100%}
.cs-wrap .cs ul li:nth-child(1) {background: #fff  url(/usr/upload/ftp/2022_03_30_01.png) no-repeat center;background-size: contain}
.cs-wrap .cs ul li:nth-child(2) {background: url(/images/main/cs2.png) no-repeat center;background-size: contain;display: none}
.cs-wrap .cs ul li:nth-child(3) {background: url(/images/main/cs3_.png) no-repeat center;background-size: contain}
.cs-wrap .cs ul li:nth-child(4) {background: url(/images/main/cs4.png) no-repeat center;background-size: contain}
.cs-wrap .cs ul li:nth-child(5) {background: url(/images/main/cs5.png) no-repeat center;background-size: contain}
.cs-wrap .cs ul li a {width: 100%;height: 100%;display: block;border-radius: 100%;text-indent: -9999px}

@media screen and (max-width: 1280px) {
	.cs-wrap .cs ul li {width: 168px;height: 168px}
}

@media screen and (max-width: 960px) {
	.cs-wrap {margin-top: 50px;padding-bottom: 50px}
	.cs-wrap .cs {overflow: hidden;text-align: center}
	.cs-wrap .cs > .title {margin-top: 50px;font-size: 22px}
	.cs-wrap .cs ul {margin-left: 0;margin-top: 40px;text-align: center;max-width: 375px;display: inline-block}
	.cs-wrap .cs ul li {width: 100px;height: 100px;margin: 10px;float: none;display: inline-block}
}

.goods > .title {margin-top: 80px;font-size: 40px;color: #111;font-weight: 700;text-align: center}
.goods .tab {display: table;border: 1px solid #dde0e4;width: 100%;margin-top: 30px}
.goods .tab li {width: 10%;display: table-cell}
.goods .tab li:last-child a {border: none}
.goods .tab li.on a {background: #2a5e93;color: #fff}
.goods .tab li a {display: block;text-align: center;width: 100%;line-height: 44px;font-size: 16px;color: #454545;border-right: 1px solid #dde0e4}
.goods .list {margin-top: 50px;margin-left: -30px}
.goods .list:after {content: "";display: block;clear: both}
.goods .list .item {width: calc( (100% - 120px) / 4  );float: left;margin-left: 30px;margin-bottom: 30px;position: relative}
.goods .list .item .image {background: center;background-size: cover;width: 100%;height: 255px}
.goods .list .item .subject {width: 100%;font-size: 18px;color: #111;background: #f2f5f8;padding: 20px;line-height: 26px;height: 86px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.goods .list .item .over {opacity: 0;background-image: linear-gradient(31deg, rgba(35, 110, 186, 0.95) 0%, rgba(226, 120, 118, 0.95) 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 40px;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing: border-box}
.goods .list .item .over .cate {width: 60px;height: 60px;border: 1px solid #fff;display: table;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
.goods .list .item .over .cate span {display: table-cell;line-height: 18px;color: #fff;text-align: center;vertical-align: middle}
.goods .list .item .over .year {margin-top: 60px;color: #fff}
.goods .list .item .over .name {font-size: 18px;color: #fff;margin-top: 10px;line-height: 30px;font-weight: 700}
.goods .list .item .over .btn {position: absolute;left: 40px;bottom: 0;width: calc(100% - 80px);color: #fff;background: url(/images/main/btn_arrow.png) no-repeat 78px 20px;border-top: 1px solid #fff;padding-top: 20px;padding-bottom: 40px}
.goods .list .item a:hover .over {opacity: 1;transition: .5s ease-in}

@media screen and (max-width: 960px) {
	.goods {padding: 0 21px}
	.goods > .title {margin-top: 50px;font-size: 22px}
	.goods .tab-act {margin-top: 25px}
	.goods .tab-act a {display: block;width: 100%;line-height: 40px;font-size: 13px;color: #454545;text-indent: 20px;background: url(/images/main/goods_select.png) no-repeat top right #2a5e93;background-size: contain;color: #fff}
	.goods .tab {display: none;margin-top: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
	.goods .tab li {width: 100%;display: block}
	.goods .tab li:last-child a {border: none}
	.goods .tab li.on a {background: transparent;color: #454545}
	.goods .tab li a {text-align: left;width: 100%;line-height: 40px;font-size: 13px;color: #454545;border-bottom: 1px solid #dde0e4;border-right: none;text-indent: 20px}
	.goods .tab.mobile {display: block}
	.goods .list {margin-top: 25px;margin-left: -15px}
	.goods .list:after {content: "";display: block;clear: both}
	.goods .list .item {width: calc( (100% - 30px) / 2  );float: left;margin-left: 15px;position: relative;margin-bottom: 15px}
	.goods .list .item .image {background: center;background-size: cover;width: 100%;height: 255px}
	.goods .list .item .mobile-only {background: #f2f5f8;padding: 20px;padding-bottom: 0}
	.goods .list .item .mobile-only span {display: inline-block;margin-left: 5px;padding-left: 5px;border-left: 1px solid #dde0e4;color: #d84856}
	.goods .list .item .subject {width: 100%;font-size: 14px;color: #111;background: #f2f5f8;padding: 20px;padding-top: 10px;line-height: 26px;height: 86px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
	.goods .list .item .over {display: none}
	.goods .list .item a:hover .over {opacity: 0}
}