body {font-family:Source Han Sans,Geneva,sans-serif, '\9ed1\4f53';}
.block {width: 100%;overflow: hidden;position: relative;}
.main {width:100%;max-width: 1180px;margin: 0 auto !important;}
::-webkit-scrollbar {background: transparent;width: 5px;}
::-webkit-scrollbar-thumb {background: #eee;}




.title {padding: 30px 0;text-align: center;font-family:Microsoft JhengHei;color:#444444;}
.title i {width: 70px;height: 5px;background: #4a5fe2;display: block;margin: auto;}
.title h3 {font-size: 30px;text-transform: uppercase;padding: 30px 0 20px;}
.title h3 span {font-weight: 300;padding: 0 0 0 10px;}
.title h4 {font-size: 30px;font-weight: normal;}
.title h4 a {float: right;padding: 0 30px;line-height: 40px;color: #4a5fe2;}
.title-left {text-align: left;}
.title-left i {margin: inherit;}

.title-group {padding: 20px 0;border-bottom: 1px #eee solid;margin: 0 0 20px;}
.title-group h5 {font-size: 24px;font-weight: normal;line-height: 100%;border-left: 5px #4a5fe2 solid;padding: 0 0 0 15px;float: left;}
.title-group i {float: right;color: #4a5fe2;}
.title-group i:hover {transform: rotate(180deg);}
.gywm {font-size:14px; line-height:24px;color:#555555; text-align:left;}

.aboutChengli{ margin-top: 200px;}



.article {padding: 60px 0;background-color: rgb(255, 255, 255);}
.article-title {text-align: center;}
.article-title h2 {font-size: 32px;border-bottom: 1px #eee solid;padding: 20px 0;margin: 0 0 20px;}
.article-title i,
.article-title span {line-height: 30px;vertical-align: middle;opacity: .3;}
.article-title i {width: 50px;height: 30px;text-align: center;font-size: 20px;}
.article-cont {border-bottom: 1px #eee solid;padding: 20px 0;font-size:16px;color:#555555;line-height:24px;}
.article-cont p {padding: 10px 0;}
.article-cont img {max-width: 100%;}




.about-slogan {height: 230px;background: #4a5fe2;}
.about-slogan h4 {color: white;font-size: 32px;font-weight: normal;padding: 40px 0 20px;}
.about-slogan span {display: block;color: white;opacity: .2;font-size: 22px;}
.about-slogan i {width: 160px;height: 160px;margin: 35px 0;}

.about-tab {background: #ebeef3;}
.about-tab ul {display: flex;width: 100%;}
.about-tab li {width: 100%;display: block;height: 100px;line-height: 100px;text-align: center;font-size: 24px;border-bottom: 3px #ebeef3 solid;cursor: pointer;}
.about-tab li:hover,
.about-tab li.active {border-color: #4a5fe2;color: #4a5fe2;}

.about-about {padding: 100px 0;}
.about-about .main {position: relative;padding: 0 0 50px;}
.about-cont {width: 60%;height: 300px;background: rgba(255,255,255,.9);padding: 10px 10px 5px 0;}
.about-txt {width: 100%;height: 100%;overflow: auto;padding: 0 10px 0 0;font-size:14px;color:#555555;line-height:24px;}
.about-txt p {padding: 10px 0; }
.about-txt::-webkit-scrollbar-thumb {background: #4a5fe2;}
.about-img {width: 600px;height: 100%;position: absolute;top: 0;right: 20px;z-index: -1;}
.about-img span {width: 0;height: 0;border-style: solid;border-width: 0 0 90px 90px;border-color: transparent transparent #4a5fe2 transparent;position: absolute;right: 0;bottom: -15px;}

.about-corporate {padding: 100px 0;background-image: url(404.png);background-size: cover;}
.about-corporate .main {display: flex;}
.about-corporate .title {width: 560px;}
.about-corporate .title h3,
.about-corporate .title h3 span,
.about-corporate .title h4 {color: white;}
.about-culture {padding: 30px 30px 0;}
.about-culture p {color: #999;}

.about-worth {width: 100%;flex: 1;}
.about-worth li {width: 33.33%;float: left;padding: 10px;}
.about-worth li a {width: 100%;height: 220px;display: block;background-image: url(404.png);background-size: auto;padding: 10px;}
.about-worth li a.awa-lt {background-position: left top;}
.about-worth li a.awa-rt {background-position: right top;}
.about-worth li a.awa-lc {background-position: left center;}
.about-worth li a.awa-rc {background-position: right center;}
.about-worth li a.awa-lb {background-position: left bottom;}
.about-worth li a.awa-rb {background-position: right bottom;}
.about-worth li a span {width: 100%;height: 100%;background: rgba(255,255,255,.8);display: block;text-align: center;}
.about-worth li a h5 {font-size: 24px;padding: 40px 0 20px;color: #4a5fe2;}
.about-worth li a h6 {font-size: 18px;font-weight: normal;color: #4a5fe2;}
.about-worth li a:hover {background-size: cover;}
.about-worth li a:hover span {background: white;}

.about-honor {padding: 100px 0;}
.about-honor .title {width: 520px;padding: 240px 0 0;}
.about-honor-tab {width: calc(100% - 680px);height: 650px;}
.about-honor-list {width: 140px;height: 100%;}
.about-honor-list ul {width: 100%;}
.about-honor-list li {width: 100%;height: 40px;line-height: 40px;opacity: .5;margin: 20px 0;position: relative;cursor: pointer;}
.about-honor-list li i {width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #4a5fe2;position: absolute;top: 50%;left: -20px;margin: -10px 0 0;opacity: 0;}
.about-honor-list li.active,
.about-honor-list li.active i {opacity: 1;}
.about-honor-cont {width: calc(100% - 160px);height: 100%; background: #ebeef3;border-right: 5px #4a5fe2 solid;padding: 20px;overflow: auto;display: none;}
.about-honor-cont::-webkit-scrollbar {width: 0;}
.about-honor-cont li {text-align: right;padding: 10px;color: #4a5fe2;}
.about-honor-cont li:hover {background: rgba(255,255,255,.8);}

.about-news {padding: 50px 0 100px;}
.about-news .main {display: flex;}
.about-news-cont {width: 100%;flex: 1;}
.about-list {}
.about-list li {margin: 0 0 10px;display: block;overflow: hidden;}
.about-list li a {height: 40px; line-height: 40px;display: block;float: left;}
.about-list li a:hover {color: #4a5fe2;}
.about-list li span {color: #ccc;padding: 0 10px 0 0;float: left;line-height: 40px;}

.about-light {width: 600px;height: 500px;margin: 20px 0;}
.about-light .gallery-top {height: 80%;width: 100%;}
.about-light .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.about-light .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.about-light .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

.about-mail {background-image: url(404.png);background-size: cover;padding: 90px 0 130px;}
.about-mail-cont {padding: 50px;width: 50%;margin: auto;background: #f53c49;
	background: -moz-linear-gradient(left, #f53c49 0%, #4a5fe2 100%);
	background: -webkit-linear-gradient(left, #f53c49 0%,#4a5fe2 100%);
	background: linear-gradient(to right, #f53c49 0%,#4a5fe2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53c49', endColorstr='#4a5fe2',GradientType=1 );}
.about-mail-cont input {width: 100%;flex: 1;height: 50px;border-bottom: 1px white solid;background: none;color: white;}
.about-mail-cont textarea {width: 100%;flex: 1;border: 1px white solid;background: none;color: white;}
.about-mail-cont input::placeholder {color: white;opacity: .3;}
.about-mail-cont .btn {width: 170px;margin: 15px 0 0 50px;background: white;color: #4a5fe2;font-weight: bold;}

.about-contact {margin: -50px 0 0;}
.about-contact .title h3,
.about-contact .title h3 span,
.about-contact .title h4 {color: white;}
.about-contact-cont {display: flex;}
.about-contact-cont ul {width: 500px;margin: 0 30px 0 0;}
.about-contact-cont li {line-height: 40px; background: rgba(255,255,255,.8);padding: 0 20px;margin: 10px 0;width: 100%; }
.about-contact-cont h4 {color: white;font-size: 24px;padding: 10px 0;}


.tem_69_41 .fullcolumn-outer {
    background-color: rgb(12, 31, 65);;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: -1;
}
.tem_72_26 .fullcolumn-outer {
    background-color: rgb(12, 31, 65);
    background-image: none;
    background-position: 50% 50%;
    background-repeat: repeat;
    background: -moz-linear-gradient(top, none, none);
    background: -o-linear-gradient(top, none, none);
    background: linear-gradient(top, none, none);
    background: -webkit-gradient(linear, left top, left bottom, from(none), to(none));
    background-size: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: -1;
}