
@charset "utf-8";
@import url(./common.css);

.header{width: 100%; height: 522px;  position: relative;}
.tblb{width: 100%; height: 450px; }
.tblb li {width: 100%; height: 100%; list-style-type: none;}
.tblb li a{display: block; width: 100%; height: 100%;}
.tblb li a img{display: block; width: 100%; height: 100%; object-fit: cover;}

.tblb div {width: 100%; height: 100%; list-style-type: none;}
.tblb div a{display: block; width: 100%; height: 100%;}
.tblb div a img{display: block; width: 100%; height: 100%; object-fit: cover;}

.tbhd{position: absolute; top: 415px; height: auto; display: flex; right: 598px;}
.tbhd li{cursor: pointer; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; font-size: 0; margin-left: 10px;background: rgba(255, 255, 255, 0.4);}
.tbhd li.on{background: rgba(255, 255, 255, 0.8); width: 30px; border-radius: 15px;}
/* .new_logo{ position: absolute; top: 0; width: 316px; height: 77px; left: 315px;} */
.new_logo{ position: absolute; top: 0; width: 316px; height: 77px; left: 3% !important;}
/* .new_logosy{ position: absolute; top: 0; width: 316px; height: 77px; left: 3%;} */

.headersy .new_logo{ left: 315px !important;}

