@import "reset.css";
@import "common.css";

body{
    width: 100%;
    min-width: 1500px;
}
/* 头部 */
.header .container{
    width: auto;
    height: 130px;
    box-shadow: 0px 0px 3px 3px #aaa;
}
.header .container .shangbu{
    background-color:  rgb(80, 134, 46);
    width: auto;
    height: 40px;
}

.header .container .shangbu .huanying a span.guanwang{
    color: aliceblue;
    display:block;
    margin-top: 10px;
    margin-left:70px;
}
.header .container .shangbu .dianhua a span.rexian{
    color: aliceblue;
    display:block;
    margin-top: 10px;
    margin-right:70px;
}

.header .container .xiabu {
    width:auto;
    height:90px;
    background-color: #00000000;
    box-sizing: border-box;
}
.header .container .xiabu span{
    display: block;
}

.header .container .xiabu .gongsibiao img{
    width:50px;
    height:50px;
    margin-left: 50px;
    margin-top: 20px;
}

.header .container .xiabu .mingzi{
    margin-left: 100px;
    margin-top:-40px;
}

.header .container .xiabu .mingziying{
    margin-left: 100px;
    margin-top:1px;
    font-size:3px;
}

.header .container .menu{
    width: 270px;
    height: 20px;
}
.header .container .menu a{
    float:left;
}

.header .container .menu span{
    font-size: larger;
    display: block;
}

.header .container .menu .menu-firstpage{
    width: 80px;
    height: 20px;
    float:left;
    margin-left: -800px;
    margin-top:-50px;
}

.header .container .menu .menu-us{
    width: 80px;
    height: 20px;
    float:left;
    margin-left: -690px;
    margin-top:-50px;
}
.header .container .menu .menu-center{
    width: 80px;
    height: 20px;
    float:left;
    margin-left: -580px;
    margin-top:-50px;
    
}
.header .container .menu .menu-case{
    width: 80px;
    height: 20px;
    float:left;
    margin-left: -470px;
    margin-top:-50px;
}
.header .container .menu .menu-purchase{
    width: 80px;
    height: 20px;
    float:left;
    margin-left: -360px;
    margin-top:-50px;
}
.header .container .menu .menu-contact{
    width: 80px;
    height:20px;
    float:left;
    margin-left: -250px;
    margin-top:-50px;
}
.header .container .menu a img{
    width:85px;
    height:45px;
    margin-top:-50px;
}
.header .container .menu a:hover span{
    color:#00000031;
}
/* 头部结束 */
.bod{
    width: auto;
    height: 2355px;
    margin-top: 3px;
    background-color: rgb(234, 234, 234);
}
.bod .chan{
    width: 900px;
    height: 2355px;
    margin-left: 300px;
    background-color:white;
}

.bod .chan .uav{
    width: 900px;
    height: 400px;
    box-sizing: border-box;
    padding-top: 55px;
}

.bod .chan .plat{
    width: 900px;
    height: 369px;
    background-color:white;
    box-sizing: border-box;
    border-top: 5px solid rgb(205, 205, 205);
    border-bottom: 5px solid rgb(205, 205, 205);
    padding-top: 12px;
}
.bod .chan .irri{
    width: 900px;
    height:367px;
    background-color: white;
    box-sizing: border-box;
    border-bottom: 5px solid rgb(205, 205, 205);
    padding-top: 18px;
}


.bod .chan .uav .img{
    width: 333px;
    height: 331px;
    margin-left: 40px;
    margin-top: -3px;
 
}
/* 开头字体产品信息 */
.bod .chan  .tit{
    background-color: rgb(239, 239, 239);
    width: 850px;
    height: 32px;
    margin-top: -45px;
    margin-left: 25px;
}
.bod .chan  h1{
    line-height: 32px;
    margin-left: 40px;
    font-size: 18px;
    font-weight: 60px;
}
/* 开头字体产品信息结束 */
.bod .chan .uav .img img{
    height: 100%;
    width: 100%;
    cursor: pointer;
    margin-top: 11px;
    border-radius: 20px;
}
.bod .chan .uav .img:hover img{
    transition: 1s;
    transform: scale(1.1,1.1);
    overflow: hidden;
    border-radius: 40px;
}

.bod .chan .plat .img,.bod .chan .irri .img{
    width: 333px;
    height: 331px;
    margin-left: 40px;
    
}

