html {font-size: 14px; font-family: 微软雅黑 !important;}


@media (min-width: 1366px) {
	.container {width: 900px;}
	.ui.grid.container {max-width: 900px !important;}
	.primary-navigation #dx-navigation {max-width: 900px;}
	.universal-footer .footer-container {max-width: 900px;}
	.universal-footer-text .footer-container {max-width: 900px;}
	.photo-header-container .photo-header-container {max-width: 900px;}
}
@media (min-width: 1400px) {
	.container {width: 900px;}
	.ui.grid.container {max-width: 900px !important;}
	.primary-navigation #dx-navigation {max-width: 900px;}
	.universal-footer .footer-container {max-width: 900px;}
	.universal-footer-text .footer-container {max-width: 900px;}
	.photo-header-container .photo-header-container {max-width: 900px;}
}
@media (min-width: 1440px) {
	.container {width: 940px;}
	.ui.grid.container {max-width: 940px !important;}
	.primary-navigation #dx-navigation {max-width: 940px;}
	.universal-footer .footer-container {max-width: 940px;}
	.universal-footer-text .footer-container {max-width: 940px;}
	.photo-header-container .photo-header-container {max-width: 940px;}
}
@media (min-width: 1600px) {
	.container {width: 1080px;}
	.ui.grid.container {max-width: 1080px !important;}
	.primary-navigation #dx-navigation {max-width: 1080px;}
	.universal-footer .footer-container {max-width: 1080px;}
	.universal-footer-text .footer-container {max-width: 1080px;}
	.photo-header-container .photo-header-container {max-width: 1080px;}
}

@media (min-width: 1680px) {
	.container {width: 1160px;}
	.ui.grid.container {max-width: 1160px !important;}
	.primary-navigation #dx-navigation {max-width: 1160px;}
	.universal-footer .footer-container {max-width: 1160px;}
	.universal-footer-text .footer-container {max-width: 1160px;}
	.photo-header-container .photo-header-container {max-width: 1160px;}
}
@media (min-width: 1920px) {
	.container {width: 1400px;}
	.ui.grid.container {max-width: 1400px !important;}
	.primary-navigation #dx-navigation {max-width: 1400px;}
	.universal-footer .footer-container {max-width: 1400px;}
	.universal-footer-text .footer-container {max-width: 1400px;}
	.photo-header-container .photo-header-container {max-width: 1400px;}
}