.new_logo img{width: 100%; }
.nav{ width: 100%;height: 70px; background: #2d5725; display: flex; justify-content: center; align-items: center; margin-left: 0; position: relative;}
.nav ul{width: 1026px;  height: 70px; display: flex; justify-content: space-between;align-items: center;}
.nav ul li{  width: 100px;  text-align: center;    height: 70px; line-height: 70px;}
.nav ul li a{display: block; position: relative; height: 25px; font-size: 18px; color: #fff; transition: all 0.2s;display: inline-block; overflow: visible  !important; }
.nav ul li:hover a{font-size: 22px; color: #bdf847; }
.nav ul li.on a{font-size: 22px; color: #bdf847; }
.nav ul li>a:before {content: ""; width: 0; height: 19px; background: url(../images/new_pic2.png) no-repeat bottom;position: absolute;bottom: -5px; left: 50%; z-index: 2;transition: 0.5s;}

.nexts{display: none;background: url(../images/pic5.png) no-repeat left;position: absolute;right: 12%;top: 50%;margin-left: -35px;margin-top: -39px;width: 60px;height: 62px;z-index: 999;cursor: pointer;}
.prevs{display: none;background: url(../images/pic4.png) no-repeat left;position: absolute;left: 12%;top: 50%;margin-left: -35px;margin-top: -39px;width: 60px;height: 62px;z-index: 999;cursor: pointer;}
.prevs:hover {background: url(../images/2021_slide_left_hover.png) no-repeat left;}
.nexts:hover {background: url(../images/2021_slide_right_hover.png) no-repeat left;}

.nav li:hover:before { width: 127px; left: -23px;}
.nav li.on a:before { width: 127px; left: -23px;}
.navyw li.on a:before { width: 127px; left: -13px;}
.navyw li:hover:before { width: 127px; left: -13px;}
.nav li:nth-child(1).on a:before{left: -44px;}
.navyw li:nth-child(2).on a:before{left: -44px;}
.navyw li:nth-child(3).on a:before{left: -38px;}
.navyw li:nth-child(5).on a:before{left: -1px;}
.navyw li:nth-child(6).on a:before{left: -28px;}
.navyw li:nth-child(7).on a:before{left: -15px;}
.navyw li:nth-child(8).on a:before{left: -6px;}
.navyw li:nth-child(9).on a:before{left: -11px;}

.gnq{margin-left: 126px;    display: flex;}
.gnq a{margin-right: 17px;}
.nav ul li:nth-child(9){margin-right: 0;}
.part1{width: 1200px; height: 649px;  margin: 0 auto;}
.trade_news .title{ width: 168px; height: 50px; line-height: 50px; background: url(../images/new_pic6.png) no-repeat center; background-position-x: 0; background-position-y: 3px;}
.trade_news .title a { font-size: 32px; font-weight: 700; display: block; width: 100%; height: 48px; line-height: 48px;border-bottom: none; color: #323232; text-align: center;font-style: italic;margin-left: 10px}
.dynamic h2 {width: 327px;margin: 0 auto;}
.dynamic h2 a.on { font-weight: bold;}
.dynamic h2 a {font-size: 32px; font-style: italic; display: block;float: left;}
.dynamic .ejlmdy span {display: block;float: left;font-size: 32px; margin: 0 10px;    font-style: italic;}
.dynamic .ejlmdy { width: 390px; position: relative; height: 70px; line-height: 50px; background: url(../images/new_pic7.png) no-repeat center; display: flex; justify-content: center; align-items: center; background-position-x: 3px; background-position-y: 6px;}
.part2 {overflow: hidden;margin-top: 65px;}
.part2 ul li img:hover {transform: scale(1.05);transition: all .3s;}
.part2 .partName1 {width: 442px;height: 80px; margin: 0 auto; margin-bottom: 31px;position: relative; }
.part2 .partName1>i {display: block;width: 10px;height: 10px;border-radius: 100%;position: absolute;background: black;}
.part2 .partName1>i {top: 17px;}
.part2 .partName1 i:nth-child(3n+0) {left: 332px;}
.part2 .partName1 a {position: absolute;right: -67px;top: 6px;font-size: 20px;color: #8bbb29;}
.part2 .partName1 a>i {display: block;width: 35px;height: 35px;background: url(../images/indexImg1.png) -114px 0 no-repeat;top: 3px;position: absolute;right: -42px;}
.lines{position: absolute; bottom: 26px;  left: 132px;}
.partName {width: 239px;height: 40px;margin: 0 auto;line-height: 40px;position: relative;text-indent: 26px;}
.partName>i { display: block; width: 10px; height: 10px; border-radius: 100%; position: absolute; background: black;}
.partName>i { top: 17px; left: -25px;}
.partName i:nth-child(3n+0) {top: 17px;left: 228px;}
.partName span { font-size: 36px; color: #323232; letter-spacing: 2px;}
.lines1{position: absolute; bottom: -7px; left: 13px;}


/*返回顶部*/
.fhdb_box{position: fixed;width: 150px;height: 207px;left: 50%;margin-left: 660px;bottom: 142px;z-index:99999;text-align:center;background: none;}
.fhdb_box ul li:first-child {cursor:pointer;margin-top: 10px;}
.fhdb_box ul li:first-child span {display:block;margin-top: 8px;font-size: 16px;}
.fhdb_box ul li:first-child +li  {font-size: 16px;margin: 0 auto;margin-top: 12px;background: #fff;width: 111px;height: 111px;display: flex;align-items: center;justify-content: center;position: relative;cursor: auto;
}
.fhdb_box ul li:first-child +li img {width:100px;}
.fhdb_box ul li:first-child +li + li {font-size:16px;padding-left: 3px;}
.fhdb_box ul li:nth-child(3){font-size: 11px !important; width: 110px; height: 29px; margin: 0 auto; background-color: #8cbd2b; color: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; }
#scrollUp i img{width: 13px;}
#scrollUp{display: flex; flex-direction: column;justify-content: center; align-items: center; cursor: pointer;}
.gbbtn{position: absolute; right: -11px; cursor: pointer; top: -10px; width: 24px !important; height: 24px;}

.conts{width: 100%; height: auto; background: url(../images/new_pic9.png) no-repeat center;}
.header-search {visibility: hidden;position: absolute;top:70px;height: 100px;z-index: 10000;width: 0vw; background: rgba(0, 0, 0, 0.5);color: #ffffff;padding: 0px;transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s;-o-transition: width 0.5s;}
.header-search input {width: 30%;height: 50px;position: absolute;top: 50%;left: 35%;margin-top: -25px;padding-left: 15px;outline: none;}
.header-search span {background: #2d5725;width:30px;height: 38px; padding: 8px 20px;font-size: 25px;margin-left: 15px;border-radius: 3px;position: absolute;margin-top: -25px;top: 50%;left: 65%;background-image: url(../images/02021_index_search0.png);background-repeat: no-repeat;background-position:center;cursor: pointer;}
.header-search-close {cursor: pointer;position: absolute;right: 100px;top: 25px;width: 24px;height:24px;background-image: url(../images/02021_index_close0.png);background-repeat: no-repeat;}
.header-search-close span {background: rgba(255, 255, 255, 0);}
.search {font-size: 20px; cursor: pointer;}
.warp{min-width: 1376px;}
.slide{width: 100%; height: 100%;}
.slide a{display: block; width: 100%; height: 100%;}
.slide a img{display: block; width: 100%; height: 100%; object-fit: cover;}

.navyw ul li a{font-size: 18px;}
.navyw ul li.on a{font-size: 19px; color: #bdf847; }
.navyw ul li:hover a{font-size: 19px; color: #bdf847; }
.navyw ul li { width: auto;    }
/* .navyw ul {width: 1224px;} */
.navyw li.on:before { width: 127px;left: 4px;}
.navyw li:hover:before { width: 127px;left: 4px;}
.navyw .gnq {margin-left: 75px;    line-height: normal;}

.dis{
    display: none;  
    width: 100% !important;background: rgba(255, 255, 255, 0.8); height: auto;max-height: 460px;position: absolute;top: 70px;left: -10px;z-index: 9999; box-shadow:1px 5px 9px -2px #d8d8d8;}
.dis dl {width: 1226px;
    display: block;
    height: auto;
    margin: 0 auto;
    /* background: antiquewhite; */
    margin-top: 10px;
display: flex;
}
.dis dl dd{width: auto; font-size: 17px !important; color: #fff; height: 45px; text-align: center; line-height: 45px;}
.dis dl dd:hover a{ color: #8bbb29 !important;}
.dis dl dd a{color: #000 !important;font-size: 18px !important;}
.navyw ul li.on dd a{font-size: 14px;}


.nav .dis dl dd{width: auto;height: auto; min-height: 45px; line-height: normal; display: flex;align-items: center;justify-content: center; margin-bottom: 9px; margin-left: 15px; margin-right: 15px; }

.navyw .dis dl dd{width: auto;height: auto; min-height: 45px; line-height: normal; display: flex;align-items: center;justify-content: center; margin-bottom: 9px;}
.nav ul li a { height: auto;overflow-wrap: anywhere;}
.nav .dis dl dd:nth-last-col{margin-bottom: 0 !important;}
.navyw .dis dl dd{width: auto;height: auto; min-height: 45px; line-height: normal; display: flex;align-items: center;justify-content: center; margin-bottom: 9px;}
/* .navyw .dis dl { width: 1355px;} */








