#section1{ background-image:url(/static/images/pc/ibg1.jpg); background-size: cover;}
#fullPage-nav li .active span, .fullPage-slidesNav .active span{ top:-5px; left:-3px; background-color:transparent; border:none;border-radius:0; width:15px; height:20px; background-image:url(/static/images/pc/nav.png); background-size: cover;}
#fullPage-nav li, .fullPage-slidesNav li{ margin:10px;}
#fullPage-nav span, .fullPage-slidesNav span{ border:none;background-color:#000; width:5px; height:5px;}
/* nav */
.headiv{width:100%; height:70px; position:absolute; left:0; top:20px; z-index:100; }
.navbg{width:100%; height:70px;background:#fff;opacity:0.1;}
.head_bg{width:100%; height:70px; position:absolute; left:0; top:0px;}
.head{ width:90%; margin:0 auto; margin-top:20px; position:relative; z-index:10;}
.logo{ width:150px; margin-top:10px; margin-bottom:10px;}
.menu{ float:right; right:0; margin-top:20px;}
.nav{margin-left:30px; margin-right:30px; display:inline-block; font-size:14px; position:relative;}
.nav a{cursor: pointer;color:#fff;display:inline-block;padding:5px;}
.navb a { color:#222;}
.nav a:hover{color: #ee0000;font-weight:bold;}
.naved a{color: #ee0000;font-weight:bold;}
.nav a:hover:after{opacity: 1;transform: translate(-50%) scaleX(1);}
.nav a:after {content: "";position: absolute;left: 50%;bottom: -2px; width: 100%;opacity: 0;border-bottom: 1px solid #ee0000;transform: translate(-50%) scaleX(0); transition: .2s ease-in-out;}
.naved a:after{opacity: 1;transform: translate(-50%) scaleX(1);}
/* slogn */
.slogn{}
.s1,.s2{ animation-duration: 2s; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; }
.s1{ width:500px; display:block; margin:0 auto;margin-top:6vh;}
.s2{ width:1100px;display:block; margin:0 auto; margin-top:5vh;}
/* shili */
.shili{ width:1200px; height:200px; margin:0px auto; margin-top:8vh; position:relative;}
.shilibg{ width:1200px; height:200px; background:#fff; opacity:0.15; position:absolute; left:0; top:0;}
.ninfo{width:1200px; height:200px;position:absolute; left:0; top:0; z-index:10; color:#fff;}
.list{ display:inline-block; font-size:0; width:230px; text-align:center;}
.nump{ font-size:12px; margin-top:40px;}
.num{ font-size:60px; margin-right:10px; color:#fff;}
.zip{ font-size:14px;margin-top:20px;}
.nline{ display:inline-block; width:1px; height:55px; background:#fff;opacity:0.4; margin-top:80px; vertical-align:top; }
/* page2 */
#section2{ background-image:url(/static/images/pc/ibg2.jpg); background-size: cover;}
.headb{ height:60px;}
.stitle{font-size:34px;color:#222; padding-top:18vh;}
.stitlefu{ margin-left:15px; font-size:18px; color:#ee0000;}
.ywname{ font-size:28px; color:#222; padding-top:50px;}
.ywinfo{ font-size:16px; color:#666; line-height:28px; position:relative; padding-top:50px; height:70px;}
.ywnei{display:inline-block; width:630px; margin-right:30px; vertical-align:top;margin-top:-34vh; height:42vh;}
.ywimg{ display:inline-block; width:500px; margin-top:-30vh;}
.ywimg img{width:500px; -webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.3));filter: drop-shadow(10px 10px 10px rgba(0,0,0,.3));}
.controlArrow.prev{ width:60px; height:60px; border-width:0; background:url(/static/images/pc/i_left.png); background-size:cover; left:0px; bottom:45%; opacity:0.7;}
.controlArrow.next{width:60px; height:60px; border-width:0; background:url(/static/images/pc/i_right.png);background-size:cover; right:0px; bottom:45%; opacity:0.7;}
@media (min-width: 1024px){
    .controlArrow.prev{left:0px;}
    .controlArrow.next{right:0px;}
}
@media (min-width: 1280px) {
    .controlArrow.prev{left:-100px;}
    .controlArrow.next{right:-100px;}
}

.ywgo{ display:block; width:150px; height:55px; text-align:center; line-height:55px; background:#ee0000; border-radius:30px; color:#fff; font-size:16px; margin-top:100px; margin-left:2px;}
.ywlei{ position:absolute; top:20vh; right:60px;}
.ywlname{ display:inline-block; width:150px; text-align:right; color:#222; font-size:16px; font-weight:bold;}
/* page3 */
#section3{ background-image:url(/static/images/pc/ibg3.jpg); background-size: cover;}
.stbai{ color:#fff; position:relative; z-index:10;}
.youshi{ position:absolute; left:0; top:0; width:100%; height:100%;}
.zhanwei{ height:80vh;}

.trade-box-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height:100%;
}
.trade-box-item {
    flex: 1;
    text-align: center;
    position: relative;
    height: 100%;
    background: no-repeat center;
    background-size: 100% auto;
}
.trade-box-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.6);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    border-right:1px solid #fff;
}
.trade-box-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.item-logo {
    margin: 0 auto;
    display: block;
}
.trade-box-item .item-logo {
    position: relative;
    margin-top:36vh;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-logo .redbg{
    width:40%;
    position:absolute; left:30%; top:0; opacity: 0;
}
.item-logo .redbg img{ width:100%;}
.item-logo .icon {
    display: block;
    margin: 0 auto;
    width:45px;
    padding-top:13%;
    position:relative;
    z-index:10;
}
.item-title {
    font-size: 24px;
    color: #fff;
    margin-top:3vh;
    position: relative;
    display: inline-block;writing-mode: vertical-lr;
}
.item-title:before {
    content: "";
    position: relative;
    display: block;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    color: #fff;
    font-size: 14px;
    line-height:22px;
    margin:20px;
    text-align: justify;
}
.trade-box-item:hover .item-text {
    display: block;
    opacity: 1;
}
.trade-box-item:hover:before {
    background-color: rgba(0, 0, 0, .2);
}
.trade-box-item:hover .item-logo .redbg{
    opacity: 0.6;
}
.trade-box-item:hover .item-logo {
    margin-top: 34vh;
    transform:scale(1.1);
}
.trade-box-item:hover .item-title {
    color: #ee0000;
    margin-top:7vh;
    writing-mode: sideways-lr!important;
}
.trade-box-item:nth-child(2) a{animation-delay: 0.1s;}
.trade-box-item:nth-child(3) a{animation-delay: 0.2s;}
.trade-box-item:nth-child(4) a{animation-delay: 0.3s;}
.trade-box-item:nth-child(5) a{animation-delay: 0.4s;}
.trade-box-item:nth-child(6) a{animation-delay: 0.5s;}
/* page4 */
#section4{ background-image:url(/static/images/pc/ibg4.jpg); background-size: cover;}
.news{ margin-top:6vh; width:600px; display:inline-block; margin-right:30px; margin-bottom:180px;}
.new{ display:block; border-bottom:1px solid #d5d5d5; padding-top:3vh; padding-bottom:3vh; cursor:pointer;}
.time{ width:100px; display:inline-block; margin-right:30px; text-align:right; vertical-align:top;}
.yue{ color:#ee0000; font-size:36px;}
.nian{ color:#666; font-size:14px; margin-top:13px;}
.nwinfo{ width:450px; display:inline-block;}
.nwname{color:#222; font-size:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nwnei{color:#666; font-size:14px; line-height:24px;margin-top:13px;overflow: hidden;text-overflow: ellipsis;display: box;display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.nwimg{ width:550px; display:inline-block;}
.nwimg img{ width:100%;-webkit-filter: drop-shadow(10px 10px 10px rgba(0,0,0,.3));filter: drop-shadow(10px 10px 10px rgba(0,0,0,.3));}
.newed{border-bottom:1px solid #ee0000;}
.newed .nwname{ color:#ee0000; }


/* page5 */
#section5{ background-image:url(/static/images/pc/ibg5.jpg); background-size: cover;}
.hblist{ font-size:0; padding-bottom:25vh; padding-top:15vh;}
.hblogo{ width:230px; display:inline-block; margin-right:10px; margin-bottom:10px;position:relative;}
.hblogo img{ width:230px; height:131px;}
.hbname{ background:#ee0000;width:230px; height:131px; text-align:center; line-height:131px; color:#fff; font-size:20px; position:absolute; left:0; top:0; opacity: 0;transition: all 0.6s cubic-bezier(.4, 0, .2, 1);}
.hblogo:hover .hbname{opacity: 1;}
.hbprev{ width:70px; height:40px; border-width:0; background:url(/static/images/pc/i_left.png); position:absolute; left:560px!important; top:72vh!important;}
.hbnext{width:70px; height:40px; border-width:0; background:url(/static/images/pc/i_right.png); position:absolute; top:72vh!important;}

/* page6 */
#section6{ background-image:url(/static/images/pc/ibg6.jpg); background-size: cover;}
.lianjie{font-size:24px; color:#a5a5a5; margin-top:3vh;}
.links{ padding-left:10px; padding-right:10px; font-size:14px; color:#a5a5a5; line-height:30px; font-weight:normal;}
.links:hover{ color:#ee0000;}
.ginfo{ display:inline-block; width:600px; margin-top:8vh;}
.qlogo{ width:180px;}
.dizhi{ font-size:14px; color:#a5a5a5; line-height:25px; margin-top:15px;}
.dizhi img{ width:25px; vertical-align:middle; margin-right:20px;}
.qita{ width:450px; display:inline-block; margin-left:130px;}
.qtitle{font-size:24px; color:#a5a5a5;}
.qtlinks{ margin-top:30px;}
.qtbg{ position:relative; width:82px; display:inline-block; margin-right:20px; z-index:100;}
.qticon{ width:80px; height:80px; text-align:center; line-height:80px; border:1px solid #484848; border-radius:50%; cursor:pointer;}
.weixin,.weibo,.douyin,.xiaohongshu{ display:inline-block;width:34px; height:34px; margin-top:23px;background-size:cover;}
.weixin{ background-image:url(/static/images/pc/weixin.png); }
.weibo{ background-image:url(/static/images/pc/weibo.png); }
.douyin{ background-image:url(/static/images/pc/douyin.png); }
.xiaohongshu{ background-image:url(/static/images/pc/xiaohongshu.png);}
.qticon:hover{border:1px solid #ee0000; background:#ee0000;}
.qticon:hover .weixin{background-image:url(/static/images/pc/weixined.png);}
.qticon:hover .weibo{background-image:url(/static/images/pc/weiboed.png);}
.qticon:hover .douyin{background-image:url(/static/images/pc/douyined.png);}
.qticon:hover .xiaohongshu{background-image:url(/static/images/pc/xiaohongshued.png);}
.qtwx{ display:none; position:absolute; left:-40px; top:100px;}
.qtwx img{ width:160px;}
.qtbg:hover .qtwx{ display:block;}
.ms{ width:1200px; height:40vh; margin-top:2vh; position:relative;}
.msbg{width:1200px; height:40vh; background:#000; opacity:0.2; position:absolute; left:0; top:0;}
.msdiv{padding:30px; position:relative; z-index:10;}
.msdiv ul li{
    width: 320px;
    display:inline-block;
    margin-right:50px;
    height: 60px;
    line-height: 60px;
    font-size:16px;
    color:#a5a5a5;
    border-bottom: 1px solid #353535;
}
.msdiv label{
    width: 90px;
    display: inline-block;
}
.msdiv input{
    line-height: 30px;
    height: 30px;
    background:none;
    outline:none;
    color:#a5a5a5;
}
.duan{ width:220px;}
.chang{ width:970px;}
.msdiv ul div{
    margin-top:50px;
    height: 60px;
    line-height: 60px;
    font-size:16px;
    color:#a5a5a5;
    border-bottom: 1px solid #353535;
}
.button{
    width:185px;
    height:50px;
    text-align:center;
    line-height:50px;
    background:#ee0000;
    border-radius:20px;
    font-size:16px;
    color:#fff;
    margin:0 auto;
    margin-top:4vh;
    cursor:pointer;
}
.banquan{ font-size:12px; color:#a5a5a5; text-align:center; margin-top:4vh; margin-bottom:10vh;}