.purple {color:#983cc9 !important;}

h1,
h1.ui.header {font-size: 2em}

h2,
h2.ui.header {font-size: 1.8em}

h3,
h3.ui.header {font-size: 1.5em}

h4,
h4.ui.header {font-size: 1.2em}

h5,
h5.ui.header {font-size: 1em}


.breadcrumbs span {font-weight: normal;}
.breadcrumbs a {font-weight:normal;}

.text-center {text-align:center !important;}
.hot-line {padding-top:15px;font-size:14px;margin-left:-80px;}
.li-point-none {list-style-type:none;}
.page-header {padding-top: 83px; border-bottom: 0px solid #eee;}
.mobile-menu {display:none !important;}
.product-banner-mobi {display: none;}


/*home*/

.home-banner {padding-top:123px;}
.home-banner-mobi {padding-top:123px;display: none;}
.home-card {min-height: 250px;}

.video-top-wrapper {
    min-height: 330px;
    padding-bottom: 0px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
}

.video-top-wrapper video {
    background: #222;
    width:100%;
    background-size: cover;
    transition: 1s opacity;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}
.video-overlay {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .8);
}


.nav-right {padding:0px 0 20px 50px;}


/*page photo header */

.photo-top-wrapper {height:300px; background-repeat: no-repeat !important; background-size: cover !important; background-position: center center !important;}
.photo-top-wrapper .title {padding-top:50px;}

.light-text a,a:link {color:#fff ;}
.light-text span {color:#fff !important;padding:0 6px;}
.light-text h1 {font-size:40px;color:#fff;}

.word-top-wrapper {font-family: 微软雅黑 !important;}

.tabs .ui.secondary.pointing.menu .item {
    font-family: montserrat;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    border: none;
    letter-spacing: .5px;
    line-height: 12px;
    padding: 0 30px 0 0;
    float: left;
    position: relative;
    cursor: pointer!important;
}

.primary-navigation #dx-navigation .menu-item .menu-link {
    font-family: arial;
    font-weight: 500;
    font-size: 0.9em;
    color: #000;
    letter-spacing: .03125em;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-decoration: none;
}

.primary-navigation #dx-navigation .menu-item .item-dropdown .dropdown-column .column-title {
    font-family: 'open sans','helvetica neue',arial,helvetica,sans-serif;
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #000;
    letter-spacing: .03125rem;
    line-height: 12px;
    margin-bottom: 15px;
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/*2021-6-8*/
a {color: #666;text-decoration: none; outline: none;line-height: 18px !important;}
a:link {text-decoration: none;color: #666;}
p {font-size: 14px !important;}
/*div {font-size: 14px !important;}*/

#sidebar .side-item li a {
    display: inline-block;
    width: 89%;
}
/*2021-6-8*/

.double-showcase-feature {padding: 0px 0;}

.showcase-feature {
    padding: 20px 20px;
    font-size: 15px;
    line-height: 30px;
}
.product-tabs .tabs .tab table {width: 100%;background-color: #fff;font-size: 15px;}
.table-header {font-weight: bolder;}


/*products page*/


.products-card {
    cursor: pointer;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    position: relative;
    margin-bottom: 20px;
}

.products-card .cp-title {min-height: 40px;}
.products-card h2 {font-size:15px;margin-top:15px;}
.products-card h3 {text-align:left; margin:15px 0 25px 0;}
.products-card h5 {text-align:center; margin-top:15px;}
.products-card .link {margin-left:-20px;padding-bottom: 20px;}



/*news*/
.feature-cards {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.feature-cards .content-container ul li {
    max-width: calc(100% / 4);
    cursor: pointer;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -ms-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    position: relative;
}

.info-content p{font-size: 15px !important;}

/*news*/

.media-showcase-simple .content-container .image {
    margin-right: 40px;
    width: 20%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #fff; 
}
.gtm-media-showcase-simple-title {font-size: 22px;}

.page-content-info {}
.page-content-info p {font-size:15px !important;}

.page-word-info {padding:30px 20px 30px 20px;}
.page-content-info p {font-size:15px !important;}

.news-info-content {}
.news-info-content img {}



/*product*/

.product-info {border-bottom: 1px solid #eee;margin-bottom: 20px;padding-bottom: 20px;}
.product-info p {font-size: 15px !important;}

.nav-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    border-bottom: none;
    padding-bottom: 20px;
}

.nav-tabs>li {margin-bottom: 20px;}
.nav-tabs > li > a:hover,.nav-tabs > li > a:focus {background-color: transparent !important;border-bottom: 5px solid #983cc9;}

.nav-tabs>li>a {
    font-weight: 400;
    color: #757575;
    font-size: 18px;
    border-bottom: 2px solid transparent;
    margin: 0 auto;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    outline: 0;
    transition: color .3s ease;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-top: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-bottom: 5px solid #983cc9;
    border-left: 0px solid #ddd;
    transition: color .3s ease;
}
.tab-content h4 {padding-bottom: 0px;}
.tab-content h5 {padding-bottom: 0px;}
.tab-content p { font-family: 微软雅黑 !important;font-size:15px !important; padding:0px;margin: 0; line-height: 24px;}
.tab-content ul li { font-family: 微软雅黑 !important;font-size:15px !important; padding-bottom: 5px;margin-left:-16px;}

table {font-size: 15px;}

/*card */

.card-list {box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; margin-bottom: 25px;}
.card-list img {border-bottom:1px solid #d4d4d5;}
.card-list .info {font-family: 微软雅黑 !important;padding:10px;min-height:120px;}
.card-list .info span {font-family: 微软雅黑 !important;font-size:20px;font-weight:bolder;}

/*jobs*/

.expanding-links-groups {
    background: #fff;
    min-height: 300px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 60px 0;
}

/*immage-800-test-menu */

.li_h410 {min-height:410px;}
.li_h290 {min-height:290px;}
.li_h140 {min-height:140px;}

.input-group {
    position: relative;
    margin-bottom: 30px;
    max-width: 400px !important;
    width: 100%;
}

/* define bootstrap 5 columns */
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-1-5 {width: 20%;float: left;}

@media (min-width: 768px) {
	.col-sm-1-5 {width: 20%; float: left;}
}
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
}
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
}
/* define bootstrap 5 columns */


@media (max-width: 480px){
	.page-header {padding-top: 30px;}
    .mobile-menu {display:block !important;}
    /*.home-banner {padding-top:68px;}*/
    .video-top-wrapper {min-height: 140px;}
    .form-by {margin-left:20px;}
    .news-info-content img {width:100%;}
    .nav-right {padding:0px 0 20px 0px;}
	.home-banner-mobi {padding-top:68px;display: block;}
    .home-banner {padding-top:68px;display: none;}
    .home-card {min-height: 0px !important;}
}

@media (max-width: 1600px){
	.home-card {min-height: 320px;}
	.products-card h3 {font-size: 16px !important;}
}

@media (max-width: 1440px){
	.home-card {min-height: 300px;}
	.products-card h3 {font-size: 16px !important;}
}
@media (max-width: 1400px){
	.home-card {min-height: 330px;}
	.products-card h3 {font-size: 16px !important;}
}

@media (max-width: 1366px){
	.home-card {min-height: 330px;}
	.products-card h3 {font-size: 16px !important;}
}

@media (max-width: 1138px){
	.home-card {min-height: 300px;}
	.products-card .cp-title {min-height: 40px;}
	.products-card h3 {font-size: 16px !important;}
}

@media (max-width: 1024px){
	.home-card {min-height: 320px;}
	.products-card h3 {font-size: 16px !important;}
}

