@charset "UTF-8";
/* CSS Document */
@media (max-width: 1680px) {
   .wrap{width: 1470px;}
   .col1swiper .text .textwBox{
		transform: translateY(130px);
		-webkit-transform: translateY(130px);
		padding-bottom: 38px;
   }
   .menu dd{margin-right: 15px;}
   .svgbtn{left: 13px;}
   .col1L .info{margin-bottom: 60px;}
   .col1swiper .swiper-slide:hover .text{padding-top: 260px;}
   .col1swiper .text{padding-top: 270px;}
   .col1swiper .prev{top: 30%;}
   .col1swiper .next{top: 30%;}
   .colRcon .text .textcon img{max-width: 117px;}
   .colRcon .swiperBox{ width:90px;}
   .colRcon .text{ right: 90px;}
   .colRcon .text .textcon .info{margin-right: 4px;}
   .col3swiper .col3btnbox{right: 43%;}
   .footercon .con1 img{height: 44px;margin-bottom: 127px;}
   .evmlist .item .itemcon img{height: 105px;}
   .menuLeft{width: 800px;}
   .menuLB dl{margin-bottom: 38px;}
}
@media (max-width: 1600px) {
	.col1L .indexTitle{margin-bottom: 35px;}
	.col1swiper .swiper-slide:hover .text{padding-top: 362px;}
	.col1swiper .text{padding-top: 287px;}
	.col1swiper .text .num{ margin-bottom: 27px;}
	.col2swiper{height: 400px !important;padding-bottom: 25px;}
	.col3L .indexTitle{margin-bottom: 70px;}
	.folRcon{right:25px !important}
	.menuLeft{width: 780px;}
}
@media (max-width: 1440px) {
	.wrap{width: 1300px;}
	.wrap1{width: 1200px;}
	.logo img{ height:80px;}
	.menu dd{margin-right: 10px;}
	.topbtn{padding-left:10px;padding-left:10px;}
	.topbtn ul li a{margin-right:5px}
	.indexTop .top .logo{padding-top: 22px;}
	.indexTop .top .logo img{height: 34px;}
	.col1L{padding-top: 15px;}
	.col1swiper .swiper-slide:hover .text{padding-top: 255px;}
	.col1swiper .text{padding-top: 210px;}
	.col1swiper .text .num{ margin-bottom: 38px;}
	.col1swiper .prev{top: 25%;}
	.col1swiper .next{top: 25%;}
	.col3L .indexTitle{margin-bottom: 60px;}
	.footercon .con1 img{height: 79px;}
	.evmlist{margin-right: -20px;}
	.evmlist .item .itemcon{margin-right: 20px;}
	.svgbtn{left: 10px;}
	.menuLeft{width: 680px;}
	.industryR .text i{width: 430px;}
}
@media (max-width: 1280px) {
	.wrap{width: 1140px;}
	.wrap1{width: 1000px;}
	.indexTop .top .logo img{height: 28px;}
	.menu dd{margin-right: 10px;}
	.col1swiper .swiper-slide:hover .text{padding-top: 150px;}
	.col1swiper .text{padding-top: 160px;padding-right: 10px;}
	.col1swiper .prev{top: 8%;}
	.col1swiper .next{top: 8%;}
	.col1swiper .text .num{margin-bottom: 30px;}
	.colRcon .newpic{margin-right: 120px;}
	.footercon .con1 img{height: 34px;margin-bottom: 100px;}
	.footercon .con4{padding-left: 40px;}
	.menuLeft{width: 563px;}
	.industryR .text i{width: 300px;}
	.topbtn{padding-left: 20px;margin-left: 20px;}
}


/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  

.menuLeft {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .7s linear;
    -webkit-transition: all .7s linear;
    z-index: -1;
    background: #fff;
}
.svgbtn .text{ display:none}

.svgbtn {
    z-index: 360000;}
.menuLB dl dt a {
    font-size: 22px;
    color: #333333;
}
.menuLB dl dt {
    display: block;
    line-height: 26px;
    margin-bottom: 10px;
    height: 26px;
    overflow: hidden;
    margin-top: 20px;
}
.menuLB dl dd {
    display: inline-block;
    padding-left: 20px;
    margin-right: 50px;
    position: relative;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
}.menuLB {
    padding-left: 75px;
}

.logo img {
    height: 50px;
}.logo {
    display: block;
    position: relative;
    height: 50px;
    padding-top: 10px;
}.top {
    height: 70px;}

.svgbtn {
    z-index: 360000;
   
}

.h100 {
    clear: both;
    height: 0px!important;
}.col1swiper .swiper-slide{ margin-right:15px!important; width:150px!important }

.col1swiper .pic::before {
    padding-top: 170.1739%!important;
}.section2 .indexTitle .titlec {
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    overflow: hidden;
}.indexTitle .title {
    font-size: 25px;
    color: #c1beb4;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: 'Arial';
}.col1L .indexTitle {
    margin-bottom: 15px;
}.indexbtn {
    display: block;
    width: 105px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #b2b0a7;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    font-size: 12px; margin-bottom:20px
}.col1swiper .text .title a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
}.indexbtn i {
    display: inline-block;
    font-style: normal;
    width: 5px;
    height: 5px;}
.col2L {
    width: 100%;
    padding-top: 60px;
    position: relative;
    z-index: 2;
}.indexTitle .titlec {
    font-size: 25px;
    line-height: 25px;
}.col2L {
    width: 100%;
    padding-top: 0px; float:none; position:absolute; left:15%; top:10%}
.col2R {
    left: 7%;
    position: absolute;
    top: 15%;
    right: 0;
    height: 100%;
}.wrap {
    width: 100%;
}.col2L {
    width: 100%;
    padding-top: 0px;
    float: none;
    position: absolute;
    left: 7%;
    top: 0%;
    margin-top: -240px;
}.topbtn {
    padding-left: 0px;
    margin-left: 20px;
}.searchBox{ display:none}
.topbtn ul li:nth-child(1) a {
    background: rgb(50,147,76,.6);
    line-height: 40px;
    color: #fff;
    font-size: 16.5px;
    border-radius: 5px;
    margin-top: 14px;
    width: 30px;
    height: 30px;
    text-align: center; line-height:30px
}
.colRcon .text {
    right: 0px;
}.colRcon .text {
    position: absolute;
    right: 22%;
    height: 100% !important;
    width: 100%;
}.colRcon .text {
    right: 4%;
}.wrap1 {
    width: 100%;
}
}
@media screen and (max-height:900px){
	.menuLB dl{margin-bottom: 13px;}
}
@media screen and (max-height:720px){
	.menuLB dl{margin-bottom: 5px;}
	.menuLB dl dt{margin-bottom: 5px;}
	.logo{height: 70px;padding-top: 15px;}
	.menuLB dl dt{height: 19px;line-height: 19px;}
	.menuLB dl dt a{font-size: 19px;}
	
}