@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{position: relative;display:flex;height:48px;line-height:48px;align-items:center;}
.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: 76px;background-color: #fff7f7;line-height: 76px;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;}

.linkbox{width: 546px;}
.linkbox ul>li{position: relative;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 .policy em{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;vertical-align: top;overflow:hidden;max-width:calc(100% - 58px);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: 127px;background-color: #fff7f7;text-align: center;line-height: 127px;font-size: 22px;font-weight: bold;}
.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: 814px;}
.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;} */


.g-platform{width: 320px;}
.g-platform li{margin-bottom: 15px;width: 100%;height: 82px;}
.g-platform li a{display: block;}
.g-platform li img{width: 100%;height: 82px}

.m-wstb{margin-bottom: 40px;}


.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 ul{display:flex;justify-content:center;}
.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-phone{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-phone h3{text-align: center; background: url(../images/home/short_5.png) center no-repeat; margin-bottom: 20px;}
.m-phone h3 a{font-family: MicrosoftYaHei-Bold;font-size: 24px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #dc4141;}

.m-phone ul {background: #f5f5f5;margin-top: 30px;padding: 35px;}
.m-phone ul li{float: left;width: 20%;line-height: 40px;padding: 0 5px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
.m-phone ul li:hover{padding-left: 10px;}


.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;}

/* 专题文件弹窗 */
.popbox-title{display: inline-block;max-width: calc(100% - 40px);overflow: hidden;text-overflow: ellipsis;}
.policy{display: inline-block;padding: 0;color:#c90e24;position: relative;cursor: pointer;}
.policybox .policy em{position: absolute;left:50%; transform: translateX(-50%);bottom: 0;height: 13px;width: 21px;background: url(../images/page/arrow.png) left top no-repeat; z-index: 999;  display: none;}
.policybox .policy.active em{ display: block;}
.policybox .popbox{position: absolute; left:5px;  right: 5px;  top: auto !important; z-index: 888;  display: none;}
.policybox .popboxbg{ border-radius: 4px;  box-shadow: 0 0 10px #cecece; background: rgb(255, 255, 255); padding: 6px 15px 12px 20px; }
.policybox .close{ position: absolute; width: 16px; height: 16px; right: 10px; top: 0;font-weight: 100; color:#999;font-size:30px; cursor: pointer;opacity: 1;}
.policybox .close:hover{background-position-y: -16px !important;}
.policybox .popbox h3{font-size: 18px; line-height: 32px; font-weight: bold; color: #c90e24; margin-right: 45px;}
.policybox .popbox ul{ display: block; }
.policybox .popbox li{height: auto; background: none !important;  padding: 5px 0 5px 0 !important;  line-height: 22px;  font-size: 16px; margin: 0 !important;  }
.policybox .popbox li a{width: 100%;color: #333; display: block;font-size:16px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.policybox .popbox li a:hover{color: #c90e24;}
.policybox-zx{ position: relative;}
.policybox-zx .popbox{ left:auto; right: 0; width: 240px;}
.policybox-zx .popbox li a.redlink{ display: inline; color: #c90e24;}
.policybox{ display: inline-block; vertical-align: top;}

/*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) {
    

}