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

main{margin-top:10px;}

.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*/
.toppbanner{ width:100%; background:url(../images/bannerbg.jpg) no-repeat center center; }
.toppbanner .toppcontainer{ height:835px;}
.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:52px; line-height:75px; font-weight:bold; height:225px; margin:30px 0 25px 0;  float:left; width:100%;}
.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: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; }
.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:none;}


/*首页产品*/
.topp_range{ width:100%; background:#fbf8f1; margin:0 auto; padding:0 0 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{ padding:0px 25px 20px 0;}
.topp_range ul li a{box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); float:left; width:100%; transition:all 0.6s; border-radius:10px;}
.topp_range ul li:hover a{box-shadow: 0 0 2px 5px rgba(150, 150, 150, 0.1); }
.topp_range ul li img{ width:100%; float:left; }
.topp_range ul li .content{ width:100%; float:left; background:#fff;}
.topp_range ul li .content h1{ width:90%; float:left; margin:12px 5% 22px; font-size:18px; color:#001b39; line-height:28px;}
.topp_range ul li .content p{ width:90%; float:left; margin:5px 5% 15px;  font-size:14px; color:#4B5563; line-height:24px;}
.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:#f0ebdc;} 
.topp_work ul{ width:100%; float:left;} 
.topp_work ul li{float:left;  position:relative;} 
.topp_work ul li a{ float:left; background:#fff; border-radius:10px; margin-right:20px; padding:20px;} 
.topp_work ul li a img{ position:absolute; right:10px; top:46%; width:24px; height:2px;} 
.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:#000; width:100%; margin:5px 0; line-height:26px; height:52px;} 
.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;}

@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:#001b39;}
.footer .contact{ width:100%; margin:0 auto;}
.footer .contact_top h1{ width:100%;  font-size:36px; color:#fff; line-height:40px; text-align:center; font-weight:bold; margin:70px auto 25px ;}
.footer .contact p{ width:50%; font-size:16px; color:rgba(255,255,255,0.8); line-height:30px; text-align:center; font-weight:normal; margin:0px auto;}
.footer .topplink{ width:440px; 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-left:10px;}

.footer .contact_bottom{ width:100%; margin:130px auto 50px;}
.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 .contact_bottom .si{ float:left; margin:0 0 40px 0;}   
.footer .contact_bottom .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 .contact_bottom .si .top h2{ float:left; height:24px; line-height:24px; 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 7px;}
.footer .contact_bottom .si .top h3{ float:left; height:24px; line-height:24px; 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 7px;} 
.footer .contact_bottom .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 .contact_bottom .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 .contact_bottom .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 .contact_bottom .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 .contact_bottom .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:176px;}
main{margin-top:92px;}
.header {height:92px;}
.header .h_top{display:none;}
.nav{ display:none;}
.sp_nav{ display:block;}

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

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

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

}

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

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

}
@media (min-width:900px) {
.header .left a img {width:176px;}
main{margin-top:92px;}
.header {height:92px;}
.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;}
}

@media screen and (min-width:1200px) and (max-width: 1440px){	
	.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:176px;}
	main{margin-top:92px;}
	.header {height:92px;}
	.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:225px; 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;}
}


@media screen and (min-width:1000px) and (max-width: 1200px){	
	.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:176px;}
	main{margin-top:92px;}
	.header {height:92px;}
	.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:32px; line-height:65px; font-weight:bold; height:195px; 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;}
}



@media screen and (min-width:900px) and (max-width: 1000px){	

	.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:32px; line-height:65px; font-weight:bold; height:195px; 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_bottom{ display:block;background:#0d2f4f; height:180px; margin:0 auto;}
	.toppbanner_bottom li{ width:50%; border-radius:10px; height:70px; margin:0; padding:0px; float:left; margin:10px 0 0; }
	.toppbanner_bottom li h1{ width:100%;  height:35px; margin:5px 0px 0; padding:0px; float:left; line-height:35px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_bottom 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_work ul li{ width:50%;} 
	.topp_work ul li a img{display:none;} 
	
	.topp_about .content img{margin-top:0px;}
}
@media screen and (min-width:700px) and (max-width: 900px){	

	.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:32px; line-height:65px; font-weight:bold; height:195px; 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_bottom{ display:block;background:#0d2f4f; height:180px; margin:0 auto;}
	.toppbanner_bottom li{ width:50%; border-radius:10px; height:70px; margin:0; padding:0px; float:left; margin:10px 0 0; }
	.toppbanner_bottom li h1{ width:100%;  height:35px; margin:5px 0px 0; padding:0px; float:left; line-height:35px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_bottom 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_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;}
}



@media screen and (min-width:500px) and (max-width: 700px){	
	.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:32px; line-height:65px; font-weight:bold; height:195px; 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_bottom{ display:block;background:#0d2f4f; height:180px; margin:0 auto;}
	.toppbanner_bottom li{ width:50%; border-radius:10px; height:70px; margin:0; padding:0px; float:left; margin:10px 0 0; }
	.toppbanner_bottom li h1{ width:100%;  height:35px; margin:5px 0px 0; padding:0px; float:left; line-height:35px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_bottom 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_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%;}
}


@media screen and (min-width:300px) and (max-width: 500px){	
	.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:26px; line-height:60px; font-weight:bold; height:195px; 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{ color:#fff; font-size:16px; line-height:30px; font-weight:normal;  color:#fff; width:90%;}
	
	.toppbanner_right{ display:none;}
	
	.toppbanner_bottom{ display:block;background:#0d2f4f; height:180px; margin:0 auto;}
	.toppbanner_bottom li{ width:50%; border-radius:10px; height:70px; margin:0; padding:0px; float:left; margin:10px 0 0; }
	.toppbanner_bottom li h1{ width:100%;  height:35px; margin:5px 0px 0; padding:0px; float:left; line-height:35px; color:#FACC15; text-align:center; font-size:24px; font-weight:bold;}
	.toppbanner_bottom 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_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;}
	
}