#baguetteBox-overlay {
display: none;
opacity: 0;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #222;
background-color: rgba(0, 0, 0, 0.8);
transition: opacity 0.5s ease;
z-index: 100000000000000000000000000000000000000;
}
#baguetteBox-overlay.visible {
opacity: 1;
}
#baguetteBox-overlay .full-image {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
text-align: center;
}
#baguetteBox-overlay .full-image figure {
display: inline;
margin: 0;
height: 100%;
}
#baguetteBox-overlay .full-image img {
display: inline-block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
display: block;
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
line-height: 1.8;
color: #ccc;
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
font-family: Verdana, Geneva, sans-serif;
}
#baguetteBox-overlay .full-image:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#baguetteBox-slider {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
white-space: nowrap;
transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
animation: bounceFromLeft 0.4s ease-out;
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
top: 50%;
top: calc(50% - 30px);
width: 44px;
height: 60px;
}
.baguetteBox-button {
position: absolute;
cursor: pointer;
outline: 0;
padding: 0;
margin: 0;
border: 0;
border-radius: 15%;
background-color: #323232;
background-color: rgba(50, 50, 50, 0.5);
color: #ddd;
font: 1.6em sans-serif;
transition: background-color 0.4s ease;
}
.baguetteBox-button:hover {
background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
right: 2%;
display: block !important;
}
.baguetteBox-button#previous-button {
left: 2%;
display: block !important;
}
.baguetteBox-button#close-button {
top: 20px;
right: 2%;
right: calc(2% + 6px);
width: 30px;
height: 30px;
}
.baguetteBox-button svg {
position: absolute;
left: 0;
top: 0;
}
.wap-hd-nav {
display: none;
}
@media screen and (max-width: 991px) {
.wap-hd-nav {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
background-color: #4d3595;
}
.wap-hd-nav-item {
width: 25%;
}
.wap-hd-nav-item a {
display: block;
padding: 5px 0;
line-height: 20px;
font-size: 14px;
color: white;
text-align: center;
background-color: #363636;
}
.wap-hd-nav-item a.active {
color: white;
background-color: #4d3595;
}
}
.m-mobilenav {
display: none;
}
@media screen and (max-width: 991px) {
.m-mobilenav {
position: fixed;
z-index: 11;
padding-top: 25px;
top: 0;
right: 0;
display: block;
box-sizing: border-box;
}
.m-mobilenav .mbnav-btn {
position: absolute;
z-index: 2;
top: 15px;
right: 17px;
width: 26px;
transition: all 550ms;
}
.m-mobilenav .mbnav-btn .line {
width: 100%;
height: 2px;
background-color: #4d3595;
}
.m-mobilenav .mbnav-btn .line2 {
margin-top: 6px;
margin-bottom: 6px;
}
.m-mobilenav .mbnav-btn.active {
transform: rotate(90deg);
}
.m-mobilenav .mbnav-bd {
position: absolute;
right: 0;
top: 0;
width: 300px;
height: 100%;
top: 0;
visibility: hidden;
z-index: 1;
}
.m-mobilenav .mbnav-bd.show {
visibility: visible;
}
.m-mobilenav .mbnav-bd.show .mbnav-wp {
height: 100%;
opacity: 1;
}
.m-mobilenav .mbnav-bd.show .mbnav-item > a {
opacity: 1;
transform: scale(1) translate(0, 0);
}
.m-mobilenav .mbnav-wp {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 0;
background-color: #333;
top: 0;
transition: all 550ms;
opacity: 0;
}
.m-mobilenav .mbnav-fix {
position: absolute;
right: 0;
top: 60px;
height: calc(100% - 60px);
width: 100%;
box-sizing: border-box;
overflow-y: scroll;
}
.m-mobilenav .mbnav-item {
position: relative;
padding-left: 44px;
padding-right: 24px;
padding-top: 10px;
padding-bottom: 10px;
}
.m-mobilenav .mbnav-item i {
position: absolute;
left: 13px;
top: 12px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
background-color: #333;
font-size: 20px;
font-size: 2rem;
color: #fff;
cursor: pointer;
}
.m-mobilenav .mbnav-item > a {
display: block;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
transform: scale(1.1) translate(60px, -35px);
opacity: 0;
transition: 0.5s 0.1s;
}
.m-mobilenav .mbnav-item > a.current:after {
content: "";
margin-left: 5px;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
width: 6px;
height: 6px;
background-color: #fff;
border-radius: 50%;
transition: all 550ms;
}
.m-mobilenav .mbnav-item > a.active {
color: #4d3595;
}
.m-mobilenav .mbnav-item > a.active:after {
background-color: #4d3595;
}
.m-mobilenav .mbnav-item:nth-child(1) > a {
transition-delay: 250ms;
}
.m-mobilenav .mbnav-item:nth-child(2) > a {
transition-delay: 300ms;
}
.m-mobilenav .mbnav-item:nth-child(3) > a {
transition-delay: 350ms;
}
.m-mobilenav .mbnav-item:nth-child(4) > a {
transition-delay: 400ms;
}
.m-mobilenav .mbnav-item:nth-child(5) > a {
transition-delay: 450ms;
}
.m-mobilenav .mbnav-item:nth-child(6) > a {
transition-delay: 500ms;
}
.m-mobilenav .mbnav-item:nth-child(7) > a {
transition-delay: 550ms;
}
.m-mobilenav .mbsbnav-list {
padding: 10px 0;
display: none;
}
.m-mobilenav .mbsbnav-item {
position: relative;
padding-left: 20px;
padding-right: 5px;
}
.m-mobilenav .mbsbnav-item i {
left: 0;
top: 6px;
line-height: 24px;
}
.m-mobilenav .mbsbnav-item a {
display: block;
padding: 5px 5px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
}
.m-mobilenav .mbsbnav-item a.active {
color: #4d3595;
}
}
.slide .carouse{width:100%;overflow:hidden;position:relative; cursor: pointer;}
.slide .slideItem .banner-img{width:100%;}
.slide .carouse .slideItem{
width:100%;
position:absolute;
}
.slide .console{
height: 57px;
display: inline-block;
width: 35px;
position: absolute;
top: 40%;
}
.slide .dotList{
text-align: center;
margin-top: 20px;
}
.slide .dotList ul li{
display: inline-block;
width: 10px;
height: 10px;
background-position:-12px 0px;
margin-left: 10px;
cursor:pointer;
}
.slide .dotList ul li.active{
background-position:0px 0px;
}
.slide .carousel-control{
position: absolute;
top: 45%;
width: 30px;
height: 30px;
z-index:999;
}
.slide .carousel-control.left{
left:0;
background-position:-38px 0px;
cursor:pointer;
}
.slide .carousel-control.right{
right:0;
background-position:-85px 0px;
cursor:pointer;
}
.slide .slidedetail{display:none;}
.imgtoVideo img{width:100%;}
.imgtoVideo>div{padding:1px;position:relative;cursor:pointer;width:49%; display: inline-block;}
.imgtoVideo>div:hover .imgtoVideoDetail{display:block}
.imgtoVideo .imgtoVideoDetail{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding:1px;
display:none
}
.imgtoVideo .imgtoVideoDetail >div{
background: rgba(0, 98, 197,0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
width: 100%;
height: 100%;
text-align:center;
}
.imgtoVideo .tovideo .imgtoVideoDetail{
display:block;
}
.imgtoVideo .tovideo .imgtoVideoDetail >div{
background: #0C2D47;
width: 60px;
height: 60px;
color: #fff;
line-height: 60px;
vertical-align: middle;
margin: 0 auto;
margin-top: 17%;
}
.imgtoVideo .imgtoVideoDetail .fa-search{
color: #fff;
font-size: 25px;
margin-top: 21%;
}
.contentIV{
position: fixed;
top: 0;
left: 0;
right:0;
width: 100%;
height: 100%;
display: table;
background: rgba(20, 43, 73,0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8142B49,endColorstr=#C8142B49);
margin:0 auto;
z-index:-999;
max-width:1024px;
display:none;
}
#picturetoVideo .carouse .slideItem{display:table;height:100%}
#picturetoVideo .carouse .slideItem>div{display:table-cell;vertical-align: middle;text-align: center;}
#picturetoVideo .carouse .slideItem .banner-img{max-width:100%;width:auto}
.closeContentIV{
position: absolute;
top: 10px;
right: 10px;
font-size: 25px;
color: #fff;
font-weight: bold;
cursor:pointer;
z-index: 999;
}
@charset "UTF-8";
::selection {
color: #fff;
background: #4d3595;
}
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
html {
font-size: 62.5%;
height: 100%;
scroll-behavior: smooth;
}
body {
margin: 0 auto;
width: 100%;
max-width: 1920px;
overflow-x: hidden;
font-family: "PoppinsRegular", arial, helvetica, sans-serif;
font-size: 16px;
font-size: 1.6rem;
color: #333;
line-height: 1.2;
background-color: #fff;
}
@media screen and (max-device-width: 320px) {
body {
-webkit-text-size-adjust: 100%;
}
}
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: 100%;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body {
-webkit-text-size-adjust: 100%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body {
-webkit-text-size-adjust: 100%;
}
}
a {
color: #333;
text-decoration: none;
outline: none;
tap-highlight-color: transparent;
focus-ring-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-focus-ring-color: transparent;
-moz-tap-highlight-color: transparent;
-moz-focus-ring-color: transparent;
transition: all 550ms;
}
a:hover {
color: #4d3595;
}
ol, ul {
list-style: none;
}
img {
max-width: 100%;
border: 0px solid #ccc;
height: auto;
}
table, embed, video {
max-width: 100%;
}
input, textarea {
border: none;
background: none;
font-family: inherit;
}
input:focus, textarea:focus {
outline: none;
}
input[type=submit] {
cursor: pointer;
}
input[type=checkbox] {
cursor: pointer;
}
input[type=radio] {
cursor: pointer;
}
input[type=submit], input[type=reset], input[type=button], button {
-webkit-appearance: none; /*去掉苹果的默认UIæ¥æ¸²æŸ“按钮*/
}
textarea {
resize: none;
}
button {
border: none;
background: none;
cursor: pointer;
}
em, i {
font-style: normal;
}
/* .c-xx start */
.c-fl {
float: left;
}
.c-fr {
float: right;
}
.c-cb {
clear: both;
}
.c-clearfix:after {
content: "";
display: block;
clear: both;
}
.c-mg {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.c-oh {
overflow: hidden;
}
.c-wd {
width: 1400px;
}
.c-tsn {
transition: all 550ms;
}
.c-bbx {
box-sizing: border-box;
}
.c-pr {
position: relative;
}
.c-mt-5 {
margin-top: 5px;
}
.c-mt-10 {
margin-top: 10px;
}
.c-mt-15 {
margin-top: 15px;
}
.c-mt-20 {
margin-top: 20px;
}
.c-mt-25 {
margin-top: 25px;
}
.c-mt-30 {
margin-top: 30px;
}
.c-mt-35 {
margin-top: 35px;
}
.c-mt-40 {
margin-top: 40px;
}
.c-mt-45 {
margin-top: 45px;
}
.c-mt-50 {
margin-top: 50px;
}
.c-nomt {
margin-top: 0 !important;
}
.c-nomr {
margin-right: 0 !important;
}
.c-nomb {
margin-bottom: 0 !important;
}
.c-noml {
margin-left: 0 !important;
}
.c-nomg {
margin: 0 !important;
}
.c-nopt {
padding-top: 0 !important;
}
.c-nopr {
padding-right: 0 !important;
}
.c-nopb {
padding-bottom: 0 !important;
}
.c-nopl {
padding-left: 0 !important;
}
.c-nopd {
padding: 0 !important;
}
.c-nofont {
line-height: 0;
font-size: 0;
}
.c-nobg {
background: none !important;
}
/* .c-xx end */
/* .f-xx start */
.f-czjz {
position: relative;
top: 50%;
transform: translate(0px, -50%);
}
.f-box {
width: calc(100% - 120px);
max-width: 1400px;
margin: auto;
}
@media screen and (max-width: 991px) {
.f-box {
max-width: 96%;
width: 100%;
}
}
/* .f-xx end */
/* @keyframes start */
@keyframes boxshadown {
0% {
box-shadow: 0 0 0 1px rgba(51, 51, 51, 0.2);
}
100% {
box-shadow: 0 0 0 15px rgba(51, 51, 51, 0);
}
}
/* @keyframes end */
/* .an-xx start */
.an-hoverimg-xy {
position: relative;
overflow: hidden;
}
.an-hoverimg-xy:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
z-index: 2;
transform: scaleX(0);
transition: all 550ms;
visibility: hidden;
}
.an-hoverimg-xy:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
z-index: 1;
transform: scaleY(0);
transition: all 550ms;
visibility: hidden;
}
.an-hoverimg-xy img {
transition: all 550ms;
}
.an-hoverimg-xy:hover img {
transform: scale(1.1);
}
.an-hoverimg-xy:hover:before {
visibility: visible;
transform: scaleX(1);
}
.an-hoverimg-xy:hover:after {
visibility: visible;
transform: scaleX(1);
}
.an-hoverimg-beforex {
position: relative;
overflow: hidden;
}
.an-hoverimg-beforex:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
z-index: 2;
transform: scaleX(0);
transition: all 550ms;
visibility: hidden;
}
.an-hoverimg-beforex img {
transition: all 550ms;
}
.an-hoverimg-beforex:hover img {
transform: scale(1.1);
}
.an-hoverimg-beforex:hover:before {
visibility: visible;
transform: scaleX(1);
}
.an-hoverimg-beforey {
position: relative;
overflow: hidden;
}
.an-hoverimg-beforey:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
z-index: 2;
transform: scaleY(0);
transition: all 550ms;
visibility: hidden;
}
.an-hoverimg-beforey img {
transition: all 550ms;
}
.an-hoverimg-beforey:hover img {
transform: scale(1.1);
}
.an-hoverimg-beforey:hover:before {
visibility: visible;
transform: scaleY(1);
}
.an-hoverbtn-beforey {
position: relative;
}
.an-hoverbtn-beforey > * {
position: relative;
}
.an-hoverbtn-beforey:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
transform: scaleY(0);
background-color: #4d3595;
transition: all 550ms;
}
.an-hoverbtn-beforey:hover {
color: #fff;
}
.an-hoverbtn-beforey:hover:before {
transform: scaleY(1);
}
.an-hoverbtn-beforex {
position: relative;
}
.an-hoverbtn-beforex > * {
position: relative;
}
.an-hoverbtn-beforex:before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
transform: scaleX(0);
background-color: #4d3595;
transition: all 550ms;
}
.an-hoverbtn-beforex:hover {
color: #fff;
}
.an-hoverbtn-beforex:hover:before {
transform: scaleX(1);
}
.an-hoverbtn-beforer {
position: relative;
overflow: hidden;
}
.an-hoverbtn-beforer > * {
position: relative;
}
.an-hoverbtn-beforer:before {
content: "";
position: absolute;
right: 100%;
top: 0;
width: 100%;
height: 100%;
background-color: #4d3595;
transition: all 550ms;
}
.an-hoverbtn-beforer:hover {
color: #fff;
}
.an-hoverbtn-beforer:hover:before {
right: 0;
}
.an-boxsd:hover {
animation: boxshadown 1s infinite cubic-bezier(0.66, 0, 0, 1);
}
/* .an-xx end */
/* .m-xx start */
.m-desc {
font-size: 16px;
font-size: 1.6rem;
line-height: 30px;
overflow: hidden;
}
.m-desc a {
color: #4d3595;
}
.m-desc a:hover {
text-decoration: underline;
}
.m-desc p, .m-desc span, .m-desc b {
font-size: 16px;
font-size: 1.6rem;
line-height: 30px;
}
.m-desc p {
min-height: 30px;
}
.m-desc img {
max-width: 100%;
}
.m-desc iframe {
display: block;
max-width: 100%;
margin: 0 auto;
}
.m-desc table {
width: 100%;
border-collapse: collapse;
line-height: 22px;
border: 1px solid #ccc;
margin-left: auto;
margin-right: auto;
}
.m-desc table tr td {
padding: 10px;
border: 1px solid #ccc;
background: #fff;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 1219px) {
.m-desc {
font-size: 14px;
font-size: 1.4rem;
line-height: 24px;
}
.m-desc a {
color: #4d3595;
}
.m-desc a:hover {
text-decoration: underline;
}
.m-desc p, .m-desc span, .m-desc b {
font-size: 14px;
font-size: 1.4rem;
line-height: 24px;
}
.m-desc p {
min-height: 24px;
}
}
.table table {
width: 100%;
border-collapse: collapse;
line-height: 22px;
border: 1px solid #ccc;
}
.table table tr td {
padding: 10px;
height: 30px;
border: 1px solid #ccc;
}
@media screen and (max-width: 991px) {
.table {
width: 100%;
overflow-x: auto;
}
}
@media screen and (max-width: 991px) {
[class*=-item] .item-title {
font-size: 14px;
font-size: 1.4rem;
}
[class*=-item] .item-desc {
font-size: 13px;
font-size: 1.3rem;
}
[class*=-item] .item-link {
font-size: 13px;
font-size: 1.3rem;
}
[class*=-item] .item-modal {
display: none;
}
}
/* .m-xx end */
/* .j-xx start */
.j-offset-top {
transition: all 750ms;
transform: translateY(100px);
opacity: 0;
}
.j-offset-top.run {
transform: translateY(0);
opacity: 1;
}
@media screen and (max-width: 991px) {
.j-offset-top {
transform: none !important;
}
}
.j-offset-left {
transition: all 750ms;
transform: translateX(100px);
opacity: 0;
}
.j-offset-left.run {
transform: translateX(0);
opacity: 1;
}
@media screen and (max-width: 991px) {
.j-offset-left {
transform: none !important;
}
}
.j-offset-right {
transition: all 750ms;
transform: translateX(-100px);
opacity: 0;
}
.j-offset-right.run {
transform: translateX(0);
opacity: 1;
}
@media screen and (max-width: 991px) {
.j-offset-right {
transform: none !important;
}
}
.j-fadein {
transition: all 750ms;
opacity: 0;
}
.j-fadein.run {
transform: translateX(0);
opacity: 1;
}
@media screen and (max-width: 991px) {
.j-fadein {
transform: none !important;
}
}
.j-lazy {
min-width: 100%;
}
/* .j-xx end */
[class*=-item] .item-pic {
position: relative;
display: block;
line-height: 0;
font-size: 0;
text-align: center;
overflow: hidden;
}
[class*=-item] .item-pic img {
transition: all 550ms;
}
[class*=-item] .item-pic:hover img {
transform: scale(1.1);
}
[class*=-item] .item-title {
overflow: hidden;
}
[class*=-item] .item-title a:hover {
color: #4d3595;
}
[class*=-item] .item-desc {
overflow: hidden;
}
[class*=-item] .item-desc a {
display: block;
}
[class*=-item] .item-desc a:hover {
color: #4d3595;
}
.at-resp-share-element .at4-share-count-container {
text-decoration: none;
float: right;
padding-right: 15px;
line-height: 25px !important;
}
.at-resp-share-element .at-icon {
width: 24px !important;
height: 24px !important;
}
.at-style-responsive .at-share-btn {
padding: 0 !important;
border-radius: 2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
width: 24px !important;
height: 24px !important;
}
.at-resp-share-element .at-share-btn {
margin-bottom: 0 !important;
margin-right: 3px !important;
}
.at-resp-share-element .at-icon {
width: 24px !important;
height: 24px !important;
}
.at-style-responsive .at-share-btn {
padding: 0 !important;
border-radius: 2px !important;
}
.at-resp-share-element .at-share-btn .at-icon-wrapper {
width: 24px !important;
height: 24px !important;
}
.at-resp-share-element .at-share-btn {
margin-bottom: 0 !important;
margin-right: 3px !important;
}
#preloader {
background-color: #333;
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
margin-top: 0px;
top: 0px;
z-index: 99;
}
#loading-center {
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 50%;
top: 50%;
height: 150px;
width: 150px;
margin-top: -75px;
margin-left: -75px;
text-align: center;
}
.object {
width: 20px;
height: 20px;
background-color: #FFF;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin-right: 20px;
margin-top: 65px;
border-radius: 50% 50% 50% 50%;
}
#object_one {
animation: object_one 1.5s infinite;
}
#object_two {
animation: object_two 1.5s infinite;
animation-delay: 0.25s;
}
#object_three {
margin-right: 0;
animation: object_three 1.5s infinite;
animation-delay: 0.5s;
}
@keyframes object_one {
75% {
transform: scale(0);
}
}
@keyframes object_two {
75% {
transform: scale(0);
}
}
@keyframes object_three {
75% {
transform: scale(0);
}
}
.site-welcome {
visibility: hidden;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 99;
opacity: 0;
transition: all 550ms;
}
.m-crm {
padding-top: 24px;
line-height: 30px;
font-size: 18px;
font-size: 1.8rem;
color: #666;
}
.m-crm a {
color: #666;
}
.m-crm a:hover {
color: #4d3595;
}
.m-crm a.active {
color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-crm {
padding-top: 10px;
line-height: 26px;
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 991px) {
.m-crm {
display: none;
}
}
.m-oths {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 25px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-oths .oths-item {
max-width: 49%;
position: relative;
height: 26px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-repeat: no-repeat;
background-position: left center;
}
.m-oths .oths-item a {
color: #666;
}
.m-oths .oths-item a:hover {
color: #4d3595;
}
.m-oths .oths-item i {
position: absolute;
top: 0;
color: #333;
}
.m-oths .oths-item-1 {
padding-left: 30px;
}
.m-oths .oths-item-1 i {
left: 0;
}
.m-oths .oths-item-2 {
padding-right: 30px;
}
.m-oths .oths-item-2 i {
right: 0;
}
@media screen and (max-width: 1219px) {
.m-oths {
margin-top: 20px;
padding: 10px 0;
}
}
.m-page {
margin-top: 65px;
letter-spacing: 0;
font-size: 0;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
}
.m-page a, .m-page span {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
display: inline-block;
*display: inline;
*zoom: 1;
min-width: 35px;
height: 30px;
line-height: 28px;
font-size: 14px;
font-size: 1.4rem;
color: #999;
text-align: center;
border: 1px solid #e5e5e5;
box-sizing: border-box;
transition: all 550ms;
padding: 0 5px;
}
.m-page a.big, .m-page span.big {
min-width: 70px;
}
.m-page a:hover {
color: white;
border-color: #4d3595;
background-color: #4d3595;
}
.m-page a.active {
color: white;
border-color: #4d3595;
background-color: #4d3595;
}
.m-page .page-form {
margin-left: 8px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.m-page .form-btn {
min-width: 150px;
line-height: 30px;
height: 30px;
padding: 0 20px;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
box-sizing: border-box;
background-color: #4d3595;
}
.m-page2 {
position: relative;
}
@media screen and (max-width: 991px) {
.m-page {
margin-top: 45px;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.m-page a {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}
}
.m-kf {
position: fixed;
z-index: 10;
right: 0;
top: 30%;
}
.m-kf .kf-item {
position: relative;
display: block;
line-height: 0;
font-size: 0;
width: 52px;
line-height: 52px;
margin-bottom: 1px;
font-size: 20px;
font-size: 2rem;
color: #fff;
text-align: center;
background-color: #dfdfdf;
border-radius: 5px;
}
.m-kf .kf-item:hover {
color: #fff;
background-color: #4d3595;
}
.m-kf .kf-item.active {
color: #fff;
background-color: #4d3595;
}
.m-kf .kf-wx {
position: absolute;
display: none;
bottom: 0;
right: 100%;
width: 120px;
font-size: 0;
line-height: 0;
}
.m-kf .gotop {
display: none;
}
@media screen and (max-width: 991px) {
.m-kf {
right: 0;
top: auto;
bottom: 0;
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
width: 100%;
background-color: #2d2d27;
}
.m-kf .kf-item {
width: 20%;
text-align: center;
line-height: 60px;
font-size: 26px;
font-size: 2.6rem;
background-color: #2d2d27 !important;
}
.m-kf .kf-item2 {
position: relative;
}
.m-kf .kf-wx {
bottom: 100%;
left: 0;
right: auto;
}
.m-kf .gotop {
width: 20%;
line-height: 60px;
font-size: 20px;
font-size: 2rem;
color: #fff;
text-align: center;
display: block;
}
.g-ft {
padding-bottom: 63px;
}
}
.returntop {
position: fixed;
*position: absolute;
z-index: 9;
right: 6px;
bottom: 150px;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
text-align: center;
background-color: #4d3595;
border-radius: 5px;
display: none;
}
.returntop:hover {
color: #fff;
background-color: #4d3595;
}
@media screen and (max-width: 991px) {
.returntop {
display: none !important;
}
}
.j-videomodal {
position: fixed;
left: 0;
top: 0;
z-index: 99;
width: 100%;
height: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
display: none;
}
.j-videomodal iframe {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 1200px;
height: 600px;
max-width: 90%;
max-height: 80%;
}
.m-hhd {
text-align: center;
}
.m-hhd .hd-title {
line-height: 60px;
font-size: 50px;
font-size: 5rem;
text-transform: uppercase;
}
.m-hhd .hd-desc {
margin-left: auto;
margin-right: auto;
margin-top: 22px;
max-width: 940px;
line-height: 36px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
}
.m-hhd .hd-desc a {
display: inline-block;
}
.m-hhd .hd-desc a a {
color: #666;
}
.m-hhd .hd-desc a a:hover {
color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-hhd .hd-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-hhd .hd-desc {
margin-top: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
}
.g-hpro {
padding-top: 68px;
}
.g-hpro .box-hd {
margin-bottom: 91px;
}
@media screen and (max-width: 1219px) {
.g-hpro {
padding-top: 30px;
}
.g-hpro .box-hd {
margin-bottom: 30px;
}
}
.m-hpro {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.m-hpro .box-tabhd {
width: 33.3333333333%;
order: 2;
}
.m-hpro .box-tabbd {
width: 66.6666666667%;
}
.m-hpro .tabbd-item {
display: none;
}
.m-hpro .tabbd-item.show {
display: block;
}
.m-hpro .tabhd-item {
position: relative;
display: block;
padding-left: 8.59375%;
padding-right: 8.59375%;
padding-top: 10.46875%;
padding-bottom: 10.3125%;
}
.m-hpro .tabhd-item .item-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.m-hpro .tabhd-item .item-bg2 {
opacity: 0;
}
.m-hpro .tabhd-item .item-fix {
position: relative;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.m-hpro .tabhd-item .item-icon {
flex: 0 0 auto;
width: 102px;
line-height: 0;
font-size: 0;
margin-right: 25px;
}
.m-hpro .tabhd-item .item-text {
flex: 1 1 auto;
overflow: hidden;
}
.m-hpro .tabhd-item .item-title {
line-height: 34px;
font-size: 24px;
font-size: 2.4rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-hpro .tabhd-item .item-desc {
margin-top: 13px;
height: 60px;
line-height: 30px;
font-size: 16px;
font-size: 1.6rem;
color: #999;
}
.m-hpro .tabhd-item:hover .item-bg2, .m-hpro .tabhd-item.active .item-bg2 {
opacity: 1;
}
.m-hpro .tabhd-item:hover .item-title, .m-hpro .tabhd-item:hover .item-desc, .m-hpro .tabhd-item.active .item-title, .m-hpro .tabhd-item.active .item-desc {
color: #fff;
}
@media screen and (max-width: 1219px) {
.m-hpro .tabhd-item .item-icon {
width: 70px;
}
.m-hpro .tabhd-item .item-title {
line-height: 24px;
font-size: 16px;
font-size: 1.6rem;
}
.m-hpro .tabhd-item .item-desc {
margin-top: 5px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
height: 48px;
}
}
@media screen and (max-width: 640px) {
.m-hpro .box-tabhd {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
}
.m-hpro .tabhd-item {
width: 50%;
padding: 20px 15px;
}
.m-hpro .tabhd-item .item-icon {
margin-right: 10px;
width: 60px;
}
.m-hpro .box-tabbd {
width: 100%;
order: 2;
}
}
.g-hsolu {
padding-top: 76px;
}
.g-hsolu .box-hd {
margin-bottom: 89px;
}
@media screen and (max-width: 1219px) {
.g-hsolu {
padding-top: 30px;
}
.g-hsolu .box-hd {
margin-bottom: 30px;
}
}
.m-hsolu {
margin-left: auto;
margin-right: auto;
width: 96%;
max-width: 1690px;
}
.m-hsolu .box-wp {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
}
.m-hsolu .box-item {
width: 12.426035503%;
position: relative;
overflow: hidden;
padding-top: 31.9526627219%;
transition: all 550ms;
}
.m-hsolu .box-item .item-pic {
position: absolute;
left: 0;
top: 0;
width: 290.4761904762%;
}
.m-hsolu .box-item .item-pic:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(77, 53, 149, 0.6);
transition: all 550ms;
}
.m-hsolu .box-item .item-title {
position: absolute;
z-index: 2;
left: 0;
bottom: 0;
width: 100%;
line-height: 80px;
background-color: rgba(0, 0, 0, 0.2);
padding: 0 10px;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
transition: all 550ms;
}
.m-hsolu .box-item .item-title a {
color: #fff;
}
@media screen and (min-width: 992px) {
.m-hsolu .box-item.show {
width: 36.0946745562%;
}
.m-hsolu .box-item.show .item-pic {
width: 100%;
}
.m-hsolu .box-item.show .item-pic:after {
opacity: 0;
}
.m-hsolu .box-item.show .item-title {
background-color: rgba(77, 53, 149, 0.6);
}
}
@media screen and (max-width: 1219px) {
.m-hsolu .box-item .item-title {
line-height: 40px;
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 991px) {
.m-hsolu .box-item {
width: 33.33%;
padding-top: 0;
}
.m-hsolu .box-item .item-pic {
position: relative;
width: 100%;
}
.m-hsolu .box-item .item-pic:after {
display: none;
}
}
@media screen and (max-width: 480px) {
.m-hsolu .box-item {
width: 50%;
}
}
.g-habt {
padding-top: 78px;
position: relative;
}
.g-habt:before {
content: "";
position: absolute;
left: 74px;
bottom: 0;
transform: translateY(50%);
background: url("../images/habt-bg1.png") no-repeat center;
background-size: 100%;
width: 5.9375%;
padding-top: 29.8958333333%;
}
@media screen and (max-width: 1219px) {
.g-habt {
padding-top: 30px;
}
}
.m-habt {
position: relative;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-habt .box-img {
order: 2;
width: 53.7142857143%;
}
.m-habt .box-img a {
display: inline-block;
line-height: 0;
font-size: 0;
}
.m-habt .box-text {
width: 37.8571428571%;
}
.m-habt .box-title {
line-height: 60px;
font-size: 50px;
font-size: 5rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.m-habt .box-desc {
margin-top: 93px;
line-height: 32px;
font-size: 18px;
font-size: 1.8rem;
color: #666;
max-height: 352px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 11;
overflow: hidden;
}
.m-habt .box-desc a {
display: block;
color: #666;
}
.m-habt .box-desc a:hover {
color: #4d3595;
}
.m-habt .box-desc p {
min-height: 32px;
}
.m-habt .box-link {
margin-top: 91px;
}
.m-habt .box-link a {
display: inline-block;
min-width: 200px;
line-height: 30px;
padding: 10px;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
text-align: center;
background-color: #4d3595;
}
.m-habt .box-link a:hover {
color: #fff;
background-color: #333;
}
@media screen and (max-width: 1219px) {
.m-habt .box-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-habt .box-desc {
margin-top: 20px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
max-height: 264px;
}
.m-habt .box-desc p {
min-height: 24px;
}
.m-habt .box-link {
margin-top: 20px;
}
.m-habt .box-link a {
min-width: 120px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
padding: 5px 10px;
}
}
@media screen and (max-width: 480px) {
.m-habt .box-img {
width: 100%;
margin-top: 20px;
}
.m-habt .box-text {
width: 100%;
}
}
.g-hnews {
position: relative;
padding-top: 52px;
}
@media screen and (max-width: 1219px) {
.g-hnews {
padding-top: 30px;
}
}
.m-hnews .box-hd {
margin-bottom: 85px;
}
.m-hnews .box-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: -20px;
}
.m-hnews .list-item {
margin-bottom: 20px;
width: 48.2142857143%;
box-shadow: 0px 14px 29px 0px rgba(10, 24, 53, 0.19);
background-color: #fff;
}
.m-hnews .item-text {
padding-left: 35px;
padding-right: 35px;
padding-top: 32px;
padding-bottom: 31px;
}
.m-hnews .item-title {
line-height: 30px;
font-size: 20px;
font-size: 2rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-hnews .item-desc {
margin-top: 20px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #999;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-hnews .item-desc a {
display: inline;
color: #999;
}
.m-hnews .item-desc a:hover {
color: #4d3595;
}
.m-hnews .item-fix {
margin-top: 44px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-hnews .item-link {
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #343a46;
}
.m-hnews .item-link a {
color: #343a46;
}
.m-hnews .item-link a:hover {
text-decoration: underline;
}
.m-hnews .item-time {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
color: #888;
}
@media screen and (max-width: 1219px) {
.m-hnews .box-hd {
margin-bottom: 20px;
}
.m-hnews .item-text {
padding: 20px 15px;
}
.m-hnews .item-title, .m-hnews .item-desc, .m-hnews .item-time, .m-hnews .item-link {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-hnews .item-desc, .m-hnews .item-fix {
margin-top: 10px;
}
}
.g-hpartner {
margin-top: 90px;
padding-top: 72px;
padding-bottom: 110px;
background: url("../images/hpartner-bg1.jpg") no-repeat center;
background-size: cover;
}
@media screen and (max-width: 1219px) {
.g-hpartner {
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
}
.m-hpartner .hd-title, .m-hpartner .hd-desc {
color: #fff;
}
.m-hpartner .hd-title a, .m-hpartner .hd-desc a {
color: #fff;
}
.m-hpartner .hd-title a:hover, .m-hpartner .hd-desc a:hover {
color: #4d3595;
}
.m-hpartner .box-hd {
margin-bottom: 55px;
}
.m-hpartner .box-list {
width: 10000%;
overflow: hidden;
}
.m-hpartner .list-item {
float: left;
width: 1%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -23px;
}
.m-hpartner .box-btn {
display: none;
}
.m-hpartner .list-fix {
margin-right: 1.7142857143%;
margin-bottom: 23px;
width: 23.7142857143%;
}
.m-hpartner .list-fix:nth-child(4n) {
margin-right: 0;
}
@media screen and (max-width: 1219px) {
.m-hpartner .box-hd {
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.m-hpartner .list-fix {
margin-left: 1%;
margin-right: 1% !important;
width: 48%;
}
}
.g-hctus {
padding-top: 115px;
padding-bottom: 115px;
background: url("../images/hctus-bg1.jpg") no-repeat center;
background-size: cover;
}
@media screen and (max-width: 1219px) {
.g-hctus {
padding-top: 30px;
padding-bottom: 30px;
}
}
.m-hctus {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.m-hctus .box-title {
flex: 1 1 auto;
overflow: hidden;
line-height: 46px;
font-size: 36px;
font-size: 3.6rem;
color: #fff;
}
.m-hctus .box-title a {
color: #fff;
}
.m-hctus .box-title a:hover {
color: #cfcfcf;
}
.m-hctus .box-link {
flex: 0 0 auto;
margin-left: 20px;
}
.m-hctus .box-link a {
display: inline-block;
min-width: 280px;
line-height: 38px;
padding: 5px 10px;
border: 1px solid #fff;
border-radius: 25px;
font-size: 24px;
font-size: 2.4rem;
color: #fff;
text-align: center;
}
.m-hctus .box-link a:hover {
color: #fff;
background-color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-hctus .box-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-hctus .box-link a {
min-width: 140px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
padding: 5px 10px;
border-radius: 18px;
}
}
@media screen and (max-width: 640px) {
.m-hctus {
display: block;
}
.m-hctus .box-link {
margin-left: 0;
margin-top: 20px;
}
}
.g-hform {
padding-top: 52px;
padding-bottom: 64px;
}
@media screen and (max-width: 1219px) {
.g-hform {
padding-top: 30px;
padding-bottom: 10px;
}
}
.m-hform .box-title {
margin-bottom: 22px;
line-height: 52px;
font-size: 42px;
font-size: 4.2rem;
}
.m-hform .box-form {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.m-hform .form-item {
margin-bottom: 20px;
}
.m-hform .form-item1 {
width: 49.2857142857%;
}
.m-hform .form-item2 {
width: 100%;
}
.m-hform .form-item4 {
position: relative;
width: 49.2857142857%;
}
.m-hform .form-item4 .form-text{
padding-right: 120px;
}
.m-hform .form-item4 img{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 110px;
max-height: 100%;
right: 1px;
}
.m-hform .form-text {
display: block;
width: 100%;
height: 60px;
line-height: 58px;
border: 1px solid #c7c7c7;
padding: 0 30px;
font-size: 14px;
font-size: 1.4rem;
}
.m-hform .form-text::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
.m-hform .form-text:-moz-placeholder {
color: #999;
opacity: 1;
}
.m-hform .form-text::-moz-placeholder {
color: #999;
opacity: 1;
}
.m-hform .form-text:-ms-input-placeholder {
color: #999;
opacity: 1;
}
.m-hform .form-text2 {
height: 128px;
}
.m-hform .star {
background: url("../images/star1.png") no-repeat 22px 20px;
}
.m-hform .form-btn {
width: 100%;
max-width: 244px;
line-height: 60px;
background-color: #4d3595;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
text-align: center;
}
.m-hform .form-btn:hover {
color: #fff;
background-color: #333;
}
@media screen and (max-width: 1219px) {
.m-hform .box-title {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-hform .form-text {
height: 50px;
line-height: 48px;
font-size: 14px;
font-size: 1.4rem;
}
.m-hform .form-btn {
line-height: 50px;
}
.m-hform .form-text2 {
height: 100px;
}
}
@media screen and (max-width: 640px) {
.m-hform .form-item {
width: 100%;
}
}
.g-ft {
background: url("../images/fbg1.jpg") no-repeat center;
background-size: cover;
color: #fff;
}
.g-ft a {
color: #fff;
}
.g-ft a:hover {
color: #4d3595;
}
.m-ftfix1 {
padding-top: 90px;
padding-bottom: 68px;
}
.m-ftlogo {
margin-bottom: 91px;
line-height: 0;
font-size: 0;
text-align: center;
}
.m-ftb1 {
float: left;
width: 38.7857142857%;
padding-left: 7.2857142857%;
padding-right: 20px;
}
.m-ftb2 {
float: left;
width: 18.2857142857%;
padding-right: 20px;
}
.m-ftb3 {
float: left;
width: 15.2142857143%;
}
.m-ftb4 {
overflow: hidden;
}
.m-ftinfo .info-item {
position: relative;
margin-top: 18px;
padding-left: 45px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.m-ftinfo .info-item i {
position: absolute;
left: 0;
top: 0;
color: #1badcc;
}
.m-ftinfo .info-item span {
margin-right: 20px;
}
.m-ftinfo .info-item:first-child {
margin-top: 0;
}
.m-ftinfo .info-name {
margin-top: 22px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.m-ftshare {
margin-top: 27px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.m-ftshare .share-item {
margin-right: 7px;
margin-bottom: 7px;
width: 34px;
line-height: 32px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
text-align: center;
border: 1px solid #fff;
}
.m-ftshare .share-item:hover {
color: #fff;
background-color: #4d3595;
}
.m-ftnav {
line-height: 40px;
font-size: 16px;
font-size: 1.6rem;
}
.m-ftctus .box-title {
line-height: 28px;
font-size: 18px;
font-size: 1.8rem;
}
.m-ftctus .box-desc {
margin-top: 16px;
line-height: 28px;
font-size: 16px;
font-size: 1.6rem;
}
.m-ftctus .box-link {
margin-top: 22px;
}
.m-ftctus .box-link a {
display: inline-block;
font-size: 0;
letter-spacing: 0;
}
.m-ftctus .box-link span {
display: inline-block;
min-width: 164px;
line-height: 46px;
background-color: #4d3595;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
padding: 0 15px;
}
.m-ftctus .box-link i {
display: inline-block;
width: 50px;
line-height: 46px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
text-align: center;
background-color: #4d4d4d;
}
.m-ftfix2 {
background-color: #333333;
padding-top: 26px;
padding-bottom: 19px;
text-align: center;
line-height: 28px;
font-size: 16px;
font-size: 1.6rem;
}
.m-ftlnk {
margin-top: 1px;
}
@media screen and (max-width: 1219px) {
.m-ftlogo {
margin-bottom: 30px;
}
.m-ftlogo img {
width: 200px;
}
.m-ftb1 {
padding-left: 0;
}
}
@media screen and (max-width: 991px) {
.m-ftlogo, .m-ftinfo, .m-ftb2, .m-ftb3, .m-ftb4, .m-ftlnk {
display: none;
}
.m-ftfix1 {
padding-top: 30px;
padding-bottom: 30px;
}
.m-ftb1 {
width: 100%;
padding-right: 0;
}
.m-ftshare {
margin-top: 0;
justify-content: center;
}
}
.banner {
position: relative;
z-index: 2;
line-height: 0;
font-size: 0;
overflow: hidden;
}
.banner .dotList {
display: none !important;
}
.banner .carousel-control {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 40px;
height: 40px;
line-height: 38px;
border: 1px solid #fff;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
text-align: center;
}
.banner .carousel-control:hover {
color: #fff;
background-color: #4d3595;
}
.banner .carousel-control.left {
left: 70px;
}
.banner .carousel-control.right {
right: 70px;
}
@media screen and (max-width: 1219px) {
.banner .carousel-control {
width: 32px;
height: 32px;
line-height: 30px;
}
.banner .carousel-control.left {
left: 20px;
}
.banner .carousel-control.right {
right: 20px;
}
}
.g-hd {
position: fixed;
z-index: 9;
left: 0;
top: 0;
width: 100%;
background-color: #fefefe;
}
.f-hdpt {
padding-top: 100px;
}
@media screen and (max-width: 991px) {
.f-hdpt {
padding-top: 54px;
}
}
.m-hdfix1 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-hdlogo {
text-align: center;
}
.m-hdlogo a {
display: inline-block;
line-height: 100px;
}
.m-hdlogo img {
vertical-align: middle;
}
.m-hdfix2, .m-hdnav {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-hdnav .nav-item {
position: relative;
margin-right: 55px;
}
.m-hdnav .nav-item > a {
position: relative;
display: block;
line-height: 100px;
font-size: 18px;
font-size: 1.8rem;
color: #666;
text-transform: uppercase;
}
.current{
color: #4d3595;
}
.m-hdnav .nav-item > a:before {
content: "";
position: absolute;
left: 0;
bottom: 35px;
width: 100%;
height: 2px;
}
.m-hdnav .nav-item > a:hover, .m-hdnav .nav-item > a.active, .m-hdnav .nav-item > a.current {
color: #4d3595;
}
.m-hdnav .nav-item > a:hover:before, .m-hdnav .nav-item > a.active:before, .m-hdnav .nav-item > a.current:before {
background-color: #4d3595;
}
.m-hdnav .sbnav-list {
position: absolute;
width: 200px;
background-color: #fff;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.m-hdnav .sbnav-list.show {
display: block;
}
.m-hdnav .sbnav-list1 {
top: 100%;
left: 0;
}
.m-hdnav .sbnav-item {
position: relative;
}
.m-hdnav .sbnav-item a {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-hdnav .sbnav-item a:hover, .m-hdnav .sbnav-item a.active {
color: #fff;
background-color: #4d3595;
}
.m-hdnav .sbnav-list2 {
left: 100%;
top: 0;
}
.m-hdsch {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
.m-hdsch .sch-btn {
line-height: 60px;
font-size: 20px;
font-size: 2rem;
color: #4d3595;
text-align: center;
cursor: pointer;
}
.m-hdsch .sch-form {
position: absolute;
right: 0;
top: 100%;
width: 280px;
background-color: #fff;
border: 1px solid #4d3595;
padding-right: 40px;
display: none;
}
.m-hdsch .form-text {
width: 100%;
line-height: 40px;
padding: 0 10px;
font-size: 14px;
font-size: 1.4rem;
}
.m-hdsch .form-btn, .m-hdsch .form-icon {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
text-align: center;
}
.m-hdsch .form-btn {
z-index: 2;
}
.m-hdsch .form-icon {
background-color: #4d3595;
}
.m-hdlang {
position: relative;
margin-right: 40px;
}
.m-hdlang .lang-btn {
line-height: 100px;
font-size: 18px;
font-size: 1.8rem;
cursor: pointer;
}
.m-hdlang .lang-btn i {
color: #4d3595;
}
.m-hdlang .lang-list {
position: absolute;
right: 0;
top: 100%;
width: 100%;
min-width: 100px;
background-color: #fff;
padding: 5px;
display: none;
}
.m-hdlang .lang-item {
display: block;
line-height: 24px;
padding: 5px 10px;
font-size: 14px;
font-size: 1.4rem;
}
.m-hdlang .lang-item:hover, .m-hdlang .lang-item.active {
color: #fff;
background-color: #4d3595;
}
@media screen and (max-width: 1440px) {
.m-hdnav .nav-item {
margin-right: 20px;
}
}
@media screen and (max-width: 1219px) {
.m-hdnav .nav-item > a {
font-size: 14px;
font-size: 1.4rem;
}
.m-hdlang {
margin-right: 30px;
}
.m-hdlang .lang-btn {
font-size: 14px;
font-size: 1.4rem;
line-height: 54px;
}
.m-hdlogo img {
width: 120px;
}
}
@media screen and (max-width: 991px) {
.m-hdnav, .m-hdlnk {
display: none;
}
.m-hdsch {
position: absolute;
right: 60px;
top: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.m-hdsch .sch-btn {
line-height: 34px;
}
.m-hdlang {
position: absolute;
right: 60px;
}
.m-hdlang .lang-btn {
font-size: 0;
}
.m-hdlang .lang-btn i {
font-size: 16px;
font-size: 1.6rem;
}
.m-hdlogo a {
line-height: 54px;
}
.m-hdlogo img {
width: 80px;
}
}
.g-wp {
padding-top: 33px;
padding-bottom: 84px;
}
@media screen and (max-width: 1219px) {
.g-wp {
padding-bottom: 30px;
}
}
.g-mn1 {
float: left;
width: 100%;
padding-left: 330px;
}
@media screen and (max-width: 991px) {
.g-mn1 {
float: none;
width: 100%;
padding-left: 0;
}
}
.g-sd1 {
float: left;
width: 280px;
margin-left: -100%;
}
@media screen and (max-width: 991px) {
.g-sd1 {
float: none;
width: 100%;
margin-left: 0;
margin-top: 30px;
}
}
.m-sdtt {
position: relative;
margin-bottom: 30px;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
line-height: 34px;
font-size: 24px;
font-size: 2.4rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
color: #fff;
text-align: center;
background-color: #4d3595;
}
.m-sdtt a {
color: #fff;
}
@media screen and (max-width: 1219px) {
.m-sdtt {
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
}
.m-sdnav1 .nav-btn {
position: relative;
display: none;
width: 100%;
padding-top: 10px;
padding-left: 15px;
padding-right: 40px;
padding-bottom: 10px;
line-height: 25px;
font-size: 18px;
font-size: 1.8rem;
color: white;
text-transform: uppercase;
background-color: #4d3595;
box-sizing: border-box;
}
.m-sdnav1 .nav-btn > p {
position: absolute;
bottom: 12px;
right: 15px;
}
.m-sdnav1 .nav-btn > p span {
margin-bottom: 2px;
display: block;
width: 25px;
height: 4px;
background-color: #f2f2f2;
}
.m-sdnav1 .nav-list {
margin-top: 0;
}
.m-sdnav1 .nav-item {
margin-top: 15px;
}
.m-sdnav1 .nav-item > a {
position: relative;
display: block;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
line-height: 30px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
background-color: #ffffff;
border: solid 1px #bfbfbf;
}
.m-sdnav1 .nav-item > a:hover, .m-sdnav1 .nav-item > a.active {
color: #4d3595;
border-color: #4d3595;
}
.m-sdnav1 .nav-item:first-child {
margin-top: 0;
}
.m-sdnav1 .sbnav-list {
display: none;
margin-top: 16px;
}
.m-sdnav1 .sbnav-list.show {
display: block;
}
.m-sdnav1 .sbnav-item {
line-height: 34px;
font-size: 16px;
font-size: 1.6rem;
padding-left: 13px;
}
.m-sdnav1 .sbnav-item a {
color: #666;
}
.m-sdnav1 .sbnav-item a:hover, .m-sdnav1 .sbnav-item a.active {
color: #4d3595;
}
@media screen and (max-width: 991px) {
.m-sdnav1 .nav-name {
display: none;
}
.m-sdnav1 .nav-btn {
display: block;
}
.m-sdnav1 .nav-list {
display: none;
}
.m-sdnav1 .sbnav-item a {
line-height: 24px;
font-size: 12px;
font-size: 1.2rem;
}
.m-sdnav1 .nav-list {
margin-top: 20px;
}
}
.m-sdnews {
margin-top: 30px;
}
.m-sdnews .list-item {
margin-top: 20px;
}
.m-sdnews .list-item:first-child {
margin-top: 0;
}
.m-sdnews .item-title {
margin-top: 6px;
max-height: 60px;
line-height: 30px;
font-size: 16px;
font-size: 1.6rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.m-sdnews .item-time {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
color: #999;
}
@media screen and (max-width: 991px) {
.m-sdnews .box-list {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -20px;
}
.m-sdnews .list-item {
margin-left: 1%;
margin-right: 1%;
margin-top: 0;
margin-bottom: 20px;
width: 31.33%;
}
.m-sdnews .item-pic img {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.m-sdnews .list-item {
width: 98%;
}
}
.m-sdtag {
margin-top: 50px;
}
.m-sdtag .box-tags {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.m-sdtag .tags-item {
margin-right: 10px;
line-height: 34px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
}
.m-sdtag .tags-item a {
color: #666;
}
.m-sdtag .tags-item a:hover {
color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-sdtag {
margin-top: 20px;
}
}
.m-prol {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -55px;
}
.m-prol .list-item {
margin-right: 7.7570093458%;
margin-bottom: 55px;
width: 28.0373831776%;
}
.m-prol .list-item:nth-child(3n) {
margin-right: 0;
}
.m-prol .item-fix {
border: solid 1px #e5e5e5;
}
.m-prol .item-top {
background-color: #4e4e4e;
padding: 20px;
display: none;
}
.m-prol .item-top .fix {
background: url("../images/bd1.png") no-repeat left top, url("../images/bd2.png") no-repeat right bottom;
}
.m-prol .item-top .pic {
display: block;
text-align: center;
line-height: 0;
font-size: 0;
overflow: hidden;
}
.m-prol .item-top .title {
margin-top: 5px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
}
.m-prol .item-top .title a {
display: inline-block;
position: relative;
padding-bottom: 5px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 2px solid #fff;
}
.m-prol .item-top .desc {
margin-top: 2px;
height: 70px;
line-height: 24px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.m-prol .item-top .desc a {
color: #fff;
}
.m-prol .item-top .link {
margin-top: 15px;
}
.m-prol .item-top .link a {
display: inline-block;
min-width: 100px;
line-height: 28px;
border: 1px solid #fff;
font-size: 14px;
font-size: 1.4rem;
color: #fff;
text-align: center;
}
.m-prol .item-title {
margin-top: 25px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-prol .item-title a {
color: #666;
}
.m-prol .item-title a:hover {
color: #4d3595;
}
@media screen and (min-width: 1220px) {
.m-prol .list-item:hover .item-top {
display: block;
}
.m-prol .list-item:hover .item-pic {
display: none;
}
}
@media screen and (max-width: 1219px) {
.m-prol {
margin-bottom: -20px;
}
.m-prol .list-item {
margin-bottom: 20px;
}
.m-prol .item-title {
margin-top: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 991px) {
.m-prol .list-item {
margin-left: 1%;
margin-right: 1% !important;
width: 31.3%;
}
}
@media screen and (max-width: 480px) {
.m-prol .list-item {
width: 48%;
}
}
.m-prob1 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-prob1 .box-slide {
position: relative;
width: 57.1428571429%;
}
.m-prob1 .btn-wp {
position: absolute;
right: 0;
bottom: 20px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.m-prob1 .box-btn {
margin-right: 20px;
width: 40px;
line-height: 38px;
font-size: 14px;
font-size: 1.4rem;
color: #333;
text-align: center;
background-color: #fff;
border: solid 1px #ffffff;
cursor: pointer;
}
.m-prob1 .box-btn:hover {
color: #fff;
background-color: #4d3595;
}
.m-prob1 .box-list {
width: 10000%;
overflow: hidden;
}
.m-prob1 .list-item {
float: left;
width: 1%;
}
.m-prob1 .box-fix {
width: 36.4285714286%;
}
.m-prob1 .box-title {
line-height: 56px;
font-size: 36px;
font-size: 3.6rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
font-weight: normal;
}
.m-prob1 .box-info {
margin-top: 42px;
line-height: 36px;
font-size: 20px;
font-size: 2rem;
}
.m-prob1 .box-info p {
min-height: 36px;
}
.m-prob1 .box-link {
margin-top: 30px;
}
.m-prob1 .box-link a {
display: inline-block;
min-width: 294px;
line-height: 30px;
padding: 10px;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
text-align: center;
border-radius: 25px;
background-color: #4d3595;
}
.m-prob1 .box-link a:hover {
color: #fff;
background-color: #333;
}
@media screen and (max-width: 1219px) {
.m-prob1 .box-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-prob1 .box-info {
margin-top: 20px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-prob1 .box-info p {
min-height: 24px;
}
.m-prob1 .box-link {
margin-top: 20px;
}
.m-prob1 .box-link a {
min-width: 120px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
border-radius: 20px;
}
.m-prob1 .box-btn {
width: 32px;
line-height: 30px;
margin-right: 15px;
}
}
@media screen and (max-width: 640px) {
.m-prob1 .box-slide {
width: 10000%;
overflow: hidden;
}
.m-prob1 .box-fix {
width: 100%;
margin-top: 20px;
}
}
.m-prob2 {
margin-top: 146px;
}
.m-prob2 .box-item {
margin-top: 45px;
}
.m-prob2 .box-item:first-child {
margin-top: 0;
}
.m-prob2 .bitem-title {
line-height: 46px;
font-size: 36px;
font-size: 3.6rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
margin-bottom: 30px;
}
.m-prob2 .bitem-desc table {
border: none;
border-top: 1px solid #e5e5e5;
}
.m-prob2 .bitem-desc table tr tr {
border: none;
border-bottom: 1px solid #e5e5e5;
}
.m-prob2 .bitem-desc{
line-height: 54px;
font-size: 20px;
font-size: 2rem;
}
.m-prob2 .bitem-desc p, .m-prob2 .bitem-desc b, .m-prob2 .bitem-desc span{
line-height: 54px;
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 1219px) {
.m-prob2 {
margin-top: 30px;
}
.m-prob2 .box-item {
margin-top: 30px;
}
.m-prob2 .bitem-title {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-prob2 .bitem-desc{
line-height: 26px;
font-size: 14px;
font-size: 1.4rem;
}
.m-prob2 .bitem-desc p, .m-prob2 .bitem-desc b, .m-prob2 .bitem-desc span{
line-height: 26px;
font-size: 14px;
font-size: 1.4rem;
}
}
.m-mpro {
margin-top: 47px;
position: relative;
}
.m-mpro .box-title {
line-height: 46px;
font-size: 36px;
font-size: 3.6rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
margin-bottom: 32px;
}
.m-mpro .btn-wp {
position: absolute;
right: 0;
top: 3px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.m-mpro .box-btn {
width: 40px;
line-height: 38px;
font-size: 14px;
font-size: 1.4rem;
color: #4d3595;
text-align: center;
border: 1px solid #4d3595;
cursor: pointer;
}
.m-mpro .box-btn:hover {
color: #fff;
background-color: #4d3595;
}
.m-mpro .prev {
margin-right: 20px;
}
.m-mpro .box-list {
width: 10000%;
overflow: hidden;
}
.m-mpro .list-item {
float: left;
margin-right: 0.0285714286%;
width: 0.2285714286%;
}
.m-mpro .item-title {
margin-top: 12px;
line-height: 28px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 1219px) {
.m-mpro {
margin-top: 30px;
}
.m-mpro .box-title {
margin-bottom: 20px;
line-height: 30px;
font-size: 20px;
font-size: 2rem;
}
.m-mpro .box-btn {
width: 32px;
line-height: 30px;
}
.m-mpro .btn-wp {
top: -1px;
}
.m-mpro .item-title {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.m-mpro .list-item {
margin-right: 0.02%;
width: 0.49%;
}
}
.m-solul .list-item {
margin-top: 100px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-solul .list-item .item-pic {
width: 50%;
}
.m-solul .list-item .item-text {
width: 45%;
}
.m-solul .list-item .item-title {
line-height: 40px;
font-size: 30px;
font-size: 3rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-solul .list-item .item-info {
margin-top: 43px;
line-height: 36px;
font-size: 18px;
font-size: 1.8rem;
color: #666;
}
.m-solul .list-item .item-info > a {
display: block;
color: #666;
}
.m-solul .list-item .item-info > a:hover {
color: #4d3595;
}
.m-solul .list-item .item-info p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-solul .list-item .item-link {
margin-top: 56px;
}
.m-solul .list-item .item-link a {
display: inline-block;
min-width: 200px;
line-height: 30px;
padding: 10px;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
text-align: center;
background-color: #4d3595;
}
.m-solul .list-item .item-link a:hover {
color: #fff;
background-color: #333;
}
.m-solul .list-item:first-child {
margin-top: 0;
}
.m-solul .list-item2 .item-pic {
order: 2;
}
@media screen and (max-width: 1219px) {
.m-solul .list-item {
margin-top: 20px;
}
.m-solul .list-item .item-title {
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.m-solul .list-item .item-info {
margin-top: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-solul .list-item .item-link {
margin-top: 20px;
}
.m-solul .list-item .item-link a {
min-width: 120px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
.m-solul .list-item .item-pic {
width: 100%;
}
.m-solul .list-item .item-text {
margin-top: 10px;
width: 100%;
order: 2;
}
.m-solul .list-item .item-link {
display: none;
}
}
.m-solu .box-title {
margin-bottom: 45px;
line-height: 40px;
font-size: 30px;
font-size: 3rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
}
.m-solu .box-desc{
color: #666;
}
.m-solu .box-item{
margin-top: 60px;
overflow: hidden;
}
.m-solu .box-item:first-child{
margin-top: 0;
}
.m-solu .box-item .item-pic{
width: 50%;
line-height: 0;
font-size: 0;
}
.m-solu .box-item .item-text{
padding-top: 10px;
color: #666;
line-height: 32px;
font-size: 16px;
font-size: 1.6rem;
}
.m-solu .box-item .item-text p{
min-height: 32px;
}
.m-solu .box-item1 .item-pic{
float: right;
margin-left: 5%;
}
.m-solu .box-item2 .item-pic{
float: left;
margin-right: 5%;
}
@media screen and (max-width: 1219px) {
.m-solu .box-title {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-solu .box-item{
margin-top: 30px;
}
.m-solu .box-item .item-text{
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-solu .box-item .item-text p{
min-height: 24px;
}
}
@media screen and (max-width: 480px){
.m-solu .box-item .item-pic{
width: 100%;
float: none;
margin-left: 0;
margin-right: 0;
}
}
.m-downl {
margin-bottom: -20px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.m-downl .list-item {
float: left;
width: 47.1428571429%;
margin-bottom: 20px;
}
.m-downl .item-wp {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.m-downl .item-wp:hover {
color: #4d3595;
}
.m-downl .item-wp:hover .item-link p {
background-color: #333;
color: #fff;
}
.m-downl .item-pic {
width: 47.4242424242%;
border: solid 1px #d0d0d0;
}
.m-downl .item-text {
width: 45.4545454545%;
}
.m-downl .item-title {
line-height: 34px;
font-size: 24px;
font-size: 2.4rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-downl .item-desc {
margin-top: 25px;
height: 120px;
line-height: 30px;
font-size: 16px;
font-size: 1.6rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.m-downl .item-link {
margin-top: 38px;
}
.m-downl .item-link p {
display: inline-block;
min-width: 140px;
line-height: 30px;
padding: 5px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
text-align: center;
background-color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-downl .item-title {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-downl .item-desc {
margin-top: 10px;
height: 88px;
line-height: 22px;
font-size: 12px;
font-size: 1.2rem;
}
.m-downl .item-link {
margin-top: 20px;
}
.m-downl .item-link p {
min-width: 100px;
line-height: 22px;
font-size: 12px;
font-size: 1.2rem;
}
}
@media screen and (max-width: 480px) {
.m-downl .list-item {
width: 100%;
}
}
.m-downmodal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 99;
display: none;
}
.m-downmodal .modal-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.m-downmodal .modal-wp {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 96%;
max-width: 1010px;
max-height: 90%;
background-color: #fff;
padding-left: 10px;
padding-right: 10px;
overflow-y: auto;
}
.m-downmodal .box-fix {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(140, 140, 140, 0.5);
}
.m-downmodal .box-close {
cursor: pointer;
}
.m-downmodal .box-title {
line-height: 32px;
font-size: 22px;
font-size: 2.2rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
}
.m-downmodal .box-form {
padding-top: 25px;
padding-bottom: 30px;
margin-left: auto;
margin-right: auto;
max-width: 830px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.m-downmodal .form-item {
width: 48.6746987952%;
margin-bottom: 20px;
}
.m-downmodal .form-label {
margin-bottom: 3px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.m-downmodal .form-label span {
color: red;
}
.m-downmodal .form-text {
width: 100%;
height: 38px;
line-height: 36px;
padding: 0 20px;
font-size: 16px;
font-size: 1.6rem;
border: solid 1px #ebebeb;
}
.m-downmodal .form-text::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
.m-downmodal .form-text:-moz-placeholder {
color: #666;
opacity: 1;
}
.m-downmodal .form-text::-moz-placeholder {
color: #666;
opacity: 1;
}
.m-downmodal .form-text:-ms-input-placeholder {
color: #666;
opacity: 1;
}
.m-downmodal .star {
background: url("../images/star1.png") no-repeat 10px 12px;
}
.m-downmodal .form-item3 {
width: 19.7590361446%;
}
.m-downmodal .form-item4 {
width: 26.5060240964%;
}
.m-downmodal .form-code {
display: block;
height: 38px;
line-height: 36px;
border: 1px solid #ebebeb;
text-align: center;
overflow: hidden;
}
.m-downmodal .form-code img {
max-height: 36px;
vertical-align: middle;
}
.m-downmodal .form-btn {
display: block;
width: 100%;
height: 38px;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
text-align: center;
background-color: #4d3595;
}
.m-downmodal .form-btn:hover {
color: #fff;
background-color: #333;
}
@media screen and (max-width: 991px) {
.m-downmodal .form-item {
width: 100%;
}
.m-downmodal .form-item2 {
width: calc(100% - 120px);
}
.m-downmodal .form-item3 {
width: 100px;
}
}
.m-servb1 .box-title {
line-height: 58px;
font-size: 48px;
font-size: 4.8rem;
margin-bottom: 102px;
}
.m-servb1 .box-wp {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: centers;
}
.m-servb1 .box-img {
order: 2;
width: 63.2142857143%;
line-height: 0;
font-size: 0;
}
.m-servb1 .box-text {
width: 32.1428571429%;
}
.m-servb1 .box-fix {
margin-top: 31px;
}
.m-servb1 .box-fix:first-child {
margin-top: 0;
}
.m-servb1 .box-name {
line-height: 34px;
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 30px;
}
.m-servb1 .info-item {
margin-top: 8px;
position: relative;
padding-left: 25px;
line-height: 28px;
font-size: 18px;
font-size: 1.8rem;
color: #666;
}
.m-servb1 .info-item a {
color: #666;
}
.m-servb1 .info-item a:hover {
color: #4d3595;
}
.m-servb1 .info-item i {
position: absolute;
left: 0;
color: #4d3595;
}
.m-servb1 .info-item:first-child {
margin-top: 0;
}
@media screen and (max-width: 1219px) {
.m-servb1 .box-title {
margin-bottom: 30px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-servb1 .box-name {
margin-bottom: 10px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.m-servb1 .info-item {
line-height: 26px;
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 991px) {
.m-servb1 .box-img {
width: 100%;
}
.m-servb1 .box-text {
width: 100%;
order: 2;
margin-top: 20px;
}
}
.m-abtb1 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.m-abtb1 .box-img {
width: 45.2857142857%;
order: 2;
}
.m-abtb1 .box-text {
width: 52.1428571429%;
}
.m-abtb1 .box-title {
line-height: 58px;
font-size: 48px;
font-size: 4.8rem;
}
.m-abtb1 .box-desc {
margin-top: 46px;
font-size: 18px;
font-size: 1.8rem;
color: #666;
}
.m-abtb1 .box-desc p, .m-abtb1 .box-desc span, .m-abtb1 .box-desc b {
font-size: 18px;
font-size: 1.8rem;
}
@media screen and (max-width: 1219px) {
.m-abtb1 .box-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-abtb1 .box-desc {
margin-top: 20px;
font-size: 14px;
font-size: 1.4rem;
color: #666;
}
.m-abtb1 .box-desc p, .m-abtb1 .box-desc span, .m-abtb1 .box-desc b {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 640px) {
.m-abtb1 .box-img {
width: 100%;
}
.m-abtb1 .box-text {
margin-top: 20px;
width: 100%;
order: 2;
}
}
.m-abtb2 {
margin-top: 65px;
}
.m-abtb2 .box-title{
margin-bottom: 70px;
line-height: 58px;
font-size: 48px;
font-size: 4.8rem;
text-align: center;
}
.m-abtb2 .box-list {
width: 10000%;
overflow: hidden;
}
.m-abtb2 .list-item {
float: left;
width: 1%;
}
.m-abtb2 .btn-wp {
margin-top: 20px;
padding: 0 10px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.m-abtb2 .box-btn {
margin-left: 6px;
margin-right: 6px;
width: 40px;
line-height: 38px;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
cursor: pointer;
border: solid 1px #333333;
}
.m-abtb2 .box-btn:hover {
color: #4d3595;
border-color: #4d3595;
}
.m-abtb2 .item-img {
line-height: 0;
font-size: 0;
}
.m-abtb2 .item-img img {
image-rendering: pixelated;
}
@media screen and (max-width: 1219px) {
.m-abtb2 {
margin-top: 30px;
}
.m-abtb2 .box-title{
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
}
.m-abtfact {
margin-top: 44px;
}
.m-abtfact .box-title {
margin-bottom: 70px;
line-height: 58px;
font-size: 48px;
font-size: 4.8rem;
text-align: center;
}
.m-abtfact .box-slide {
position: relative;
}
.m-abtfact .box-list {
width: 10000%;
overflow: hidden;
}
.m-abtfact .list-item {
float: left;
margin-right: 0.05%;
width: 0.3%;
}
.m-abtfact .item-title {
line-height: 34px;
font-size: 24px;
font-size: 2.4rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-abtfact .item-desc {
margin-top: 19px;
height: 60px;
line-height: 30px;
font-size: 18px;
font-size: 1.8rem;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.m-abtfact .item-pic {
margin-top: 32px;
}
.m-abtfact .box-btn {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 40px;
line-height: 38px;
border: 1px solid #333;
font-size: 14px;
font-size: 1.4rem;
cursor: pointer;
text-align: center;
margin-top: 70px;
}
.m-abtfact .box-btn:hover {
color: #4d3595;
border-color: #4d3595;
}
.m-abtfact .prev {
left: -56px;
}
.m-abtfact .next {
right: -56px;
}
@media screen and (max-width: 1219px) {
.m-abtfact {
margin-top: 30px;
}
.m-abtfact .box-title {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-abtfact .item-title {
line-height: 24px;
font-size: 16px;
font-size: 1.6rem;
}
.m-abtfact .item-desc {
margin-top: 5px;
height: 48px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-abtfact .item-pic {
margin-top: 10px;
}
.m-abtfact .box-btn {
width: 32px;
line-height: 30px;
margin-top: 45px;
}
}
@media screen and (max-width: 991px) {
.m-abtfact .prev {
left: 10px;
}
.m-abtfact .next {
right: 10px;
}
.m-abtfact .box-btn {
background-color: #fff;
}
}
@media screen and (max-width: 480px) {
.m-abtfact .list-item {
margin-right: 0.02%;
width: 0.49%;
}
}
.m-abtfaq {
margin-top: 92px;
}
.m-abtfaq .box-hd {
text-align: center;
margin-bottom: 55px;
}
.m-abtfaq .hd-title {
line-height: 46px;
font-size: 36px;
font-size: 3.6rem;
}
.m-abtfaq .hd-info {
margin-top: 16px;
line-height: 28px;
font-size: 18px;
font-size: 1.8rem;
}
.m-abtfaq .box-wp {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: -14px;
}
.m-abtfaq .box-item {
position: relative;
margin-bottom: 14px;
width: 48.9285714286%;
}
.m-abtfaq .item-name {
position: relative;
padding-left: 18px;
padding-right: 50px;
line-height: 74px;
font-size: 18px;
font-size: 1.8rem;
font-family: "PoppinsBold", arial, helvetica, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
border-bottom: 1px solid #fff;
}
.m-abtfaq .item-name .iconfont {
position: absolute;
right: 30px;
top: 0;
}
.m-abtfaq .item-name .icon-bottom1 {
display: none;
}
.m-abtfaq .item-name.active {
border-bottom-color: #ebebeb;
}
.m-abtfaq .item-name.active .icon-right1 {
display: none;
}
.m-abtfaq .item-name.active .icon-bottom1 {
display: block;
}
.m-abtfaq .item-desc {
position: absolute;
left: 0;
top: 100%;
width: 100%;
z-index: 2;
padding-left: 15px;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 28px;
background-color: #fff;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
display: none;
}
@media screen and (max-width: 1219px) {
.m-abtfaq {
margin-top: 30px;
}
.m-abtfaq .box-hd {
margin-bottom: 20px;
}
.m-abtfaq .hd-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-abtfaq .hd-info {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-abtfaq .item-name {
line-height: 40px;
font-size: 16px;
font-size: 1.6rem;
}
.m-abtfaq .item-desc {
padding-top: 10px;
padding-bottom: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-abtfaq .box-item {
width: 49%;
}
}
@media screen and (max-width: 640px) {
.m-abtfaq .box-item {
width: 100%;
}
}
.m-abtcert {
margin-top: 52px;
}
.m-abtcert .box-title {
margin-bottom: 52px;
line-height: 56px;
font-size: 46px;
font-size: 4.6rem;
}
.m-abtcert .box-list {
width: 10000%;
overflow: hidden;
}
.m-abtcert .list-item {
float: left;
margin-right: 0.0264285714%;
width: 0.2307142857%;
}
.m-abtcert .item-fix {
position: relative;
padding-bottom: 18px;
background: url("../images/yy1.png") no-repeat center bottom;
background-size: 100%;
}
.m-abtcert .item-title {
margin-top: 7px;
line-height: 28px;
font-size: 18px;
font-size: 1.8rem;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-abtcert .btn-wp {
margin-top: 25px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.m-abtcert .box-btn {
margin-left: 5px;
margin-right: 5px;
width: 40px;
line-height: 36px;
border: 2px solid #333;
text-align: center;
cursor: pointer;
font-size: 14px;
font-size: 1.4rem;
}
.m-abtcert .box-btn:hover {
color: #4d3595;
border-color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-abtcert {
margin-top: 30px;
}
.m-abtcert .box-title {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-abtcert .btn-wp {
margin-top: 20px;
}
.m-abtcert .box-btn {
width: 32px;
line-height: 28px;
}
}
@media screen and (max-width: 480px) {
.m-abtcert .list-item {
margin-right: 0.02%;
width: 0.49%;
}
}
.m-newsl .list-item {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-end;
border-bottom: 1px solid transparent;
}
.m-newsl .list-item:hover {
border-bottom-color: #4d3595;
}
.m-newsl .list-item:first-child {
padding-top: 0;
}
.m-newsl .item-pic {
width: 50.3731343284%;
}
.m-newsl .item-text {
width: 46.2686567164%;
}
.m-newsl .item-title {
line-height: 30px;
font-size: 20px;
font-size: 2rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-newsl .item-time {
margin-top: 13px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #999;
}
.m-newsl .item-desc {
margin-top: 1px;
height: 72px;
line-height: 24px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.m-newsl .item-desc a {
color: #666;
}
.m-newsl .item-desc a:hover {
color: #4d3595;
}
.m-newsl .item-link {
margin-top: 32px;
text-align: right;
}
.m-newsl .item-link a {
position: relative;
display: inline-block;
padding-bottom: 7px;
font-size: 14px;
font-size: 1.4rem;
border-bottom: 2px solid #4d3595;
color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-newsl .list-item {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
}
.m-newsl .item-title {
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
}
.m-newsl .item-time {
margin-top: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-newsl .item-desc {
margin-top: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
height: 72px;
}
.m-newsl .item-link {
margin-top: 10px;
}
.m-newsl .item-link a {
padding-bottom: 10px;
}
}
@media screen and (max-width: 640px) {
.m-newsl .item-pic {
width: 100%;
}
.m-newsl .item-text {
width: 100%;
margin-top: 20px;
}
.m-newsl .item-link {
display: none;
}
}
.g-mn2 {
float: left;
width: 100%;
padding-right: 32.1428571429%;
}
@media screen and (max-width: 991px) {
.g-mn2 {
float: none;
padding-right: 0;
}
}
.g-sd2 {
float: left;
margin-left: -26.4285714286%;
width: 26.4285714286%;
}
@media screen and (max-width: 991px) {
.g-sd2 {
float: none;
margin-left: 0;
margin-top: 30px;
width: 100%;
}
}
.m-news .box-title {
line-height: 38px;
font-size: 30px;
font-size: 3rem;
font-weight: normal;
}
.m-news .box-info {
margin-top: 12px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
}
.m-news .box-info, .m-news .box-share {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.m-news .box-time {
margin-right: 20px;
}
.m-news .share-title {
margin-right: 10px;
}
.m-news .share-img {
line-height: 0;
font-size: 0;
}
.m-news .box-desc {
margin-top: 26px;
color: #666;
}
@media screen and (max-width: 1219px) {
.m-news .box-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-news .box-info {
font-size: 14px;
font-size: 1.4rem;
}
}
.m-sdnews2 .box-title {
margin-bottom: 28px;
line-height: 34px;
font-size: 24px;
font-size: 2.4rem;
}
.m-sdnews2 .list-item {
margin-top: 37px;
box-shadow: 0px 4px 13px 0px rgba(10, 24, 53, 0.19);
}
.m-sdnews2 .list-item:first-child {
margin-top: 0;
}
.m-sdnews2 .item-text {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 20px;
}
.m-sdnews2 .item-title {
line-height: 28px;
font-size: 18px;
font-size: 1.8rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.m-sdnews2 .item-time {
margin-top: 6px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
color: #888;
}
.m-sdnews2 .item-desc {
margin-top: 5px;
height: 52px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #999;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.m-sdnews2 .item-desc a {
color: #999;
}
.m-sdnews2 .item-desc a:hover {
color: #4d3595;
}
.m-sdnews2 .item-link {
margin-top: 10px;
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
text-decoration: underline;
}
@media screen and (max-width: 1219px) {
.m-sdnews2 .item-time, .m-sdnews2 .item-desc {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-sdnews2 .item-desc {
height: 48px;
}
}
@media screen and (max-width: 991px) {
.m-sdnews2 .box-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
margin-bottom: -20px;
}
.m-sdnews2 .list-item {
margin-left: 1%;
margin-right: 1% !important;
margin-bottom: 20px;
margin-top: 0;
width: 48%;
}
.m-sdnews2 .box-title {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
}
.m-sdshare {
margin-top: 67px;
}
.m-sdshare .box-title {
line-height: 34px;
font-size: 24px;
font-size: 2.4rem;
}
.m-sdshare .box-share {
margin-top: 17px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.m-sdshare .share-item {
margin-right: 6px;
margin-bottom: 5px;
width: 34px;
line-height: 32px;
border: 1px solid #666666;
font-size: 16px;
font-size: 1.6rem;
color: #666;
text-align: center;
}
.m-sdshare .share-item:hover {
color: #fff;
background-color: #4d3595;
border-color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-sdshare {
margin-top: 30px;
}
.m-sdshare .box-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
}
.m-ctusinfo .box-title {
margin-bottom: 47px;
line-height: 50px;
font-size: 40px;
font-size: 4rem;
text-align: center;
}
.m-ctusinfo .box-wp {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.m-ctusinfo .box-fix1 {
width: 28.5714285714%;
padding-right: 30px;
}
.m-ctusinfo .box-fix2 {
width: 48.5714285714%;
padding-right: 30px;
}
.m-ctusinfo .box-fix3 {
width: 22.8571428571%;
}
.m-ctusinfo .info-item {
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #666;
overflow: hidden;
margin-top: 10px;
}
.m-ctusinfo .info-item:first-child {
margin-top: 0;
}
.m-ctusinfo .info-item a {
color: #666;
}
.m-ctusinfo .info-item a:hover {
color: #4d3595;
}
.m-ctusinfo .box-name {
margin-bottom: 32px;
line-height: 48px;
font-size: 38px;
font-size: 3.8rem;
}
.m-ctusinfo .box-share {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
}
.m-ctusinfo .share-item {
margin-right: 7px;
margin-bottom: 7px;
width: 34px;
line-height: 32px;
border: solid 1px #666666;
font-size: 16px;
font-size: 1.6rem;
color: #666;
text-align: center;
}
.m-ctusinfo .share-item:hover {
color: #fff;
background-color: #4d3595;
}
@media screen and (max-width: 1219px) {
.m-ctusinfo .box-title {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-ctusinfo .info-item {
font-size: 14px;
font-size: 1.4rem;
}
.m-ctusinfo .box-name {
margin-bottom: 20px;
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
}
@media screen and (max-width: 640px) {
.m-ctusinfo .box-fix1, .m-ctusinfo .box-fix2, .m-ctusinfo .box-fix3 {
width: 100%;
}
.m-ctusinfo .box-fix2, .m-ctusinfo .box-fix3 {
margin-top: 20px;
}
}
.m-ctusform {
margin-top: 50px;
}
.m-ctusform .box-hd {
margin-left: auto;
margin-right: auto;
max-width: 910px;
text-align: center;
}
.m-ctusform .hd-title {
line-height: 50px;
font-size: 40px;
font-size: 4rem;
}
.m-ctusform .hd-desc {
margin-top: 15px;
line-height: 26px;
font-size: 16px;
font-size: 1.6rem;
color: #999;
}
.m-ctusform .box-form {
margin-top: 35px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.m-ctusform .form-item {
margin-bottom: 27px;
}
.m-ctusform .form-item1 {
width: 30.7142857143%;
}
.m-ctusform .form-item2 {
width: 100%;
}
.m-ctusform .form-item3 {
width: 17.5714285714%;
}
.m-ctusform .form-item4 {
width: 17.5714285714%;
}
.m-ctusform .form-item5 {
width: 22.8571428571%;
}
.m-ctusform .form-text {
display: block;
width: 100%;
height: 58px;
line-height: 56px;
border: 1px solid #d6d6d6;
padding: 0 27px;
font-size: 16px;
font-size: 1.6rem;
}
.m-ctusform .form-text::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
.m-ctusform .form-text:-moz-placeholder {
color: #999;
opacity: 1;
}
.m-ctusform .form-text::-moz-placeholder {
color: #999;
opacity: 1;
}
.m-ctusform .form-text:-ms-input-placeholder {
color: #999;
opacity: 1;
}
.m-ctusform .form-code {
display: block;
height: 58px;
line-height: 56px;
text-align: center;
border: 1px solid #d6d6d6;
background-color: #f3fbfe;
text-align: center;
overflow: hidden;
}
.m-ctusform .form-code img {
max-height: 56px;
vertical-align: middle;
}
.m-ctusform .form-btn {
width: 100%;
height: 58px;
background-color: #4d3595;
font-size: 16px;
font-size: 1.6rem;
color: #fff;
text-align: center;
}
.m-ctusform .form-btn:hover {
background-color: #333;
}
.m-ctusform .star {
background: url("../images/star1.png") no-repeat 10px 26px;
}
.m-ctusform .form-text2 {
height: 252px;
}
@media screen and (max-width: 1219px) {
.m-ctusform {
margin-top: 30px;
}
.m-ctusform .hd-title {
line-height: 28px;
font-size: 20px;
font-size: 2rem;
}
.m-ctusform .hd-desc {
line-height: 24px;
font-size: 14px;
font-size: 1.4rem;
}
.m-ctusform .form-text {
font-size: 14px;
font-size: 1.4rem;
}
.m-ctusform .form-item {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.m-ctusform .form-item {
width: 100%;
}
.m-ctusform .form-item3 {
width: calc(100% - 120px);
}
.m-ctusform .form-item4 {
width: 100px;
}
}
.m-ctusmap {
margin-top: 33px;
}
@media screen and (max-width: 1219px) {
.m-ctusmap {
margin-top: 15px;
}
}
@font-face {
font-family: 'PoppinsBold';
src: url('../fonts/PoppinsBold.eot');
src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
url('../fonts/PoppinsBold.woff2') format('woff2'),
url('../fonts/PoppinsBold.woff') format('woff'),
url('../fonts/PoppinsBold.ttf') format('truetype'),
url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}
@font-face {
font-family: 'PoppinsRegular';
src: url('../fonts/PoppinsRegular.eot');
src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
url('../fonts/PoppinsRegular.woff2') format('woff2'),
url('../fonts/PoppinsRegular.woff') format('woff'),
url('../fonts/PoppinsRegular.ttf') format('truetype'),
url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}
@font-face {
font-family: "iconfont"; /* Project id 4161839 */
src: url('../fonts/iconfont.woff2?t=1689130355183') format('woff2'),
url('../fonts/iconfont.woff?t=1689130355183') format('woff'),
url('../fonts/iconfont.ttf?t=1689130355183') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-close:before {
content: "\e638";
}
.icon-tagso:before {
content: "\e87c";
}
.icon-home:before {
content: "\e624";
}
.icon-edit:before {
content: "\e611";
}
.icon-facebook:before {
content: "\e620";
}
.icon-pinterest:before {
content: "\e8ab";
}
.icon-linkedin:before {
content: "\e648";
}
.icon-youtube:before {
content: "\e6d6";
}
.icon-twitter:before {
content: "\e607";
}
.icon-bigger:before {
content: "\e647";
}
.icon-left:before {
content: "\e72c";
}
.icon-right:before {
content: "\e72d";
}
.icon-up1:before {
content: "\e72e";
}
.icon-bottom1:before {
content: "\e72f";
}
.icon-left1:before {
content: "\e730";
}
.icon-right1:before {
content: "\e731";
}
.icon-up:before {
content: "\e73e";
}
.icon-bottom:before {
content: "\e73f";
}
.icon-instagram:before {
content: "\e79d";
}
.icon-tumblr:before {
content: "\e79e";
}
.icon-download:before {
content: "\e7a0";
}
.icon-download1:before {
content: "\e7a7";
}
.icon-search4:before {
content: "\e7b2";
}
.icon-address:before {
content: "\e7bc";
}
.icon-email:before {
content: "\e7bd";
}
.icon-contact:before {
content: "\e7be";
}
.icon-whatsapp:before {
content: "\e7bf";
}
.icon-fax:before {
content: "\e7c2";
}
.icon-mobile:before {
content: "\e7c6";
}
.icon-phone:before {
content: "\e7c8";
}
.icon-tel:before {
content: "\e7c7";
}
.icon-phone1:before {
content: "\e7cb";
}
.icon-skype:before {
content: "\e7cc";
}
.icon-whatsapp1:before {
content: "\e7c1";
}
.icon-address1:before {
content: "\e7c3";
}
.icon-contact1:before {
content: "\e7c4";
}
.icon-email1:before {
content: "\e7c5";
}
.icon-skype1:before {
content: "\e7c9";
}
.icon-fax1:before {
content: "\e7ca";
}
.icon-qq:before {
content: "\e7ce";
}
.icon-tel1:before {
content: "\e7cd";
}
.icon-wechat:before {
content: "\e7cf";
}
.icon-phone2:before {
content: "\e7d0";
}
.icon-message:before {
content: "\e7da";
}
.icon-calendar:before {
content: "\e7e1";
}
.icon-calendar1:before {
content: "\e7e3";
}
.icon-top:before {
content: "\e7ed";
}
.icon-youbian:before {
content: "\e60f";
}
.icon-jian2:before {
content: "\e600";
}
.icon-jia2:before {
content: "\e608";
}
.icon-vk:before {
content: "\e735";
}
.icon-instagram1:before {
content: "\e640";
}
.icon-up7:before {
content: "\e722";
}
.icon-bottom7:before {
content: "\e723";
}
.icon-left7:before {
content: "\e724";
}
.icon-right7:before {
content: "\e725";
}
.icon-sousuo4:before {
content: "\e610";
}
.icon-sousuo:before {
content: "\e616";
}
.icon-sousuo1:before {
content: "\e65b";
}
.icon-shangchuan:before {
content: "\e602";
}
.icon-top2:before {
content: "\e637";
}
.icon-biaoqian:before {
content: "\e649";
}
.icon-language:before {
content: "\e633";
}
.bitem-desc strong{
font-size: 19px;
}
.bitem-desc em{
font-size: 25px;
}