.title .title-en {
    font-size: 5rem;
    line-height: 7rem;
}

.title .title-cn {
    font-size: 2.6rem;
    line-height: 4rem;
    font-weight: 400;
}

.Products {
    padding-top:58px;
    overflow: hidden;
}

.Products .title .boxs {
    flex-basis:68%;
}

.Products .tips {
    flex-basis: 31.25%;display: flex;
    justify-content: space-between;margin-top: 144px;
}
.Products .tips .go{height: 42px;border: #e7e7e7 1px dashed;
    line-height: 40px;
    border-radius: 26px;
    width: 68px;
    text-align: center;
    font-size: 1.5rem;}
    .Products .tips .go:hover{background-color: #033080;color: #fff;border:0;line-height: 42px;}
.Products .tips .more{height: 42px;line-height: 42px;padding: 0 25px;}
.mwSearchPanel {
    margin-top:26px;
    height: 50px;
    border: 1px solid #dadce0;
    width: 100%;
    border-radius: 25px;
    position: relative;
    z-index: 2;
}

.mwSearchPanel,
.mwSearchPanel .mwSItem {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mwSearchPanel .mwSItem {
    height: 100%;
    border-right: 1px solid #dadce0;
    float: left
}

.mwSearchPanel .mwSItem:last-child {
    border-right: none
}

.mwSearchPanel .mwSItem.select {
  
}
.mwSearchPanel .mwSItem.select:hover {background-color: #033080;}
.mwSearchPanel .mwSItem.select .label:hover{color:#fff;display: block}
.cex01{border-radius:25px 0 0 25px }
.mwSearchPanel .mwSItem.select .label {
    height: 100%;
    line-height: 48px;
    width: 100%;
    display: -moz-box;
    display: flex;
	 padding: 0 40px;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mwSearchPanel .mwSItem.input {
    width:260px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    padding-right: 30px;
    padding-left: 24px
}

.mwSearchPanel .mwSItem.input .inputTxt {
    font-size: 15px;
    line-height: 20px;
    color: #333;
    width: 100%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease
}

.mwSearchPanel .mwSItem.input .inputTxt::-webkit-input-placeholder {
    color: #333
}

.mwSearchPanel .mwSItem.input .submitBtn {
    cursor: pointer;
    width:24px;
    height:24px;
    position: relative;
		background: url(../images/serach-02.png) no-repeat center;
}

.mwSearchPanel .mwSItem.input .submitBtn input {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    cursor: pointer
}




/* universal sly */
.Product {
    margin: 0 auto;
}

.sly {
    overflow: hidden;
}

.sly>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sly>ul li {
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.sly>ul li.active {}


.scrollbar {
    border-bottom: 1px solid #dadce0;
}

.scrollbar .handle {
    background: #333;
    cursor: pointer;
    line-height: 0;
    -webkit-box-shadow: 0 1px 0 #555;
    -moz-box-shadow: 0 1px 0 #555;
    -o-box-shadow: 0 1px 0 #555;
    box-shadow: 0 1px 0 #555;
}

/* Horizontal examples */
#horizontal .slyWrap {
    margin:2em 0;
}

#horizontal .scrollbar {
    margin-top:6px;
    height: 5px;
}

#horizontal .scrollbar .handle {
    width: 100px;
    height: 100%;
}

#horizontal .example1 .sly {
    height: 528px;
}

#horizontal .example1 .sly ul {
    height: 100%;
}

#horizontal .example1 .sly ul li {
    float: left;
    width: 686px;
    height: 100%;
    cursor: default;
}

#horizontal .example1 .sly ul li.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#horizontal .example1 .sly .inner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
}

#horizontal .example1 .sly .text h3 {
    padding-top: 26px;
    font-size: 3.2rem;
}

#horizontal .example1 .sly .text p {
    font-size: 1.6rem;
    list-style: 2rem;
}




.prev-l {
    width:calc(100% - 120px);
}
.btn-group .icon{width: 20px;height:auto;fill: #999;cursor: pointer;}
.prev-x .btn-group{display: flex;
    justify-content: space-between;width: 100%;}
.prev-x .btn-toolbar{width:80px;}
.pages {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}

.pages li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 2px;
    text-indent: -999px;
    background: #fff;
    border-radius: 10px;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #aaa;
}
.pages li:hover {
    background: #eee;
}

.pages li.active {
    background: #999;
    border-color: #888;
    box-shadow: inset 0 0 0 2px #eee;
}
.scrollbar {
    border-bottom: #aaa 1px solid;
}

