/*
#mian{width: 100%;height: 100%;overflow: hidden;background: url("../images/zszx/zszxbg.jpg") no-repeat center center white;background-size: 100% 100%;}
#left{height:100%;float: left;border-top: solid 1px gray;}
#left .one{background-color: #e17a48;border: solid 1px;}
#left .two{border: solid 1px;background-color: #5456bb;}
#left .three{border: solid 1px;background-color: #5456bb;}
#left .one span{ color: white;font-size: 18px;display: block;margin:0 auto;padding: 8%;}
#left .two span{ color: white;font-size: 18px;display: block;margin:0 auto;padding: 8%;}
#left .three span{ color: white;font-size: 18px;display: block;margin:0 auto;padding: 8%;}
#center{height:100%;background-color:white;float: left;border-top: solid 1px gray;}
#center .centerTop{ background: url("../images/zszx/centerpic.jpg") no-repeat center center;background-size: 100% 100%;margin: 2.5% 12% 2%}
#center .centerBottom{background: url("../images/zszx/cenword.png") no-repeat center center;background-size: 90% 90%;margin: 0% 15% 3% }
#right{height:100%;float: left;border-top: solid 1px gray;}
!*#right .rightOne{ background: url("../images/zszx/renminbi.png") no-repeat center center;background-size: 100% 100%;margin: 25% 20%; }*!

#right .rightOne{ width:100%;height:100%;border-radius: 50%;background-color: #7d80fd;margin: 25% 24%;position: relative;}
#right .rightOne span {width: 51% ;display: block;font-size: 25px;line-height: 25px;color: white;font-weight:bold;position: absolute;left: 23%;top: 40%;margin-bottom:5%;}
#right .rightOne a{display: block;position: absolute;left: 34%;top: 59%;color: white;font-size: 18px;line-height: 18px;}
#right .rightTwo{ margin: 2% 10%;}
#right .rightTwo span{display: block;color: white;font-size: 18px;margin: 2% 4%; width: 130%;}
#right .rightTwo .c2{margin: 2% 13%; }
#right .rightThree {position: relative;left: 5%}
!*
#right .rightThree span{display: block;float: left;font-size: 18px;color: white;border: solid 1px white;margin: 2% 7.5%;padding: 0 3%;text-align: center;position: absolute;}
*!
#right .rightThree .b1{ position: absolute;left: 4%;top: 5%;font-size: 18px;color: white;border: solid 1px white;text-align: center;width: 40%;}
#right .rightThree .b2{ position: absolute;left: 48%;top: 5%;font-size: 18px;color: white;border: solid 1px white;text-align: center;width: 40%;}
#right .rightThree .b3{ position: absolute;left: 4%;top: 30%;font-size: 18px;color: white;border: solid 1px white;text-align: center;width: 40%;;}
#right .rightThree .b4{ position: absolute;left: 48%;top: 30%;font-size: 18px;color: white;border: solid 1px white;text-align: center;width: 40%;}
#right .rightThree .b5{position: absolute;left: 4%;top: 55%;font-size: 18px;color: white;border: solid 1px white;text-align: center;width: 84%;}

@media screen  and (max-width:1049px){
    #left .one span{font-size:12px;}
    #left .two span{font-size:12px;}
    #left .three span{font-size:12px;}
    #right .rightOne span{font-size: 14px; }
    #right .rightOne a {font-size: 12px;left: 29%;  }
    #right .rightTwo span{font-size:14px; }
    #right .rightThree .b1{ font-size:12px; }
    #right .rightThree .b2{ font-size:12px; }
    #right .rightThree .b3{ font-size:12px; }
    #right .rightThree .b4{ font-size:12px; }
    #right .rightThree .b5{ font-size:12px; }
}
@media screen and (min-width:1050px) and (max-width:1149px){
    #left .one span{font-size:13px;}
    #left .two span{font-size:13px;}
    #left .three span{font-size:13px;}
    #right .rightOne span{font-size: 14px; }
    #right .rightOne a {font-size: 12px;left: 29%;  }
    #right .rightTwo span{font-size:14px; }
    #right .rightThree .b1{ font-size:12px; }
    #right .rightThree .b2{ font-size:12px; }
    #right .rightThree .b3{ font-size:12px; }
    #right .rightThree .b4{ font-size:12px; }
    #right .rightThree .b5{ font-size:12px; }
}
@media screen and (min-width:1150px) and (max-width:1249px){
    #left .one span{font-size:14px;}
    #left .two span{font-size:14px;}
    #left .three span{font-size:14px;}
    #right .rightOne span{font-size: 14px;left: 28%; }
    #right .rightOne a {font-size: 12px;left: 32%;  }
    #right .rightTwo span{font-size:14px; }
    #right .rightThree .b1{ font-size:12px; }
    #right .rightThree .b2{ font-size:12px; }
    #right .rightThree .b3{ font-size:12px; }
    #right .rightThree .b4{ font-size:12px; }
    #right .rightThree .b5{ font-size:12px; }
}
@media screen and (min-width:1250px) and (max-width:1279px){
    #left .one span{font-size:14px;}
    #left .two span{font-size:14px;}
    #left .three span{font-size:14px;}
    #right .rightOne span{font-size: 16px; }
    #right .rightOne a {font-size: 12px;left: 29%;  }
    #right .rightTwo span{font-size:14px; }
    #right .rightThree .b1{ font-size:14px; }
    #right .rightThree .b2{ font-size:14px; }
    #right .rightThree .b3{ font-size:14px; }
    #right .rightThree .b4{ font-size:14px; }
    #right .rightThree .b5{ font-size:14px; }
}
@media screen and (min-width:1250px) and (max-width:1439px){
    #left .one span{font-size:16px;}
    #left .two span{font-size:16px;}
    #left .three span{font-size:16px;}
    #right .rightOne span{font-size: 20px; }
    #right .rightOne a {font-size: 18px;left: 29%;  }
    #right .rightTwo span{font-size:16px; }
    #right .rightThree .b1{ font-size:16px; }
    #right .rightThree .b2{ font-size:16px; }
    #right .rightThree .b3{ font-size:16px; }
    #right .rightThree .b4{ font-size:16px; }
    #right .rightThree .b5{ font-size:16px; }
}

@media screen and (min-width:1400px) and (max-width:1580px){
    #left .one span{font-size:16px;}
    #left .two span{font-size:16px;}
    #left .three span{font-size:16px;}
    #right .rightOne span{font-size: 20px; }
    #right .rightOne a {font-size: 18px;left: 29%;  }
    #right .rightTwo span{font-size:16px; }
    #right .rightThree .b1{ font-size:16px; }
    #right .rightThree .b2{ font-size:16px; }
    #right .rightThree .b3{ font-size:16px; }
    #right .rightThree .b4{ font-size:16px; }
    #right .rightThree .b5{ font-size:16px; }

}
@media screen and (min-width:1581px) and (max-width:1800px){
    #left .one span{font-size:18px;}
    #left .two span{font-size:18px;}
    #left .three span{font-size:18px;}
    #right .rightTwo span{font-size: 18px; }
    #right .rightThree span{font-size: 18px;}
}
*/
#mian{width: 100%;height: 100%;overflow: hidden;background: url("../images/zszx/zszxbg.jpg") no-repeat center center; background-size: 100% 100%;}
#left{height:100%;width:15%;float: left;}
#left .threeBox{ height:auto;width:100%;margin:100%  auto;}
#left .threeBox .one{width: 100%;border: solid 1px;background-color: #de7643}
#left .threeBox .one span{display: block;width: 50%;font-size: 16px;line-height: 16px;padding: 5% 20%;margin: 0 auto;color: white;}
#left .threeBox .two{width: 100%;border: solid 1px;background-color: #5457bb;}
#left .threeBox .two span{display: block;width: 50%;font-size: 16px;line-height: 16px;padding: 5% 20%; margin: 0 auto;color: white;}
#left .threeBox .three{width: 100%;border: solid 1px;background-color: #5457bb}
#left .threeBox .three span{display: block;width: 50%;font-size: 16px;line-height: 16px;padding: 5% 20%; margin: 0 auto;color: white;}

