@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan 
 */

 .clear{margin:0; overflow:hidden; visibility:hidden; font-size: 0; content: "."; clear: both; height: 0; padding:0;}
.clearfix:after{visibility:hidden; display: block; font-size: 0; content:" "; clear:both; height:0;}


/*home*/
.m-favour{margin: 42px 0 40px;background-color: #ffffff;padding: 30px 20px;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}

.m-tabstyle{display: flex;justify-content: center;}
.m-tabstyle ul{width: 558px;height: 76px;border-radius: 50px;display: flex;justify-content: center;}
.m-tabstyle ul.active_1{background: url(../images/home/ming.png) #fff0f0 left center no-repeat;}
.m-tabstyle ul.active_2{background: url(../images/home/qi.png) #fff0f0 right center no-repeat;}
.m-tabstyle li{float:left;width: 50%;}
.m-tabstyle li a{position: relative; display:block;color: #dc4141;letter-spacing:0;font-weight:bold;font-size:24px;font-family:MicrosoftYaHei-Bold;line-height:76px;text-align: center;}
.m-tabstyle li.u_active a{color: #fff;}

.m-tabstyle-1 {padding: 38px 0 26px;}
.m-tabstyle-1 ul{display:flex;align-items:center;justify-content:space-between;}
.m-tabstyle-1 ul li{width:10%;text-align:center;}
.m-tabstyle-1 ul li p{margin:0 auto 14px;padding-top:16px;width:60px;height:70px;background:url(../images/home/pink.png) center no-repeat;}
.m-tabstyle-1 ul li span{color:#333;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:18px;font-family:MicrosoftYaHei;}
.m-tabstyle-1 ul li.u-active a:hover{color:#333;}
.m-tabstyle-1 ul li.u-active p{background:url(../images/home/red.png) center no-repeat;}
.m-tabstyle-1 ul li.u-active span{font-weight:700;}

.m-liststyle{padding:20px;border:solid 1px #dc4141;border-top:4px solid #dc4141;background-color:#fff;}
.m-liststyle li{display:flex;height:48px;line-height:48px;align-items:center;position: relative;}
.m-liststyle li span{display:inline-block;margin-left:auto;color:#999;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:18px;font-family:MicrosoftYaHei;}
.m-liststyle li a.u_file{display:inline-block;margin-left:5px;color:#dc4141;font-size: 18px;}
.m-liststyle li a.u_tit{display:inline-block;overflow:hidden;max-width:85%;font-size: 18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.m-liststyle li a.u_tit:hover{padding-left:5px;}

.xxbox{width: 100%;box-sizing: border-box;}
.xxbox .titlist li{width: 195px;height: 104px;background-color: #fff7f7;line-height: 104px;padding-left: 20px;box-sizing: border-box;font-size: 18px;position: relative;margin-bottom: 10px;}
.xxbox .titlist li:last-child{margin-bottom: 0;}
.xxbox .titlist li.active a{color: #fff;}
.xxbox .titlist li.active{background-color: #dc4141;}
.xxbox .titlist li.active::before{content: '';width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #dc4141;position: absolute;top: 21px;right: -10px;}

.xxbox .titlist li:last-child{line-height: 30px;padding-top: 24px;}

.linkbox{width: 546px;}
.linkbox ul li{width: 100%;border-bottom: 1px dashed #ddd;box-sizing: border-box;padding-bottom: 10px;margin-bottom: 19px;}
.linkbox ul li a{margin-bottom: 10px;}
.linkbox ul li a{float: left;}
.linkbox ul li p{font-size: 16px;color: #999;}
.linkbox ul li a.u_file{display:inline-block;margin-left:5px;color:#dc4141;font-size: 18px;}
.linkbox ul li a.u_tit{display:inline-block;overflow:hidden;max-width:90%;font-size: 18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.linkbox ul li a.u_tit:hover{padding-left:5px;}
.linkboxs{width: 349px;height: 80px;background-color: #fff7f7;text-align: center;line-height: 80px;font-size: 22px;}
.linkboxs a{color: #dc4141;}



.m-hot{ height: 332px;margin: 40px 0; background-color: #fff;padding: 20px;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}
.g-hot{width: 778px;}
.g-hot>h3{text-align: center; background: url(../images/home/short.png) center no-repeat; margin-bottom: 20px;}
.g-hot>h3 a{font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #dc4141;}

.m-liststyle-1 li{display:flex;height:48px;line-height:48px;align-items:center;padding-left: 39px;}
.m-liststyle-1 li a.u_file{display:inline-block;margin-left:5px;color:#dc4141;font-size: 18px;}
.m-liststyle-1 li a.u_tit{display:inline-block;overflow:hidden;max-width:70%;font-size: 18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.m-liststyle-1 li a.u_tit:hover{padding-left:5px;}
.m-liststyle-1 li>span{ display:inline-block; margin-left:auto; color:#999;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;width: 96px;height: 32px;line-height: 32px;border-radius: 21px 16px 16px 0px;background: url(../images/icon/redu.png) #fff7f7 left 13px center no-repeat;text-indent: 38px;color: #dc4141;}
.m-liststyle-1 li:nth-child(1){background: url(../images/icon/1.png) top 7px left no-repeat;}
.m-liststyle-1 li:nth-child(2){background: url(../images/icon/2.png) top 7px left no-repeat;}
.m-liststyle-1 li:nth-child(3){background: url(../images/icon/3.png) top 7px left no-repeat;}
.m-liststyle-1 li:nth-child(4){background: url(../images/icon/4.png) top 7px left no-repeat;}
.m-liststyle-1 li:nth-child(5){background: url(../images/icon/5.png) top 7px left no-repeat;}

.g-platform{width: 349px;}
.g-platform li{margin-bottom: 15px;width: 167px;height: 80px;}
.g-platform li img{width: 167px;height: 80px}
.g-platform li:nth-child(odd){float: left;}
.g-platform li:nth-child(even){float: right;}
.g-platform li:nth-child(5) img{width: 349px;height: 80px;}

.m-illustration{height: 485px;background-color: #ffffff;padding: 20px 20px;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}
.m-illustration h3{text-align: center; background: url(../images/home/short_1.png) center no-repeat; margin-bottom: 20px;}
.m-illustration h3 a{font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #dc4141;}

.g-special{position: relative;width: 100%;margin-top: 25px;}
.g-special li{float:left;display:flex;box-sizing:border-box;margin-right:20px;width:275px!important;align-items:center;justify-content:center;}
.g-special li img{width: 275px;height: 383px;object-fit: cover;}
.g-special li:last-child{margin-right: 0;}




.m-through{margin:50px 0;padding:20px 18px 30px 18px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.08);}
.m-through h3{text-align: center; background: url(../images/home/short_2.png) center no-repeat; margin-bottom: 20px;}
.m-through h3 a{font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #dc4141;}

.m-tabstyle-2{margin: 20px 0 15px 0;}
.m-tabstyle-2 li{float:left;width: 282px;height: 48px;background-color: #fff0f0;margin-right: 11px;}
.m-tabstyle-2 li:last-child{margin-right: 0;}
.m-tabstyle-2 li a{display:block;color:#3d3d3d;letter-spacing:0;font-weight:normal;font-size:16px;font-family:MicrosoftYaHei-Bold;line-height:48px;text-align: center;}
.m-tabstyle-2 li.u-active a{background-color: #dc4141;color:#fff;}


.m-form{display:flex;padding-top:5px;align-items:center;position: relative;z-index: 5;}
.m-form select{margin-right:10px;width:134px;height:36px;border:solid 1px #ddd;background-color:#fff;}
.m-form button{width:68px;height:36px;outline:0;border:none;background-color:#ff8a00;color:#fff;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;}

#interpretList{height: 410px;width: 100%;}


.m-lctrctvts{height: 351px;padding: 20px;box-shadow: 0 0 8px 0 rgba(0,0,0,.08);background-color: #ffffff;}
.m-lctrctvts h3{text-align: center; background: url(../images/home/short.png) center no-repeat; margin-bottom: 28px;}
.m-lctrctvts h3 a{font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #dc4141;}

.g-lctrrttn{width: 380px;height: 256px;}
.g-lctrrttn,.g-lctrrttn .owl-item,.g-lctrrttn img{height: 256px;}
.g-lctrrttn img{display: block; width: 100%;}
.g-lctrrttn .owl-item,.g-lctrrttn .owl-item a{position: relative;}
.g-lctrrttn .owl-item a{display: block;}
.g-lctrrttn .owl-item p{position: absolute; left: 0; right: 0; bottom: 0;width: 100%; padding: 0 108px 0 18px; line-height: 60px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); font-size: 16px; color: #fff;}
.g-lctrrttn .owl-pagination{position: absolute; right: 18px; bottom: 26px;}
.g-lctrrttn .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-lctrrttn .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: rgba(255, 255, 255,.6);border-radius: 100%; }
.g-lctrrttn .owl-pagination .active span{border-radius: 5px;background: #fff;}


.m-lctrlst{padding-top: 5px;}
.m-lctrlst li{height: 48px; line-height: 48px;position: relative;padding-left: 10px;}
.m-lctrlst li span{float: right; padding-left: 10px; font-size: 18px; color: #999;}
.m-lctrlst li a{display: block;overflow: hidden; font-size: 18px;word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-lctrlst li a:hover{padding-left: 3px;}



/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    

}
/*pad md*/
@media screen and (max-width: 991px ){
	

}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}