/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;overflow-x: hidden;font-family: "微软雅黑";}
a { text-decoration: none; color: #333;}
p{color: #434343;}
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
em{font-style: normal; font-weight: normal}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
input,textarea,select{outline: none;border: 0;}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{max-width:1520px; margin:0 auto;width: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left !important;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff !important;}
strong{ font-weight: bold;}
i{font-style: normal;}
.m{ margin: 0 auto;}
.blue{color:#0056a1;}
/* CSS Document */


/* 联系我们 */
.contact-banner{background: url(../images/contact-banner.jpg)no-repeat center;background-size: cover;}
.xny{background: url(../images/xny-banner.jpg)no-repeat center;background-size: cover;}
.yfsl{background: url(../images/yfsl-banner.jpg)no-repeat center;background-size: cover;}
.fwbz{background: url(../images/fwbz-banner.jpg)no-repeat center;background-size: cover;}
.contact-banner .title{padding: 20px 0 0; height: 160px;}
.contact-banner .title em{font-size: 36px;color: #ffffff;font-weight: bold;}
.contact-banner .title p{font-size: 16px;color: #ffffff;margin-top: 1%;}
.contact-banner .title p a {color: #ffffff;}
.contact{margin-bottom: 5%;}
.contact .title{text-align: center;margin-top: 4%;margin-bottom: 3%;}
.contact .title em{font-size: 30px;color: #0471c4;font-weight: bold;line-height: 45px;}
.contact .title p{font-size: 14px;text-transform: uppercase;color: #5d5d5d;}
.contact .title i{display: block;margin: auto;width: 70px;height: 2px;background: #0471c4;margin-top: 0.7%;}
.contact dl{overflow: hidden;margin-bottom: 7%;}
.contact dl dt{margin-bottom: 4%;}
.contact dl dt em{font-size: 20px;color: #2b2b2b;font-weight: bold;}
.contact dl dt p{font-size: 12px;color: #999999;font-family: Arial;text-transform: uppercase;}
.contact dl dd{float: left;font-size: 16px;color: #333333;width: calc(100% / 3);line-height: 60px;}

/* 分页 */
.pagination{display: flex;justify-content: center;}
.page{text-align: center;font-size: 0;margin-top: 2%;}
.page a{display: inline-block;*display: inline;*zoom: 1;margin: 0 8px;height: 44px;line-height: 44px;border: 1px solid #000b27;font-size: 16px;color: #000b27;padding: 0 18px;position: relative;}
.page a.num{padding: 0 17px;}
.page a.prev{margin-right: 66px;}
.page a.next{margin-left: 66px;}
.page a.prev::before,.page a.next::before{content: "";width: 56px;height: 1px;background: #000b27;position: absolute;top:50%;}
.page a.prev::before{right: -66px;}
.page a.next::before{left: -66px;}
.page a.on , .page a:hover{background: #489eff;border-color: #489eff;color: #fff;}

/* 能源汽车详情 */
.energy-xq{overflow: hidden;border-bottom: 1px solid #999999;padding-bottom: 8%;margin-bottom: 4%;position: relative;}
.energy-xq .title{text-align: center;border-bottom: 2px solid #eeeeee;padding-bottom: 0.8%;margin-top: 3%;margin-bottom: 3.5%;}
.energy-xq .title em{font-size: 20px;color: #2b2b2b;font-weight: bold;}
.energy-xq .title p{margin-top: 1.2%;}
.energy-xq .title p > span{font-size: 14px;color: #999999;padding-left: 20px;}
.energy-xq .title p > span:nth-child(1){background: url(../images/data-icon.png)no-repeat center left;margin-right: 35px;}
.energy-xq .title p > span:nth-child(2){background: url(../images/eye-icon.png)no-repeat center left}
.energy-xq .xq-content{text-align: center;}
.energy-xq .xq-content p{font-size: 16px;color: #999999;margin-bottom: 1.5%;margin-top: 3%;}
.energy-xq .xq-content img{display: block;margin: auto;}
.energy-xq .fh{width: 100px;height: 34px;line-height: 34px;text-align: center;font-size: 14px;color: #999999;border: 1px solid #999999;position: absolute;right: 0;bottom: 3%;}

/* 新能源汽车 */
.energy{clear: both;margin-bottom: 6%;}
.energy .title{text-align: center;margin-top: 3%;margin-bottom: 6%;}
.energy .title em{font-size: 30px;color: #0471c4;font-weight: bold;line-height: 45px;}
.energy .title p{font-size: 14px;text-transform: uppercase;color: #5d5d5d;}
.energy .title i{display: block;margin: auto;width: 70px;height: 2px;background: #0471c4;margin-top: 0.7%;}
.energy > ul{display: flex;justify-content: space-between;flex-wrap: wrap; margin-bottom: 5%;}
.energy > ul li{width: calc(100% / 3 - 4.4%);position: relative;overflow: hidden;padding-bottom: 68px;}
.energy > ul li .pic{overflow: hidden; position: relative; width: 100%;height: 0;padding-bottom: 69.85%;}
.energy > ul li .pic img{position: absolute; display: block;width: 100%; height: 100%;  object-fit: cover;  transition: 0.4s;}
.energy > ul li:hover .pic img{transform: scale(1.1);}
.energy > ul li .name{position: absolute;left: 0;bottom: -51px;width: 100%;transition: 0.4s;}
.energy > ul li .name p{text-align: center;font-weight: bold;font-size: 20px;color: #2b2b2b;line-height: 68px;background: #c9c9c9;transition: 0.2s;}
.energy > ul li .name a{display:block; background: url(../images/energy-arrow.png)no-repeat center right 10% #489eff;border-top: 1px solid #fff;line-height: 50px;text-transform: uppercase;color: #fff;font-size: 14px;padding-left: 10%;}
/* :hover */
.energy ul li:hover .name{bottom: 0;}
.energy ul li:hover .name p{line-height: 50px;background: #489eff;color: #fff;}


/* 研发实验室 */
.laboratory{clear: both;margin-bottom: 4%;}
.laboratory .title{text-align: center;margin-top: 3%;margin-bottom: 3%;}
.laboratory .title em{font-size: 30px;color: #0471c4;font-weight: bold;line-height: 45px;}
.laboratory .title p{font-size: 14px;text-transform: uppercase;color: #5d5d5d;}
.laboratory .title i{display: block;margin: auto;width: 70px;height: 2px;background: #0471c4;margin-top: 0.7%;}
.laboratory-content{clear: both;overflow: hidden;}
.laboratory-content span{font-size: 16px;color: #333333;line-height: 32px;}
.laboratory-content dl{margin-top: 2%;margin-bottom: 4%;clear: both;overflow: hidden;}
.laboratory-content dt{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 2%;}
.laboratory-content dd{float: left;width: calc(100% / 3 - 3.3%);margin-right: 4.8%; margin-bottom: 20px;}
.laboratory-content dd:nth-of-type(3n){margin-right: 0;}
.laboratory-content dd .pic {width: 100%;height: 0;padding-bottom: 61.099%;position: relative;border: 1px solid #eeeeee;}
.laboratory-content dd img{position: absolute; display: block;width: 75%; height: 75%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.laboratory-content dd p{text-align: center;font-size: 20px;color: #666666;font-weight: bold;margin-top: 5%;}

/* 研发团队 */
.team{}
.team .title{text-align: center;margin-top: 3%;margin-bottom: 3%;}
.team .title em{font-size: 30px;color: #0471c4;font-weight: bold;line-height: 45px;}
.team .title p{font-size: 14px;text-transform: uppercase;color: #5d5d5d;}
.team .title i{display: block;margin: auto;width: 70px;height: 2px;background: #0471c4;margin-top: 0.7%;}
.team .team-content{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 7%;}
.team .team-content p{font-size: 16px;color: #333333;line-height: 32px;}
.team .team-content dd{margin-top: 3.5%;}
.team .team-content dd img{display: block;width: 100%;}
.team .team-content dd p{font-weight: bold;font-size: 20px;color: #2b2b2b;text-align: center;margin-top: 5%;margin-bottom: 2%;}

/* 服务保障 */
.Assure{}
.Assure .title{text-align: center;margin-top: 3%;}
.Assure .title em{font-size: 30px;color: #0471c4;font-weight: bold;line-height: 45px;}
.Assure .title p{font-size: 14px;text-transform: uppercase;color: #5d5d5d;}
.Assure .title i{display: block;margin: auto;width: 70px;height: 2px;background: #0471c4;margin-top: 0.7%;}
.Assure ul h4{font-size: 20px;color: #2b2b2b;font-weight: bold;display: block;margin-top: 5%;width: 100%;text-align: center;margin-bottom: 3%;}
.Assure ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.Assure ul li{width: calc(100% / 3 - 2.7%);margin-bottom: 3.5%;}
.Assure ul li img{display: block;width: 100%;}

/* 国内客户 */
.client{margin-bottom: 8.5%;}
.client .title{text-align: center;margin-bottom: 4.5%;}
.client .title em{font-size: 20px;color: #2b2b2b;font-weight: bold;}
.client .title i{display: block;width: 70px;height: 2px;background: #0471c4;margin:auto;margin-top: 1.5%;}
.client-content{margin-bottom: 4%;}
.client ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.client ul li{display: flex;width:calc(100% / 2 - 3.9%);justify-content: space-between;background: url(../images/sanj-icon.png)no-repeat bottom right #eeeeee;box-shadow: -5px 0px 10px 0px rgba(0, 42, 71, 0.18);line-height: 60px;padding:0% 2.3%;margin-bottom: 2.5%;}
.client ul li em{font-size: 16px;color: #2b2b2b;font-weight: bold;}
.client ul li p{font-size: 16px;color: #999999;font-weight: bold;}


/* 营销网络 */
.network{margin-bottom: 5%;}
.network .title{text-align: center;margin-top: 3%;margin-bottom: 4%;}
.network .title em{font-size: 30px;color: #0471c4;font-weight: bold;line-height: 45px;}
.network .title p{font-size: 14px;text-transform: uppercase;color: #5d5d5d;}
.network .title i{display: block;margin: auto;width: 70px;height: 2px;background: #0471c4;margin-top: 0.7%;}
.network .china{background: #c5c5c5;text-align: center;padding: 4.8% 0%;}

/* 招贤纳士 */
.jobList .dl{margin-bottom: 10px;}
.jobList .dl .dt{padding: 32px 150px 32px 60px;position: relative;background: #dcdcdc;cursor: pointer;}
.jobList .dl.odd .dt{background: #eeeeee;}
.jobList .dl .dt h5{font-size: 20px;line-height: 33px;color: #000b27;font-weight: normal;margin-bottom: 1%;}
.jobList .dl .dt .info{font-size: 16px;line-height: 30px;color: #999999;}
.jobList .dl .dt .info span{margin-left: 96px;padding-left: 30px;position: relative;transition:0.4s;}
.jobList .dl .dt .info span:first-child{margin-left: 0;}
.jobList .dl .dt .info span.span2{padding-left: 20px;}
.jobList .dl .dt .info span.span3{padding-left: 24px;}
.jobList .dl .dt .info span:before{content: "";width: 22px;height: 18px;position: absolute;left: 0;top:50%;margin-top: -9px;background: url(../images/jobIcon.png)no-repeat left top; transition:0.4s;}
.jobList .dl .dt .info span.span2:before{background-position: -22px 0;transition:0.4s;}
.jobList .dl .dt .info span.span3:before{background-position: -44px 0;transition:0.4s;}
.jobList .dl .dt i{width: 36px;height: 36px;position: absolute;right: 60px;top:50%;margin-top: -18px;background: #a0a0a0;border-radius: 50%;text-align: center;line-height: 36px;font-size: 20px;color: #444444;font-weight: bold;font-family: "SimSun";
-webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg);
}
.jobList .dl .dd{display: none;-webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);}
.jobList .dl .dd .wrap{padding: 30px 60px;font-size: 16px;line-height: 36px;color: #999999;}
.jobList .dl .dd .wrap *{max-width: 100% !important;}
.jobList .dl .dd .wrap h4{margin-bottom: 10px;line-height: 40px;font-size: 20px;color: #2b2b2b;font-weight: bold;}
.jobList .dl .dd .wrap .p{margin-bottom: 22px;font-size: 16px;color: #666666;line-height: 32px;}
.jobList .dl .dd .wrap .information{margin-top: 10%;margin-bottom: 2%;}
.jobList .dl .dd .wrap .information p{font-size: 16px;color: #666666;line-height: 60px;}
.jobList .dl.on{margin-bottom: 10px;}
.jobList .dl.on .dt{background: #5960da;}
.jobList .dl.on .dt h5,.jobList .dl.on .dt .info{color: #ffffff;}
.jobList .dl.on .dt .info span:before{background-position-y: bottom;}
.jobList .dl.on .dt i{-webkit-transform: rotateZ(270deg); -moz-transform: rotateZ(270deg); -ms-transform: rotateZ(270deg); transform: rotateZ(270deg);
-webkit-box-shadow: 5px 0 0px 0px rgba(255, 255, 255, 0);box-shadow: 5px 0 0px 0px rgba(255, 255, 255, 0);
background: #ffffff;color: #4c5162;}


/* 培养人才 */
.talent{margin-bottom: 5%;}
.talent .title{text-align: center;margin-top: 3%;margin-bottom: 4%;}
.talent .title em{font-size: 30px;color: #0471c4;font-weight: bold;line-height: 45px;}
.talent .title p{font-size: 14px;text-transform: uppercase;color: #5d5d5d;}
.talent .title i{display: block;margin: auto;width: 70px;height: 2px;background: #0471c4;margin-top: 0.7%;}
.talent-content{width: 100%;}
.talent-content > .pic {display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom: 30px;}
.talent-content img{display: inline-block;}
.talent-content p{font-size: 16px;color: #333333;line-height: 32px;}