* {padding: 0;margin: 0; font-family:"思源黑体 CN" !important;}
.clearboth {clear: both;}

main{margin-top:10px;}
.header { background:#000;}

.more{height:40px; line-height:40px;margin-left:0px;}
.more span{ display:inline-block; margin-right:5px; background:#000120; color:#fff; font-size:14px;text-transform:uppercase; text-align:center; padding:0 20px;}
.more span i{ font-size:16px; display:block;}
.toppcontainer{width:80% !important; margin:0 auto;}

/*首页产品分类*/
.sy_product{padding:80px 0;}
.title{margin-bottom:50px;text-align:center;}
.title .t1{color:#222;font-size:42px;line-height: 63px; font-weight:bold; text-transform:uppercase;}
.title .t2{color: #5f6263; line-height:26px;}
.cy{text-align:center; position:relative;top:10px; margin-bottom:40px;box-shadow: 2px 2px 5px; float:left;}
.cy:hover{top:10px;    }
.cy .cy-img{ overflow:hidden; position:relative;}
.cy .cy-img img{ max-width:100%; display:block; margin:0 auto;transform:scale(1,1);transition-duration:0.5s;}
.cy .cy-img .con{ margin:0px; margin-bottom:0;  position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.6s; background:rgba(0,1,32,0);}
.cy .cy-img .con i{ position:absolute; width:100%; height:100%; background:url(../images/i_bg5.png) center center no-repeat;top:0; left:0; text-align:center;opacity:1; filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.cy .cy-img .con .nr{ padding:0;color:#fff; font-size:18px; line-height:18px; overflow:hidden; text-align:center; transition:all 0.6s; opacity:0; width:100%; height:100%; line-height:100%;}
.cy .cy-img .con .nr .tit{ font-size:18px; font-weight:500; width:100%; text-align:center; color:#fff; position:absolute; left:0; top:45%;}
.cy .cy-img .con .nr p span{ color:#f00; padding-right:10px;}
.cy:hover .cy-img img{ }
.cy:hover .cy-img .con{ background:rgba(0,1,32,1);}
.cy:hover .cy-img .con .nr{text-align:center; opacity:1;}
.cy .cy-content{font-size:20px;color:#fff; /*margin:10px;*/background:linear-gradient(to top, rgba(31,100,179,1), rgba(21,105,201,1)); line-height:36px; padding-bottom:20px; padding-top:10px; text-transform:uppercase;}
.cy .cy-more{opacity:1;display:block; width:120px; height:30px; line-height:30px; text-align:center; color:#555; background:#f1f1f1;margin:0 auto; border-radius:20px; font-size:16px; /*position:relative; top:10px;transition:all 0.8s ease 0.1s;*/}
/*.cy .cy-more a{display:block; width:120px; height:30px; line-height:30px; text-align:center; color:#555; background:#f1f1f1;margin:0 auto; border-radius:20px; font-size:16px;}*/
.xxi{ width:100%; float:left; padding:10px 0;}
.xxi li{ width:90%; float:left; height:28px; line-height:28px; text-align:left; margin:0 5%; border-bottom:1px solid #ccc; font-size:16px;}
.xxi li.last{border-bottom:0px solid #ccc;}

/*首页banner*/
.index-banner{
    /* position: static; */
	margin-top:0px;
    width: 100%;
    height: 86vh;
    overflow: hidden; 

}
.swiper-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
#swiper-container1 .swiper-wrapper{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.banner_img1{
    opacity: 0;
}

#swiper-container1 .swiper-slide .ly-ani-left{
    opacity: 0;
}
#swiper-container1 .swiper-slide-active .ly-ani-left{
    opacity: 1;
}
#swiper-container1 .swiper-slide1 img{
    width: 100%;
    height:100%;
    transition: all 4s ease-out;   
}
#swiper-container1 .swiper-slide1.swiper-slide-active img{
    -moz-transition: all 4s linear;
    -o-transition:  all 4s linear;
    transition: all 4s linear; 
        transform: scale(1.05); 
}
#swiper-container1 .swiper-slide2 img{
    -moz-transition: all 4.5s linear;
    -o-transition:  all 4.5s linear;
    transition: all 4.5s linear;
    width: 100%;
    position: absolute;
    left: 0;
    top:0;
}
#swiper-container1 .swiper-slide2.swiper-slide-active img {
	top:-200px;
}
.index_banner_text1{
    width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{
    vertical-align: middle;
    max-width: 100%;
}
.swiper-slide .video{
    width: 100%;
    max-height: 1080px;
}
.carousel-scroll-btn-icon {
    z-index: 999;
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 52px;
    height: 52px;
    border: 2px solid #d80d1c;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    margin-left: -26px;
    box-sizing: border-box;
	display:none;
}
.carousel-scroll-btn-icon span{
    position: absolute;
    display: none;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/icon1.png) no-repeat center center;
    cursor: pointer;
    animation: downico 1.5s ease-out infinite;
}
.banner_btn{
    position: absolute;
    width: ;
    padding:10px 25px;
    background-color: rgba(255,255,255,1);
    bottom:50px;
    right: 70px;
    z-index: 999;
    display: flex;
}
.banner_btn .swiper-pagination{
    position: relative;
    font-size: 22px;
    margin-right: 50px;
    top:5px;
}
.banner_btn .swiper-pagination .swiper-pagination-total{
    color: #999;
}
.banner_btn .swiper-pagination .swiper-pagination-current{
    color: #d80d1c;
}
.banner_jt {
    display: flex;
    position: relative;
}
.banner_jt .shu{
    width: 1px;
    height: 46px;
    background-color: #999;
    margin: 0 30px;
}
.banner_btn .swiper-button-next{
    position: relative;
    top:40px;
    left: -30px;
    width: 35px;
    height: 100%;
    transition: all .6s ease-out;
    outline: none;
    background:none!important;
}
.banner_btn .swiper-button-prev{
    position: relative;
    top:40px;
    left:30px;
    width: 35px;
    height: 100%;
    transition: all .6s ease-out;
    outline: none;
    background:none!important;
}
.banner_btn .swiper-button-next span,.banner_btn .swiper-button-prev span{
    z-index: 1;
    position: absolute;
    top: 0;
    display: block;
    width: 25px;
    height: 100%;
    overflow: hidden;
    transition: all .45s ease-out 0s;
    -webkit-transition: all .45s ease-out 0s;
    -moz-transition: all .45s ease-out 0s;
	background:none;
}

.banner_btn .swiper-button-prev span{
    z-index: 1;
    position: absolute;
    top: 0;
    display: block;
    width: 25px;
    height: 100%;
    overflow: hidden;
    transition: all .45s ease-out 0s;
    -webkit-transition: all .45s ease-out 0s;
    -moz-transition: all .45s ease-out 0s;
	background:none;
}

.banner_btn .swiper-button-prev span{
    background: url(../images/icon6.png) no-repeat left 4px;
}
.banner_btn .swiper-button-prev:hover span{
    width: 35px;
    transition: all .6s;
}

.banner_btn .swiper-button-next span{
    background: url(../images/icon5.png) no-repeat right 4px;
}
.banner_btn .swiper-button-next:hover span{
    width: 35px;
    transition: all .6s;
}
.index_banner_text1{
    width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{
    vertical-align: middle;
    max-width: 100%;
}
.swiper-slide .video{
    width: 100%;
    max-height: 1080px;
}
.carousel-scroll-btn-icon {
    z-index: 999;
    position: absolute;
    bottom: 60px;
    left: 50%;
    width: 52px;
    height: 52px;
    border: 2px solid #d80d1c;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    margin-left: -26px;
    box-sizing: border-box;
	display:none;
}
.carousel-scroll-btn-icon span{
    position: absolute;
    display: none;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    background: url(../images/icon1.png) no-repeat center center;
    cursor: pointer;
    animation: downico 1.5s ease-out infinite;
}
.banner_btn{
    position: absolute;
    padding:6px 25px 10px;
    background-color: rgba(255,255,255,1);
    bottom:50px;
    right: 70px;
    z-index: 999;
	height:65px;
}
.banner_btn .swiper-pagination{
    position: relative;
    font-size: 22px;
    margin-right: 10px;
	height:40px;
	line-height:40px;
    top:5px;
	float:left;
	width:50px;
}
.banner_btn .swiper-pagination .swiper-pagination-total{
    color: #999;
}
.banner_btn .swiper-pagination .swiper-pagination-current{
    color: #d80d1c;
	height:40px; 
	line-height:40px;
}
.banner_jt {
	position:relative;
	height:40px; 
	line-height:40px;
	width:130px;
	float:left;
}
.swiper-button-prev {
	width:35px;
	height:40px;
	position:absolute;
	left:30px;
	top:26px;
	background:url(../images/icon6.png) no-repeat left center;
	}
.swiper-button-next {
	width:35px;
	height:40px;
	position:absolute;
	left:70px;
	top:26px;
	background:url(../images/icon5.png) no-repeat left center;
	}


.banner_text1{
    color: #fff;
    position: absolute;
    top:0;
	left:0;
    width:100%;
    text-align: left;
	padding-left:0%;
    z-index: 998;
    animation-delay: 0.4s;
}


.toppbanner{ width:100%; }
.toppbanner .toppcontainer1{ height:794px;}
.toppbanner_left{ width:50%;}
.toppbanner_left h3{ color:#FACC15; font-size:12px; float:left; width:300px; height:30px; border:1px solid #FACC15; background:#31392e; border-radius:15px; line-height:28px; text-align:center; margin-top:16vh;}

.toppbanner_left h1{ color:#fff; font-size:62px; line-height:75px; font-weight:bold; height:300px; margin:80px 0 25px 0;  float:left; width:100%; text-transform:uppercase;}
.toppbanner_left p{ color:#fff; font-size:18px; line-height:30px; font-weight:normal;  color:#fff; width:80%; float:left;}
.toppbanner_left .topplink{ width:100%; margin:25px 0 35px 0; line-height:50px; float:left;}
.toppbanner_left .topplink .topplink1{ width:155px; height:50px; background:#076ee5; color:#fff; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; margin:0 0 30px 0; }
.toppbanner_left .topplink .topplink2{ width:170px; height:50px; background:none; color:#fff; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; border:1px solid #fff; margin-left:10px;}
.toppbanner_left .toppbanner2{ width:100%;  float:left;}
.toppbanner_left .toppbanner2 li{ height:32px; float:left;font-size:14px; color:rgba(255,255,255,0.7); margin:0 18px 0 0; line-height:32px; padding-left:21px; background:url(../images/duihao.png) no-repeat left center;}



.toppbanner_right{ height:245px; padding:300px 0 0; width:50%; float:left;}
.toppbanner_right li{ width:335px; border-radius:10px; height:113px; margin:0 10px 10px 0; padding:0px; float:left; background:rgba(255,255,255,0.1); border:1px solid rgb(255,255,255,1);}
.toppbanner_right li h1{ width:100%;  height:43px; margin:20px 0px 0px 0; padding:0px; float:left; line-height:43px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
.toppbanner_right li p{ width:100%;  height:23px; margin:0px; padding:0px; float:left; line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;}

.toppbanner_bottom{ display:block;background:#0b141f; margin:0 auto;}
.toppbanner_bottom li{  margin:40px 0; padding:0px; float:left; border-right:1px solid #fff;}
.toppbanner_bottom li.last{border-right:0px solid #fff;}
.toppbanner_bottom li .top{ width:80%; margin:0px 10%; padding:0px; float:left;height:56px;}
.toppbanner_bottom li img{ width:56px; margin:0px 20px 0 0; padding:0px; float:left;}
.toppbanner_bottom li h1{ margin:0; padding:0px; float:left; line-height:28px; color:#fff; text-align:left; font-size:16px; font-weight:normal; height:56px; width:160px;}
.toppbanner_bottom li p{ width:70%;  margin:15px 15% 0; padding:0px; float:left; line-height:26px; color:#b0b0b0; text-align:center; font-size:14px; font-weight:normal;}


/*首页产品*/
.topp_range{ width:100%; background:#fff; margin:0 auto; padding:50px 0;}
.topp_range .title{ width:100%; height:auto; float:left; margin:70px 0 36px 0;}
.topp_range .title span{ width:100%; height:4px; float:left; background:url(../images/spanss.jpg) no-repeat left center;}
.topp_range .title h1{ width:100%; height:70px; float:left; font-size:36px; color:#001b39; line-height:70px; text-align:left; font-weight:bold; margin:0;}
.topp_range .title p{ width:50%;float:left; font-size:16px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0; height:auto;}

.topp_range ul li{ margin:0px 0px 20px 0;}
.topp_range ul li a{float:left; width:100%; transition:all 0.6s; border-radius:10px; background:#f1f6f6;}
.topp_range ul li:hover a{box-shadow: 0 0 2px 5px rgba(150, 150, 150, 0.1); }
.topp_range ul li img{ width:50%; float:right; }
.topp_range ul li .content{ width:50%; float:right; background:none;}
.topp_range ul li .content h1{ width:90%; float:left; margin:12px 5% 12px; padding:0 0 10px 0; font-size:18px; color:#001b39; line-height:28px; background:url(../images/hengxian.jpg) no-repeat left bottom;}
.topp_range ul li .content p{ width:95%; float:left; margin:5px 0 15px 5%;  font-size:14px; color:#4B5563; line-height:24px;}
.topp_range ul li .content h2{ width:90%; float:left; margin:0px 5% 12px;font-size:16px; color:#001b39; line-height:28px; }
.topp_range .topp_range1{ width:226px; height:50px; margin:20px auto 0; border:2px solid #001b39; color:#001b39; display:block; border-radius:10px; background:rgba(0,27,57,0); transition:all 0.6s; text-align:center; font-size:16px; line-height:45px;}
.topp_range .topp_range1:hover{  background:rgba(0,27,57,1); color:#fff; }

.topp_choose{ background:#fff;}
.topp_choose ul li{}
.topp_choose ul li a{ padding:80px 0px 0px 0;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); float:left; width:100%; transition:all 0.6s; border-radius:10px;transition:all 0.6s;}
.topp_choose ul li:hover a{ box-shadow: 0 0 1px 3px rgba(247, 177, 53, 0.3); }
.topp_choose ul li.yi{ background:url(../images/choose1.png) no-repeat 5% 20px;}
.topp_choose ul li.yi:hover{ background:url(../images/choose1-1.png) no-repeat 5% 20px;}
.topp_choose ul li.er{ background:url(../images/choose2.png) no-repeat 5% 20px;}
.topp_choose ul li.er:hover{ background:url(../images/choose2-1.png) no-repeat 5% 20px;}
.topp_choose ul li.san{ background:url(../images/choose3.png) no-repeat 5% 20px;}
.topp_choose ul li.san:hover{ background:url(../images/choose3-1.png) no-repeat 5% 20px;}
.topp_choose ul li.si{ background:url(../images/choose4.png) no-repeat 5% 20px;}
.topp_choose ul li.si:hover{ background:url(../images/choose4-1.png) no-repeat 5% 20px;}
.topp_choose ul li.wu{ background:url(../images/choose5.png) no-repeat 5% 20px;}
.topp_choose ul li.wu:hover{ background:url(../images/choose5-1.png) no-repeat 5% 20px;}
.topp_choose ul li.liu{ background:url(../images/choose6.png) no-repeat 5% 20px;}
.topp_choose ul li.liu:hover{ background:url(../images/choose6-1.png) no-repeat 5% 20px;}

.topp_market{ background:#001b39; padding:0 0 70px 0;}
.topp_market .title{ width:100%; height:auto; float:left; margin:70px 0 36px 0; text-align:center;}
.topp_market .title span{width:100%; height:4px; float:left; background:url(../images/spanss.jpg) no-repeat center center;}
.topp_market .title h1{ width:100%; height:70px; float:left; font-size:36px; color:#fff; line-height:70px; text-align:center; font-weight:bold; margin:0;}
.topp_market .title p{ max-width: var(--container-2xl);margin-left: auto; margin-right: auto; font-size:16px; color:rgba(255,255,255,0.8); line-height:30px; text-align:center; font-weight:normal; margin:0 25%;}

.topp_market ul li{margin-bottom:20px;}
.topp_market ul li a{ padding:80px 0px 0px 0; float:left; width:100%; transition:all 0.6s; border-radius:10px;transition:all 0.6s; border:1px solid #fff; background:rgba(255,255,255,0.1);}
.topp_market ul li:hover a{background:rgba(255,255,255,0.2); }
.topp_market ul li.yi{ background:url(../images/aus.png) no-repeat 8% 30px; }
.topp_market ul li.er{ background:url(../images/europe.png) no-repeat 8% 30px;}
.topp_market ul li.san{ background:url(../images/ame.png) no-repeat 8% 30px;}
.topp_market ul li .content{ width:100%; float:left; }
.topp_market ul li .content h1{ width:90%; float:left; margin:0px 5%; height:28px; font-size:18px; color:#fff; line-height:28px;}
.topp_market ul li .content h2{ width:90%; float:left; margin:0px 5% 5px; height:24px; font-size:14px; color:#fdc700; line-height:24px;}
.topp_market ul li .content p{ width:90%; float:left; margin:2px 5%;  font-size:14px; color:rgba(255,255,255,0.8); line-height:24px; background: url(../images/duihao.png) no-repeat left 5px; padding:0 0 0 21px;}
.topp_market ul li .content h3{ width:90%; float:left; margin:5% 5%; height:28px; font-size:14px; color:#fdc700; line-height:28px;}

.topp_packaging{ background:url(../images/packaging.jpg) no-repeat center center; padding:0 0 70px 0;}
.topp_packaging .title{ width:100%; height:auto; float:left; margin:70px 0 36px 0;}
.topp_packaging .title h3{ width:170px; height:28px; float:left; background:rgba(255,255,255,0.1); border-radius:15px; }
.topp_packaging .title h3 .lucide{color:#bbf7d0; font-size:16px; float:left; margin:6px 10px 6px 15px;}
.topp_packaging .title h3 font{color:#bbf7d0; font-size:12px; font-weight:normal; float:left; line-height:26px;}
.topp_packaging .title h1{ color:#fff;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}

.topp_packaging .title p{ color:#fff;}
.topp_packaging .topp_range1{ width:298px; height:50px; margin:20px 0; border:1px solid #fff; color:#016838; font-weight:bold; display:block; border-radius:10px; background:rgba(255,255,255,1); transition:all 0.6s; text-align:center; font-size:16px; line-height:50px; float:left;}
.topp_packaging .topp_range1:hover{ background:rgba(255,255,255,0.9);color:#016838;}

.topp_work{ width:100%; background:url(../images/liucbg.jpg)#fff no-repeat right center;} 
.topp_work .title{ width:100%; height:auto; float:left; margin:0px 0 36px 0;}
.topp_work .title h1{ width:100%; height:70px; float:left; font-size:36px; color:#001b39; line-height:70px; text-align:left; font-weight:bold; margin:0;}
.topp_work .title p{ width:50%;float:left; font-size:16px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0; height:auto;}
.topp_work ul{ float:left;} 
.topp_work ul li{float:left;  position:relative; padding-left:0px;} 
.topp_work ul li a{ float:left; background:#0c63d0; border-radius:10px; margin-right:20px; padding:20px;} 
.topp_work ul li a img{ position:absolute; right:0px; top:46%; width:28px; height:20px;} 
.topp_work ul li a h1{ float:left; height:36px; font-size:24px; color:#fee999; width:100%; margin:0px;} 
.topp_work ul li a h2{ float:left; font-size:15px; color:#FFF; width:100%; margin:5px 0; line-height:26px; } 
.topp_work ul li a p{ float:left; font-size:12px; color:#818181; width:100%;}


.topp_say{ background:#fff;}
.topp_say ul li a{ padding:0; float:left; width:100%; transition:all 0.6s; border-radius:10px;transition:all 0.6s; background:#fbf8f1;}
.topp_say ul li .content{ width:100%; float:left; background:none;}
.topp_say ul li .content h3{ width:90%; float:left; margin:22px 5% 10px; height:28px; font-size:18px; color:#fdc700; line-height:28px;}
.topp_say ul li .content h1{ width:90%; float:left; margin:15px 5% 0; height:28px; font-size:16px; color:#001b39; line-height:28px;font-weight:normal;}
.topp_say ul li .content p{ width:90%; float:left; margin:5px 5% 15px;  font-size:14px; color:#4B5563; line-height:24px; font-style:italic;}
.topp_say ul li .content h2{ width:90%; float:left; margin:0px 5% 30px; height:20px; font-size:14px; color:#818181; line-height:20px; font-weight:normal;}


.topp_about{ width:100%; background:#fbf8f1; margin:0 auto; padding:0 0 50px 0;}
.topp_about .title1{ float:left; margin:70px 0 36px 0;}
.topp_about .title1 span{ width:100%; height:4px; float:left; background:url(../images/spanss.jpg) no-repeat left center;}
.topp_about .title1 h1{ width:100%; height:70px; float:left; font-size:36px; color:#001b39; line-height:70px; text-align:left; font-weight:bold; margin:0;}
.topp_about .title1 p{ width:100%;float:left; font-size:16px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0 0 30px 0; height:auto;}

.topp_about ul li{ width:90%; float:left; line-height:30px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; font-size:16px; background:url(../images/lvgou.png) no-repeat left 5px;  margin:0; padding:0px 0 0 33px;}
.topp_about .topp_range1{ width:190px; height:40px; margin:20px 0; border:0px; border-radius:0px; font-weight:bold; border-bottom:2px solid #fdc700; color:#001b39; display:block;  transition:all 0.6s; text-align:left; font-size:16px; line-height:40px; float:left;}
.topp_about .topp_range1:hover{color:#a65f00; background:none;}

.topp_about .content img{ width:100%; float:left; margin-top:70px;}

.factory{ background:#0e1621;}
.factory .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
.factory .top h2{ width:100%; line-height:48px; font-size:48px; color:#fff; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
.factory .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:right; margin:80px 0 0px 0;}

.factory ul li{ margin:35px 0 50px; }
.factory ul li .kuangkuang{ width:100%; border:1px solid #30424e; background:rgba(255,255,255,0.1); float:left;}
.factory ul li img{ width:100%; float:left;}
.factory ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:220px; background:url(../images/yjt.png) no-repeat right bottom;}
.factory ul li h1{ width:100%; float:left; height:50px; background:none; font-size:14px; color:#0a73eb; text-align:left; line-height:50px; margin:0;}
.factory ul li h2{ width:100%; float:left; font-size:28px; color:#fff; text-align:left; line-height:30px; margin:0 0 10px 0;}
.factory ul li p{ width:100%; float:left; font-size:16px; color:#a9b7c3; text-align:left; line-height:30px; margin:0;}



.factory1{border-top:1px solid #aab7c2;border-bottom:1px solid #aab7c2;}
.factory1 .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:40px 0 0px 0; width:500px;}
.factory1 .top .right{ width:480px; float:right;}
.factory1 .top .falianj{ width:480px; float:left; margin:20px 0;}
.factory1 .top .falianj a{ width:220px; height:50px; border:1px solid #aab7c2; float:left; line-height:50px; text-align:center; font-size:18px; color:#fff;}

.factory1 ul li .kuangkuang{ width:100%; border:1px solid #30424e; background:rgba(255,255,255,0.9); float:left;}
.factory1 ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:200px; background:none;}
.factory1 ul li h2{color:#17232c;}
.factory1 ul li p{color:#52616e; font-size:15px;}

.factory2{ background:#fff;}
.factory2 .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
.factory2 .top h2{ width:100%; line-height:48px; font-size:48px; color:#0e1621; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
.factory2 .top .falianj{ width:220px; float:right; margin:120px 0 0;}
.factory2 .top .falianj a{ width:220px; height:50px; border:1px solid #0e1621; float:left; line-height:50px; text-align:center; font-size:18px; color:#0e1621; background:rgba(14,22,33,0.1);}

.factory2 ul li .kuangkuang{ width:100%; border:1px solid #0e1621; background:rgba(14,22,33,0.1); float:left;}
.factory2 ul li .cotent{ width:90%; float:left; margin:25px 5% 15px; height:120px; background:none;}
.factory2 ul li h2{color:#0e1621; font-size:20px;}
.factory2 ul li p{color:#0e1621; font-size:15px;}

@media only screen and (max-width:990px){
	main.index .huanjing .swiper-slide .box{ margin-bottom:0; }
}
@media only screen and (max-width:479px){
	main.index .huanjing .swiper-slide .box .title{ font-size: 20px; }
}



/* 底部开始*/
.footer{ width:100%; background:#0c151e;}
.footer .col_left1 .about_newslb{ width:95%; float:left;}
.footer .col_left1 .about_newslb h3{ width:100%; float:left; height:32px; line-height:32px; text-align:left; font-size:16px; color:#fff; margin:30px 0 0;}
.footer .col_left1 .about_newslb h4{ width:100%; float:left; height:48px; line-height:48px; text-align:left; font-size:24px; color:#fff; margin:0;}
.footer .col_left1 .about_newslb input{ width:48%; float:left; height:38px; line-height:38px; padding-left:5px; font-size:14px; color:#fff; border:1px solid #CCC; margin:0 0 15px 0; background:none;}
.footer .col_left1 .about_newslb input.txt3{ width:100%; float:left; height:38px; line-height:38px; padding-left:5px; font-size:14px; color:#fff; border:1px solid #CCC;}
.footer .col_left1 .about_newslb textarea{ width:100%; float:left; height:68px; line-height:28px; padding-left:5px; font-size:14px; color:#fff; border:1px solid #CCC;background:none;}
.footer .col_left1 .about_newslb input.btn{ width:100%; float:left; height:38px; line-height:38px; font-size:14px; color:#fff; background:#1771df; margin:20px 0 0 0; padding:0; text-align:center;}

.footer .contact_bottom{ width:100%; margin:0px auto 50px; border-top:1px solid rgba(255,255,255,0.3); padding:50px 0 0 0;}
.footer .contact_bottom .yi{ float:left; margin:0 0 40px 0;} 
.footer .contact_bottom .yi .f_logo{ float:left; width:166px;}
.footer .contact_bottom .yi p{ float:left; width:90%; margin:15px 10% 25px 0; line-height:24px; font-size:14px; color:rgba(255,255,255,0.9);} 
.footer .contact_bottom .yi ul{ float:left; width:100%;} 
.footer .contact_bottom .yi ul li{ float:left; margin:0 15px 0 0;} 

.footer .contact_bottom .er{ float:left; margin:0 0 40px 0;}  
.footer .contact_bottom .er h1{ float:left; width:90%; margin:0px 0 20px 0; line-height:30px; font-size:18px; color:rgba(255,255,255,1);} 
.footer .contact_bottom .er ul{ float:left; width:100%;} 
.footer .contact_bottom .er ul li{ float:left; height:24px; line-height:24px; font-size:14px;color:rgba(255,255,255,0.8); width:90%;} 

.footer .contact_bottom .san{ float:left; margin:0 0 40px 0;}   
.footer .contact_bottom .san .top h1{ float:left; width:90%; margin:0px 0 20px 0; line-height:30px; font-size:18px; color:rgba(255,255,255,1);} 
.footer .contact_bottom .san ul{ float:left; width:100%;} 
.footer .contact_bottom .san .top ul li{ float:left; height:24px; line-height:24px; font-size:14px;color:rgba(255,255,255,0.8); width:90%;} 
.footer .contact_bottom .san .bottom h1{ float:left; width:90%; margin:0px 0 5px 0; line-height:30px; font-size:18px; color:rgba(255,255,255,1);} 
.footer .contact_bottom .san .bottom ul li{ float:left; background:rgba(255,255,255,0.1); height:26px; line-height:20px; border-radius:6px; font-size:12px; color:rgba(255,255,255,1); padding:0 15px; margin:0 10px 20px 0; text-align:center; border:1px solid rgba(255,255,255,0.8);} 

.footer .col_right{ background:url(../images/ditu.jpg) no-repeat right center;}
.footer .col_right .si{ float:left; margin:30px 0 50px 0;}   
.footer .col_right .si .top h1{ float:left; width:90%; margin:0px 0 20px 0; line-height:30px; font-size:18px; color:rgba(255,255,255,1);} 
.footer .col_right .si .top h2{ float:left; height:38px; line-height:38px; font-size:14px;color:rgba(255,255,255,0.8); width:90%; margin:0px; padding-left:20px; background:url(../images/cbsi1.png) no-repeat left 12px;}
.footer .col_right .si .top h3{ float:left; height:38px; line-height:38px; font-size:14px;color:rgba(255,255,255,0.8); width:90%; margin:0px; padding-left:20px; background:url(../images/cbsi2.png) no-repeat left 12px;} 
.footer .col_right .si .top p{ float:left; width:90%; margin:5px 0 25px 0; line-height:24px; font-size:14px; color:rgba(255,255,255,0.9); padding-left:20px; background:url(../images/cbsi3.png) no-repeat left 7px;} 
.footer .col_right .si .bottom h1{ float:left; width:90%; margin:0px 0 5px 0; line-height:30px; font-size:18px; color:rgba(255,255,255,1);} 
.footer .col_right .si .bottom .topp_kuang{ float:left; background:rgba(24,42,51,1); line-height:20px; padding:10px 15px; border-radius:6px; font-size:12px; color:rgba(255,255,255,1);  text-align:center; border:1px solid rgba(67,69,41,1);} 
.footer .col_right .si .bottom .topp_kuang h2{ float:left; height:24px; line-height:24px; font-size:14px;color:rgba(253,199,0,1); width:100%; text-align:left; margin:0;} 
.footer .col_right .si .bottom .topp_kuang p{ float:left;  line-height:24px; font-size:14px;color:rgba(255,255,255,0.8); width:100%; padding:0; background:none;text-align:left; margin:0;} 
.footer .footer_topb{ border-top:1px solid rgba(255,255,255,0.3);}
.footer .footer_topb h1{ float:left; line-height:50px; text-align:left; font-size:12px; color:rgba(255,255,255,0.5); margin:0;}
.footer .footer_topb h2{ float:right; line-height:50px; text-align:right; font-size:12px; color:rgba(255,255,255,0.5); margin:0;}

/* 底部结束*/ 







@media (min-width:200px) {
.header .left a img {width:200px;}
main{margin-top:92px;}
.header {height:100px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}

}
@media (min-width:300px) {
.header .left a img {width:200px;}
main{margin-top:92px;}
.header {height:100px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}

}
@media (min-width:400px) {
.header .left a img {width:200px;}
main{margin-top:92px;}
.header {height:100px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block; float:right;}

}
@media (min-width:500px) {
.header .left a img {width:200px;}
main{margin-top:92px;}
.header {height:100px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}

}

@media (min-width:700px) {
	.products{display:none;}
.header .left a img {width:200px;}
main{margin-top:92px;}
.header {height:100px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}

}
@media (min-width:800px) {
.header .left a img {width:200px;}
main{margin-top:92px;}
.header {height:100px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}

}
@media (min-width:900px) {
.header .left a img {width:200px;}
main{margin-top:100px;}
.header {height:100px;}
.header .h_top{display:none;}
.sp_nav{ display:block;}
.index_main3{ width:96%; margin:0 auto; position:relative;}	
#owl-demo .item dd{ width:23.5%;  margin-bottom:20px; margin-left:0.65%; margin-right:0.65%; text-align:left; float:left;}
main.index .hezuo .nr .card{position: relative;width:168px;height:102px; margin-bottom:20px; border:1px solid #ddd;transform-style: preserve-3d;perspective: 1000px;}
main.index .hezuo .nr .card .box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform-style: preserve-3d;transition: 1s ease;}
main.index .hezuo .nr .card:hover .box{transform: rotateY(180deg);}
main.index .hezuo .nr .card .box .imgBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
main.index .hezuo .nr .card .box .imgBx img{position: absolute;top: 0;left: 0;width:100%; margin:10px 0; background:#fff;}
main.index .hezuo .nr .card .box .contentBx{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#083d5e;backface-visibility: hidden;display: flex;justify-content: center;align-items: center;transform-style: preserve-3d;transform: rotateY(180deg);}
main.index .hezuo .nr .card .box .contentBx div{transform-style: preserve-3d;padding: 20px;background: linear-gradient(45deg,#fff,#fff);transform: translateZ(100px);}
main.index .hezuo .nr .card .box .contentBx div h2{color: #000;font-size: 20px;letter-spacing: 1px;}
main.index .hezuo .nr .card .box .contentBx div p{color: #000;font-size: 16px;}
.sycpbg21{ display:block;}
.abotab{ display:none;}
.product_show .miaoshu{ width:55%;}
.sp-wrap {margin: 0 0 15px 0;width:45%;}
.sp-wrap img{width:100%;}
.sy_about .title .t1{ line-height:116px; font-size:108px; color:#e9e9e9; font-weight:bold;}
.sy_about .title .t2{ margin-top:-85px; font-size:46px; color:#060606; font-weight:bold;}
.products{display:block;}
}





   


@media screen and (min-width:1800px) and (max-width: 1920px){	

	.nav{ display:block;}
	.toppbanner_right{ height:245px; padding:300px 0 0;}
	.toppbanner_right li{ width:335px; border-radius:10px; height:113px; margin:0 10px 10px 0; padding:0px; float:left; background:rgba(255,255,255,0.1); border:1px solid rgb(255,255,255,1);}
	.toppbanner_right li h1{ width:100%;  height:43px; margin:20px 0px 0px 0; padding:0px; float:left; line-height:43px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_right li p{ width:100%;  height:23px; margin:0px; padding:0px; float:left; line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;}
}

@media screen and (min-width:1700px) and (max-width: 1800px){	
	.nav{ display:block;}
	.shipinh .row img{ width:60%; margin:0 20%;}
	.toppbanner_right{ height:225px; padding:310px 0 0;}
	.toppbanner_right li{ width:325px; border-radius:10px; height:108px; margin:0 10px 10px 0; padding:0px; float:left; background:rgba(255,255,255,0.1); border:1px solid rgb(255,255,255,1);}
	.toppbanner_right li h1{ width:100%;  height:43px; margin:20px 0px 0px 0; padding:0px; float:left; line-height:43px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_right li p{ width:100%;  height:23px; margin:0px; padding:0px; float:left; line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;}

}

@media screen and (min-width:1600px) and (max-width: 1700px){	
	.topp_range .title p{ width:65%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}
	.nav{ display:block;}
	.toppbanner_right{ height:205px; padding:320px 0 0;}
	.toppbanner_right li{ width:307px; border-radius:10px; height:100px; margin:0 10px 10px 0; padding:0px; float:left; background:rgba(255,255,255,0.1); border:1px solid rgb(255,255,255,1);}
	.toppbanner_right li h1{ width:100%;  height:43px; margin:20px 0px 0px 0; padding:0px; float:left; line-height:43px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_right li p{ width:100%;  height:23px; margin:0px; padding:0px; float:left; line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;
}
}

@media screen and (min-width:1440px) and (max-width: 1600px){	
	.topp_range .title p{ width:70%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}
	.nav{ display:block;}
	.toppbanner_right{ height:185px; padding:325px 0 0;}
	.toppbanner_right li{ width:272px; border-radius:10px; height:89px; margin:0 10px 10px 0; padding:0px; float:left; background:rgba(255,255,255,0.1); border:1px solid rgb(255,255,255,1);}
	.toppbanner_right li h1{ width:100%;  height:35px; margin:16px 0px 0px 0; padding:0px; float:left; line-height:35px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_right li p{ width:100%;  height:23px; margin:0px; padding:0px; float:left; line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;}
	.topp_about .title1 h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}	


	.toppbanner_bottom li .top{ width:88%; margin:0px 6%; padding:0px; float:left;height:56px;}
	
	.toppbanner_left h1{ color:#fff; font-size:42px; line-height:60px; font-weight:bold; height:240px; margin:80px 0 25px 0;  float:left; width:100%; text-transform:uppercase;}
	
	.topp_work ul li a h1{ float:left; height:36px; font-size:18px; color:#fee999; width:100%; margin:0px;} 
}

@media screen and (min-width:1200px) and (max-width: 1440px){	
	.index-banner{
    /* position: static; */
	margin-top:0px;
    width: 100%;
    height: 66vh;
    overflow: hidden; 

}

	.topp_range .title p{ width:75%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}

	.header .left a img {width:200px;}
	main{margin-top:100px;}
	.header {height:100px;}
	.header .h_top{display:block;}
	.nav{ display:block;}
	.sp_nav{ display:none;}
	.container{ width:1400px; margin:0 auto; position:relative;}
	
	/*jqzoom*/
	.shipinh .row img{ width:60%; margin:0 20%;}
	
	.toppbanner_left h1{ color:#fff; font-size:42px; line-height:65px; font-weight:bold; height:260px; margin:30px 0 25px 0;}
	.toppbanner_left p{ color:#fff; font-size:16px; line-height:30px; font-weight:normal;  color:#fff; width:80%;}

	.toppbanner_right{ height:165px; padding:325px 0 0;}
	.toppbanner_right li{ width:222px; border-radius:10px; height:72px; margin:0 4px 5px 0; padding:0px; float:left; background:rgba(255,255,255,0.1); border:1px solid rgb(255,255,255,1);}
	.toppbanner_right li h1{ width:100%;  height:35px; margin:12px 0px 0px 0; padding:0px; float:left; line-height:35px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_right li p{ width:100%;  height:23px; margin:0px; padding:0px; float:left; line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;}
	.topp_about .title1 h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	
	.toppbanner_bottom li .top{ width:94%; margin:0px 3%; padding:0px; float:left;height:56px;}
	.toppbanner_bottom li h1{ margin:0; padding:0px; float:left; line-height:28px; color:#fff; text-align:left; font-size:14px; font-weight:normal; height:56px; width:140px;}
	
	.topp_work ul li a h1{ float:left; height:36px; font-size:18px; color:#fee999; width:100%; margin:0px;} 
	
	.factory ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:240px; background:url(../images/yjt.png) no-repeat right bottom;}
	.factory ul li h2{ width:100%; float:left; font-size:24px; color:#fff; text-align:left; line-height:30px; margin:0 0 10px 0;}
	.factory ul li p{ width:100%; float:left; font-size:14px; color:#a9b7c3; text-align:left; line-height:30px; margin:0;}
	
	.factory1 .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:40px 0 0px 0; width:400px;}
	.factory1 .top .right{ width:360px; float:right;}
	.factory1 .top .falianj{ width:360px; float:left; margin:20px 0;}
	.factory1 .top .falianj a{ width:180px; height:42px; border:1px solid #aab7c2; float:left; line-height:42px; text-align:center; font-size:16px; color:#fff;}
	
	.factory1 ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:220px; background:none;}
	.factory1 ul li h2{color:#17232c;}
	.factory1 ul li p{color:#52616e; font-size:15px;}
	
	.factory2 ul li .kuangkuang{ width:100%; border:1px solid #0e1621; background:rgba(14,22,33,0.1); float:left;}
	.factory2 ul li .cotent{ width:90%; float:left; margin:25px 5% 15px; height:140px; background:none;}
	.factory2 ul li h2{color:#0e1621; font-size:18px;}
	.factory2 ul li p{color:#0e1621; font-size:14px;}
	
}



@media screen and (min-width:1000px) and (max-width: 1200px){	
		.index-banner{
		/* position: static; */
		margin-top:0px;
		width: 100%;
		height:56vh;
		overflow: hidden; 
	
	}
	
	.topp_range .title p{ width:85%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}

	.header .left a img {width:200px;}
	main{margin-top:92px;}
	.header {height:100px;}
	.header .h_top{display:none;}
	.nav{ display:none;}
	.sp_nav{ display:block;}

	
	.toppcontainer{width:96% !important; margin:0 auto;}
	
	.toppbanner_left h1{ color:#fff; font-size:24px; line-height:40px; font-weight:bold; height:160px; margin:30px 0 25px 0;}
	.toppbanner_left p{ color:#fff; font-size:16px; line-height:30px; font-weight:normal;  color:#fff; width:80%;}
	
	.toppbanner_right{ height:165px; padding:325px 0 0;}
	.toppbanner_right li{ width:222px; border-radius:10px; height:72px; margin:0 4px 5px 0; padding:0px; float:left; background:rgba(255,255,255,0.1); border:1px solid rgb(255,255,255,1);}
	.toppbanner_right li h1{ width:100%;  height:35px; margin:12px 0px 0px 0; padding:0px; float:left; line-height:35px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_right li p{ width:100%;  height:23px; margin:0px; padding:0px; float:left; line-height:23px; color:#fff; text-align:center; font-size:12px; font-weight:normal;}
	.topp_about .title1 h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	
	.toppbanner_bottom li .top{ width:80%; margin:0px 10%; padding:0px; float:left;height:56px;}
	.toppbanner_bottom li h1{ margin:0; padding:0px; float:left; line-height:28px; color:#fff; text-align:left; font-size:16px; font-weight:normal; height:56px; width:160px;}
	.toppbanner_bottom li p{ width:70%;  margin:15px 15% 0; padding:0px; float:left; line-height:26px; color:#4a4a4a; text-align:center; font-size:14px; font-weight:normal;}
	.toppbanner_bottom li.ler{ border-right:0px;}
	
	.factory ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:180px; background:url(../images/yjt.png) no-repeat right bottom;}
	.factory ul li h1{ width:100%; float:left; height:50px; background:none; font-size:16px; color:#0a73eb; text-align:left; line-height:50px; margin:0;}
	.factory ul li h2{ width:100%; float:left; font-size:32px; color:#fff; text-align:left; line-height:30px; margin:0 0 10px 0;}
	
 
	.factory1 .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:40px 0 0px 0; width:400px;}
	.factory1 .top .right{ width:360px; float:right;}
	.factory1 .top .falianj{ width:360px; float:left; margin:20px 0;}
	.factory1 .top .falianj a{ width:180px; height:42px; border:1px solid #aab7c2; float:left; line-height:42px; text-align:center; font-size:16px; color:#fff;}
	
	.factory1 ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:180px; background:none;}
	.factory1 ul li h2{color:#17232c;}
	.factory1 ul li p{color:#52616e; font-size:15px;}
	
	.factory2 ul li .kuangkuang{ width:100%; border:1px solid #0e1621; background:rgba(14,22,33,0.1); float:left;}
	.factory2 ul li .cotent{ width:90%; float:left; margin:25px 5% 15px; height:100px; background:none;}
	.factory2 ul li h2{color:#0e1621; font-size:26px;}
	.factory2 ul li p{color:#0e1621; font-size:16px;}
}




@media screen and (min-width:900px) and (max-width: 1000px){	
	.index-banner{
		/* position: static; */
		margin-top:0px;
		width: 100%;
		height:50vh;
		overflow: hidden; 
	
	}

	.topp_range .title p{ width:85%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}

	
	.toppbanner_left{ width:100%;}
	.toppbanner_left h1{ color:#fff; font-size:22px; line-height:40px; font-weight:bold; height:160px; margin:30px 0 25px 0;}
	.toppbanner_left p{ color:#fff; font-size:16px; line-height:30px; font-weight:normal;  color:#fff; width:80%;}
	
	.toppbanner_right{ display:none;}
	
	
	
	.topp_work ul li{ width:50%;} 
	.topp_work ul li a img{display:none;} 
	
	.topp_about .content img{margin-top:0px;}
	.toppbanner_bottom li .top{ width:80%; margin:0px 10%; padding:0px; float:left;height:56px;}
	.toppbanner_bottom li h1{ margin:0; padding:0px; float:left; line-height:28px; color:#fff; text-align:left; font-size:16px; font-weight:normal; height:56px; width:160px;}
	.toppbanner_bottom li p{ width:70%;  margin:15px 15% 0; padding:0px; float:left; line-height:26px; color:#4a4a4a; text-align:center; font-size:14px; font-weight:normal;}
	.toppbanner_bottom li.ler{ border-right:0px;}
	
	
}
@media screen and (min-width:700px) and (max-width: 900px){	
	.index-banner{
		/* position: static; */
		margin-top:0px;
		width: 100%;
		height:46vh;
		overflow: hidden; 
	
	}
	
	.topp_range .title p{ width:90%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}

	.toppbanner_left{ width:100%;}
	.toppbanner_left h1{ color:#fff; font-size:20px; line-height:35px; font-weight:bold; height:140px; margin:30px 0 25px 0;}
	.toppbanner_left p{ color:#fff; font-size:16px; line-height:30px; font-weight:normal;  color:#fff; width:80%;}
	
	.toppbanner_right{ display:none;}	
	.toppbanner .topplink{ display:none;}

	
	.topp_packaging .title h1{ font-size:32px;}
	
	.topp_work ul li{ width:50%;} 
	.topp_work ul li a img{display:none;} 
	.topp_about .content img{margin-top:0px;}
	.topp_about .title1 h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	
	.toppbanner_bottom li.ler{ border-right:0px;}
	.toppbanner_bottom li .top{ width:90%; margin:0px 5%; padding:0px; float:left;height:56px;}
	
	

	.factory .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory .top h2{ width:100%; line-height:38px; font-size:38px; color:#fff; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory .top p{line-height:36px; font-size:16px; color:#aab7c2; text-align:left; font-weight:normal; float:right; margin:80px 0 0px 0;}
	.factory ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:240px; background:url(../images/yjt.png) no-repeat right bottom;}
	
	.factory1 .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:40px 0 0px 0; width:400px;}
	.factory1 .top .left{ width:100%; float:left;}
	.factory1 .top .right{ width:100%; float:left;}
	.factory1 .top .falianj{ width:100%; float:left; margin:20px 0;}
	.factory1 .top .falianj a{ width:180px; height:42px; border:1px solid #aab7c2; float:left; line-height:42px; text-align:center; font-size:16px; color:#fff;}
	
	.factory1 ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:180px; background:none;}
	.factory1 ul li h2{color:#17232c;}
	.factory1 ul li p{color:#52616e; font-size:15px;}
	
	.factory2 .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory2 .top h2{ width:100%; line-height:38px; font-size:38px; color:#0e1621; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory2 .top .falianj{ width:220px; float:right; margin:120px 0 0;}
	.factory2 .top .falianj a{ width:220px; height:50px; border:1px solid #0e1621; float:left; line-height:50px; text-align:center; font-size:18px; color:#0e1621; background:rgba(14,22,33,0.1);}

	.factory2 ul li .cotent{ width:90%; float:left; margin:25px 5% 15px; height:150px; background:none;}
	.factory2 ul li h2{color:#0e1621; font-size:22px;}
	.factory2 ul li p{color:#0e1621; font-size:16px;}
}



@media screen and (min-width:500px) and (max-width: 700px){	
	.index-banner{
		/* position: static; */
		margin-top:0px;
		width: 100%;
		height:36vh;
		overflow: hidden; 
	
	}
	.toppbanner .topplink{ display:none;}
	.banner_btn { display:none;}
	.topp_range .title p{ width:95%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}
	.toppbanner_left{ width:100%;}
	.toppbanner_left h1{ color:#fff; font-size:18px; line-height:30px; font-weight:bold; height:125px; margin:30px 0 25px 0;}
	.toppbanner_left p{ color:#fff; font-size:16px; line-height:30px; font-weight:normal;  color:#fff; width:80%;}
	
	.toppbanner_right{ display:none;}
	
	
	.topp_packaging .title h1{ font-size:28px;}
	.topp_work ul li{ width:50%;} 
	.topp_work ul li a img{display:none;} 
	
	.topp_choose .title h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	.topp_about .content img{margin-top:0px;}
	.topp_about .title1 h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	
	.footer .topplink{ width:255px; line-height:50px; margin:25px auto 0;}
	.footer .topplink .topplink1{ width:255px; height:50px; background:#d09945; color:#000; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; margin:0 0 30px 0; }
	.footer .topplink .topplink2{ width:170px; height:50px; background:none; color:#fff; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; border:1px solid #fff; margin:0 0 30px 0;}
	.footer .contact_bottom{ width:100%; margin:30px auto 50px;}
	.footer .footer_topb h2{ display:none;}
	.footer .contact{ display:none;}
	.topp_market .title p{ font-size:16px; color:rgba(255,255,255,0.8); line-height:30px; text-align:center; font-weight:normal; margin:0 5%; width:90%;}
	
	.topp_range ul li img{ width:100%; float:right; }
	.topp_range ul li .content{ width:100%; float:right; background:none;}
	.topp_range ul li .content h1{ width:90%; float:left; margin:12px 5% 12px; padding:0 0 10px 0; font-size:16px; color:#001b39; line-height:28px; background:url(../images/hengxian.jpg) no-repeat left bottom;}
	.topp_range ul li .content h2{ width:90%; float:left; margin:0px 5% 12px;font-size:14px; color:#001b39; line-height:28px; }
	
	.toppbanner_bottom li.ler{ border-right:0px;}
	.toppbanner_bottom li .top{ width:94%; margin:0px 3%; padding:0px; float:left;height:56px;}
	.toppbanner_bottom li h1{ font-size:14px; width:130px;}
	.toppbanner_bottom li p{ width:90%;  margin:15px 5% 0; padding:0px; float:left; line-height:26px; color:#4a4a4a; text-align:center; font-size:12px; font-weight:normal;}
	
	.factory .top .left{ width:100%; float:left;}
	.factory .top .right{ width:100%; float:left;}
	.factory .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory .top h2{ width:100%; line-height:38px; font-size:38px; color:#fff; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory .top p{ width:100%;line-height:36px; font-size:16px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:10px 0 0px 0;}
	.factory ul li.xia{ width:100%; margin:25px 0;}
	.factory ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:180px; background:url(../images/yjt.png) no-repeat right bottom;}
	
	.factory1 .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:40px 0 0px 0; width:100%;}
	.factory1 .top .left{ width:100%; float:left;}
	.factory1 .top .right{ width:100%; float:left;}
	.factory1 .top .falianj{ width:100%; float:left; margin:20px 0;}
	.factory1 .top .falianj a{ width:180px; height:42px; border:1px solid #aab7c2; float:left; line-height:42px; text-align:center; font-size:16px; color:#fff;}
	
	.factory1 ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:180px; background:none;}
	.factory1 ul li h2{color:#17232c;}
	.factory1 ul li p{color:#52616e; font-size:15px;}
	
	
	.factory2 .top .left{ width:100%; float:left;}
	.factory2 .top .right{ width:100%; float:left;}
	.factory2 .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory2 .top h2{ width:100%; line-height:48px; font-size:48px; color:#0e1621; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory2 .top .falianj{ width:220px; float:left; margin:20px 0;}
	.factory2 .top .falianj a{ width:220px; height:50px; border:1px solid #0e1621; float:left; line-height:50px; text-align:center; font-size:18px; color:#0e1621; background:rgba(14,22,33,0.1);}
	
	.factory2 ul li .kuangkuang{ width:100%; border:1px solid #0e1621; background:rgba(14,22,33,0.1); float:left;}
	.factory2 ul li .cotent{ width:90%; float:left; margin:25px 5% 15px; height:100px; background:none;}
	.factory2 ul li h2{color:#0e1621; font-size:26px;}
	.factory2 ul li p{color:#0e1621; font-size:16px;}
}


@media screen and (min-width:400px) and (max-width: 500px){	
	.index-banner{
		/* position: static; */
		margin-top:0px;
		width: 100%;
		height:28vh;
		overflow: hidden; 
	
	}
	.toppbanner .topplink{ display:none;}
	.banner_btn { display:none;}
	.toppcontainer{ width:90% !important;}
	.topp_range .title h1{ width:100%; height:auto; float:left; font-size:32px; color:#001b39; line-height:40px; text-align:left; font-weight:bold; margin:0;}
	.topp_range .title p{ width:95%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}
	.toppbanner_left{ width:100%; padding:0px;}
	.toppbanner_left h1{ color:#fff; font-size:18px; line-height:30px; font-weight:bold; height:125px; margin:30px 0 25px 0;}
	.toppbanner_left h3{ color:#FACC15; font-size:12px; float:left; width:260px; height:30px; border:1px solid #FACC15; background:#31392e; border-radius:15px; line-height:28px; text-align:center; margin-top:16vh;}
	.toppbanner_left p{ display:none;}
	
	.toppbanner_right{ display:none;}
	
	
	.topp_packaging .title h1{ font-size:26px; color:#fff;}
	.topp_packaging .topp_range1{ width:268px; height:50px; margin:20px 0; border:1px solid #fff; color:#016838; font-weight:bold; display:block; border-radius:10px; background:rgba(255,255,255,1); transition:all 0.6s; text-align:center; font-size:14px; line-height:50px; float:left;}

	.topp_market .title h1{ width:100%; height:auto; float:left; font-size:32px; color:#fff; line-height:40px; text-align:center; font-weight:bold; margin:0;}
	.topp_market .title p{ font-size:16px; color:rgba(255,255,255,0.8); line-height:30px; text-align:center; font-weight:normal; margin:0 5%; width:90%;}
	.topp_work ul li{ width:100%;} 
	.topp_work ul li a img{display:none;} 
	
	.topp_choose .title h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	.topp_about .content img{margin-top:0px;}
	.topp_about .title1 h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	
	.footer .topplink{ width:255px; line-height:50px; margin:25px auto 0;}
	.footer .topplink .topplink1{ width:255px; height:50px; background:#d09945; color:#000; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; margin:0 0 30px 0; }
	.footer .topplink .topplink2{ width:170px; height:50px; background:none; color:#fff; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; border:1px solid #fff; margin:0 0 30px 0;}
	.footer .contact_bottom{ width:100%; margin:30px auto 50px;}
	.footer .footer_topb h2{ display:none;}
	.footer .contact{ display:none;}
	
	.topp_range ul li img{ width:100%; float:right; }
	.topp_range ul li .content{ width:100%; float:right; background:none;}
	.topp_range ul li .content h1{ width:90%; float:left; margin:12px 5% 12px; padding:0 0 10px 0; font-size:16px; color:#001b39; line-height:28px; background:url(../images/hengxian.jpg) no-repeat left bottom;}
	.topp_range ul li .content h2{ width:90%; float:left; margin:0px 5% 12px;font-size:14px; color:#001b39; line-height:28px; }
	
	.toppbanner_bottom li img{ width:36px; margin:0px 10px 0 0; padding:0px; float:left;}
	.toppbanner_bottom li.ler{ border-right:0px;}
	.toppbanner_bottom li .top{ width:96%; margin:0px 2%; padding:0px; float:left;height:60px;}
	.toppbanner_bottom li h1{ font-size:12px; width:60px; line-height:20px; height:60px; overflow:hidden;}
	.toppbanner_bottom li p{ width:90%;  margin:15px 5% 0; padding:0px; float:left; line-height:26px; color:#4a4a4a; text-align:center; font-size:12px; font-weight:normal;}
	
	.factory .top .left{ width:100%; float:left;}
	.factory .top .right{ width:100%; float:left;}
	.factory .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory .top h2{ width:100%; line-height:38px; font-size:38px; color:#fff; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory .top p{ width:100%;line-height:36px; font-size:16px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:10px 0 0px 0;}
	.factory ul li.xia{ width:100%; margin:25px 0;}
	.factory ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:200px; background:url(../images/yjt.png) no-repeat right bottom;}
	.factory ul li .cotent p{ font-size:16px;}
	
	.factory1 .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:40px 0 0px 0; width:100%;}
	.factory1 .top .left{ width:100%; float:left;}
	.factory1 .top .right{ width:100%; float:left;}
	.factory1 .top .falianj{ width:100%; float:left; margin:20px 0;}
	.factory1 .top .falianj a{ width:180px; height:42px; border:1px solid #aab7c2; float:left; line-height:42px; text-align:center; font-size:16px; color:#fff;}
	
	.factory1 ul li.xia1{ width:100%; margin:25px 0;}
	.factory1 ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:160px; background:none;}
	.factory1 ul li h2{color:#17232c;}
	.factory1 ul li p{color:#52616e; font-size:15px;}
	
	.factory2 .top .left{ width:100%; float:left;}
	.factory2 .top .right{ width:100%; float:left;}
	.factory2 .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory2 .top h2{ width:100%; line-height:48px; font-size:48px; color:#0e1621; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory2 .top .falianj{ width:220px; float:left; margin:20px 0;}
	.factory2 .top .falianj a{ width:220px; height:50px; border:1px solid #0e1621; float:left; line-height:50px; text-align:center; font-size:18px; color:#0e1621; background:rgba(14,22,33,0.1);}
	
	.factory2 ul li .kuangkuang{ width:100%; border:1px solid #0e1621; background:rgba(14,22,33,0.1); float:left;}
	.factory2 ul li .cotent{ width:90%; float:left; margin:25px 5% 15px; height:100px; background:none;}
	.factory2 ul li h2{color:#0e1621; font-size:26px;}
	.factory2 ul li p{color:#0e1621; font-size:16px;}
	
}


@media screen and (min-width:300px) and (max-width: 400px){	

	.index-banner{
		/* position: static; */
		margin-top:0px;
		width: 100%;
		height:22vh;
		overflow: hidden; 
	
	}
	.toppbanner .topplink{ display:none;}
	.banner_btn { display:none;}
	.toppcontainer{ width:90% !important;}
	.topp_range .title h1{ width:100%; height:auto; float:left; font-size:32px; color:#001b39; line-height:40px; text-align:left; font-weight:bold; margin:0;}
	.topp_range .title p{ width:95%;float:left; font-size:18px; color:#4B5563; line-height:30px; text-align:left; font-weight:normal; margin:0;}
	.toppbanner_left{ width:100%; padding:0px;}
	.toppbanner_left h1{ color:#fff; font-size:18px; line-height:30px; font-weight:bold; height:125px; margin:30px 0 25px 0;}
	.toppbanner_left h3{ color:#FACC15; font-size:12px; float:left; width:260px; height:30px; border:1px solid #FACC15; background:#31392e; border-radius:15px; line-height:28px; text-align:center; margin-top:16vh;}
	.toppbanner_left p{  display:none;}
	
	.toppbanner_right{ display:none;}
	
	
	.topp_packaging .title h1{ font-size:26px; color:#fff;}
	.topp_packaging .topp_range1{ width:268px; height:50px; margin:20px 0; border:1px solid #fff; color:#016838; font-weight:bold; display:block; border-radius:10px; background:rgba(255,255,255,1); transition:all 0.6s; text-align:center; font-size:14px; line-height:50px; float:left;}

	.topp_market .title h1{ width:100%; height:auto; float:left; font-size:32px; color:#fff; line-height:40px; text-align:center; font-weight:bold; margin:0;}
	.topp_market .title p{ font-size:16px; color:rgba(255,255,255,0.8); line-height:30px; text-align:center; font-weight:normal; margin:0 5%; width:90%;}
	.topp_work ul li{ width:100%;} 
	.topp_work ul li a img{display:none;} 
	
	.topp_choose .title h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	.topp_about .content img{margin-top:0px;}
	.topp_about .title1 h1 {color:#001b39;  height:auto; float:left; font-size:36px; line-height:40px; text-align:left; font-weight:normal; margin:20px 0;}
	
	.footer .topplink{ width:255px; line-height:50px; margin:25px auto 0;}
	.footer .topplink .topplink1{ width:255px; height:50px; background:#d09945; color:#000; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; margin:0 0 30px 0; }
	.footer .topplink .topplink2{ width:170px; height:50px; background:none; color:#fff; font-size:14px; line-height:50px; text-align:center; float:left; border-radius: 8px; border:1px solid #fff; margin:0 0 30px 0;}
	.footer .contact_bottom{ width:100%; margin:30px auto 50px;}
	.footer .footer_topb h2{ display:none;}
	.footer .contact{ display:none;}
	
	.topp_range ul li img{ width:100%; float:right; }
	.topp_range ul li .content{ width:100%; float:right; background:none;}
	.topp_range ul li .content h1{ width:90%; float:left; margin:12px 5% 12px; padding:0 0 10px 0; font-size:16px; color:#001b39; line-height:28px; background:url(../images/hengxian.jpg) no-repeat left bottom;}
	.topp_range ul li .content h2{ width:90%; float:left; margin:0px 5% 12px;font-size:14px; color:#001b39; line-height:28px; }
	
	.toppbanner_bottom li img{ width:36px; margin:0px 10px 0 0; padding:0px; float:left;}
	.toppbanner_bottom li.ler{ border-right:0px;}
	.toppbanner_bottom li .top{ width:96%; margin:0px 2%; padding:0px; float:left;height:60px;}
	.toppbanner_bottom li h1{ font-size:12px; width:60px; line-height:20px; height:60px; overflow:hidden;}
	.toppbanner_bottom li p{ width:90%;  margin:15px 5% 0; padding:0px; float:left; line-height:26px; color:#4a4a4a; text-align:center; font-size:12px; font-weight:normal;}
	
	.factory .top .left{ width:100%; float:left;}
	.factory .top .right{ width:100%; float:left;}
	.factory .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory .top h2{ width:100%; line-height:28px; font-size:22px; color:#fff; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory .top p{ width:100%;line-height:26px; font-size:14px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:10px 0 0px 0;}
	.factory ul{ margin:0 0 30px;}
	.factory ul li.xia{ width:100%; margin:15px 0;}
	.factory ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:220px; background:url(../images/yjt.png) no-repeat right bottom;}
	.factory ul li .cotent h2{ font-size:18px;}
	.factory ul li .cotent p{ font-size:14px;}
	
	.factory1 .top p{line-height:36px; font-size:18px; color:#aab7c2; text-align:left; font-weight:normal; float:left; margin:40px 0 0px 0; width:100%;}
	.factory1 .top .left{ width:100%; float:left;}
	.factory1 .top .right{ width:100%; float:left;}
	.factory1 .top .falianj{ width:100%; float:left; margin:20px 0;}
	.factory1 .top .falianj a{ width:180px; height:42px; border:1px solid #aab7c2; float:left; line-height:42px; text-align:center; font-size:16px; color:#fff;}
	
	.factory1 ul li.xia1{ width:100%; margin:25px 0;}
	.factory1 ul li .cotent{ width:90%; float:left; margin:0 5% 15px; height:180px; background:none;}
	.factory1 ul li h2{color:#17232c;}
	.factory1 ul li p{color:#52616e; font-size:15px;}
	
	.factory2 .top .left{ width:100%; float:left;}
	.factory2 .top .right{ width:100%; float:left;}
	.factory2 .top h1{ width:100%; line-height:28px; font-size:14px; color:#0a73eb; text-align:left;margin:40px 0 10px 0; font-weight:normal;}
	.factory2 .top h2{ width:100%; line-height:48px; font-size:48px; color:#0e1621; text-align:left; font-weight:bold; margin:0px 0 10px 0;}
	.factory2 .top .falianj{ width:220px; float:left; margin:20px 0;}
	.factory2 .top .falianj a{ width:220px; height:50px; border:1px solid #0e1621; float:left; line-height:50px; text-align:center; font-size:18px; color:#0e1621; background:rgba(14,22,33,0.1);}
	
	.factory2 ul li .kuangkuang{ width:100%; border:1px solid #0e1621; background:rgba(14,22,33,0.1); float:left;}
	.factory2 ul li .cotent{ width:90%; float:left; margin:25px 5% 15px; height:130px; background:none;}
	.factory2 ul li h2{color:#0e1621; font-size:26px;}
	.factory2 ul li p{color:#0e1621; font-size:16px;}
	
	
}