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

/*home*/
.m-tit{text-align: center;position: relative;margin: 45px 0 60px;}
.m-tit a{font-size:32px;font-weight:bold;color:#d00c0d}
.m-tit a:after{content: '';display: block;width:84px;height: 6px;background: #d00c0d;position: absolute;left:50%;margin-left:-42px;bottom:-20px}

.m-tabstyle{display: flex;justify-content: center;margin-bottom:30px;}
.m-tabstyle li{float:left;margin-right: 24px;}
.m-tabstyle li:last-child{margin-right: 0;}
.m-tabstyle li a{display:block;width:244px;height:58px;border-radius:29px;background-color:#f5f5f5;color:#000;text-align:center;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:22px;font-family:MicrosoftYaHei;line-height:58px;}
.m-tabstyle li a.u-center{width:280px;}
.m-tabstyle li.u-active a{background:#d00c0d;color:#fff;}
.m-tabstyle-jt li a{width:auto;padding:0 40px}

.m-energy{margin-top:52px;}
.g-energy,.g-traffic{width:598px;height:250px;border-radius:12px;background-color:#dbf8ff;}
.g-energy{display:flex;padding-left:37px;background:url(../images/home/sdq.png) center no-repeat;align-items:center;}
.g-energy ul{padding-left:18px;}
.g-energy li{float:left;margin-left:58px;}
.g-energy li a{display:block;text-align:center;}
.g-energy li p{padding-top:30px;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:28px;font-family:MicrosoftYaHei-Bold;}
.g-energy li:nth-child(1) p{color:#3db764;}
.g-energy li:nth-child(2) p{color:#4c84ff;}
.g-energy li:nth-child(3) p{color:#7a48dd;}
.g-traffic{display:flex;padding-left:37px;background:url(../images/home/jt.png) center no-repeat;align-items:center;}
.g-company{padding-left:32px;}
.g-company li h3{color:#ed8116;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei-Bold;line-height:52px;}
.g-company li a{display:block;width:273px;height:39px;border-radius:20px;background:rgba(255,255,255,.47);color:#333;text-align:center;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:16px;font-family:MicrosoftYaHei;line-height:39px;}

.m-short{background: url(../images/home/short.png) center center no-repeat;text-align: center;margin: 76px 0 39px;}
.m-short a{color:#0762cb;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:30px;font-family:MicrosoftYaHei-Bold;}
.m-openness li{float:left;margin-right:32px;}
.m-openness li:last-child{margin-right:0;}
.m-openness li a{display:block;width:286px;height:80px;border-radius:6px;background:url(../images/home/openness.png) center no-repeat;color:#fff;text-align:center;letter-spacing:0;font-weight:700;font-stretch:normal;font-size:24px;font-family:MicrosoftYaHei-Bold;line-height:80px;}



.m_swiper_list li{float:left;width: 388px;margin-right:38px;background: #f3f8fc;position: relative;}
.m_swiper_list li img{display: block;width: 100%;height:316px;}
.m_swiper_list li h2{font-size: 18px;color:#0e44b0;height:68px;overflow: hidden;line-height: 28px;margin-top:5px}
.m_swiper_list li p{position:absolute;bottom:0;left:0;width:100%;height:54px;background:rgba(0,0,0,.5);color:#fff;text-align:center;letter-spacing:0;font-weight:400;font-stretch:normal;font-size:18px;font-family:MicrosoftYaHei;line-height:54px;}
.m_swiper_list .prev,.m_swiper_list .next{ position:absolute;display: inline-block; width: 50px;height: 104px;border-radius: 0;cursor: pointer;transform: translateY(-50px);}
.m_swiper_list .prev{background: url(../images/public/left_1.png) #f5f5f5 no-repeat center;left:-70px;top:50%;}
.m_swiper_list .next{background: url(../images/public/right_1.png) #f5f5f5 no-repeat center;right:-70px;top:50%;}
.m_swiper_list .prev:hover{background: url(../images/public/left.png) #d00c0d no-repeat center;}
.m_swiper_list .next:hover{background: url(../images/public/right.png) #d00c0d no-repeat center;}


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

}