#right{ height:100%;width:20%;float: left;}
#right .rightOne{width: 100%;height: 30%;background: url("../images/zszx/cycle-bg.png")no-repeat center ;margin: 40% auto 0%;}
#right .rightOne span {display: block;width: 30%;height: 13%;padding-top: 30%;margin-left: 37%;font-size: 20px;color: white;font-weight: bold;}
#right .rightOne a{display: block;font-size: 16px;color: white;;width: 30%;margin: 0 41%}
.rightTwo{width: 100%;height: 20%;}
.rightTwo span{ display: block;width: 70%;height: 13%;padding: 3%;margin: 0% 19%;font-size: 16px;color: white;}
/*.rightTwo .c2{ display: block;width: 70%;height: 13%;padding: 3%;margin: 0% 23%;font-size: 16px;color: white;}*/
.rightThree{ width: 75%;height: 30%;margin: 0% 18%;}
.rightThree img{ width: 100%;}

/*.rightThree span{display: block;width: 30%;height: 10%;padding: 3%;margin: 3% 2%;font-size: 16px;color: white;float: left;border: solid white 1px;
    text-align: center;}
.rightThree a{ display: block;width: 71%;height: 10%;padding: 3%;margin: 3% 2%;font-size: 16px;color: white;float: left;border: solid white 1px;
    text-align: center;}*/
