body {font-size: 14px;color: #777;line-height: 2em;}
.ibanner {height: 650px;background: url(../images/gcbg.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;position: relative;display: flex;align-items: center;justify-content: start;}
.ibanner .text {position: absolute;top: 50%;color: #fff;left: 50%;margin-left: -600px;}
.ibanner h3 {font-size: 40px;margin-bottom: 1em;}
.ibanner p {font-size: 16px;}
a.more {width: 298px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;position: relative;}
a.more::before {background-color: #005bad;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;z-index: -2;}
a.more::after {background-color: #f60;content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 0%;z-index: -1;transition: all .3s;}
a.more:hover::after {width: 100%;}
a.more-white {width: 298px;height: 48px;border: 1px solid;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;position: relative;}
a.more-white::after {content: '';position: absolute;left: 0;top: 0;width: 0;transition: all .3s;z-index: -1;background-color: #f60;height: 100%;}
a.more-white:hover::after {width: 100%;}
a.more-white:hover {border-color: #f60;}
.box-zzry {height: 523px;background: url(../images/gyrybg.jpg) no-repeat center;-webkit-background-size: cover;background-size: cover;color: #fff;white-space: nowrap;}
.box-zzry .tit {display: flex;flex-flow: column;align-items: center;justify-content: center;margin-bottom: 40px;line-height: 1.2;padding-top: 100px;}
.box-zzry .tit h3 {font-size: 46px;margin-bottom: .8em;}
.box-zzry .tit p {font-size: 14px;}
.box-zzry ul {display: flex;align-items: center;justify-content: center;}
.box-zzry ul a {display: flex;flex-flow: column;align-items: center;justify-content: center;padding: 20px 25px;margin: 0 40px;font-size: 28px;}
.box-zzry ul a img {margin-bottom: 1em;transition: all 1s;transform: rotateY(0deg);}
.box-zzry ul a:hover img {transform: rotateY(180deg);}
.box-qywh {position: relative;display: flex;justify-content: space-between;gap: 30px;}
.box-qywh .item1 {width: calc(50% - 15px);height: 500px;position: relative;overflow: hidden;}
.box-qywh .por {width: calc(50% - 15px);height: 500px;overflow: hidden;display: flex;flex-flow: column;justify-content: space-between;gap: 30px;}
.box-qywh .por .item {height: calc(50% - 15px);overflow: hidden;flex-shrink: 0;position: relative;}
.box-qywh .img {position: absolute;z-index: 0;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.box-qywh .img img {min-width: 100%;min-height: 100%;max-width: initial;transition: all .3s;}
.box-qywh .item:hover img {scale: 1.1;}
.box-qywh .item .text {color: #fff;position: absolute;z-index: 2;}
.box-qywh .item1 .text {top: 0;left: 0;padding: 60px;}
.box-qywh .item1 h3 {font-size: 30px;margin-bottom: 1.2em;}
.box-qywh .item1 .more-white {margin-top: 30px;}
.box-qywh .item2 .text {top: 0;left: 0;width: 50%;background-color: rgba(0, 87, 167, 0.8);height: 100%;padding: 20px;display: flex;flex-flow: column;justify-content: center;}
.box-qywh .por h3 {font-size: 24px;margin-bottom: 1.2em;}
.box-qywh .item2 .play {background: url(../images/spt0.png) no-repeat center;width: 88px;height: 88px;-webkit-background-size: cover;background-size: cover;position: absolute;right: 25%;top: 50%;z-index: 2;margin-right: -44px;margin-top: -44px;}
.box-qywh .item3 .text {right: 0;top: 0;bottom: 0;width: 50%;background-color: rgba(255, 129, 0, 0.8);padding: 20px;display: flex;flex-flow: column;justify-content: center;}
.crumbs {height: 70px;background-color: #EFEFEF;color: #222;font-size: 14px;line-height: 20px;}
.crumbs li+li {border-left: 1px solid #fff;}
.crumbs a {padding: 25px 60px 25px 35px;position: relative;display: flex;justify-content: center;align-items: center;}
.crumbs a::after {content: '';position: absolute;left: 18px;width: 4px;height: 4px;border-radius: 4px;background-color: #d9d9d9;}
.crumbs li.on a {color: #fff;background: #d21414;}
.crumbs a:hover {color: #fff;background: #d21414;}
.crumbs a:hover::after {background-color: #fff;}
.content {padding-bottom: 60px;}
.content .title {padding-top: 65px;padding-bottom: 35px;border-bottom: 1px solid #f0f0f0;margin-bottom: 20px;text-align: center;}
.content .title p {font-size: 30px;color: #222;line-height: 1.5}
.content .title span {text-align: right;display: block;font-size: 12px;color: #c9c9c9;}
.content .title span em {margin-left: 20px;}
.content .bd {border-bottom: 1px solid #f0f0f0;padding-bottom: 35px;margin-bottom: 20px;line-height: 1.5;}
.content .bd .tips {background-color: #fcfbfd;border: 1px solid #e3e3e3;color: #999;line-height: 28px;font-size: 14px;padding: 5px 10px;margin-bottom: 20px;}
.content .links {display: flex;margin: 20px auto;justify-content: space-between;width: 100%;}
.content .links a:hover {color: #005BAD;}
.content .text{ line-height:2;}
.content .text p{ line-height:2;}
.list-news {margin: 0 0;}
.list-news li {padding: 15px;position: relative;display: flex;overflow: hidden;padding-right: 140px;}
.list-news li+li {border-top: 1px solid #e9e9e9;}
.list-news .img {width: 148px;height: 118px;flex-shrink: 0;margin-right: 15px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.list-news .img img {max-width: 100%;max-height: 100%;transition: all .3s;}
.list-news .img:hover img {transform: scale(1.1);}
.list-news em {position: absolute;right: 15px;top: 15px;line-height: 30px;color: #999;font-size: 12px;}
.list-news .text {flex: 1 auto;overflow: hidden;display: flex;flex-flow: column;}
.list-news .text a {line-height: 30px;white-space: nowrap;overflow: hidden;width: 100%;margin-bottom: 10px;font-weight: 700;font-size: 16px;color: #333;flex-shrink: 0;}
.list-news .text a:hover {color: #f60;}
.list-news .text p {flex: 1 auto;font-size: 14px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:15px;}

.list {margin: 40px 0;}
.list li {padding: 15px;position: relative;display: flex;overflow: hidden;padding-right: 140px;}
.list li+li {border-top: 1px solid #e9e9e9;}
.list .img {width: 148px;height: 118px;flex-shrink: 0;margin-right: 15px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.list .img img {max-width: 100%;max-height: 100%;transition: all .3s;}
.list .img:hover img {transform: scale(1.1);}
.list em {position: absolute;right: 15px;top: 15px;line-height: 30px;color: #999;font-size: 12px;}
.list .text {flex: 1 auto;overflow: hidden;display: flex;flex-flow: column;}
.list .text a {line-height: 30px;white-space: nowrap;overflow: hidden;width: 100%;margin-bottom: 10px;font-weight: 700;font-size: 16px;color: #333;flex-shrink: 0;}
.list .text a:hover {color: #f60;}
.list .text p {flex: 1 auto;font-size: 14px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:15px;}


.content .more-load {width: 100%;display: flex;align-items: center;justify-content: center;text-align: center;height: 60px;background-color: #f6f7f8;color: #777;font-size: 16px;}
.content .more-load:hover {box-shadow: 0 -3px 0 0 rgba(0, 0, 0, .2) inset;}
.pagination-box {display: flex;justify-content: flex-end;gap: 10px;font-size: 12px;}
.pagination-box span, .pagination-box a {height: 30px;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 .8em;white-space: nowrap;border-radius: 2px;}
.pagination-box span {background-color: #C8C8C8;color: #fff;}
.pagination-box a {background-color: #666;color: #fff;}
.pagination-box li.on span, .pagination-box li:hover a {background-color: #D21414;color: #fff;}
.list-product {margin: 40px 0;display: flex;flex-flow: row wrap;gap: 20px;}
.list-product li {flex-shrink: 0;overflow: hidden;width: calc(25% - 1px);display: flex;flex-flow: column;align-items: center;text-align: center;border: 1px solid #e9e9e9;transition: all .3s;}
.list-product a {padding: 1px;width: 100%;}
.list-product .img {width: 100%;height: 205px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.list-product img {max-width: 100%;max-height: 100%;transition: all .3s;}
.list-product .text {padding: 10px;display: block;color: #333;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-product li:hover {border: 1px solid #f60;box-shadow: 0 0 0 1px #f60 inset;}
.list-product li:hover img {transform: scale(1.1);}
.list-product .text:hover {color: #f60;}
.i-online {display: flex;background-color: #efefef;margin: 80px 0;}
.i-online>img {flex-shrink: 0;width: 332px;height: 100%;}
.i-online>.text {flex-shrink: 0;width: 350px;padding: 40px;align-items: center;display: flex;flex-flow: column;}
.i-online>.text h3 {font-size: 30px;line-height: 2;white-space: nowrap;border-bottom: 4px solid;display: block;width: 100%;text-align: center;}
.i-online>.text h4 {font-size: 30px;font-weight: 400;line-height: 3;white-space: nowrap;}
.i-online>form {flex: 1 auto;display: flex;flex-flow: column;padding: 20px;}
.i-online .item {display: flex;margin-bottom: 20px;}
.i-online .item .l {flex-shrink: 0;width: 5em;font-size: 14px;display: flex;align-items: center;justify-content: flex-end;text-align: right;}
.i-online .item .r {flex: 1 auto;display: flex;align-items: center;margin-left: 20px;}
.i-online .item .r textarea, .i-online .item .r input {flex: 1 auto;border: 1px solid #e3e3e3;border-radius: 2px;padding: 10px;background: #fff;box-shadow: 0 0 1px 0 rgba(0, 0, 0, .08) inset;font-family: inherit;color: #666;line-height: 1.4;font-size: 14px;resize: none;}
.i-online .item .r img {display: block;height: 39px;margin-left: 20px;max-width: 98px;}
.i-online .item .l em {color: #D21414;padding-right: 4px;font-size: 16px;}
.btn-submit {width: calc(100% - 90px);height: 48px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;position: relative;z-index: 1;border-radius: 2px;margin-top: 20px;margin-left: 90px;}
.btn-submit::before {background-color: #005bad;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;z-index: -1;}
.btn-submit::after {background-color: #f60;content: '';position: absolute;top: 0;left: 0;bottom: 0;width: 0%;z-index: -1;transition: all .3s;}
.btn-submit:hover::after {width: 100%;}