@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    min-width: 1328px;
    background: #3ab0d6
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a:link{
    text-decoration: none;
    color: #fff
}
a:visited{
    text-decoration: none;
    color: #fff
}
a:hover{
    text-decoration: none;
    color: #fff
}
a:active {
    text-decoration: none;
    color: #fff
}

a,
img {
    display: block
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both
}

.both {
    width: 100%;
    overflow: hidden
}

h1,
h2,
h3,
p {
    margin: 0
}

/*不换行加...*/
.t-ellipsis,
.t-ellipsis-1,
.t-ellipsis-2,
.t-ellipsis-3,
.t-ellipsis-4,
.t-ellipsis-5 {
    overflow: hidden;
    text-overflow: ellipsis;
}

.t-ellipsis {
    white-space: nowrap;

}

.t-ellipsis-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.t-ellipsis-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.t-ellipsis-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.t-ellipsis-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.t-ellipsis-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.t-ellipsis-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.t-ellipsis-8 {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.noData {
    text-align: center;
    font-size: 28px;
    width: 380px;
    margin: 0 auto;
    margin-top: 60px;
    line-height: 46px
}

/* add */
.topImg {
    width: 100%;
    height: 743px;
    overflow: hidden;
    background: #3AB0D6;
    position: relative;
}
.topImg img {
    position: relative;
    left: 50%;
    top: 0;
    margin-left: -960px;
    vertical-align: middle;
    width: auto;
}

.title {
    position: relative;
    left: 50%;
    top: 0;
    margin-left: -960px
}

.none {
    display: none
}
.part1{
    width: 100%;
    height: 505px;
    overflow: hidden;
    background: url('https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20211014/part1.jpg') bottom center no-repeat;
 
}
.part1>.con{
    width: 994px;
    height: 351px;
    margin: 0 auto;
    margin-top: 129px;
    background-color: white;
    
}
.con>.text{
    width: 361px;
    margin: 0px 26px;
    float: left;
}
.con>.text>h1{
	font-family: SourceHanSansSC-Bold;
	font-size: 34px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 3px;
	color: #27a4cd;
    margin-top: 33px;
    display: inline-block;
}
.con>.text>span{
    display: inline-block;
	font-family: KannadaSangamMN;
	font-size: 26px;
	line-height: 33px;
	letter-spacing: 11px;
    color: #A9DBEB;
}
.con>.text>p{
    width: 361px;
	height: 242px;
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;
}
.con>.video{
    float: left;
    width: 581px;
	height: 351px;
    background-color: grey;
}
.part2{
    overflow: hidden;
    width: 100%;
    height: 1033px;
    background: url('https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20211014/part2.jpg') bottom center no-repeat;
}
.part2>.swiper{
    width: 1000px;
    height: 860px;
    margin: 0 auto;
    margin-top: 147px;
    position: relative;
}
.part2_con{
    width: 100%;
	height: 250px;
    background-color: white;
    margin-bottom: 21px;
}
.part2_con>img{
    width: 460px;
	height: 250px;
    float: left;
}
.part2_con>.text{
    width: 540px;
    height: 250px;
    float: left;
    padding: 31px 23px 41px 29px;
    box-sizing: border-box;
}
.part2_con>.text>h3{
    font-family: NotoSansHans-Bold;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 19px;
	letter-spacing: 1px;
	color: #333333;
    margin-bottom: 13px;
}
.part2_con>.text>p{
    font-family: NotoSansHans-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 31px;
	letter-spacing: 0px;
	color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.part3{
    overflow: hidden;
    width: 100%;
    height: 603px;
    background: url('https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20211014/part3.jpg') bottom center no-repeat;
}
.part3>.swiper3{
    width: 1000px;
	height: 440px;
    margin: 0 auto;
    margin-top: 146px;
    position: relative;
}
.part3_con{
    width: 1000px;
	height: 384px;
    background-color: white;
}
.part3_con div{
    float: left;
}
.con_left>img{
    width: 480px;
	height: 384px;
	background-color: #0293df;
    float: left;
}
.con_right{
    width: 520px;
    height: 384px;
}
.con_right>img{
    width: 100%;
	height: 238px;
    background-color: turquoise;
}
.con_right>.text{
    padding: 11px 20px 24px 21px;
}
.con_right>.text>.h3{
	font-family: SourceHanSansSC-Medium;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #333333;
    margin-bottom: 6px;
}
.con_right>.text>p{
	font-family: SourceHanSansSC-Regular;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #666666;
}
.part4{
    overflow: hidden;
    width: 100%;
    height: 811px;
    background: url('https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20211014/part4.jpg') bottom center no-repeat;
}
.mSlider_nav_circle:before,.mSlider_nav_circle:after,.mSlider_nav_circle {
    background: none;
}
.mSlider_nav_circle li{
    background: none;
    border: 2px solid white;
    border-radius: 50%;
    margin-left: 21px;
}
.mSlider_nav_circle .current{
    background: white;
    border: 2px solid white;
    border-radius: 50%;
}

.part5{
    overflow: hidden;
    width: 100%;
    height: 547px;
    background: url('https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20211014/part5.png') bottom center no-repeat;
}
.part5_con{
    width: 1001px;
    height: 361px;
    margin: 0 auto;
    margin-top: 141px;
    background-color: white;
}
.part5_con>img{
    width: 224px;
	height: 361px;
    float: left;
}
.des{
    float: left;
    width: 329px;
	height: 361px;
    padding: 36px 49px 31px 21px;
    box-sizing: border-box;
    position: relative;
}
.des>p{
    font-family: NotoSansHans-Regular;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
}
.des>.h3{
    font-family: NotoSansHans-Bold;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #333333;
    margin-bottom: 13px;
}
.des>a>button{
    background: url('https://file.40017.cn/img140017cnproduct/cn/s/2021/zt/touch/20211014/btn1.png') bottom center no-repeat;
    width: 130px;
	height: 38px;
    background-size: 100% 100%;
    background-color: transparent;
    border: none;
    position: absolute;
    bottom: 31px;
    left: 23px;
}