.bod .chan .plat .img .imgo,.bod .chan .irri .img .imgo{
    height: 50%;
    width: 100%;
    cursor: pointer;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.bod .chan .plat .img .imgt,.bod .chan .irri .img .imgt{
    height: 50%;
    width: 100%;
    cursor: pointer;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius:20px;
}
.bod .chan .plat .img:hover .imgo,.bod .chan .irri .img:hover .imgo{
    transition: 1s;
    transform: scale(1.1,1.1);
    overflow: hidden;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}
.bod .chan .plat .img:hover .imgt,.bod .chan .irri .img:hover .imgt{
    transition: 1s;
    transform: scale(1.1,1.1);
    overflow: hidden;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}
/* 文字介绍 */
.bod .chan .uav .xinxio{
    width: 423px;
    height: 329px;
    margin-top: -318px;
    margin-left: 421px;
    background-color: white;
}
.bod .chan .plat .xinxi,.bod .chan .irri .xinxi{
    width: 423px;
    height: 329px;
    margin-top: -329px;
    margin-left: 421px;
    background-color: white;
}
.bod .chan h2{
    font-size: 41px;
    font-style: italic;
    font-weight: bolder;
    color: rgba(12, 43, 12, 0.714);
    padding-bottom: 15px;
}
.bod .chan p{
    font-size: 17px;
    line-height: 23px;
}
.bod .chan .o{
    padding-bottom: 10px;
    padding-top: 10px;
}
.bod .chan .t{
    padding-bottom: 10px;
}
/* 搭配选择 */
.bod .chan  .titl{
    margin-top: 10px;
}
/* 搭配选择结束 */
.bod .chan .dapei{
    margin-top: 20px;
    margin-left: 50px;
}
.bod .chan .dapei p{
    padding-bottom: 10px;
    padding-top: 5px;
}
.bod .chan .dapei .p{
    margin-left: 20px;
}
.bod .chan .dapei .taoshu {
    width: 170px;
    height: 30px;
    border:1px solid black;
    margin-left: 20px;
    margin-bottom: 5px;
}
/* 保存取消 */
.bod .chan .save{
    width: 500px;
    height: 33px;
    margin-top: 50px;
    margin-left: 180px ;
}
.bod .chan .save .so,.bod .chan .save .st{
    width: 245px;
    height: 33px;
    background-color:  rgb(80, 134, 46);
    border-radius: 5px;
    cursor: pointer;
}
.bod .chan .save .so:hover h3,.bod .chan .save .st:hover h3{
    background-color:  rgb(31, 75, 3);
    border-radius: 5px;
    cursor: pointer;
}
.bod .chan .save .st{
    background-color:  rgb(142, 160, 131);
    margin-top: -34px;
    margin-left: 255px;
}
.bod .chan .save h3{
    text-align: center;
    line-height: 33px;
    color: white;
}
/* 快递 */
.bod .chan .dli{
    margin-top: 35px;
    width: 900px;
    height: 352px;
    border-top: 5px solid rgb(205, 205, 205);
    border-bottom: 5px solid rgb(205, 205, 205);
    box-sizing: border-box;
    padding-top: 55px;
}
.bod .chan .dli .tu{
    width: 900px;
    height: 252px;
    margin-top: -20px;
    box-sizing: border-box;
    padding-top: 55px;
}
.bod .chan .dli .tu img{
    width: 100%;
    height: 100%;
}
/* 快递结束 */
/* 价格 */
.bod .chan .price{
    width: 900px;
    height: 352px;
    box-sizing: border-box;
    padding-top: 55px;
    border-bottom: 5px solid rgb(205, 205, 205);
}
.bod .chan .price .tut{
    width: 235px;
    height: 153px;
    margin-left: 22px;
    margin-top: -10px;
    box-sizing: border-box;
    padding-top: 55px;
    
}
.bod .chan .price .tut img{
    width: 100%;
    height: 100%;
}
.bod .chan .price p{
    margin-left: 44px;
    margin-top: 31px;
}
/* 价格结束 */
.tu input[type=checkbox]{
    zoom:150%
}
.io{
    background-color: rgb(139, 9, 9);
    width: 100px;
    height: 100px;
    margin-left: 190px;
    margin-top: -113px;
   
}
.it{
    background-color: white;
    width: 40px;
    height: 40px;
    margin-left: 346px;
    margin-top: -102px;
    
}
.ir{
    background-color: white;
    width: 40px;
    height: 40px;
    margin-left: 501px;
    margin-top: -38px;
    
}
.if{
    background-color: white;
    width: 40px;
    height: 40px;
    margin-left: 656px;
    margin-top: -40px;
    
}
.ii{
    background-color: white;
    width: 40px;
    height: 40px;
    margin-left: 816px;
    margin-top: -41px;
    
}
.iit{
    background-color: white;
    width: 40px;
    height: 40px;
    margin-left: 190px;
    margin-top: -104px;
    
}
.iir{
    background-color: white;
    width: 40px;
    height: 40px;
    margin-left: 190px;
    margin-top: 81px;
    
}
/* 底部 */
.bo{
    width: auto;
    height: 215px;
    background-color: rgba(0, 0, 0, 0.815);
    box-sizing: border-box;
    padding-top: 70px;
}
.bo .tit{
    width: 700px;
    height: 40px;
    margin-left: 190px;
}
.bo .tit a{
    color: white;
    padding-right: 12px;
}
.bo .add{
    width: 500px;
    height: 40px;
    margin-left: 170px;
    margin-top: 10px;
}
.bo .add p{
    color:rgb(164, 165, 162);
    padding-bottom: 19px;
    font-size: 15px;
}
.bo .co{
    width: 110px;
    height: 110px;
    margin-top: -90px;
    margin-left: 1200px;
}
.bo .co img{
    height: 100%;
}
.bo .t{
    width: 80px;
    height: 80px;
    margin-top: -90px;
    margin-left: 1080px;
}

.bo .t p{
    color:white;
    padding-bottom: 19px;
}
/* 底部结束 */