@charset "utf-8";

/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea { margin: 0; padding: 0; }
body { font-size: 14px; font-family: "微软雅黑", "Arial", Verdana, Arial, Helvetica, sans-serif; padding-top: 1px; background: #fff; }
li, ol { list-style: none; }
ins { text-decoration: none; }
i, em { font-style: normal; }
a { text-decoration: none; font-family: "微软雅黑"; }
a:hover { cursor: pointer; text-decoration: none; }
a:active { star: expression(this.onFocus=this.blur()); }
:focus { outline: 0; }
.clear { clear: both; line-height: 0px; overflow: hidden; zoom: 1; font-size: 0px; content: '.'; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
img { padding: 0; margin: 0; }
a img { border: none; }
input, textarea { border: none; font-family: "微软雅黑"; font-size: 13px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; font-family: "微软雅黑"; }
.fl { float: left; }
.fr { float: right; }

/* -- 页面整体布局 -- */
.wrap { min-width: 320px; max-width: 640px; margin: 0 auto; overflow: hidden; position: relative; font-family: "微软雅黑"; }

/*网站首页宽度*/
.wrap img { display: block; width: 100%; }

/*标题*/
h2, h2 a { font-size: 1.8rem; text-align: center; line-height: 100%; color: #333; font-weight: bold; }
h2 span { display: block; font-size: 1.1rem; color: #333; line-height: 2.4rem; font-weight: normal; }
h2 a:hover { color: #333; }

/*广告*/
.ban { position: relative; z-index: 3; width: 100%; overflow: hidden; }
.ban img { display: block; width: 100%; }
.ban .swiper-pagination { bottom: 1.2rem; }
.ban .swiper-pagination-bullet { background: #fff; opacity: .5; width: .7rem; height: .7rem; margin: 0 .5rem !important; }
.ban .swiper-pagination-bullet-active { border-radius: 0.35rem; opacity: 1; }

/*优势*/
.advantage { background: url(../images/bg_adv.jpg) no-repeat center top; background-size: 100% 100%; padding-top: 3.65rem; padding-bottom: 2.4rem; }
.advantage h2 a { font-size: 2.3rem; }
.advantage h2 span { font-size: 1.2rem; line-height: 2.2rem; }
.advantage p { text-align: center; font-size: 1.1rem; color: #666; line-height: 1.6rem; padding: .8rem 1rem 1.4rem; }
.advantage ul { overflow: hidden; padding: 0 1rem; }
.advantage ul li { font-size: 1rem; color: #333; line-height: 1.4rem; text-align: center; float: left; margin-bottom: 1.5rem; }
.advantage ul li span { display: block; font-size: .85rem; padding-bottom: .3rem; }
.advantage ul li span em { font-size: 2.9rem; line-height: 100%; display: inline-block; vertical-align: bottom; font-weight: bold; color: #f0a30d; }
.advantage ul li:nth-child(1), .advantage ul li:nth-child(4) { width: 21%; padding-right: 7.5%; }
.advantage ul li:nth-child(2), .advantage ul li:nth-child(5) { width: 40%; border-left: 1px solid #e8eaef; border-right: 1px solid #e8eaef; }
.advantage ul li:nth-child(3), .advantage ul li:nth-child(6) { width: 27%; float: right; }
.advantage .video { padding: 0 1rem 1.1rem; background: url(../images/bg_shadow.png) no-repeat center bottom; }
.advantage .video img, .advantage .video iframe { border: 0.5rem solid #fff; box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.13); box-sizing: border-box; width: 100%; }

/*主营产品*/
.product { background: url(../images/bg_product.jpg) no-repeat center top; -webkit-background-size: 100%; background-size: 100% 100%; padding-top: 3.7rem; }
.product h2 a { color: #fff; }
.product h2 span { color: #fff; }
.product_nav { overflow: hidden; padding: 1rem 1rem 1.4rem; }
.product_nav li { width: 33.3%; float: left; text-align: left; }
.product_nav li .cur
            {
                font-weight: bold;
                color: #fac237;
            }
.product_nav li:nth-child(2), .product_nav li:nth-child(5) { text-align: center; }
.product_nav li:nth-child(3n) { text-align: right; }
.product .product_nav li a { display: block; font-size: 1.1rem; line-height: 2.4rem; color: #fff; }
.product_nav li a:hover { font-weight: bold; color: #fac237; }
.product_con { overflow: hidden; padding: 0 1rem 3rem; }
.product_con li { width: 47.7%; float: left; margin-right: 4.3%; }
.product_con li:nth-child(2n) { margin-right: 0; }
.product_con li span { display: block; font-size: 1.2rem; color: #c4c4c4; text-align: center; line-height: 2.8rem; }
.product_con li a:hover span { color: #fac237; }
.product .more { background: #fac237; text-align: center; }
.product .more a { display: inline-block; width: 22.5%; height: 2.45rem; line-height: 2.45rem; text-align: center; font-size: 1rem; color: #333; background: #fff; border-radius: .2rem; margin: .85rem .25rem 1.4rem; }

/*运输线路*/
.line { background: url(../images/bg_line.jpg) no-repeat center top; background-size: 100%; padding: 3.7rem 1rem; }
.line h2 { padding-bottom: .5rem; }
.line .lines { background: #fff; box-sizing: border-box; padding: 2.35rem 0 .8rem; box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.08); }
.line .line_nav { margin-left: 1.5rem; border-bottom: .1rem solid #efefef; height: 2rem; }
.line .line_nav li { float: left; width: 6.05rem; height: 2.1rem; margin-right: 0.4rem; line-height: 2.1rem; text-align: center; font-size: 1rem; color: #fff; background: #3e3e3e; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; transition: all .3s; }
.line .line_nav li:hover, .line .line_nav .cur { background: #fac237; color: #000; font-weight: bold; }
.line .line_con { padding-top: 1rem; }
.line .line_con ul { padding-right: 1rem; overflow: hidden; }
.line .line_con li { position: relative; width: 49%; height: 1.2rem; box-sizing: border-box; float: left; background: url(../images/icon_line.jpg) no-repeat center; -webkit-background-size: 1.15rem 1.15rem; background-size: 1.15rem 1.15rem; font-size: 1rem; color: #333; line-height: 1.2rem; margin: 0.5rem 0; }
.line .line_con li span { position: absolute; }
.line .line_con li span:first-child { right: 50%; margin-right: 1.45rem; }
.line .line_con li span:last-child { left: 50%; margin-left: 1.45rem; }
.line .line_con li:hover { background-image: url(../images/icon_line_hover.jpg); color: #f5a100; }
.line .line_con li:last-child { background: none; text-align: right; }
.line .line_con li:last-child a { color: #333; }
.line .line_con li:last-child:hover a { color: #ff7200; font-weight: bold; }
.line .line_con .scope { padding: 0 .3rem 0 1.5rem; }
.line .line_con .scope p { color: #666; font-size: 1rem; line-height: 1.2rem; margin: 0.5rem 0; }
.line .line_con .scope p span { display: block; font-weight: bold; float: left; height: 3.5rem; }

/*服务行业*/
.service { background: url(../images/bg_service.jpg) no-repeat center top; -webkit-background-size: 100%; background-size: 100%; padding-top: 4rem; padding-bottom: 1.7rem; }
.service h2, .service h2 a, .service h2 span { color: #fff; }
.service h2 { padding-bottom: 1rem; }
.service ul { overflow: hidden; box-sizing: border-box; }
.service li { float: left; width: 23.1%; margin: 0 5.1% 1.6rem; color: #fff; font-size: 1rem; line-height: 1.1rem; font-weight: bold; text-align: center; transition: all 1s; }
.service li span { display: block; }
.service li i { display: block; transition: all 1s; width: 6.9rem; height: 6.9rem; margin-bottom: 0.8rem; border-radius: 50%; background: #fff; text-align: center; border: 0.25rem solid #fff; }
.service li i img { width: 4.3rem; opacity: .65; transition: all 1s; padding: 1.6rem 0; display: inline-block; }
.service li:hover { color: #fac237; }
.service li:hover i { background: #fac237; }
.service li:hover i img { opacity: 1; }

/*为什么选择我们*/
.why { background: #fff; padding: 3rem 1rem 2.8rem; margin-bottom: 2.65rem; position: relative; }
.why_con { padding-top: 1.4rem; }
.why dl dd { position: relative; box-sizing: border-box; height: 11.5rem; }
.why dl dd h3 em { background: url(../images/icon_num.jpg) no-repeat center; background-size: 3.15rem 5.4rem; width: 3.15rem; height: 5.4rem; display: block; position: absolute; left: 0; top: 0; font-size: 2.1rem; color: #333; font-family: "Candara"; text-align: center; font-weight: normal; line-height: 2.9rem; }
.why dl dd h3 span { font-size: 2.1rem; line-height: 100%; color: #3e3e3e; padding-left: 3.7rem; margin-bottom: 1.4rem; display: block; font-weight: bold; }
.why dl dd p { margin-left: 3.7rem; padding-left: 0.9rem; margin-bottom: 0.7rem; font-size: 1rem; line-height: 1.1rem; color: #333; background: url(../images/icon_p.jpg) no-repeat left 0.3rem; -webkit-background-size: .5rem .5rem; background-size: .5rem .5rem; }
.why dl dt { box-sizing: border-box; }
.why dl dt ul { text-align: center; margin: 1rem 0 1.5rem; }
.why dl dt li { display: inline-block; color: #fda701; font-size: 0.8rem; line-height: 1.2rem; font-weight: bold; box-sizing: border-box; }
.why dl dt li em { display: inline-block; font-size: 1.8rem; line-height: 100%; text-transform: uppercase; }
.why dl dt li span { display: block; font-size: 1.1rem; line-height: 1.3rem; color: #3e3e3e; font-weight: normal; }
.why dl dt li:nth-child(2) { padding: 0 8%; }
.why .swiper-pagination-bullet, .about .swiper-pagination-bullet { width: 3.9rem; height: .3rem; background: #3e3e3e; margin: 0 .65rem !important; border-radius: 0; opacity: 1; }
.why .swiper-pagination-bullet-active, .about .swiper-pagination-bullet-active { background: #fac237; }

/*哪些客户选择了我们*/
.client { background: #efefef; padding: 3.5rem 1rem 4.1rem; }
.client h2 { padding-bottom: .5rem; }
.client li { width: 33.3%; height: 5.65rem; box-sizing: border-box; border-width: 1px; border-style: solid; border-top-color: #e5e5e5; border-left-color: #e5e5e5; border-right-color: #fff; border-bottom-color: #fff; float: left; position: relative; }
.client li:nth-child(3n) { border-right-color: #e5e5e5; }
.client li:nth-child(7), .client li:nth-child(8), .client li:nth-child(9) { border-bottom-color: #e5e5e5; }
.client li span { position: absolute; display: block; font-size: 1.1rem; color: #3e3e3e; text-align: center; line-height: 1.6rem; background: #fac237; width: 100%; bottom: 0; display: none; }
.client li:hover { border-color: #fff; border-bottom-color: #fac237; }
.client li:hover span { display: block; }
.client li:hover:before { content: ""; width: 100%; height: 5.65rem; position: absolute; border-color: #fff; box-shadow: 0 0 0.9rem 0 rgba(4, 0, 0, 0.27); z-index: 9999; }
.client li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.client li:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: normal; }

/*荣誉资质*/
/*荣誉资质*/
.honor { background: url(../images/bg_honner.jpg) no-repeat center bottom; background-size: 30.1rem; padding: 3.5rem 1rem 2.45rem; margin-bottom: 2.1rem; position: relative; }
.honor h2 { padding-bottom: 1.1rem; }
.honor_con { padding: 0 .8rem; overflow: hidden; }

/*.honor_con ul {
  overflow: hidden;
}*/
.honor li { float: left; width: 47.6%; margin-right: .35rem; background: url(../images/honor_ico.jpg) no-repeat center; -webkit-background-size: 100%; background-size: 100%; text-align: center; }
.honor li a { display: block; position: relative; box-sizing: border-box; width: 100%; padding: 1.5rem; overflow: hidden; }
.honor li span { display: none; position: absolute; top: 1.5rem; width: 78%; font-size: 1rem; color: #fff; line-height: 8rem; background: rgba(0, 0, 0, 0.57); }
.honor li:hover a span { display: block; }
.honor .prev, .honor .next {position: absolute;bottom: 7rem;cursor: pointer;width: .95rem;}
.honor .prev {left: .3rem;}
.honor .next { right: .3rem; }

/*新闻中心*/
.news { background: #efefef; padding: 4rem 1rem 3.5rem; }
.news h2 { padding-bottom: 1rem; }
.news h2 span { color: #a2a2a2; }
.news_nav ul { float: left; }
.news_nav li { display: inline-block; font-size: 1.1rem; color: #3e3e3e; line-height: 2.2rem; font-weight: bold; margin-right: 1.5rem; }
.news_nav li img { width: 1.35rem; display: inline-block; padding-right: .4rem; vertical-align: sub; }
.news_nav li:first-child img { width: 1.4rem; padding-right: .5rem; }
.news_nav li.cur, .news_nav li:hover { border-bottom: .1rem solid #3e3e3e; }
.news_nav .info { float: right; font-size: 1.1rem; color: #666; float: right; padding-top: 0.4rem; font-weight: normal; }
.news_con dl { margin: 0.9rem 0 1.25rem; overflow: hidden; }
.news_con dl dt {  float: left; overflow: hidden; position: relative; }
.news_con dl dt img { max-width: 100%; }
.news_con dl dt .hot { width: 3.85rem; height: 3.4rem; position: absolute; top: 0; }
.news_con dl dd {float: right; }
.news_con dl dd h4 { font-size: 1.1rem; color: #3e3e3e; line-height: 100%; padding: .6rem 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.news_con dl dd p { font-size: 1rem; color: #666; line-height: 1.35rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.news_con ul li { padding-left: 1rem; background: url(../images/icon_news.jpg) no-repeat left center; -webkit-background-size: .55rem; background-size: .55rem; overflow: hidden; line-height: 1.8rem; }
.news_con ul li h4 { width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-size: 1rem; color: #666; }
.news_con ul li span { float: right; font-size: 1rem; color: #666; }

/*走进中卡*/
.about { padding-top: 3rem; }
.about h2 span { color: #a2a2a2; font-size: 1rem; }
.about h3 a { width: 14.55rem; height: 4.4rem; text-align: center; display: block; font-size: 1.5rem; color: #fff; line-height: 100%; font-weight: normal; background: #3e3e3e; margin: 0 auto; box-sizing: border-box; padding-top: 0.75rem; }
.about h3 a span { display: block; font-size: 1rem; color: #c6c6c6; line-height: 1.5rem; }
.about .about_con { background: #fff; padding: 0 1rem; position: relative; }
.about .about_con h3 { margin-top: -2.2rem; position: absolute; left: 0; right: 0; }
.about h4 a { text-align: center; font-size: 1.1rem; color: #333; line-height: 1rem; display: block; padding: 4.2rem 0 0.7rem; font-weight: bold; }
.about p { font-size: 1rem; text-align: center; line-height: 1.3rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.album_nav { border-bottom: 1px solid #e7eaef; text-align: center; }
.album_nav li { display: inline-block; background-repeat: no-repeat; padding-left: 2.1rem; background-position: 0 0; margin: 2rem 0.85rem 0; padding-bottom: 0.5rem; margin-bottom: -1px; -webkit-background-size: 1.8rem; background-size: 1.8rem; font-size: 1rem; color: #333; line-height: 1.5rem; }
.album_nav li:hover, .album_nav .cur { border-bottom: .1rem solid #eeaa00; color: #eeaa00; font-weight: bold; }
.album_nav li:first-child { background-image: url(../images/i_company.png); padding-left: 1.9rem; }
.album_nav li:hover, .album_nav .cur { background-position: 0 -2rem; }
.album_nav li:last-child { background-image: url(../images/i_car.png); }
.album_con { position: relative; margin: 1.25rem 0 2rem; padding: 0 1rem; }
.album_con ul { padding-bottom: 3.5rem; }
.album_con li { float: left; margin-right: 10%; width: 45%; }
.album_con .swiper-slide { overflow: hidden; }

/**/
@media screen and (min-width:320px) {
  html { font-size: 10px; }
}
@media screen and (min-width:360px) {
  html { font-size: 11.25px; }
}
@media screen and (min-width:375px) {
  html { font-size: 11.7px; }
}
@media screen and (min-width:384px) {
  html { font-size: 12px; }
}
@media screen and (min-width:480px) {
  html { font-size: 15px; }
}
@media screen and (min-width:414px) {
  html { font-size: 13px; }
}
@media screen and (min-width:560px) {
  html { font-size: 17.5px; }
}
@media screen and (min-width:640px) {
  html { font-size: 20px; }
}