/*首页轮播*/
.banner_index{position: relative; margin-top: -7px;}
.banner_index img{ width: 100%;line-height: 0;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.banner_index .slideBox .tab img{ width: 100%;}
.banner_index .slideBox .tab ul li:first-child{ display: block;}
.banner_index .slideBox .tab ul li{ display: none;}
.slideBox .btn{ height: 12px; overflow: hidden; position: absolute; left: 47%; bottom: 20px; z-index: 1;}
.slideBox .btn ul{ overflow: hidden; zoom: 1; float: left;}
.slideBox .btn ul li{ float: left; width: 12px; height: 12px; margin: 0 8px; cursor: pointer; transition: .3s; border: 2px solid #c1366d; box-sizing: border-box;}
.slideBox .btn ul li.on{background: #c1366d;}


/* 公用标题 */
.G_bt{text-align: center;}
.G_bt .p1{font-size: 48px; color: #e9e9e9; text-transform:uppercase;}
.G_bt .p2{font-size: 48px; color: #242424; margin-top: -48px;}
.G_bt .p3{font-size: 24px; color: #4a4e58; margin: 6px 0 6px 0;}

/*智能仓库解决方案*/
.box1{width: 100%; height: 928px; padding-top: 40px; }
.znck .left{width: 534px; display: inline-block; position: relative; top: 36px; z-index: 2; }
.znck .left ul li{width: 242px; height: 118px; display: inline-block; background: #3459a2; line-height: 114px; margin-bottom: 12px; margin-right: 12px; overflow: hidden}
.znck .left ul li:nth-child(2n){margin-right: 0px;}
.znck .left ul li a img{vertical-align: middle; margin-left: 36px; }
.znck .left ul li a>div{display: inline-block; width: 163px; text-align: center;}
.znck .left ul .on{background: #c1366d; transition: all .2s;}
.znck .left ul li a>div p{display: inline-block; font-size: 22px; color: #ffffff;  vertical-align: middle;  z-index: 99; position: relative;}

.znck .right{width: 814px; height: 611px; display: inline-block; vertical-align: top;position: absolute;right: 352px;z-index: 1;}
.znck .right ul li{width: 814px; height: 611px; position: relative;}
.znck .right ul li .r_img{width: 814px; height: 611px;}
.imgTX{position: relative; overflow: hidden;}
.imgTX:after{
    content: "";
    display:block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0))
}
.imgTX:hover:after{
    content: "";
    display:block;
    left: 100%;
    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s
}


/* 8大功能仓库 */
.box2{width: 100%; height: 950px; background: url("../images/box2_bg1.jpg") no-repeat; padding-top: 40px; }
.box2 .nr{text-align: center;}
.box2 .nr .top{margin: 26px 0;}
.box2 .nr .top ul li{cursor: default; display: inline-block; width: 135px; color: #ffffff; text-align: center; font-size: 24px;}
.box2 .nr .top ul .on{background: #c1366d; border-radius: 20px; transition: .3s;}
.box2 .nr .bottom dl dd{position: relative; display: inline-block; width: 506px; height: 290px; border-radius: 12px; overflow: hidden; margin: 6px 6px 5px 6px;}
.box2 .nr .bottom dl dd>a>img{width: 506px; height: 290px;}
.box2 .nr .bottom dl dd .yy{transition: .3s;height: 290px; width: 100%; position: absolute; bottom: -290px; background: url("../images/img2.png") 100% 100%; }
.box2 .nr .bottom dl dd .yy>p{opacity: 1; line-height: 290px; font-size: 20px; color: #c1366d; letter-spacing: 6px; opacity: 0.8; font-weight: bold;}
.box2 .nr .bottom dl dd:hover .yy{bottom: 0px;}

/* 一站式仓储服务体系 */
.box3{width: 100%; height: 918px; padding-top: 40px; }
.box3 .nr{width: 1400px; margin: 0 auto;}
.box3 .nr ul{margin: 100px 0 0 82px;}
.box3 .nr ul li .p1{font-size: 16px; color: #ffffff; margin: 102px 0 0 62px;}
.box3 .nr ul li .p2{font-size: 26px; color: #ffffff; font-weight: bold; margin: 5px 0 0 24px;}
.box3 .nr ul li{width: 232px; height: 264px; overflow: hidden;display: inline-block; margin-right: 60px; position: relative;}
.box3 .nr ul li:nth-child(4n){margin-right: 0px;}
.box3 .nr ul li .img1{transform: scale(1, 1); transition: .3s;}
.box3 .nr ul li .img2{position: absolute; left:0px; top: 0px; transform: scale(0, 0); transition: .3s;}
.box3 .nr ul li:hover .img1{transform: scale(0, 0); }
.box3 .nr ul li:hover .img2{transform: scale(1, 1); }


/*四大优势*/
.box4{padding-bottom: 52px;}
.box4 .left{display: inline-block; width: 320px; position: relative; z-index: 99; vertical-align: top;}
.box4 .left ul li{width: 210px; height: 105px; background: #3459a2; margin-bottom: 10px;}
.box4 .left ul .on{width: 258px; background: #c1366d; border-radius: 0 100px 100px 0;}
.box4 .left ul li .adiv{width: 154px; display: inline-block; margin: 30px 0 0 2px; text-align: right;}
.box4 .left ul .on .adiv{margin-left: 35px;}
.box4 .left ul li .jt{margin: -30px 0 0 8px;}
.box4 .left ul .on .jt{margin: -30px 0 0 15px;}
.box4 .left ul li .p1{font-size: 20px; font-weight: bold; color: #ffffff; vertical-align: middle; margin-left: 32px;}
.box4 .left ul li .p2{font-size: 12px; text-transform:uppercase;color: #ffffff; vertical-align: middle; margin-left: 32px; margin-top: 2px;}

.box4 .right{display: inline-block; margin-left: -102px;}
.box4 .right ul li{width: 968px;height: 450px; position: relative;}
.box4 .right ul li>a{width: 566px; height: 450px; overflow: hidden; display: inline-block; vertical-align: top;}
.box4 .right ul li>a:hover .r_img{transform: scale(1.1,1.1);}
.box4 .right ul li>a>img{width: 566px; height: 450px;}

.box4 .right .rrr{width: 388px; height: 450px; margin-left: 8px; overflow: hidden; display: inline-block; position: relative; padding: 36px; box-sizing: border-box;}
.box4 .right .rrr>.bg{position: absolute; left: 0; top: 0px; z-index: -1;}
.box4 .right .rrr .img1{margin: 6px auto 30px auto; display: block;}
.box4 .right .rrr .p1{color: #c1366d; font-size: 30px; font-weight: bold; text-align: center; margin-top: 16px;}
.box4 .right .rrr .p2{color: #ffffff; font-size: 18px;}



/*服务案例*/
.box5{width: 100%; height: 946px; background: #f3f3f5;}
.box5 .nr .top{margin: 70px 0 30px 0;}
.box5 .nr .top ul li,.box5 .nr .top .case{cursor: default; height: 60px; padding: 0 20px; font-size: 20px; color: #242424; display: inline-block; line-height: 60px; background: white; vertical-align: middle;}
.box5 .nr .bottom ul li{height: 485px; background: white; border-left: 2px solid #c1366d;}
.box5 .nr .bottom ul li .left{width: 570px; height: 485px; position: relative; display: inline-block; vertical-align: top; padding: 30px;box-sizing: border-box;}
.box5 .nr .bottom ul li .left .p1{color: #464e52; font-size: 18px; line-height: 33px;}
.box5 .nr .bottom ul li .left .p2{color: #464e52; font-size: 18px; margin-top: 20px;}
.box5 .nr .bottom ul li .left .ckgd{position: absolute; bottom: 25px; right: 25px;}
.box5 .nr .bottom ul li .right{display: inline-block;}
.box5 .nr .bottom ul li .right>a>img{width: 616px; height: 485px;}


/*留言*/
.box6{width: 100%; height: 650px; background: url("../images/box6_bg1.jpg") no-repeat;}
.box6 .nr{text-align: center; padding-top: 36px;}
.box6 .title .p1{font-size: 50px; font-weight: bold; color: #ffffff; display: inline-block; vertical-align: middle; padding: 0 25px;}
.box6 .form form .input{margin: 36px 12px 22px 12px; display: inline-block;}
.box6 .form form .input input{ width: 269px; height: 40px; line-height: 40px; border: 1px solid #ebebeb; text-indent: 5px; color: #aeaeae; font-size: 18px;}
.box6 .form form .inputtext textarea{ font-family: "微软雅黑"; resize: none; width: 866px; height: 176px; padding-top: 10px; border: 1px solid #ebebeb; text-indent: 5px; color: #000000; font-size: 18px;}
.box6 .form form .button{cursor: pointer;border-radius: 22px;outline: none; display: inline-block; vertical-align: top; border: none; margin: 30px 0 0 40px; background: #c1366d; text-align: center; width: 190px; height: 40px; line-height: 40px; color: #fff; font-size: 22px;}
.box6 .form form .input input::-webkit-input-placeholder{/* WebKit browsers */
    color: #aeaeae;}
.box6 .form form .input input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aeaeae;}
.box6 .form form .input input::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aeaeae;}
.box6 .form form .input input:-ms-input-placeholder{/* Internet Explorer 10+ */
    color: #aeaeae;}
.box6 .form form .inputtext textarea::-webkit-input-placeholder{/* WebKit browsers */
    color: #aeaeae;}
.box6 .form form .inputtext textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
    color: #aeaeae;}
.box6 .form form .inputtext textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
    color: #aeaeae;}
.box6 .form form .inputtext textarea:-ms-input-placeholder{/* Internet Explorer 10+ */
    color: #aeaeae;}

.box6 .wdlb{ font-size: 0; margin-top: 46px; height: 92px; overflow: hidden}
.box6 .wdlb .bd{ width: 888px; margin: 0 20px 0; overflow: hidden;}
.box6 .wdlb>div{ display: inline-block; vertical-align: middle;}
.box6 .wdlb ul li{display: inline-block; width: 292px; margin-right: 15px;}
.box6 .wdlb ul li .wd{display: inline-block; width: 180px; vertical-align: middle; text-align: left; margin-left: 10px;}
.box6 .wdlb ul li .wd .p1{height: 28px; color: #ffffff; font-size: 19px; }
.box6 .wdlb ul li .wd .p2{color: #ffffff; font-size: 15px; }
.box6 .wdlb ul li:hover .p1{color: #c1366d}
.box6 .wdlb ul li:hover img{transform: rotateZ(360deg); transition: all .4s;}



/* 关于我们 */
.box7{width: 100%; background: url("../images/gywm_bg1.jpg") no-repeat; background-size: 100%; position: relative;}
.box7 .xian{width: 50%; height: 2px; display: inline-block; background: #29417e; position: absolute; top: 276px; left: -26px;}
.box7 .xian2{width: 426px;height: 2px;display: inline-block;background: #c1366d;margin: 20px 0;}
.box7 .ckxq{width: 140px;height: 40px;display: inline-block;background: #c1366d;position: absolute;top: 714px;right: 182px;line-height: 40px;text-align: center;color: white;cursor: pointer;}
.box7 .ckxq:hover{background: #972250;  transition: .3s;}
.box7 .gywm {position: relative;}
.box7 .gywm .left{display: inline-block; margin-left: 12px;}
.box7 .gywm .left .p1{font-size: 70px; color: #29417e; letter-spacing: 2px;}
.box7 .gywm .left .img_box{width: 734px; height: 413px; overflow: hidden; margin: 80px 0 0 -70px;}
.box7 .gywm .right{width: 440px; display: inline-block; vertical-align: top; padding: 153px 0 0 62px;}
.box7 .gywm .right .p1{font-size: 38px; color: #29417e;}
.box7 .gywm .right .p2{font-size: 30px; color: #464e52;}
.box7 .gywm .right .p3{font-size: 16px;color: #464e52; margin-top: 2px; line-height: 32px;}
/*相册*/
.box7 .xc{ position: relative; width: 100%;  overflow: hidden;}
.box7 .xc .hd{ padding: 70px 0 28px; margin-bottom: 50px; border-bottom: 2px solid #dcdcdc;}
.box7 .xc .hd ul li{position: relative; width: 317px ; height: 65px; line-height: 65px; text-align: center; cursor: pointer; position: relative; float: left; color: #29417e; font-size: 24px;}
.box7 .xc .hd ul li:first-child{ margin: 0 45px 0 10px;}
.box7 .xc .hd ul li>img{position: absolute; top: 18px;left: 68px; }
.box7 .xc .hd ul li.on{color: #ffffff; background: url("../images/icon15.png") no-repeat;}
.box7 .xc .bd{ height: 215px; overflow: hidden;}
.box7 .xc .bd ul li{ position: relative; float: left; text-align: center; width: 228px; margin-right: 12px;}
.box7 .xc .bd ul li .pic{ width: 235px;height: 176px;background:#ffffff;border: 2px solid #e5e5e5;overflow: hidden;padding: 5px;text-align: left;box-sizing: border-box;}
.box7 .xc .bd ul li .pic img{ width: 220px; height: 162px; transition: .3s;}
.box7 .xc .bd ul li .pic:hover img{ transform: scale(1.1, 1.1);}
.box7 .xc .bd ul li .mc{ color: #464e52; font-size: 16px; line-height: 16px; margin-top: 13px; transition: .3s;}
.box7 .xc .bd ul li:hover .mc{ color: #c1366d; letter-spacing: 2px;}
.box7 .xc .bd ul li:hover .pic{ border: 2px solid #c1366d;}


/*新闻*/
.newsbox{width: 100%; background: #f8f7f9; padding:68px 0 5px 0; height: 550px;}
.new .newtab{ width: 778px;}
.new .newtab .hd ul li{ float: left; width: 389px; height: 56px; line-height: 56px; text-align: center;background: #3459a2;}
.new .newtab .hd ul .on{background: url("../images/img_xw1.png") no-repeat; height: 67px}
.new .newtab .hd ul li .liz{color: #ffffff; font-size: 20px; line-height: 56px; cursor: pointer;}
.new .newtab .hd ul li .liz.on{ color: #3459a2; font-weight: bold;}
.new .newtab .hd ul li .liz.on:before{ transform: scale(1); transition: all .3s;}

.new .newtab .hd ul li .liy{ margin-top: 7px; color: #535353; text-transform: uppercase; font-size: 12px; line-height: 15px; padding-right: 25px; background: url(../images/newicon.png)no-repeat right;}
.new .newtab .hd ul li .liy:hover{ color: #3459a2;}
.new .newtab .bd{overflow: hidden; margin-top: 15px;}
.new .newtab .bd ul li .top{position: relative;}
.new .newtab .bd ul li .top .pic{position: relative; overflow: hidden; margin-bottom: 15px; display: inline-block; width: 368px; height: 235px;}
.new .newtab .bd ul li .top .pic:hover .top_img{transform: scale(1.1);}
.new .newtab .bd ul li .top .wb{width: 380px; vertical-align: top; display: inline-block; box-sizing: border-box; padding: 20px 8px 0 20px; overflow: hidden; height: 190px;}
.new .newtab .bd ul li .top .wb:hover p{color: #3459a2;}
.new .newtab .bd ul li .top .wb .p1{color: #797979; font-size: 22px; font-weight: bold;}
.new .newtab .bd ul li .top .wb .p2{margin-top: 10px; font-size: 15px ; color: #797979;}
.new .newtab .bd ul li .top .ckgd{position: absolute;right: 130px;bottom: 18px;cursor: pointer;width: 150px; height: 52px; background: url("../images/img_xw3.png") no-repeat; text-align: center; line-height: 58px; background-size: 100%; font-size: 18px; color: #464e52;}
.new .newtab .bd ul li .top .ckgd:hover{letter-spacing: 3px; transition: .3s; color: #c1366d}

.new .newtab .bd .bottom dd{border-bottom: 1px dashed #c9caca;padding-bottom: 14px; margin-bottom: 15px;}
.new .newtab .bd .bottom dd:nth-child(4){border-bottom: none;}
.new .newtab .bd .bottom dd:hover p{color: #c1366d; transition: .3s}
.new .newtab .bd .bottom dd a{font-size: 16px; color: #797979;display: block;}
.new .newtab .bd .bottom dd a>p{display: inline-block; vertical-align: middle; padding-left: 10px;}

.new .newlb{ width: 390px;}
.new .newlb .top{font-size: 22px;width: 389px;height: 58px;background: #3459a2;text-align: center;color: white;line-height: 58px;}
.new .newlb .bd ul li{margin: 12px 20px 22px 28px; padding-bottom: 12px; border-bottom: 1px dashed #c9caca;}
.new .newlb .bd ul li .wen{ line-height: 14px; margin-bottom: 5px;}
.new .newlb .bd ul li .wen>a>span{background: #c1366d; display: inline-block; padding: 3px;}
.new .newlb .bd ul li .wen a{ font-weight: bold; color: #797979; font-size: 16px; line-height: 16px;}
.new .newlb .bd ul li .wen a>span{color: #ffffff}

.new .newlb .bd ul li .da{ line-height: 14px; margin-bottom: 5px; margin-top: 14px;}
.new .newlb .bd ul li .da>a>span{background: #3459a2; display: inline-block; padding: 3px; font-weight: bold;}
.new .newlb .bd ul li .da a{ color: #797979; font-size: 14px; line-height: 16px;}
.new .newlb .bd ul li .da a>span{color: #ffffff}
.new .newlb .bd ul li .da a>p{display: inline-block; width: 260px; vertical-align: top; line-height: 23px;}


/* link */
.box_link{background:#f8f7f9; height: 82px;}
.box_link .nr{background: url("../images/link1.png") no-repeat; height: 62px;}
.box_link .nr ul li{display: inline-block; padding: 0 20px; color: #4a4e58;}
.box_link .nr ul li:hover a{color: #c1366d;}
.box_link .nr ul>span{width: 1px; height: 12px; background: #4a4e58; display: inline-block;}