.scrollbar .handle {
    background-color: #333;
    height: 5px;
}


/* Vertical example */
#infinite .controlbar {
    margin: 2em 0 1.5em;
}

#infinite .frameWrap {
    position: relative;
    height: 500px;
}

#infinite .frame {
    height: 500px;
    margin-right: 20px;
    overflow: hidden;
}

#infinite .frame ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#infinite .frame ul li {
    margin: 0 0 5px 0;
    padding: 0;
    height: 686px;
    line-height: 100%;
}

#infinite .scrollbar {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 498px;
}

#infinite .scrollbar .handle {
    height: 100px;
    width: 100%;
}

/*--ABOUT--*/
.about-in {
    position: relative;
    margin-top: 50px;
    padding: 6% 0;
    background-image: url(../images/about-us.jpg);
    background-repeat: no-repeat;
    /* 不重复背景图片 */
    background-position: center;
    /* 将背景图片居中显示 */
    background-size: auto;
    /* 自动调整背景图片大小以适应容器宽度 */
}

.about-in .about-box {
    display: flex;
    justify-content: space-between;
}

.about-in .about-l,
.about-in .about-r {
    width: 46%;
    margin:2% 0;
}

.about-title-text {
    padding-bottom: 20px;
    font-size: 1.8rem;
    line-height: 3.6rem;
    ;
}

.about-image img {
    width: 100%;
    height: auto;
    border: 1px solid #fff;
}

.about-youyu {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.about-lxb {
    flex-basis: 22%;
}

.about-lxb .about-ht {
    font-size: 8rem;
    line-height: 8rem;
    position: relative;
}

.about-lxb .about-ht em {
    font-size: 1.8rem;
    position: absolute;
    top: 0px;
    line-height: 1.8rem;
}

.about-lxx {
    flex-basis: 13%;
    background-image: url('../images/xuexian.svg');
    background-repeat: no-repeat;
    margin: 0 2%;
    background-size: cover;
    background-position: center;
}

/*--  news  --*/
.news {
    margin-top: 50px;
}

.news-list {
    display: flex;
    justify-content: space-between;
    /* 使子框架在水平方向上分布均匀 */
    flex-wrap: wrap;
    /* 子框架自动换行 */
    margin-top: 50px;
}

.news-list h4 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    padding: 28px 0 25px 0;
}

