/*网站公共样式*/
a{color:#333;text-decoration:none;}
a:hover,a:focus{color: #40312f; text-decoration: none;}
.container{max-width:1170px;}
.swiper-pagination-bullet{width:50px; height:7px; display: inline-block; border-radius:0; background: #fff; opacity: .4;}
.swiper-pagination-bullet-active{opacity: 1; background:#e7692f;}
ul{padding-left: 0;}
li{list-style-type: none;}

/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

.nav-toggle{position:absolute;right:0px;top:30px;font-size:25px;color:#999;min-width:40px;height:40px;line-height:60px;text-align:center;cursor:pointer;z-index:1;}
.nav-toggle span{display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 25px;}
.nav-toggle span:before, .nav-toggle span:after{content: ""; display: block;}
.nav-toggle span, .nav-toggle span:before, .nav-toggle span:after{height: 4px; background: #333; -webkit-transition: 0.2s all; transition: 0.2s all;}
.nav-toggle span:before{-webkit-transform: translate(0%, 10px); -ms-transform: translate(0%, 10px); transform: translate(0%, 10px);}
.nav-toggle span:after{-webkit-transform: translate(0%, -14px); -ms-transform: translate(0%, -14px); transform: translate(0%, -14px);}
.nav-toggle.active span:before{-webkit-transform: translateY(0px) rotate(-135deg); -ms-transform: translateY(0px) rotate(-135deg); transform: translateY(0px) rotate(-135deg);}
.nav-toggle.active span:after{-webkit-transform: translateY(-4px) rotate(135deg); -ms-transform: translateY(-4px) rotate(135deg); transform: translateY(-4px) rotate(135deg);}
.nav-toggle.active span{background: transparent;}

.content{font-size: 16px; padding-top: 30px; padding-bottom: 45px;}
.content table,.product-content table{border-collapse: collapse; border-spacing: 0; rempty-cells: show; margin-bottom: 1.5rem; width: 100%; border-top: 1px solid #bfbfbf;}
.content table td,.content table th,.product-content table td,.product-content table th{padding: 1rem; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; text-align: left; line-height:2;}
.content table th,.product-content table th{font-weight: 400; background-color: #f2f2f2;}
.content table td,.product-content table td{background: #fff;}
.content h3{font-size:24px; text-align: center; font-weight:600; line-height:2; margin:40px 0 15px 0; color: #252525; position: relative; padding-bottom:10px;}
.content h3:nth-of-type(1){margin-top: 0;}
.content h3:after{content: ''; position: absolute; height: 1px; width: 100%; background: #d2d2d2; bottom: 0; left: 0;}
.content h3:before{content: ''; position: absolute; height: 1px; width: 100%; background: #fff; bottom: 1px; left: 0;}
.content p{margin-bottom:10px; color: #444; font-size: 16px; line-height: 2.2;}
.content ul{padding-left: 20px;}
.content li{position: relative; list-style: none; padding-left: 20px;}
.content ul.ulcenter{display: block; width: 500px; margin:0px auto;}
.content li:before{position: absolute; content: ''; width: 11px; height: 2px; background: #b93f26; top:15px; left:0;}
.content img{display: block; margin:0px auto; height: auto!important; max-width: 100%; }
.place{margin-bottom: 20px;}
.place:before{content: "\e60c";font-family: "iconfont" !important; font-size: 18px; margin-right: 5px;}
.product-content{background: url(/images/bg_product.png) no-repeat calc(50% - 70px) 0; font-size: 16px; line-height: 2; padding-top: 30px; padding-bottom: 45px;}
.product-content .info{padding:2rem 0;}
.product-content h2{text-align: center; margin-bottom:1.5em; margin-top: 2em; z-index: 2; font-size:28px; color: #252525; clear: both; padding: 0 0 10px; position: relative;}
.product-content h2:after{content: ""; width: 340px; height:2px; position: absolute; bottom: 0; left: 50%; margin-left: -170px; background: #8eb636;}
.product-content.fueltank h2:after{background: #8eb636;}
.product-content h3{margin:2em 0 1em 0; padding: 0; font-size:30px;  font-weight:500; line-height: 1.2;  color: #404040; clear: both;}
.product-content img{display: block; margin:0px auto; max-width: 100%;}
.product-content ul{padding-left: 20px;}
.product-content li{position: relative; list-style: none; padding-left: 20px;}
.product-content li:before{position: absolute; content: ''; width: 11px; height: 2px; background: #b93f26; top:15px; left:0;}
.product-content p{font-size: 16px; margin-bottom: 1em;}
.lineup-table{border-collapse: collapse; border-spacing: 0; rempty-cells: show; margin-bottom: 1.5rem; width: 100%; border-top: 1px solid #bfbfbf;}
.lineup-table td{ width: 33.33%; padding:10px; border-bottom: 1px solid #bfbfbf;  border-left: 1px solid #bfbfbf;  border-right: 1px solid #bfbfbf; text-align:center; line-height: 1.5;}

.tcxl{text-align: center; padding: 20px 0;}
.tcxl h4{font-size:18px; line-height:1; margin-bottom: 20px;}
.tcxl p{margin-bottom: 0; font-size: 14px; color: #787878;}
.tcxl .col-md-6{margin-bottom:30px;}
.news-list{clear:both;overflow:hidden;}
.news-list li.item{clear:both; overflow:hidden; width:100%; border-bottom:1px solid #e5e5e5; padding:20px 0px 20px;}
.news-list .date{float: left; width:80px; border-right: 1px solid #e1e1e1; text-align: center;}
.news-list .date b{color:#e7780c; font-size: 24px; line-height:30px; display: block;}
.news-list .date span{font-size: 12px; color: #afafaf; line-height: 20px;}
.news-list .text{margin-left:90px; height: 50px; overflow: hidden;}
.news-list h3{font-size: 16px; font-weight: normal; line-height: 25px; margin-top: 0; margin-bottom: 0;}
.content-title{font-size: 20px; text-align: center; line-height:1.5; margin-bottom: 20px; font-weight: 600;}
.content-date{color: #787878; text-align: center; margin-bottom: 40px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px;}

.epages {text-align: center; margin-bottom: 40px;}
.epages a,.epages b{display: inline-block; border: 1px solid #dfdfdf; color: #888; margin: 0px 5px; padding:5px 10px;  font-weight: normal; font-size: 14px;}
.epages a:hover,.epages b {border: 1px solid #e7780c; color: #fff; background-color: #e7780c;text-decoration: none; }

@media (min-width:1000px) /*pc端*/
{
/*顶部和底部公用*/
/*顶部样式*/
.home .container{max-width: 1600px;}
.top{height: 106px; padding:15px 0; position: relative;}
.language{position: absolute; right:15px; top:50px;}
.language a{float: left; display: block; padding-left:10px; font-size: 16px; background:url(/images/jt.png) no-repeat left center; margin-right:20px;}
.language .iconfont{font-size: 20px; margin-right: 10px; float: left; display: none;}
.header{border-bottom: 1px solid rgb(227, 227, 227); position:relative;}
.header .nav-toggle{display:none}
.header  .container{position: relative;}
.nav{padding:10px 0 15px 0;}
.nav>ul{text-align: center;}
.nav .nli{float: left;padding-right:150px; position: relative;}
.nav .nli>a{color:#000; font-size:16px; text-align: center; display: block; width: 64px;}
.nav .nli>a>.iconfont{display: block; margin:0px auto; font-size:30px; text-align: center;}
.nav .nli>a:hover,.nav .nli>a:hover .iconfont{color:#e7780c; text-decoration: none;}
.nav .nli:last-child{padding-right: 0;}
.nli .sub{display: none; position: absolute; top: 64px; left:-68px; right: 0; width: 200px; background: rgba(0,0,0,.4); padding:10px; margin:0; transition: all .2s; z-index: 10;}
.nli .sub li{list-style-type: none; }
.nli .sub li a{color: #fff; display:block; height:42px; line-height:42px; font-size: 15px;}
.nli .sub li a:hover{background-color: rgba(0,0,0,.5); border-bottom:0;}
.nli.active .sub{display: block;}
.naven .nli{padding-right: 140px;}
.naven .nli>a{width: auto;}
.el-input-group {width: 50%!important;}
.lmheader .container{position: relative;}
.lmheader .top{text-align: left; height:70px;}
.lmheader .biglogo{display: none;}
.lmheader .nav{display: none;}
.lmheader .nav.active{display: block; }
.lmheader .nav-toggle{display: block!important;}
.lmheader .language{right:60px; top:20px;}
.lmheader .nav-toggle{top: 10px;}

/*底部*/
.footer{width:100%; border-top: 1px solid #ececec; background-color: #fff; padding-top: 30px;}
.footer-nav{float: left; width: 65%; border-right: 1px solid #e1e1e1; margin-bottom: 30px;}
.footer-nav>ul>li{float: left; width:16.666%; padding-right: 10px;}
.footer-nav>ul>li[data-id='22']{display: none;}
.footer-nav>ul>li>a{display: block; width:100%; font-size: 16px; color: #000; line-height:1; background:url(/images/jian_tou.png) no-repeat 70px center; background-size:14px;}
.footer-nav>ul>li>ul{padding-top: 20px;}
.footer-nav>ul>li>ul>li{ line-height: 28px; font-size: 14px;}
.footer-address{float: right; width:33%; font-size: 14px;}
.footer-address p{line-height:24px; margin-bottom:30px; position: relative; padding-left:36px;}
.footer-address p:before{content: "\e6ef"; font-family: "iconfont" !important; font-size:26px; color:#e7780c; position: absolute; left: 0; top: 0; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.footer-address p:nth-of-type(2):before{content: "\e50d";}
.footer-address p:nth-of-type(3):before{content: "\e64f";}
.footer-address p:nth-of-type(4):before{content: "\e676";}
.copyright{text-align: center; padding:20px 0; border-top: 1px solid #e1e1e1;}
.copyright .fg{padding-right: 10px;}
/*首页*/
.banner .swiper-slide{height:540px; width: 100%; line-height: 540px; text-align: center; background-position: top center; background-repeat: no-repeat; background-size:auto 100%;}
.banner .swiper-slide .text{font-size:34px; display: inline-block;vertical-align: middle; line-height:60px; font-weight: bold; color:#fff; text-align: center; }
.banner .swiper-slide .text span{font-size:26px; font-weight: normal;}
.banner .swiper-slide.ss1{background-image: url(/images/banner1.jpg);}
.banner .swiper-slide.ss2{background-image: url(/images/banner2.jpg);}
.bg{background: url(/images/bg_home.png) repeat-x center top #f6f6f6; padding: 40px 0;}
.home-in{position: relative; overflow: hidden; float: left; width:31.5%; height: 340px; margin-right:2.75%; background-repeat: no-repeat; background-position: left top; background-size: cover; transition: all .3s;}
.home-in a{display: block; width: 100%; height: 100%;}
.home-in.hi1{background-image: url(/images/pt-about.jpg);}
.home-in.hi2{background-image: url(/images/pt-guanli.jpg);}
.home-in .text{position: absolute; bottom: 0; left: 0; right: 0; padding:0 20px; height: 60px; background:rgba(0,0,0,.5); color: #fff; font-size: 20px; line-height: 60px; transition: all .3s;}
.home-in .text .iconfont{margin-right: 10px; font-size: 20px;}
.home-in .text i{position: absolute; right: 20px; top: 0; font-style: normal;}
.home-in:hover{background-position:-10px 0;}
.home-in:hover .text{background: rgba(231,105,48,.9);}
.home-news{ float:right; width:31.5%; padding: 20px; background: #fff; height: 340px; overflow: hidden;}
.home-news-tit{position: relative; height:20px; line-height: 20px; overflow: hidden; margin-bottom: 10px;}
.home-news-tit span{font-size: 20px; color: #333; vertical-align: top}
.home-news-tit span:before{content: ''; display: inline-block; width:3px; height: 20px; background: #e76930; margin-right:5px;}
.home-news-tit a{position: absolute; right: 0; top: 0;}
.h40{height: 40px; clear: both;}
.home-product{width:48.6%; float: left; font-size: 30px; background-repeat: no-repeat; background-position:center center; background-size: cover; background-color: #fff; position: relative;}
.hp2{float: right;}
.home-product .pic{width: 100%; overflow: hidden;}
.home-product .pic img{width: 100%; transition: all .1s;}
.home-product h3{position: absolute; left:6%; top:20%; color: #fff; line-height:1em;}
.home-product h3 span{font-size:0.7em; display: block; padding-top: 10px;}
.home-product p{position: absolute; left:6%; bottom:10%; color: #fff; font-size: 16px; line-height:1.8em;}
.home-product a:hover .pic img{opacity: 0.8;}


/*栏目公用*/
.lanmu-banner{max-height:250px; overflow: hidden;}
.lanmu-banner img{width: 100%; height: auto; display: block;}
.lmb1{background-image: url(/images/lmbanner1.jpg);}
.lanmu-head{min-height: 120px; padding-top:40px; background: #fff; line-height: 1.2; overflow: hidden;}
.lanmu-title{font-size:28px; float: left;}
.lanmu-nav{float: right; max-width:600px;}
.lanmu-nav ul{margin-bottom: 0;}
.lanmu-nav li{display: inline-block; min-width: 120px; max-width: 200px; margin-left: 1rem; line-height: 1.5;}
.lanmu-nav li a{position: relative; color: #6a6a6a; padding-left: 10px;}
.lanmu-nav li a:before{position: absolute; top: 0; bottom: 0; left: 2px; margin: auto; content: ''; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #bfbfbf;}
.lanmu-nav li a:hover{color: #000; }
.lanmu-nav li a:hover:before{border-left: 4px solid #000;}
.lanmu-nav li.active a{color:#e76930;}
.lanmu-nav li.active a:before{ border-left: 4px solid #e76930;}
.lanmu-info{margin-bottom: 30px; font-size: 16px; line-height:1.5;}
.lanmu-sub{margin:0px auto;}
.lanmu-sub .item{margin-bottom: 30px;}
.lanmu-sub .item{overflow: hidden; background: #fff; border: 1px solid #e2e2e2; border-radius: 4px; transition: all .3s;}
.lanmu-sub .item .thumb{overflow: hidden; background: #e2e2e2;}
.lanmu-sub .item .thumb img{width: 100%; height: auto; transition: all .2s;}
.lanmu-sub .item .title{display: block; margin: 0; padding: 10px; font-size: 18px; font-weight: normal; position: relative;}
.lanmu-sub .item .title:before{position: absolute; content: ""; vertical-align: middle; top: 50%; bottom: 0; right:20px; left: auto; width: 10px; height: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px;}
.lanmu-sub .item:hover{box-shadow: 0 0 5px rgba(0,0,0,.1); text-decoration: none; background: #fafafa;}
.lanmu-sub .item:hover .thumb img{transform:scale(1.05);}
.rongyu{width: 740px; margin:0px auto;}
.rongyu img{float: left; width:350px; padding:3px; border:2px solid #e1e1e1; margin:10px; background: #fff;}
.p30{background: #fff; padding:20px 0;}
.product-head{position: relative; height:450px; color:#fff; overflow: hidden; background-image: url(/images/bg-youxiang.jpg); background-repeat: no-repeat; background-position: right top;}
.product-head:before{z-index: 2; position: absolute; top:0; left:0; content: ''; background:url(/images/mask-product.png) no-repeat top right; height:100%; width:48%;}
.sunroof{background-image: url(/images/bg-tianchuang.jpg);}
.product-title h1,.product-title h2{position: absolute; z-index: 10; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
.product-title h1{top:120px; color: white; font-size:5rem;  font-weight: 500;}
.product-title h2{top:190px; font-size:2rem;}
.product-nav{position: absolute; top:280px; width: 100%; z-index: 11; padding: 15px 0;}
.product-nav ul{margin-bottom: 0;}
.product-nav li{display: inline-block; margin-right: 2rem;}
.product-nav li a{position: relative; display: block; width: 100%; height: 100%; padding: 0 0 0 20px; color: #fff; font-weight: 700;}
.product-nav li a:before{position: absolute; content: ""; vertical-align: middle; top: 35%; bottom: 0; left: 0; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); margin-top: -5px; transition: all .2s;}
.product-nav li a:hover:before{top: 55%;}
.wen{margin-bottom: 30px; height: 300px; margin-bottom:40px;}
.wen .text{padding:0 50px; padding-top: 60px;}
.wen .text p{font-size:16px; text-align: center;}
.wen.w1{background:url(/images/pt-wenhua-3.jpg) no-repeat left center #fff; background-size: 50% auto; padding-left: 50%;}
.wen.w2{background:url(/images/pt-wenhua-5.jpg) no-repeat right center #fff; background-size: 50% auto; padding-right: 50%;}
.wen.w3{background:url(/images/pt-wenhua-4.jpg) no-repeat left center #fff; background-size: 50% auto; padding-left: 50%;}
.wen.w4{background:url(/images/pt-wenhua-2.jpg) no-repeat right center #fff; background-size: 50% auto; padding-right: 50%;}
.wen.w5{background:url(/images/pt-wenhua-1.jpg) no-repeat left center #fff; background-size: 50% auto; padding-left: 50%;}
.linian{background-color: #fff; background-position: top center; background-repeat: no-repeat; background-size: 100% auto; padding:270px 30px 0 30px;}
.linian ul.ulcenter{width:100%; padding:0;}
.linian.l1{background-image: url(/images/pt-linian-1.jpg); min-height: 600px;}
.linian.l2{background-image: url(/images/pt-linian-2.jpg); min-height: 600px;}
.linian.l3{background-image: url(/images/pt-linian-3.jpg); min-height: 600px;}
.linian.l4{background-image: url(/images/pt-pzfz-2.jpg); min-height:725px;}
.linian.l5{background-image: url(/images/pt-pzfz-1.jpg); min-height:725px;}
.linian.l6{background-image: url(/images/pt-pzfz-3.jpg); min-height:725px;}
.linian.l7{background-image: url(/images/pt-pzfz-4.jpg); min-height: 465px;}
.linian.l8{background-image: url(/images/pt-pzfz-5.jpg); min-height: 465px;}
.linian.l1 p{font-size: 18px; text-align: center;}
.linian.l2 p,.linian.l5 p,.linian.l7 p{text-align: center;}
}

@media (max-width:1000px) /*手机端*/
{
 /*顶部和底部公用*/
/*顶部样式*/
.top{padding: 20px 0; text-align: center;}
.top .logo img{width: 230px; height: auto; margin-right: 17px;}
.nav{position:fixed;z-index:100;top:100px;right:0px; width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition: all 0.2s linear;overflow-y:auto;}
.nav.active{opacity:1;width:100%; background-color: #333;}
.nav>ul{padding:20px;}
.nav .nli{font-size: 16px; line-height:60px; border-bottom:1px solid #787878;}
.nav .nli a{color: #fff;}
.nav .nli .iconfont{margin-right: 10px; font-size: 20px;}
.nli .sub{display: none;}
.language{overflow: hidden; line-height: 30px; border-bottom:5px solid #000;  border-top:5px solid #000; padding: 10px 0;}
.language a{float: left; display: block; width: 33.33%; text-align: center; color: #fff; border-right: 1px solid #f0f0f0;}
.language a:last-child{border-right: 0;}
.language .iconfont{display: none;}
.lmheader img{display: none;}
.lmheader .biglogo{display:inline-block;}
/*底部*/
.footer{width:100%; border-top: 1px solid #ececec; background-color: #fff; padding-top:10px;}
.footer-nav{display: none;}
.footer-nav>ul>li{float: left; width:16.666%; padding-right: 10px;}
.footer-nav>ul>li[data-id='22']{display: none;}
.footer-nav>ul>li>a{display: block; width:100%; font-size: 16px; color: #000; line-height:1; background:url(/images/jian_tou.png) no-repeat 70px center; background-size:14px;}
.footer-nav>ul>li>ul{padding-top: 20px;}
.footer-nav>ul>li>ul>li{ line-height: 28px; font-size: 14px;}
.footer-address{font-size: 14px;}
.footer-address p{line-height:24px; margin-bottom:10px; position: relative; padding-left:36px;}
.footer-address p:before{content: "\e6ef"; font-family: "iconfont" !important; font-size:26px; color:#e7780c; position: absolute; left: 0; top: 0; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.footer-address p:nth-of-type(2):before{content: "\e50d";}
.footer-address p:nth-of-type(3):before{content: "\e64f";}
.footer-address p:nth-of-type(4):before{content: "\e676";}
.copyright{text-align: center; padding:20px 0; border-top: 1px solid #e1e1e1;}
.copyright .fg{display: block; margin-bottom: 5px;}

/*首页*/
.banner .swiper-slide{height:300px; width: 100%; line-height:300px; text-align: center; background-position: top center; background-repeat: no-repeat; background-size:auto 100%;}
.banner .swiper-slide .text{font-size:20px; display: inline-block;vertical-align: middle; line-height:36px; font-weight: bold; color:#fff; text-align: center; }
.banner .swiper-slide.ss1{background-image: url(/images/banner1m.jpg);}
.banner .swiper-slide.ss2{background-image: url(/images/banner2m.jpg);}
.bg{background: url(/images/bg_home.png) repeat-x center top #f6f6f6; padding:20px 0;}
.home-in{position: relative; overflow: hidden; height:240px; background-repeat: no-repeat; background-position: left top; background-size: cover; margin-bottom: 20px;}
.home-in a{display: block; width: 100%; height: 100%;}
.home-in.hi1{background-image: url(/images/pt-about.jpg);}
.home-in.hi2{background-image: url(/images/pt-guanli.jpg);}
.home-in .text{position: absolute; bottom: 0; left: 0; right: 0; padding:0 10px; height:50px; background:rgba(0,0,0,.5); color: #fff; font-size:18px; line-height:50px;}
.home-in .text .iconfont{margin-right: 10px; font-size: 20px;}
.home-in .text i{position: absolute; right:10px; top: 0; font-style: normal;}
.home-news{padding:10px; background: #fff; margin-bottom: 20px;}
.home-news-tit{position: relative; height:20px; line-height: 20px; overflow: hidden;}
.home-news-tit span{font-size: 20px; color: #333; vertical-align: top}
.home-news-tit span:before{content: ''; display: inline-block; width:3px; height: 20px; background: #e76930; margin-right:5px;}
.home-news-tit a{position: absolute; right: 0; top: 0;}
.home-product{font-size:24px; background-repeat: no-repeat; background-position:center center; background-size: cover; background-color: #fff; position: relative; margin-bottom: 20px;}
.home-product .pic{width: 100%; overflow: hidden;}
.home-product .pic img{width: 100%; transition: all .1s;}
.home-product h3{position: absolute; left:6%; top:40%; color: #fff; line-height:1em;}
.home-product h3 span{font-size:0.7em; display: block; padding-top: 10px;}
.home-product p{display: none;}
.home-product a:hover .pic img{opacity: 0.8;}

/*栏目公用*/
.lanmu-banner{height:150px; overflow: hidden;}
.lanmu-banner img{width:auto; height:100%; display: block; max-width:none;}
.lmb1{background-image: url(/images/lmbanner1.jpg);}
.lanmu-head{position: relative; padding: 0; height: 50px; }
.lanmu-title{font-size:22px; line-height: 50px; color: #fff; background: #404040; padding: 0 10px;}
.lanmu-nav-btn{position: absolute; top: 0; right: 0; width: 50px; height: 50px;}
.lanmu-nav-btn:before{content: ''; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-top: -5px;}
.lanmu-nav{display: none; background: #404040; padding: 0 10px; position: absolute; top:50px; left: 0; right: 0; z-index: 10;}
.lanmu-nav li{line-height:50px;}
.lanmu-nav li a{position: relative; color:#f0f0f0; padding-left: 10px;}
.lanmu-nav li a:before{position: absolute; top: 0; bottom: 0; left: 2px; margin: auto; content: ''; vertical-align: middle; width: 4px; height: 4px; border: 4px solid transparent; border-left: 4px solid #bfbfbf;}
.lanmu-nav li.active a{color:#e76930;}
.lanmu-nav li.active a:before{ border-left: 4px solid #e76930;}
.lanmu-info{margin-bottom: 30px; font-size: 16px; line-height:1.5;}
.lanmu-sub{margin:0px auto;}
.lanmu-sub .item{margin-bottom:20px;}
.lanmu-sub .item{overflow: hidden; background: #fff; border: 1px solid #e2e2e2; border-radius: 4px; transition: all .3s;}
.lanmu-sub .item .thumb{overflow: hidden; background: #e2e2e2;}
.lanmu-sub .item .thumb img{width: 100%; height: auto;}
.lanmu-sub .item .title{display: block; margin: 0; padding: 10px; font-size: 18px; font-weight: normal; position: relative;}
.lanmu-sub .item .title:before{position: absolute; content: ""; vertical-align: middle; top: 50%; bottom: 0; right:20px; left: auto; width: 10px; height: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px;}
.rongyu img{margin-bottom: 20px; border:1px solid #e1e1e1; padding: 3px;}
.product-head{position: relative; height:300px; color:#fff; overflow: hidden; background-image: url(/images/bg-youxiangm.jpg); background-repeat: no-repeat; background-position:center top; background-size: cover;}
.sunroof{background-image: url(/images/bg-tianchuangm.jpg);}
.product-title h1,.product-title h2{position: absolute; z-index: 10; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
.product-title h1{top:20%; color: white; font-size:3rem;  font-weight: 500;}
.product-title h2{top: calc(20% + 4rem); font-size:2rem;}
.product-nav{background: #e6e6e6; position: absolute; bottom: 0; z-index: 10; left: 0; right: 0;}
.product-nav ul{margin-bottom: 0;}
.product-nav li{display: block; float: left; list-style: none; text-align: center; border-right: 1px solid #bfbfbf; width: 33.33%; height: 40px; line-height:40px;}
.product-nav li:last-child{border-right:0;}
.product-content h2{font-size:22px;}
.product-content h2:after{width:90%; height:2px; left:5%; margin-left:0;}
.product-content h3{font-size:20px;}
.product-content .col-md-6{padding-left: 0; padding-right: 0;}
.news-list .date{width:60px;}
.news-list .date b{font-size:20px;}
.news-list .text{margin-left:70px;}
.wen{margin-bottom: 30px; padding:50px 40px; background-position: top center; background-size: 100% auto; background-repeat: no-repeat;}
.wen .text{background:rgba(255,255,255,.8); padding: 30px;}
.wen .text p{font-size:16px; text-align: center;}
.wen.w1{background-image:url(/images/pt-wenhua-3.jpg);}
.wen.w2{background-image:url(/images/pt-wenhua-5.jpg);}
.wen.w3{background-image:url(/images/pt-wenhua-4.jpg);}
.wen.w4{background-image:url(/images/pt-wenhua-2.jpg);}
.wen.w5{background-image:url(/images/pt-wenhua-1.jpg);}
.linian{background-color: #fff; background-position: top center; background-repeat: no-repeat; background-size:auto 200px; padding:15px; padding-top:215px; margin-bottom: 30px;}
.linian.l1{background-image: url(/images/pt-linian-1.jpg);}
.linian.l2{background-image: url(/images/pt-linian-2.jpg);}
.linian.l3{background-image: url(/images/pt-linian-3.jpg);}
.linian.l4{background-image: url(/images/pt-pzfz-2.jpg);}
.linian.l5{background-image: url(/images/pt-pzfz-1.jpg);}
.linian.l6{background-image: url(/images/pt-pzfz-3.jpg);}
.linian.l7{background-image: url(/images/pt-pzfz-4.jpg);}
.linian.l8{background-image: url(/images/pt-pzfz-5.jpg);}
.linian.l1 p{font-size: 18px; text-align: center;}
.linian.l2 p,.linian.l5 p,.linian.l7 p{text-align: center;}
.linian ul.ulcenter{width:100%; padding:0;}
}

@media (max-width:360px) /*小屏幕手机端*/
{
.banner .swiper-slide{height:240px; line-height:240px;}
.banner .swiper-slide .text{font-size:18px; }
.wen{padding:30px 20px;}
.wen .text{padding:10px;}
}

@media (min-width: 1200px){
.container{width:100%;}
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: none;
    text-indent: -9999px;
    background: url(/images/ui.totop.png) no-repeat left 0px;
    background-size: auto;
    background-size: cover;
    z-index: 190;
    border-radius: 50%;
    transition: all 0.2s linear;
}
    #toTop:hover {
        background-position:left -50px;
        background-size: cover;
    }