.main .about .list-wrap, .main .news .news-list-nav { text-align: justify; }

.main .about .list-wrap:after, .main .news .news-list-nav:after { content: ""; display: inline-block; width: 100%; height: 0; }

.main .product .move-wrap, .main .news .news-list-wrap .list-wrap .move-wrap { -webkit-transition: 0.5s; transition: 0.5s; }

.banner .banner-btn { -webkit-transition: 0.7s; transition: 0.7s; }

.banner { overflow-x: hidden; position: relative; width: 100%; }

.banner .banner-list { float: left; }

.banner .banner-btn { position: absolute; top: 50%; margin-top: -22px; font-size: 40px; color: #fff; cursor: pointer; }

.banner .banner-arrow-left { left: -5%; }

.banner .banner-arrow-right { right: -5%; }

.banner:hover .banner-arrow-left { left: 3%; }

.banner:hover .banner-arrow-right { right: 3%; }

.banner-infor-wrap { position: relative; }

.banner-infor-wrap .banner-infor { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px 0; background: url(/main/uiFramework/commonResource/image/2017121813031541608.png); color: #fff; }

.banner-infor-wrap .banner-infor .list { float: left; margin-right: 40px; }

.banner-infor-wrap .banner-infor .title { margin-bottom: 10px; font-size: 18px; }

.banner-infor-wrap .banner-infor a { color: #fff; }

.banner-infor-wrap .banner-infor .iconfont { margin-right: 15px; font-size: 50px; }

.main { padding: 70px 0 20px; }

.main .section { margin-top: 70px; }

.main .title-wrap { margin-bottom: 50px; }

.main .title-wrap .sec-title { float: left; position: relative; margin-right: 20px; padding-bottom: 15px; font-size: 24px; font-weight: lighter; color: #595757; }

.main .title-wrap .sec-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background: #0084cf; }

.main .title-wrap .sec-sub-title { float: left; font-size: 24px; font-weight: lighter; color: #6d665c; }

.main .title-wrap .sec-sub-title:before { content: "|"; display: inline-block; margin-right: 20px; }

.main .title-wrap .title-nav .list { display: inline-block; width: 105px; height: 40px; margin-left: 20px; background: url(/main/uiFramework/commonResource/image/2017121812321552083.png) no-repeat -5px -5px; text-align: center; line-height: 40px; color: #483628; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.main .title-wrap .title-nav .list.on, .main .title-wrap .title-nav .list:hover { background-position-Y: -45px; color: #fff; }

.main .about { margin-top: 0; }

.main .about .left-text { width: 580px; }

.main .about .summary { font-size: 16px; line-height: 40px; }

.main .about .summary .more-btn { color: #0084cf; }

.main .about .list-wrap { width: 550px; height: 90px; margin-top: 48px; }

.main .about .list { display: inline-block; width: 148px; height: 88px; border: 1px solid #d2d2d2; text-align: center; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }

.main .about .list .iconfont { display: inline-block; margin-top: 15px; font-size: 34px; color: #70471f; }

.main .about .list a { color: #70471f; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; }

.main .about .list:hover { border-color: #efefef; box-shadow: 0 0 20px #e2e2e2; background: url(/main/uiFramework/commonResource/image/2017121811110898713.png) repeat-x; }

.main .about .list:hover .iconfont, .main .about .list:hover a { color: #fff; }

.main .about .right-img { width: 550px; }

.main .product .list-wrap { overflow: hidden; }

.main .product .move-wrap .list { display: none; }

.main .product .move-wrap .list:first-of-type { display: block; }

.main .product .move-wrap .list.list-3 .summary-wrap { background: #83b93c; }

.main .product .move-wrap .list.list-3 .summary-wrap .title { margin-bottom: 60px; }

.main .product .move-wrap .list.list-3 .summary-wrap .more-btn { margin-top: 80px; }

.main .product .move-wrap .list .img-list { width: 285px; margin-left: 15px; }

.main .product .move-wrap .list .img-list .title { margin: 15px 0 18px; font-size: 16px; }

.main .product .move-wrap .list .img-list .more-btn { color: #0084cf; }

.main .product .move-wrap .list .summary-wrap { width: 205px; height: 365px; padding: 0 40px; background: #009ae3; text-align: center; color: #fff; }

.main .product .move-wrap .list .summary-wrap .title { margin: 30px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; font-size: 30px; font-weight: lighter; }

.main .product .move-wrap .list .summary-wrap .summary { margin-top: 10px; font-size: 16px; }

.main .product .move-wrap .list .summary-wrap .more-btn { width: 135px; height: 35px; margin: 35px auto 0; background: url(/main/uiFramework/commonResource/image/2017121812321552083.png) no-repeat -120px -53px; line-height: 35px; color: #fff; }

.main .news .picture-wrap { overflow: hidden; position: relative; width: 495px; height: 410px; }

.main .news .picture-wrap .list { float: left; }

.main .news .picture-wrap .title { margin: 50px 0 20px; font-size: 16px; color: #595757; }

.main .news .picture-wrap .summary { line-height: 2; }

.main .news .picture-wrap .list-btn-wrap { position: absolute; top: 255px; left: 50%; }

.main .news .picture-wrap .list-btn-wrap li { float: left; width: 10px; height: 10px; margin: 0 3px; background: url(/main/uiFramework/commonResource/image/2017121812321552083.png) no-repeat -265px -17px; cursor: pointer; }

.main .news .picture-wrap .list-btn-wrap li.on { background-position-Y: -5px; }

.main .news .news-list-wrap { width: 645px; }

.main .news .news-list-wrap .list-wrap { overflow: hidden; }

.main .news .news-list-wrap .list-wrap .list { float: left; }

.main .news .news-list-wrap .list-wrap .title { padding-top: 25px; font-size: 14px; font-weight: lighter; }

.main .news .news-list-wrap .list-wrap .title a { display: block; }

.main .news .news-list-wrap .list-wrap .title .text { float: left; width: 545px; }

.main .news .news-list-wrap .list-wrap .title .time { float: right; width: 100px; }

.main .news .news-list-nav .list { display: inline-block; width: 130px; height: 45px; text-align: center; line-height: 45px; cursor: pointer; }

.main .news .news-list-nav .list.on, .main .news .news-list-nav .list:hover { background: url(/main/uiFramework/commonResource/image/2017121812321552083.png) no-repeat -120px -5px; color: #fff; }

.car {height:20px;position: relative;width: 89%;margin: 0 auto;margin-top:5px;}

.shop_info {position: absolute;width: 100%;z-index: 99;}

.over {overflow: hidden;}

.shop_info span {display: inline-block;color: #0d75ae;float: left;font-size:16px;font-weight: bold;width:15.4%;}

.car_ul {height: 20px;display: inline-block;color: #fff;float: right;width:84.6%;overflow: hidden;line-height: 23px;}

.car_ul li {width: 100%;color:#333;font-size:16px;}

@media screen and (max-width: 1200px) { .banner-infor-wrap .banner-infor { position: static; padding: 30px 0 0; }
  .banner-infor-wrap .banner-infor .list { width: 50%; margin: 0 0 30px; }
  .banner-infor-wrap .banner-infor .list:nth-of-type(even) { float: right; }
  .banner-infor-wrap .banner-infor .list:nth-of-type(3) .iconfont { margin: 0; }
  .banner-infor-wrap .banner-infor .list .fr { float: left; }
  .main { padding-top: 0; }
  .main .section { margin-top: 30px; }
  .main .title-wrap { margin-bottom: 10px; }
  .main .about .left-text { width: 64%; }
  .main .about .right-img { width: 33%; }
  .main .about .right-img img { width: 100%; }
  .main .product .move-wrap .list { text-align: justify; }
  .main .product .move-wrap .list:after { display: inline-block; width: 100%; }
  .main .product .move-wrap .list .img-list { float: none; display: inline-block; vertical-align: top; width: 23%; margin: 0; text-align: center; }
  .main .product .move-wrap .list .img-list .title { overflow: hidden; margin: 15px 0; font-weight: lighter; text-overflow: ellipsis; white-space: nowrap; }
  .main .product .move-wrap .list .img-list img { width: 100%; height: 100%; }
  .main .product .move-wrap .list .summary-wrap { width: 90%; height: 100%; padding: 0 5% 5%; }
  .main .product .move-wrap .list .summary-wrap .title { margin: 10px 0; padding-bottom: 5px; font-size: 20px; }
  .main .news { margin-top: 0; }
  .main .news .picture-wrap { width: 40%; }
  .main .news .picture-wrap .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .main .news .picture-wrap img { width: 100%; height: auto; }
  .main .news .news-list-wrap { width: 55%; }
  .main .news .news-list-wrap .list-wrap .list { width: 100%; }
  .main .news .news-list-wrap .list-wrap .title { padding-top: 22px; }
  .main .news .news-list-wrap .list-wrap .title:first-of-type { padding: 0; }
  .main .news .news-list-wrap .list-wrap .title .text { overflow: hidden; width: 76%; text-overflow: ellipsis; white-space: nowrap; }
  .main .news .news-list-wrap .list-wrap .title .time { width: 20%; }
  .shop_info span{width:18.4%;}
  .car_ul{width:81.6%;}
 }

@media screen and (max-width: 1023px) { .main .section { margin-top: 40px; }
  .main .title-wrap .sec-sub-title { margin-bottom: 15px; }
  .main .about .left-text { width: 100%; }
  .main .about .list-wrap { width: 100%; }
  .main .about .list { width: 30%; }
  .main .about .right-img { display: none; }
  .main .product .title-nav { float: left; clear: both; margin: 30px 0; }
  .main .product .title-nav a:first-of-type { margin: 0; }
  .main .product .move-wrap .list:after { display: block; }
  .main .product .move-wrap .list .img-list { float: left; width: 48%; margin-bottom: 20px; text-align: center; }
  .main .product .move-wrap .list .list-con { display: inline-block; width: 80%; }
  .main .product .move-wrap .list .summary-wrap { float: none; display: inline-block; width: 70%; }
  .main .product .move-wrap .list .summary-wrap .title { margin: 20px 0; }
  .main .news .news-list-nav { margin-bottom: 30px; }
  .main .news .picture-wrap { width: 100%; height: auto; }
  .main .news .news-list-wrap { width: 100%; margin-top: 20px; }
  .car {height: 80px;}
  .shop_info span {display: block;float: none;width:100%;}
  .car_ul {height: 45px;display: block;float: none;width:100%;}

 }

@media screen and (max-width: 767px) { .banner .banner-arrow-left, .banner .banner-arrow-right { display: none; }
  .banner .banner-btn-wrap { display: block; position: absolute; bottom: 10px; left: 50%; }
  .banner .banner-btn-wrap li { float: left; width: 8px; height: 8px; margin: 0 2px; border-radius: 50%; background: #fff; }
  .banner .banner-btn-wrap li.on { background: #0084cf; }
  .banner-infor-wrap .banner-infor { padding: 0; background: #fafafa; }
  .banner-infor-wrap .banner-infor .wrap { width: 100%; }
  .banner-infor-wrap .banner-infor .title { font-size: 16px; }
  .banner-infor-wrap .banner-infor .list { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; height: 200px; margin: 0; text-align: center; color: #333; }
  .banner-infor-wrap .banner-infor .list:nth-of-type(odd) { border-right: 1px solid #e5e5e5; }
  .banner-infor-wrap .banner-infor .list:nth-of-type(1), .banner-infor-wrap .banner-infor .list:nth-of-type(2) { border-bottom: 1px solid #e5e5e5; }
  .banner-infor-wrap .banner-infor .list:after { content: ""; display: block; height: 0; clear: both; }
  .banner-infor-wrap .banner-infor .list .list-con { position: absolute; top: 50%; left: 50%; width: 80%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .banner-infor-wrap .banner-infor .list a { color: #333; }
  .banner-infor-wrap .banner-infor .list .fl, .banner-infor-wrap .banner-infor .list .fr { float: none; }
  .banner-infor-wrap .banner-infor .list .iconfont { font-size: 24px; color: #5da5d7; }
  .main .product .title-nav { width: 100%; text-align: justify; }
  .main .product .title-nav:after { content: ""; display: inline-block; width: 100%; }
  .main .product .title-nav .list { display: inline-block; width: 25%; margin: 0; border-radius: 15px; background: #efefef; }
  .main .product .title-nav .list.on { background: #f9c353; }
  .main .product .move-wrap .list .img-list { float: none; width: 100%; }
  .main .news .title-nav { float: left; clear: both; margin: 15px 0; }
  .main .news .title-nav .list { margin: 0; }
  .main .news .news-list-nav .list { width: 30%; border-radius: 10px; }
  .main .news .news-list-nav .list.on { background: #0084cf; }
  .main .news .news-list-wrap .list-wrap .title .text { width: 70%; }
  .main .news .news-list-wrap .list-wrap .title .time { width: 25%; }
  .car {height: 120px;}
  .car_ul {height: 120px;}
 
 }

@media screen and (max-width: 330px) { .main .news .news-list-wrap .list-wrap .title .text { width: 65%; }
  .main .news .news-list-wrap .list-wrap .title .time { width: 30%; } }