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

/*home*/
.m-favour{margin: 20px 0 20px;background-color: #ffffff;padding: 30px;}

.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) #f5fbff left center no-repeat;}
.m-tabstyle ul.active_2{background: url(../images/home/qi.png) #f5fbff right center no-repeat;}
.m-tabstyle li{float:left;width: 50%;}
.m-tabstyle li a{position: relative; display:block;color: #167be3;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;height:280px;border:solid 1px #167be3;border-top:4px solid #167be3;background-color:#fff;}
.m-liststyle li{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:#eb0606;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;}

.m-hot{margin: 20px 0; background-color: #fff;padding:20px 30px;}
.g-hot{width: 870px;}
.hot-title{text-align: left; margin-bottom: 20px;border-bottom:1px solid #ddd;padding-bottom:20px}
.hot-title a{font-size: 24px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #167be3;}

.m-liststyle-1 li{display:flex;height:55px;line-height:55px;align-items:center;padding-left: 39px;}
.m-liststyle-1 li a.u_file{display:inline-block;margin-left:5px;color:#eb0606;font-size: 18px;}
.m-liststyle-1 li a.u_tit{display:inline-block;overflow:hidden;max-width:77%;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:16px;background: url(../images/icon/redu.png) #f4f4f4 left 13px center no-repeat;text-indent: 38px;color: #eb0606;}
.m-liststyle-1 li:nth-child(1){background: url(../images/icon/1.png) top 15px left no-repeat;}
.m-liststyle-1 li:nth-child(2){background: url(../images/icon/2.png) top 15px left no-repeat;}
.m-liststyle-1 li:nth-child(3){background: url(../images/icon/3.png) top 15px left no-repeat;}
.m-liststyle-1 li:nth-child(4){background: url(../images/icon/4.png) top 15px left no-repeat;}
.m-liststyle-1 li:nth-child(5){background: url(../images/icon/5.png) top 15px left no-repeat;}

.g-platform{width: 280px;}
.g-platform li{margin-bottom: 15px;width: 100%;height: 80px;}
.g-platform li img{width: 100%;height: 80px}

.m-illustration{height: 485px;background-color: #ffffff;padding: 20px 30px;}

.g-special{position: relative;width: 100%;margin-top: 25px;}
.g-special li{float:left;display:flex;box-sizing:border-box;margin-right:25px;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:20px 0;padding:20px 30px;background-color:#fff;}


.m-tabstyle-2 li{float:left;width:210px;height: 48px;background-color: #fafafa;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:18px;line-height:48px;text-align: center;}
.m-tabstyle-2 li.u-active a{background-color: #167be3;color:#fff;font-weight:bold}

.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-servelist{padding-bottom:0}
.m-servelist ul{margin:0 -10px;overflow: hidden;}
.m-servelist li{float:left;width:33.33%;padding:0 10px;margin-bottom:20px}
.m-servelist li a{display: flex;background: #fafafa;height: 80px;justify-content: left;align-items: center;padding-left:35px}
.m-servelist li span{font-weight: bold;font-size: 20px;margin-left:20px}
.m-servelist li:nth-child(1) a,.m-servelist li:nth-child(4) a{padding-left:90px}
.m-servelist li:nth-child(3) a,.m-servelist li:nth-child(6) a{padding-left:60px}
.m-servelist li:hover img{transform: rotate(180deg);transition: all .3s linear;}
.m-servelist li:last-child:hover img{transform: none}


.m-jdlist{overflow: hidden;}
.m-jdlist-left{width:196px}
.m-jdlist-left li{height:78px;line-height: 78px;margin-bottom:10px;position: relative;}
.m-jdlist-left li a{font-size: 18px;display: block;background: #fafafa;padding-left:20px;}
.m-jdlist-left li.u-active a{background-color: #167be3;color:#fff}
.m-jdlist-left li i{position: absolute;right:0;top:50%;margin-top:-9px;transition: all .3s linear;}
.m-jdlist-left li.u-active i{width:10px;height: 18px;right:-10px;display: block;background: url(../images/home/row.png) center no-repeat; }

.m-jdlist-right{border:none;width:950px;padding:0;height: auto}
.m-jdlist-right li{display:block;border-bottom:1px dashed #ddd;height:auto;line-height: 30px;padding:15px 0}
.m-jdlist-right li  a{float:left;font-size: 18px}
/* .m-jdlist-right li a.u_tit{max-width: 100%} */
.m-jdlist-right li span{font-size: 16px;color:#999;margin-right:33px}
.m-jdlist-right li:first-child{padding-top:0}

.zcxj-left{width:380px}
.zcxj-right{width:780px;float: right;}
.zcxj-right .m-liststyle{border: none;padding:0}
.zcxj-right .m-liststyle{height:auto}
/* 轮播 */
.m-flash{position: relative;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 230px;}
.g-flash img{display: block; width: 100%;transition: all linear .3s }
.g-flash img:hover{transform: scale(1.1);}
.g-flash li,.g-flash li a{position: relative;}
.g-flash li a{display: block;}
.g-flash li p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 108px 0 18px; line-height: 56px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; color: #fff;background: url(../images/page/bg-op50.png) repeat;}
.m-flash .hd{position: absolute; right: 20px; bottom: 22px;}
.m-flash .hd ul li{float: left; margin-left: 10px; width: 10px; height: 10px;  background: #76706c;border-radius:10px}
.m-flash .hd ul li.on{background: #fff;}


.m-zjjdList{margin-top:30px}
.m-zjjdList li{float:left;margin:0 14px 20px 0;width:285px;height:200px}
.m-zjjdList li a{position:relative;display:block}
.m-zjjdList li a img{position:absolute;bottom:35px;right:20px}
.m-zjjdList li a p{padding:25px 20px;height:230px;background:url(../images/home/zjjd.png) top center no-repeat;font-family:MicrosoftYaHei;font-size:20px;font-weight:400;font-stretch:normal;line-height:36px;letter-spacing:0;color:#fff}
.m-zjjdList li a p span{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical}

/*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 ){
    .m-servelist li,.m-jdlist-right,.m-jdlist-left,.zcxj-right,.zcxj-left{width:100%}
    .m-servelist li a{padding-left:0!important}
    .m-jdlist-right li a.u_tit{width:90%!important}
    .m-hot{padding:10px}
    .m-liststyle li a.u_file,.m-jdlist-right li span,.m-liststyle li span,.m-liststyle-1 li a.u_file,.m-liststyle-1 li a.u_tit,.m-liststyle li a.u_tit{font-size:14px}
	

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


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

}