* {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{max-width:1260px !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:92px;
    width: 100%;
    height: 82vh;
    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,.banner_btn .swiper-button-prev{
    position: relative;
    top:30px;
    left: 0;
    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{
    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;
}
#newBridge .nb-nodeboard-right-bottom{
    left:0!important;
}

.banner_text1{
    color: #fff;
    position: absolute;
    top:45%;
	left:10%;
    width:90%;
    text-align: left;
	padding-left:10%;
    z-index: 998;
    animation-delay: 0.4s;
}
.banner_text1 h1{
    font-size:2.5vw; font-weight:600; text-shadow: 0 2px 3px rgba(0, 30, 60, 0.8);
}
.banner_text1 h6{
    font-size:1.5vw;
    padding:20px 0;
	margin:0;
	text-shadow: 0 2px 3px rgba(0, 30, 60, 0.8);
}
.banner_text1 h2{
    font-size:2.0vw; font-weight:600; text-shadow: 0 2px 3px rgba(0, 30, 60, 0.8);
}


/*首页关于我们*/
.topp_range{ width:100%; background:#fff; margin:0 auto; padding:0 0 50px 0;}

.topp_range .left{ margin:80px 0 0 0; padding:0px;}
.topp_range .left h1{ width:100%; font-size:12px; color:#0ea5a0; float:left; line-height:30px; height:30px; font-weight:bold; margin:20px 0 10px; text-transform:uppercase; padding:0 20px 0 0;}
.topp_range .left h4{ width:100%; font-size:36px; color:#000; float:left;  line-height:46px; font-weight:bold; margin:0px; padding:0 20px 0 0;}
.topp_range .left .synr{ width:100%; font-size:16px; color:#000; float:left;  line-height:32px; font-weight:normal; margin:20px 0 0; padding:0px;}

.topp_range .left .about2{ width:100%; padding:0; margin:30px 0 0 0;}
.topp_range .left .about2 ul{ width:100%; padding:0 30px 0 0; margin:0;}
.topp_range .left .about2 ul li{ padding:0 10px;}
.topp_range .left .about2 li .baog{ width:100%; float:left;}
.topp_range .left .about2 li .baog h2{ width:55%; float:left; text-align:right; font-size:26px; font-weight:bolder;color:#0ea5a0; line-height:40px; padding:0; margin:0;}
.topp_range .left .about2 li .baog span{ width:30%; float:left; text-align:left; font-size:26px; font-weight:bolder;color:#0ea5a0; line-height:40px;}
.topp_range .left .about2 li h3{ width:100%; float:left; text-align:center; font-size:12px; font-weight:normal;color:#6a7282; line-height:20px; padding:0; margin:0;}
.topp_range .right{ margin:80px 0 0 0;}
.topp_range .right img{ width:100%;}


.topp_choose{ background:#f8fafb;}
.topp_choose .title{ width:100%; height:auto; float:left; margin:70px 0 36px 0;}
.topp_choose .title span{ width:100%; float:left; text-align:center; font-size:12px; color:#0ea5a0; line-height:30px; height:30px;  font-weight:bold; text-transform:uppercase;}
.topp_choose .title h1{ width:100%; font-size:36px; color:#000; float:left;  line-height:46px; font-weight:bold; margin:0px; text-align:center;}
.topp_choose .title p{ width:50%;float:left; font-size:16px; color:#4B5563; line-height:30px; text-align:center; font-weight:normal; margin:0 25%; height:auto;}
.topp_choose ul li{ padding:0px 25px 30px 0;}
.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 .content h1{ width:90%; float:left; margin:6px 5% 12px; font-size:18px; color:#000; line-height:28px;}
.topp_choose ul li .content h2{ width:90%; float:left; margin:5px 5% 5px;  font-size:14px; color:#4a5565; line-height:24px;}
.topp_choose ul li .content h3{ width:90%; float:left; margin:5px 5% 25px;  font-size:14px; color:#0ea5a0; line-height:24px;}
.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_range1{ width:100%; background:#fff; margin:0 auto; padding:0 0 50px 0;}
.topp_range1 .title{ width:100%; height:auto; float:left; margin:70px 0 36px 0;}
.topp_range1 .title span{ width:100%; float:left; text-align:center; font-size:12px; color:#0ea5a0; line-height:30px; height:30px;  font-weight:bold; text-transform:uppercase;}
.topp_range1 .title h1{ width:100%; font-size:36px; color:#000; float:left;  line-height:46px; font-weight:bold; margin:0px; text-align:center;}

.topp_range1 ul li{ padding:0px 25px 20px 0;}
.topp_range1 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_range1 ul li:hover a{box-shadow: 0 0 2px 5px rgba(150, 150, 150, 0.1); }
.topp_range1 ul li img{ width:100%; float:left; }
.topp_range1 ul li .content{ width:100%; float:left; background:#fff;}
.topp_range1 ul li .content h1{ width:90%; float:left; margin:12px 5% 12px; font-size:18px; color:#001b39; line-height:28px;}
.topp_range1 ul li .content p{ width:90%; float:left; margin:5px 5% 25px;  font-size:14px; color:#4B5563; line-height:24px;}


.topp_market{ background:#18212f; padding:0 0 70px 0;}
.topp_market .title{ width:100%; height:auto; float:left; margin:70px 0 36px 0;}
.topp_market .title span{ width:100%; float:left; text-align:center; font-size:12px; color:#0ea5a0; line-height:30px; height:30px;  font-weight:bold; text-transform:uppercase;}
.topp_market .title h1{ width:100%; font-size:36px; color:#fff; float:left;  line-height:46px; font-weight:bold; margin:0px; text-align:center;}
.topp_market .title p{ width:50%;float:left; font-size:16px; color:#99a1af; line-height:30px; text-align:center; font-weight:normal; margin:0 25%; height:auto;}

.topp_market ul li{margin:30px 0 10px;}
.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 12% 30px; }
.topp_market ul li.er{ background:url(../images/europe.png) no-repeat 12% 30px;}
.topp_market ul li.san{ background:url(../images/ame.png) no-repeat 12% 30px;}
.topp_market ul li.si{ background:url(../images/syssi.png) no-repeat 12% 30px;}
.topp_market ul li .content{ width:100%; float:left; }
.topp_market ul li .content h1{ width:90%; float:left; margin:0px 5%; font-size:18px; color:#fff; line-height:28px;}
.topp_market ul li .content p{ width:90%; float:left; margin:2px 5% 30px;  font-size:14px; color:rgba(255,255,255,0.8); line-height:24px; padding:0px;}


.toprayready{ background: linear-gradient(to right, #0ea5a0, #2d9b6e); margin:80px auto; border-radius:30px;}
.toprayready h1{ font-size:42px; text-transform:capitalize; color:#fff; text-align:center; line-height:60px; margin:50px 0 0; float:left; width:100%;}
.toprayready p{ font-size:16px; text-transform:capitalize; color:#fff; text-align:center; line-height:30px; margin:10px 25%; width:50%; float:left;}
.toprayready .topraylink{ width:40%; margin:20px 30% 38px; float:left;}
.toprayready .topraylink a{ width:44%;float:left; margin:0 3%; height:48px; line-height:45px; text-align:center; font-size:18px;  border:1px solid #fff; border-radius:10px;}
.toprayready .topraylink1{ background:rgba(255,255,255,1);color:#0ea5a0;}
.toprayready .topraylink2{ background:rgba(255,255,255,0.2); transition:all 0.6s; color:#fff;}
.toprayready .topraylink2:hover{ background:rgba(255,255,255,0.5);}


.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; }
}


@media only screen and (max-width:300px){
	.toprayready h1{ font-size:20px; text-transform:capitalize; color:#fff; text-align:center; line-height:40px; margin:40px 0 0; float:left; width:100%;}
	.toprayready p{ font-size:14px; text-transform:capitalize; color:#fff; text-align:center; line-height:30px; margin:10px 2%; width:96%; float:left;}
	.toprayready .topraylink{ width:96%; margin:20px 2% 28px; float:left;}
	.toprayready .topraylink a{ width:48%;float:left; margin:0 1%; height:48px; line-height:45px; text-align:center; font-size:14px;  border:1px solid #fff; border-radius:10px;}
}


/* 底部开始*/
.footer{ width:100%; background:#1a2332; padding-top:30px;}
.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:60px auto 50px;}
.footer .contact_bottom .yi{ float:left; margin:0 0 40px 0;} 
.footer .contact_bottom .yi .f_logo{ float:left; width:72px;}
.footer .contact_bottom .yi p{ float:left; width:90%; margin:15px 10% 25px 0; line-height:24px; font-size:14px; color:#99a1af;} 
.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;font-size:14px;color:#99a1af; width:90%;} 
.footer .contact_bottom .er ul li a{ float:left; height:32px; line-height:32px; font-size:14px;color:#99a1af; width:100%;} 

.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:32px; line-height:32px; font-size:14px;color:#99a1af; width:90%;} 
.footer .contact_bottom .san .top ul li a{ float:left; height:32px; line-height:32px; font-size:14px;color:#99a1af; width:100%;} 
.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:#99a1af; width:90%; margin:0px; }
.footer .contact_bottom .si .top h3{ float:left; height:24px; line-height:24px; font-size:14px;color:#99a1af; width:90%; margin:0px; } 
.footer .contact_bottom .si .top p{ float:left; width:90%; margin:5px 0 10px 0; line-height:24px; font-size:14px; color:#99a1af;} 
.footer .contact_bottom .si .bottom h1{ float:left; width:90%; margin:0px 0 5px 0; line-height:30px; font-size:18px; color:#99a1af;} 
.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;}

/* 底部结束*/ 

.footdianhua{ display:none;}





@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:80px;}
.header {height:80px;}
.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;}
		.index-banner{
		/* position: static; */
		margin-top:92px;
		width: 100%;
		height: 70vh;
		overflow: hidden; 
	
	}
}

@media screen and (min-width:1200px) and (max-width: 1440px){	
		.index-banner{
    /* position: static; */
	margin-top:92px;
    width: 100%;
    height: 60vh;
    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: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){	
	.index-banner{
    /* position: static; */
	margin-top:80px;
    width: 100%;
    height: 52vh;
    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: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){	
		.index-banner{
    /* position: static; */
	margin-top:80px;
    width: 100%;
    height: 50vh;
    overflow: hidden; 

}
	.topp_range .left{ margin:30px 0 0 0; padding:0px;}

	.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;}
	
	.toprayready h1{ font-size:36px; text-transform:capitalize; color:#fff; text-align:center; line-height:60px; margin:50px 0 0; float:left; width:100%;}
	.toprayready p{ font-size:16px; text-transform:capitalize; color:#fff; text-align:center; line-height:30px; margin:10px 20%; width:60%; float:left;}

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

}
	.topp_range .left{ margin:30px 0 0 0; padding:0px;}

	.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;}
	
	.toprayready h1{ font-size:32px; text-transform:capitalize; color:#fff; text-align:center; line-height:60px; margin:50px 0 0; float:left; width:100%;}
	.toprayready p{ font-size:16px; text-transform:capitalize; color:#fff; text-align:center; line-height:30px; margin:10px 5%; width:90%; float:left;}
	.toprayready .topraylink{ width:48%; margin:20px 26% 38px; float:left;}
	.toprayready .topraylink a{ width:44%;float:left; margin:0 3%; height:48px; line-height:45px; text-align:center; font-size:18px;  border:1px solid #fff; border-radius:10px;}
}



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

}
	.topp_range .left{ margin:30px 0 0 0; padding:0px;}
.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: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%;}
	
	.toprayready h1{ font-size:24px; text-transform:capitalize; color:#fff; text-align:center; line-height:60px; margin:50px 0 0; float:left; width:100%;}
	.toprayready p{ font-size:16px; text-transform:capitalize; color:#fff; text-align:center; line-height:30px; margin:10px 2%; width:96%; float:left;}
	.toprayready .topraylink{ width:70%; margin:20px 15% 38px; float:left;}
	.toprayready .topraylink a{ width:44%;float:left; margin:0 3%; height:48px; line-height:45px; text-align:center; font-size:14px;  border:1px solid #fff; border-radius:10px;}
}


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

}
	.topp_range .left{ margin:30px 0 0 0; padding:0px;}
.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: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;}
	
	.toprayready h1{ font-size:20px; text-transform:capitalize; color:#fff; text-align:center; line-height:40px; margin:40px 0 0; float:left; width:100%;}
	.toprayready p{ font-size:14px; text-transform:capitalize; color:#fff; text-align:center; line-height:30px; margin:10px 2%; width:96%; float:left;}
	.toprayready .topraylink{ width:90%; margin:20px 5% 28px; float:left;}
	.toprayready .topraylink a{ width:46%;float:left; margin:0 2%; height:48px; line-height:45px; text-align:center; font-size:14px;  border:1px solid #fff; border-radius:10px;}
	
}



@media (max-width:900px) {	
	.footer{ padding-bottom:60px;}
	.footdianhua{ display:block; width:100%; height:60px; background:#000; position:fixed; bottom:0px;}
	.footdianhua li{ width:50%; height:60px; float:left; text-align:center;}
	.footdianhua li a{ width:100%; height:60px; float:left; text-align:center;}
	.footdianhua li a img{ width:50px; margin:5px auto;}
}