#gallery-1 {width:100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: #999}
#gallery-1 img{width: 100%}
.rsDefault .rsThumb{width:200px; height:60px;}

/*.de_count{width: 25%; text-align: center; padding: 80px 0; color: #d62c39; float: left;}*/
/*.de_count h5{font-size: 1.6rem; padding-top: 5px;}*/
/*.timer{font-size: 6.6rem; font-weight: 600}*/

.advantages{padding: 50px 0; background: #bb161d; color: #fff;  text-align: center}
.advantages .info{width: 100%;}
.advantages .info .box{width: 33%; float: left; padding: 30px 50px;}
.advantages .info .box i{font-size: 4rem; color: #fff;}
.advantages .info .box:hover i{color: #ffe87f}
.advantages .info .box h3{font-size: 2.6rem; margin: 20px 0 0;}
.advantages .info .box p{line-height: 2.4rem; font-size: 1.6rem;}
.advantages .info .box span{width: 80px; height: 5px; background: #fff; display: inline-block; margin:20px 0;}
.advantages .info .box:hover span{width: 100px;}

.advantages-m{display: none}

.about{padding: 70px 0;}
.about .left{width: 50%; float: left; padding-right: 80px;}
.about .left h3{color: #da121c; font-size: 2.4rem; font-weight: bold; margin-bottom: 50px; margin-top: 10px;}
.about .left p{color: #333; font-size: 1.6rem; line-height: 40px; margin-bottom: 50px;}
.about .left a{padding: 0 25px; border-radius: 23px; line-height: 46px; font-size: 1.8rem; display: inline-block}
.about .left .history{border: 1px solid #888; color: #888; margin-right: 30px;}
.about .left .history:hover{background: #eee; color: #333;}
.about .left .honor{border: 1px solid #da121c; color: #fff; background: #da121c;}
.about .left .honor:hover{background: #9f1a1f; border: 1px solid #9f1a1f;}
.about .left i{margin-right: 10px; font-size: 2rem}
.about .right{width: 50%; float: right; padding-right: 80px;}

.export{padding: 70px 0; background: #e5e5e5; text-align: center;}
.export .row{width: 1335px; margin: 0 auto;}
.export .info{margin-bottom: 30px;}
.export .info div{float: left; position: relative; width: 430px; height: 265px; overflow: hidden; margin: 0 15px 15px 0; border-radius: 10px;}
.export .info div img{width: 100%; border-radius: 10px;}
.export .info div p{background: rgba(0,0,0,0.3); line-height: 50px; position: absolute; bottom: -55px; left: 0; width: 100%; color: #fff; text-align: left}
.export .info div p span{padding:0 20px;}
.export .info div:hover p{bottom: 0;}
.export .info .sunshine{width: 875px;}
.export a{font-size: 1.8rem; color: #666;}
.export a:hover{color: #da121c;}

.title{position: relative; text-align: center; margin-bottom: 50px;}
.title h3{font-size: 4.8rem; color: #333; line-height: 5.5rem}
.title p{font-size: 3.2rem; color: #da121c; line-height: 5rem}
.title span{position: absolute; top: 50px; width: 795px; height: 3px; display: inline-block; left: 50%; margin-left: -397.5px; background: url("../images/line.png") no-repeat;}

.shipping{padding: 70px 0;}
.shipping .left{width: 40%; float: left;}
.shipping .left h4{font-size: 4.8rem; margin-bottom: 25px; line-height: 6rem}
.shipping .left p{display: block; position: relative; line-height: 3rem}
.shipping .left span{width: 200px; height: 5px; background: #da121c; display: block; margin-bottom: 25px; margin-top: 30px;}
.shipping .left p i{position: absolute; top: 0; left: -50px; font-size: 3rem;  color: #60a72d;}
.shipping .right{width: 755px; float: right;}
.shipping .right img{width: 100%;}
.shipping .right .data{padding: 0 60px; color: #666;}
.shipping .right .box{position: relative; margin-top: 40px; padding-left: 50px; width: 33%; float: left;}
.shipping .right .box i{position: absolute; top: 4px; left: 0; font-size: 4rem; color: #666;}
.shipping .right .box h5{font-size: 1.6rem; line-height: 2.4rem;}
.shipping .right .box div{font-size: 2.4rem; color: #da121c; font-weight: 600;}

.address{padding: 80px 0; background: #e5e5e5}
.address .row{padding: 0 30px;}
.address .map{float: left; width: 730px; position: relative;}
.address .map img{box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); border: 1px solid #fff;}
.address .map:hover img{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);}
.address .map p{position: absolute;}
.address .map .small{width: 22px; height: 28px; display: block; overflow: hidden; cursor: pointer;}
.address .map .small:hover{width: 130px; z-index: 99}
.address .map .small span{display: inline-block; vertical-align: top;}
.address .map .small .icon{width: 22px; height: 28px; background: url(../images/map01.png) no-repeat center center; display: inline-block; position: relative; z-index: 1}
.address .map .small .txt{font-size: 1.6rem; display: none; background: #376315; color: #fff; padding: 0 30px; line-height: 28px; border-radius: 0 14px 14px 0; position: absolute; top: 0; left: 11px;}
.address .map .small:hover .txt{display: inline-block}
.address .map .yn{top: 450px; left: 330px;}
.address .map .gz{top: 405px; left: 410px;}
.address .map .sc{top: 330px; left: 350px;}
.address .map .hn{top: 400px; left: 490px;}
.address .map .hb{top: 340px; left: 460px;}
.address .map .sx{top: 310px; left: 420px;}
.address .map .shx{top: 250px; left: 480px;}
.address .map .hen{top: 295px; left: 480px;}
.address .map .gs{top: 230px; left: 330px;}
.address .map .sd{top: 260px; left: 540px;}
.address .map .heb{top: 220px; left: 500px;}
.address .map .nm{top: 160px; left: 500px;}
.address .map .ln{top: 170px; left: 570px;}
.address .map .big{width: 38px; height: 52px; display: block; overflow: hidden; cursor: pointer;}
.address .map .big:hover{width: 360px; z-index: 99}
.address .map .big span{display: inline-block; vertical-align: top;}
.address .map .big .icon{width: 38px; height: 52px; background: url(../images/map02.png) no-repeat center center; display: inline-block; position: relative; z-index: 1}
.address .map .big .txt{font-size: 1.6rem; display: none; background: #da121c; color: #fff; padding: 0 30px; line-height: 52px; border-radius: 0 26px 26px 0; position: absolute; top: 0; left: 19px;}
.address .map .big:hover .txt{display: inline-block}
.address .map .lb{top: 260px; left: 440px;}
.address .map .smx{top: 270px; left: 450px;}
.address .map .byn{top: 410px; left: 340px;}
.address .img{float: right}
.address .img p{font-size: 2.4rem; text-align: right; font-weight: bold; color: #333; padding: 30px 0;}

.news{padding: 70px 0}
.news .row{padding: 0 50px;}
.flashSaleDeals {width: 1296px; height: 520px; position: relative; overflow: hidden;}
.flashSaleDeals ul li{float:left; height:520px;}
.xsq_deal_wrapper,.saleDeal{position: relative; display: block; float: left;}
.saleDeal{margin: 0 40px; width: 352px;}
.saleDeal a:hover{color: #4079ff}
.dealCon{position: relative; width: 100%; height: 352px; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3)}
.dealCon:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
.dealImg{width: 100%;}
.title_new {padding: 30px 20px 20px; color: #060606; position: relative; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3)}
.title_new:hover{ box-shadow: 0 0 10px 0 rgba(0,0,0,0.1)}
.title_new h4{font-size: 1.8rem; margin-bottom: 20px; font-weight: bold;}
.title_new p {text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666; font-size: 1.6rem; margin-bottom: 30px;}
.title_new .data{font-size: 1.4rem; color: #999;}
.title_new .more{position: absolute; bottom: 20px; right: 20px; color: #999;}
.trigger {width: 40px; height: 40px; position: absolute; top: 240px; z-index: 3;}
.trigger i{ font-size: 4rem; color: #999;}
.trigger i:hover{color: #333;}
.zuo{left: -5px;}
.zuo:hover{}
.you{right: -5px;}
.you:hover{}


.pro-section{background: url("../images/index-bg1.jpg") no-repeat center center;}
.pro{width: 1400px; padding: 120px 0 160px; overflow: hidden; position: relative;}
.pro .pre,.pro .next{z-index: 3; position: absolute; top: 350px; width: 40px; height: 80px; background: rgba(0,0,0,0.5) url("../images/jt.png") no-repeat center center; cursor: pointer;}
.pro .next{right: 15px;}
.pro .pre{left: 15px; transform:rotate(180deg); -ms-transform:rotate(180deg); 	/* IE 9 */moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); 	/* Opera */}
.title .p-title{display: inline-block; padding: 5px 10px; font-size: 1.6rem; color: #d62c39; margin-bottom: 10px; text-transform: uppercase; font-weight: bold;}
.title h2{font-size: 4.5rem; color: #333; margin-bottom: 30px; font-weight: bold; text-transform: capitalize}
.title .small-border{margin: 30px auto 50px; width: 80px; height: 2px; background: #d62c39; border-radius: 1px;}
.pro-info{list-style: none; white-space: nowrap; display: inline-block;}
.pro-info .pro-con{width: 450px; position: relative; display: inline-block; margin-right: 20px;}
.pro-info .pro-con .de_testi{overflow: hidden}
.pro-info .pro-con img{width: 100%;}
.pro-info .pro-con .backbg{display :block; background: rgba(0,0,0,0.6); background-position: center center; width: 100%; height: 100%; line-height: 100%; font-size: 6rem; opacity: 0; position: absolute; top: 0; left: 0; color: #fff; text-align: center;}
.pro-info .pro-con:hover .backbg{opacity: 1}
.pro-info .pro-con .pro-list{padding:20px; background: #d62c39; bottom:-40px; width:94%; left:50%; margin-left:-47%; position: absolute}
.pro-info .pro-con:hover .pro-list{background:#8167e6; bottom:-20px;}
.pro-info .pro-con .pro-list h3{font-size:2rem; line-height:24px; color:#fff; padding:0;}
.pro-info .pro-con .pro-list p{font-size:1.6rem; line-height:16px; color:#ccc; padding:12px 0 0 0; }
.pro-info .pro-con .pro-list a{position:absolute; top:10px; right:12px; background:rgba(255,255,255,0.2); width:72px; line-height:72px; text-align:center; font-size:40px; color:#fff; font-weight:100; }

.project{padding: 120px 0 0; background: #fff url("../images/bg-01.png") repeat;}
.project .view_more{margin-bottom: 50px; border-radius: 2px}
.project .view_more:hover{background: #d62c39; color: #fff;}
.project .project-con{width: 100%}
.project-con .project-list{width: 25%; float: left; position: relative; margin: 0; overflow: hidden; background: #f1f1f1}
.project-con .project-list img{width:100%;}
.project-con .project-list .info{bottom:0; width:100%; z-index:3; position: absolute; cursor: pointer;}
.project-con .project-list:hover .info{bottom:60px;}
.project-con .project-list .info h5{color: #fff; font-size: 2.4rem; line-height: 3rem; margin-bottom: 20px; padding: 0 50px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.project-con .project-list .info p{color:#ccc; font-size: 1.8rem; padding: 0 50px;}
.project-con .project-list .info .line{font-size: 2.4rem; margin-left: 50px; margin-top: 30px; color: #ccc; display: block; opacity: 0;}
.project-con .project-list:hover .info .line{opacity: 1}
.project-con .project-list .info .search-but{opacity: 0; background:  #dcafb2 url("../images/search-.png") no-repeat center center; display: inline-block; border-radius: 50%; width: 50px; height: 50px; margin-bottom: 50px;}
.project-con .project-list:hover .info .search-but{opacity: 1;}
.project-con .project-list .info-bg{top:0; left:0; width:100%; opacity: 0; background:rgba(0,0,0,0.8); height:100%; z-index:2; position: absolute;}
.project-con .project-list:hover .info-bg{opacity: 1;}
.project a{display: inline-block; padding: 10px 20px; color: #666; text-align: center; font-size: 1.6rem;}
.project a:hover{background: #fff; color: #333;}

.choose{padding: 120px 0;}
.choose .info{margin-top: 80px;}
.choose .info .box{padding: 120px 0; padding: 30px 40px; width: 23%; border-right: 1px solid #ccc; float: left}
.choose .info .box:nth-child(2),.choose .info .box:nth-child(4){width: 27%}
.choose .info .box .icon{font-size: 10rem;}
.choose .info .box h3{font-size: 2rem; margin: 30px 0 40px; font-weight: bold;}
.choose .info .box .jt{color: #999; font-size: 2rem}
.choose .info .box:hover .jt{margin-left: 10px;}
.choose .info .box:hover .icon{color: #d62c39}

.news{padding: 120px 0; background: #f9f9f9;}
.news .viewmore{border-radius:2px; display: block; width: 300px; line-height: 60px; padding: 0 50px; margin: 0 auto; background: #d62c39; color: #fff; font-size: 1.6rem}
.news .viewmore:hover{background: #e45661}
.news .news-list{width: 25%; margin: 40px 15px; display: inline-block; position: relative; overflow: hidden; vertical-align: top}
.news .news-list .img{position:relative; text-align: center; width: 100%}
.news .news-list .img img{width: 100%}
.news .news-list .tag{display:inline-block; font-size:1.4rem; padding:5px 0; border-radius: 3px; color: #999}
.news .news-list .info{padding:30px 5px 40px; text-align: left; width: 100%;}
.news .news-list .info h5{font-weight: 600; font-size: 2rem; text-transform: capitalize; margin: 20px 0 30px; font-weight: bold; line-height: 3.2rem}
.news-list .info p{font-size: 1.4rem}
.news .news-list span{width:24px; height:2px; background:#d62c39; display:block; margin-top:10px;}
.news .news-list:hover span{width: 60px;}
.news .news-list .info a{color:#d62c39; font-size:1.4rem; margin-top: 15px; display: block}
.news .news-list .info a:hover{color: #e45661}



@media (max-width: 1199px){
    .title span,.title p{display: none;}

    .advantages{display: none}
    .advantages-m{display: block}
    .advantages-m{background: #bb161d; color: #fff;  text-align: center}
    .advantages-m .info{width: 100%;}
    .advantages-m .info .link{text-align: center;}
    .advantages-m .info .link i{display: inline-block; width: 32%; line-height: 15rem; font-size: 6rem}
    .advantages-m .info .link i.active{ background: #9f0d14}
    .advantages-m .info .box{width: 100%; padding: 30px 30px 60px; display: none; background: #9f0d14; margin-top: -2px}
    .advantages-m .info .box h3{font-size: 2.6rem; margin: 20px 0 0;}
    .advantages-m .info .box p{line-height: 2.4rem; font-size: 1.6rem;}
    .advantages-m .info .box span{width: 80px; height: 5px; background: #fff; display: inline-block; margin:20px 0;}
    .advantages-m .info .box:hover span{width: 100px;}

    .about .row{padding: 0 50px;}
    .about .left{width: 100%; padding: 0;}
    .about .left h3{margin-bottom: 20px; text-align: left;}
    .about .right{width: 100%; padding: 0; margin-bottom: 20px;}
    .about .right img{width: 100%;}

    .export .row{width: 100%; padding: 0 50px;}
    .export .info{text-align: center}
    .export .info .sunshine{width: 98%;}
    .export .info div img{width: auto; height: 100%}
    .export .info div{width: 48%; margin: 5px; display: inline-block; float: none;}
    .export .info div p{bottom: 0;}

    .shipping .row{padding: 0 50px;}
    .shipping .left{width: 100%; margin-bottom: 30px;}
    .shipping .right{width: 100%;}
    .shipping .right .box{}
    .shipping .right .data{width: 100%; padding: 0 20px}
    .shipping .left p{padding-left: 50px;}
    .shipping .left p i{left: 0; font-weight: normal}
    .shipping .left h4{padding-left: 50px; font-weight: bold}
    .shipping .left span{margin-left: 50px}


    .address .map{width: 100%;}
    .address .map img{width: 100%;}
    .address .img{width: 100%; margin-top: 30px;}
    .address .img img{width: 100%;}
    .address .img p{text-align: center}

    .flashSaleDeals{width:664px; margin: 0 auto; height: 420px;}
    .v_cont{width: 33984px; overflow: hidden;}
    .flashSaleDeals ul li{width:320px; height: 420px;}
    .saleDeal{height: 380px; width: 252px;}
    .xsq_deal_wrapper, .saleDeal{height: 420px;}
    .dealCon{height: 252px;}
    .title_new{}
    .trigger{top: 180px;}
    .you{right: 10px;}

}

@media only screen and (max-width: 480px){
    .title{margin-bottom: 30px;}
    .title h3{font-size: 2.4rem; line-height: 3.6rem; font-weight: bold;}

    .banner{width: 100%; overflow: hidden}
    #gallery-1{width: 200%; margin-left: -180px}

    .advantages-m .info .link i{display: inline-block; width: 32%; line-height: 10rem; font-size: 4rem}
    .advantages-m .info .box h3{font-size: 2rem; margin: 20px 0 0;}
    .advantages-m .info .box p{line-height: 2.4rem; font-size: 1.6rem;}
    .advantages-m .info .box span{width: 80px; height: 2px; background: #fff; display: inline-block; margin:20px 0;}

    .about .row{padding: 0 30px;}
    .about .left p{text-align: left}
    .about .left .history{margin-bottom: 20px; margin-right: 0}
    .about .left{text-align: center}

    .export .row{padding: 0 15px;}
    .export .info .sunshine{width: 100%;}
    .export .info div{margin: 5px 0px; height: 150px; width: 49%;}
    .export .info div p{font-size: 0; line-height: 3rem}
    .export .info div p span{padding: 0 10px;}
    .export .info div p span.fs24{font-size: 1.8rem !important}

    .shipping .row{padding: 0 30px;}
    .shipping .left h4{font-size: 2.4rem; line-height: 3rem; margin-bottom: 15px;}
    .shipping .left .fs24{font-size: 1.8rem !important;}
    .shipping .left .fs36{font-size: 1.8rem !important; margin-bottom: 10px !important}
    .shipping .left span{margin: 10px 0 10px 50px}
    .shipping .right .box{width: 50% ; padding-left: 40px;}
    .shipping .right .box h5{font-size: 1.4rem}
    .shipping .right .box i{font-size: 3rem}
    .shipping .right .box div{font-size: 1.8rem}
    .shipping .right .box div .fs16{font-size: 1.4rem !important}
    .shipping .right .data{padding: 0}

    .address .img p{font-size: 1.8rem; padding: 30px 0 0}
    .address .map .yn{top: 180px; left: 140px;}
    .address .map .gz{top: 155px; left: 160px;}
    .address .map .sc{top: 145px; left: 180px;}
    .address .map .hn{top: 165px; left: 200px;}
    .address .map .hb{top: 145px; left: 210px;}
    .address .map .sx{top: 125px; left: 200px;}
    .address .map .shx{top: 115px; left: 180px;}
    .address .map .hen{top: 135px; left: 220px;}
    .address .map .gs{top: 80px; left: 120px;}
    .address .map .sd{top: 110px; left: 230px;}
    .address .map .heb{top: 100px; left: 210px;}
    .address .map .nm{top: 65px; left: 180px;}
    .address .map .ln{top: 65px; left: 230px;}
    .address .map .lb{top: 90px; left: 180px;}
    .address .map .smx{top: 95px; left: 190px;}
    .address .map .byn{top: 150px; left: 125px;}

    .news .row{padding: 0px}
    .flashSaleDeals{width: 100%}
    .flashSaleDeals ul li{width: 400px;}
    .saleDeal{width: 290px}
    .you{right: 0}

}