#center{  height:100%;width:65%;float: left;background-color: white;margin: 6.2% auto;border-top: solid #808080 2px;}
#center .centerTop{width: 80%;height: auto;margin: 3% auto 2%;}
#center .centerTop img{width: 100%;}
#center .centerBottom{  width: 70%;margin: 0 auto}
#center .centerBottom img{  width: 100%;}

@media screen and (max-width:1024px){
    body{overflow-x: hidden;}/**消除火狐滚动条*!*/
    #right .rightOne span{ font-size: 16px;padding-top:35%;}
    #right .rightOne a{ font-size: 14px;margin:0 40%;}
    .rightTwo span{font-size: 12px;width: 90%;margin: 0 8%}
    #right .rightOne{margin:60% auto 0;}
    .rightTwo{margin: 10% 0 0 0;}
    .rightThree{margin:0 11%;}
    #left .threeBox .one span{font-size: 14px;width: 70%;}
    #left .threeBox .two span{font-size: 14px;width: 70%;}
    #left .threeBox .three span{font-size: 14px;width: 70%;}
    #center .centerTop{width:90%;}
    #center .centerBottom{width: 90%;margin: 5% auto;}
}

@media screen and (min-width:1025px)and (max-width:1330px){
    #right .rightOne span{ font-size: 16px;padding-top:35%;}
    #right .rightOne a{ font-size: 14px;margin:0 40%;}
    .rightTwo span{font-size: 12px;width: 90%;margin: 0 15%}
    #right .rightOne{margin:50% auto 0;}
    .rightTwo{margin: 10% 0 0 0;}
    .rightThree{margin:0 11%;}
    #left .threeBox .one span{font-size: 14px;width: 58%;}
    #left .threeBox .two span{font-size: 14px;width: 58%;}
    #left .threeBox .three span{font-size: 14px;width: 58%;}
    #center{  height:100%;width:65%;float: left;background-color: white;margin: 5% auto;border-top: solid #808080 2px;}
    #center .centerTop{width: 75%;}
    #center .centerBottom{width: 75%;margin: 3% auto;}
}
@media screen and (min-width:1331px) and (max-width:1399px){
    #left .threeBox .one span{font-size: 14px;}
    #left .threeBox .two span{font-size: 14px;}
    #left .threeBox .three span{font-size: 14px;}
    #right span{ font-size: 14px;}
    .rightThree a{font-size: 14px;}
    #center{  height:100%;width:65%;float: left;background-color: white;margin: 5% auto;border-top: solid #808080 2px;}
    #center .centerTop{width: 75%;}
    #center .centerBottom{width: 75%;margin: 2% auto;}
}
@media screen and (min-width:1440px) and (max-width:1580px){
    #left .threeBox .one span{font-size: 14px;}
    #left .threeBox .two span{font-size: 14px;}
    #left .threeBox .three span{font-size: 14px;}
    #right span{ font-size: 14px;}
    .rightThree a{font-size: 14px;}
    #center .centerTop{width: 85%;}
    #center .centerBottom{width: 85%;margin: 3% auto;}
}
@media screen and (min-width:1581px) and (max-width:1800px){


}