.news-list .summary {
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.news-list .ahover {border-bottom: 1px solid #eee;padding-bottom: 34px;
    margin-bottom: 25px;}
.news-list .ahover:hover {
    border-bottom: #033080 3px solid;
    padding-bottom: 32px;
}


.item_block {
    position: relative;
    width: 42%;
}

.item_block .dateT2 {
    position: absolute;
    right: -15%;
    top: 0;
    z-index: 3;
}

.item_block .dateT1 {
    position: absolute;
    left: -15%;
    top: 0;
    z-index: 3;
}

.item_block .dateT .date_1 {
    font-size: 3rem;
    line-height: 3rem;
}

.item_block .dateT .date_2 {}

.news-list .image {
    position: relative;
    /* 创建一个相对定位的父元素 */
    width: 100%;
    /* 根据您的需求设置宽度 */
}

.news-list .image::before {
    content: "";
    /* 创建一个伪元素 */
    display: block;
    /* 将伪元素设置为块级元素 */
    padding-top: 56.25%;
    /* 设置高度与宽度的比例，例如16:9的比例是56.25% */
}

.news-list .image .inner {
    position: absolute;
    /* 将内容绝对定位在伪元素内 */
    top: 0;
    /* 与伪元素的顶部对齐 */
    left: 0;
    /* 与伪元素的左侧对齐 */
    right: 0;
    /* 与伪元素的右侧对齐 */
    bottom: 0;
    /* 与伪元素的底部对齐 */
    width: 100%;
    /* 图片宽度填充容器 */
    height: auto;
    /* 高度自动调整以保持原始比例 */
    object-fit: cover;
}

.news-list .tags a {
    height: 40px;
    line-height: 38px;
    background-color: #eee;
    color: #333;
    padding: 0 30px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 20px;
    font-family: Microsoft Yahei;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.news-list .tags a:hover {
    background-color: #033080;
    color: #fff;
}

.news-list .footer-x {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.news .news-box{position: relative;}
.news .line {
    position:absolute;
    height: 100%;
    width: 1px;
    left: 50%;
    border-left: 1px dashed #c7c7c7;
    top: 0;
    margin-left: -1px;
}
.news .news-box>.line .inner {
    background-color: #818181;
    width: 1px;
    height:35%;
    margin-left: -1px;
}
.circle{
    width: 100%;
    height: 100%;
    border:#aaa 1px dashed;
    border-radius:20.5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
}
.circle .icon{width: 23px;height: 23px;margin:18px 8px;fill: rgb(24, 24, 24);}
.circle:hover .icon{margin:19px 9px;fill: rgb(255, 255, 255);}
.circle:hover {
    border:0;
    background-color: #033080;
}
.news .more{margin-top: 28px;}
.news .mores {
    width: 41px;
    margin: 0 auto;
    display: block;
}
.news .more-t{line-height:4rem;text-align: center;}
.news .mores .circle {
    width: 41px;
    height: 61px;
    position: relative;
    overflow: hidden;
}
@media (max-width:1390px) {
	.about-in .about-l, .about-in .about-r{width: 48%}
	
}
@media (max-width:1000px) {
		.Products {padding-top:50px}
	.Products .tips,.news,.news-list {margin-top:50px}
	.news-list .footer-x{margin-bottom:50px}
	.mwSearchPanel{display: none;}
	#horizontal .example1 .sly ul li{width:458px}
	#horizontal .example1 .sly .inner{height:267px }
	#horizontal .slyWrap{margin: 2em 0;}
	#horizontal .example1 .sly{height:380px}
	#horizontal .example1 .sly .text h3{padding-top: 20px;font-size: 2.8rem;}
	
/*-- about --*/
	.title .title-en{font-size:4rem;line-height:6rem;}
	.title .title-cn{font-size: 2rem;line-height: 3.2rem;}
	.about-title-text{padding-bottom: 12px;font-size: 1.5rem;line-height: 2.4rem;}
	.about-lxb .about-ht{font-size: 5.6rem;line-height: 6rem;}
	.about-lxb .about-ht em{font-size: 1.4rem;}
	.about-lxb  p{font-size:1.2rem;}
	.about-youyu{margin-top: 16px;}
/*-- news --*/
	.item_block .dateT1,.item_block .dateT2,.news .line {display: none}
	.news-list .item_block{width: 48%}
	.news-list h4{font-size: 2rem;line-height: 2rem;padding: 16px 0 15px 0}
	.news-list .summary{font-size: 1.4rem;line-height: 2rem}
	.news-list .ahover{padding-bottom: 20px;margin-bottom: 18px}
	.news-list .ahover:hover{padding-bottom:18px;}
	.news .more {margin-top:2px}
}
@media (max-width:750px) {
	.Products {padding-top:32px}
	.Products .tips,.news,.news-list {margin-top:32px}
	.news-list .footer-x{margin-bottom:32px}
	.title .title-en{font-size:3.2rem;line-height:5rem;}
	.title .title-cn{font-size:2rem;line-height:2.6rem;}
	#horizontal .example1 .sly ul li{width:366px}
	#horizontal .example1 .sly .inner{height:213px }
	#horizontal .slyWrap{margin:20px 0;}
	#horizontal .example1 .sly{height:320px}
	#horizontal .example1 .sly .text h3{padding-top: 20px;font-size: 2.8rem;}
	.Products .tips .go{height:36px;border: #e7e7e7 1px dashed;
    line-height:34px;
    border-radius: 26px;
    width: 60px;
    text-align: center;}
    .Products .tips .go:hover{background-color: #033080;color: #fff;border:0;line-height: 36px;}
.Products .tips .more{height:36px;line-height:36px;padding: 0 25px;}
	.about-in{padding: 8% 0}
	.about-in .about-box{
	 flex-wrap: wrap; 
    justify-content: initial;
	}
	.about-in .about-l, .about-in .about-r{width:100%;margin:2% 0}
	
	.news-list .item_block{width: 100%}
	.footer-x .tags a:nth-child(4),.footer-x .tags a:nth-child(5){display: none}
}
@media (max-width:500px) {
	#horizontal .example1 .sly{height:300px}
	#horizontal .slyWrap{margin:15px 0;}
	.Products {padding-top:20px}
	.Products .tips,.news,.news-list {margin-top:20px}
	.about-lxb .about-ht {font-size: 5rem;line-height:5.6rem;}
	.news-list .footer-x{margin-bottom: 20px}
	.title .title-en{font-size:2.6rem;line-height:4.2rem;}
	.title .title-cn{font-size:1.6rem;line-height:2.2rem;}
	.footer-x .tags a:nth-child(3),.footer-x .tags a:nth-child(4),.footer-x .tags a:nth-child(5){display: none}

	
	
}