h1 {font-family:"微软雅黑";font-weight:bold;font-size:50px;color:#222;}
.sub-text {font-size:22px;color:#333; line-height: 1.7em; margin-top: 30px; padding: 0 30px;}
.flex-row {display:flex;justify-content:space-between;flex-flow:row wrap;align-items:start;}
.flex-row>div {flex:1;text-align:center;}
@media screen and (max-width:1200px){
    h1{ font-size: 40px;}
    .sub-text{ font-size: 20px;}
}
@media screen and (max-width:1023px){
    h1{ font-size: 36px;}
    .sub-text{ font-size: 18px;}
}
@media screen and (max-width:750px){
    h1{ font-size: 30px;}
    .sub-text{ font-size: 16px;}
}

/* 优势 */
.positive {margin:125px auto 30px;max-width:960px;text-align:center;position:relative;}
.positive h1 {line-height:100px;}
.positive > .icons {width:100%;margin:20px auto 60px auto;line-height:22px;}
.bg-text {font-size:150px;color:#f6f6f6;position:absolute;top:45%;white-space:nowrap;left:-360px;z-index:-1;font-weight:bolder;}
.icon-item img {margin-bottom:20px;}
@media screen and (max-width:750px){
    .icon-item{ min-width: 33.33%; margin-top: 30px;}
}
/* 生产基地 */
.production {height:960px;width:100%;background:url("../images/trade/product.jpg") center center;background-size:cover;
    display:flex;flex-flow:column nowrap;justify-content:center;color:white;margin-top:-150px;}
/* 工厂 */
.factory {padding:70px 0;background:#f3f3f3;}
.factory .fac-pic {margin-top:70px;}
.factory > .chenpinScroll img {opacity:0.7;}
.factory > .chenpinScroll .pic {background:#000;border-radius:20px;}
.factory > .chenpinScroll .lin:hover img {opacity:1;transition:all 0.5;}
/* 过程 */
.step-progress {padding:100px 0 140px 0;position:relative;}
.step-progress .steps {max-width:80%;margin:80px auto;}
.step-progress .step-item img {margin-bottom:30px;}
.step-progress .bg-text {left:100px;top:50%;}
.pos-img{ max-width: 100%;}
@media screen and (max-width:980px){
    .pos-img{ height: auto!important;}
}
@media screen and (max-width:900px){
    .step-item{ min-width: 25%; margin-bottom: 30px;}
}

.worldmap {margin:190px 0 0 0;height:570px;position:relative;padding-top:170px;box-sizing:border-box;}
.worldmap:before {content:'';position:absolute;left:50%;top:0;z-index:-1;margin-left:-284px;width:569px;height:569px;
    background:#ffffff url('../images/trade/map.png') bottom no-repeat;
    -webkit-animation:rotate360 30s linear infinite;animation:rotate360 30s linear infinite;}
@media screen and (max-width:1024px) {
    .worldmap{ margin-top: 100px;}
}
@media screen and (max-width:750px) {
    .worldmap{ margin-top: 70px;}
}
.outer-circle {width:52px;height:52px;background:rgba(10,96,198,0.1);padding:8px;margin:70px auto 0 auto;border-radius:50%;box-sizing:border-box;}
.outer-circle .arrow {width:36px;height:36px;background-color:#0a60c6;border-radius:50%;padding-top:5px;box-sizing:border-box;}
.ensure {width:100%; justify-content:flex-start;align-items:flex-start;overflow:hidden;}
.ensure .left-box {height:auto;width:50%;float:left;}
.ensure .right-box {width:50%;float:right;display:flex;flex-flow:column;align-items:center;}
.slide-item {width:595px;height:470px;margin:130px auto 70px ;font-size:24px;color:#333;}
.slide-item p {font-weight:bolder;}
.slide-item img{ max-width: 100%;}
.left-inner {background:url("../images/trade/ensure-img.png") center center no-repeat;background-size:cover;
    height:100vh;display:flex;flex-flow:column nowrap;justify-content:center;box-sizing:border-box;text-align:left;}
.left-inner .intro{ font-size: 22px;}
.mg5 {margin:0 20%;}
.left-box >div>h1 {line-height:70px;margin-bottom:30px;}
@media screen and (max-width:1400px) {
    .left-inner h1{ font-size: 40px;}
    .slide-item{ margin-left: 30px; width: 576px;}
}
@media screen and (max-width:1200px) {
    .mg5 {margin:0 10%;}
    .slide-item{ margin-left: 24px; width: 100%;}
}
@media screen and (max-width:1023px) {
    .step-progress{ padding: 90px 0;}
    .left-inner h1{ font-size: 34px;}

    .ensure .left-box{ float: none; width: 100%;}
    .ensure .right-box{ float: none; width: auto; padding:0 30px;}
    .left-inner{ height: auto; padding: 50px 0;}
    .slide-item{  text-align: center; height: auto; margin: 100px auto 0;}
}


/* 贸易 */
.trade > .zhaor {width:60%;}
.trade > .zhaol {width:40%;}
.zhaor img {width:640px;height:540px;}
.zhaol .letter {margin-bottom:12px;}
.zhaol .letter span {font-size:41px;color:#264490;font-family:'FuturaBTMedium';margin-right:28px;font-weight:bold;}

@media screen and (max-width:1024px) {
    .trade > .zhaor {width:640px;}
    .trade > .zhaol {width:100%;}
}
@media screen and (max-width:700px) {
    .trade > .zhaor {width:512px; height: 432px;}
    .zhaor img {width:512px;height:432px;}
}


.step-item:hover img {transform:translateY(10px) rotateY(180deg);}
.step-item:hover p {transform:translateY(-10px);}
.step-item img,.step-item p {transition:0.4s;-webkit-transition:0.4s;}
.icon-item:hover img {transform:translateY(6px) rotateY(180deg);}
.icon-item:hover p {transform:translateY(-6px);}
.icon-item img,.icon-item p {transition:0.4s;-webkit-transition:0.4s;}