.color_back { color: #211713 !important; }
.color_hui { color: #b1b1b1 !important; }
.color_white { color: #ffffff !important; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:url(../images/index/home_bg.png)0 0 repeat-y;}


#nav { background-color: rgba(0,0,0,0.2); border: none; position: fixed; top: 0; width: 100%; z-index: 99; box-shadow: none; }
    #nav.am-active { background-color: rgba(255,255,255,1); box-shadow: 0px 2px 5px #cccccc; }
    #nav .am_logo_blue { display: none; }
    #nav .am_logo_white { display: block; }
    #nav .am_navbar_icon_item svg path { fill: #ffffff; }
.am_navbar_icon_item .am_navbar_icon_border { border: 1px solid #ffffff; }
.am_navbar_icon_item:hover .am_navbar_icon_border { border: 1px solid #cf000e; }
#nav.am-active .am_navbar_icon_border { border: 1px solid #2c2c2c; }
#nav.am-active .am_navbar_icon_item svg path { fill: #2c2c2c; }
#nav.am-active .am_navbar_icon_item:hover .am_navbar_icon_border { background: #cf000e; border: 1px solid #cf000e; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#nav.am-active .am_navbar_icon_item:hover svg path { fill: #ffffff; }

#nav.am-active .am_logo_blue { display: block; }
#nav.am-active .am_logo_white { display: none; }
#nav .am-topbar-nav > li > a{color:#ffffff;}
#nav .am_navbar_icon_index svg path { fill: #ffffff; }
#nav.am-active .am_navbar_icon_index .am_navbar_icon_border { border: 1px solid #ffffff; }
#nav.am-active .am_navbar_icon_index svg path { fill: #ffffff; }
#banner { width: 100%; height: 100%; margin-top: 0 !important; margin-bottom: 50px; }
#swiper_banner { width: 100%; height: 100%; }
#banner .swiper-slide { width: 100%; height: 100%; position: relative; }
    #banner .banner_title.left { left: 12%; }
    #banner .banner_title.center { left: 50%; transform: translateX(-50%); top:15%;}
#banner .banner_title.right { left: 60%; }
    #banner .banner_title h2 { font-size: 4rem; margin: 0; transform: translateX(100%); font-weight: normal;}
    #banner .banner_title h5 { font-size: 2rem; margin: 0; transform: translateX(100%); font-weight: normal; }
#banner .swiper-slide img {
    width: 100%;
    height: 100%;
    transform: scale(1);
}
#banner .swiper-slide > a {
    display:block;
}
    /*#banner .swiper-slide > a{
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:90px;
    z-index:10;
}*/
    #banner .am-slider {
    width: 100%;
    height: 100%;
}
#banner .am-viewport { width: 100%; height: 100%; }
#banner .am-slides { width: 100%; height: 100%; }
#banner .am_slides_item { width: 100%; height: 100%; overflow: hidden; position: relative; }
#banner .banner_title { position: absolute; left: 12%; top: 35%; color: #fff; z-index: 1; overflow: hidden; }
#banner .ks { left: 5% !important; }
#banner .ks3 { top: 40% !important; }
#banner .am-active-slide img { width: 100%; height: 100%; transform: scale(1); }


#banner .swiper-slide img.active { animation: boxScale 18s infinite 1s alternate; }
/*#banner .swiper-slide.swiper-slide-active .banner_title h1 { transform: translateX(0); transition-delay: 0.5s; transition-timing-function: linear; transform-origin: left; transition-duration: 1s;}
#banner .swiper-slide.swiper-slide-active .banner_title h5 { transform: translateX(0); transition-delay: 1.5s; transition-timing-function: linear; transform-origin: left; transition-duration: 1s; }*/
#banner .swiper-slide.swiper-slide-active .banner_title h2 { animation: titleShow 8s linear 0.5s normal; transform-origin: left; }
#banner .swiper-slide.swiper-slide-active .banner_title h5 { animation: titleShow 8s linear 0.5s normal; transform-origin: left; }


#business { margin: 85px 0 130px; }
.am_business_title { text-align: center; margin-bottom: 100px; }
.am_business_title_cn { color: #000000; font-size: 3rem; }
.am_business_title_en { font-size: 1.4rem; color: #c2c2c2; }
.a { border: 1px solid #d9d9d9; text-align: center; padding: 35px 0; display: block; position: relative; width: 195px; margin: 0 auto; text-decoration: none; color: #333333; }
.am_business_body_btn { border: 0.1rem solid #d9d9d9; text-align: center; padding: 3.5rem 0; display: block; position: relative; text-decoration: none; color: #cf000e; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 195px; margin: 0 auto; }
    .am_business_body_btn::after { width: 0; height: 100%; position: absolute; content: ""; top: 0; left: 0; background-color: #cf000e; z-index: -1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .am_business_body_btn:hover { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ffffff; }
        .am_business_body_btn:hover .icon path { fill: #ffffff; }
        .am_business_body_btn:hover .icon polygon { fill: #ffffff; }
        .am_business_body_btn:hover .icon circle { fill: #ffffff; }
        .am_business_body_btn:hover::after { width: 100%; }

#about { position: relative; height: 55rem; overflow: hidden;  }
.am_about_bg { background: url(../images/index/about.jpg) center top no-repeat; background-size: 100% 85%; position: absolute; left: 0; right: 0; height: 40rem; overflow: hidden; }
.am_about_box { background: #ffffff; padding: 4rem 1.5rem 4rem; overflow: hidden; margin-top: 20rem; box-shadow: 0px 4px 5px #b1b1b1; background: url(../images/index/about_building.png) left bottom no-repeat; background-size: 100% 100%; }
.am_about_box_title_cn { text-align: right; color: #000000 !important; font-size: 3rem; }
.am_about_box_title_en { text-align: right; font-size: 1.4rem; color: #c2c2c2; padding-right: 4rem; }
.am_about_box_text { font-size: 1.4rem; line-height: 2.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; padding-right: 2.5rem; text-indent: 2rem; }
.am_about_box_btn { margin-top: 1rem; }
.btn_more { display: inline-block; width: 13rem; height: 3.6rem; text-align: center; line-height: 3.6rem; color: #fff !important; background: #cf000e; border: 1px solid #cf000e; font-size: 1.4rem; text-decoration: none !important; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    .btn_more:hover { background: #cf000e !important; }
    .btn_more span { margin-left: 5px; }
    .btn_more:hover span { transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left: 10px; }

#news { padding: 55px 0 115px; height: 545px; overflow: hidden; position: relative; }
.am_news_bg { position: absolute; top: 0; left: 15%; width: 100%; height: 100%; background-color: #cf000e;}
.am_news_swiper { position: absolute; top: 0; left: 0; height: 80rem; width: 90%; margin-left: 10%; }
    .am_news_swiper .am-slider { padding-top: 24rem; box-shadow: none; }
.am_news_swiper_item { display: block; text-decoration: none; background: #fff; border: 1px solid #ebebeb; padding: 45px 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transform: scale(0.9); }
.am-slides li:nth-child(1) .am_news_swiper_item { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.am-slides li:nth-child(2) .am_news_swiper_item { -webkit-animation-delay: 1s; animation-delay: 1s; }
.am-slides li:nth-child(3) .am_news_swiper_item { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.swiper_img { height: 14rem; width: 14rem; float: left; }
    .swiper_img img { height: 14rem; width: 14rem; }
.swiper_info { padding: 42px 0 42px 15rem; font-size: 18px; line-height: 1.8; }
.swiper_text { font-size: 14px; color: #b1b1b1; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 30px; text-indent: 18px; display:none;}
.swiper_date_tear { margin-left: 10px; }
.am_news_swiper ul li:hover .am_news_swiper_item { transform: scale(1); }
.am-slider-b1 .am-direction-nav a { top: 2rem; border-radius: 5px; padding: 13px 13px !important; }
    .am-slider-b1 .am-direction-nav a.am-next { left: 155px; }
    .am-slider-b1 .am-direction-nav a.am-prev { left: 94px; }

#demo5 { padding-top: 150px; box-shadow: none; }
    #demo5 .swiper-slide .am_news_swiper_item { display: block; text-decoration: none; background: #fff; border: 1px solid #ebebeb; padding: 45px 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
    #demo5 .swiper-slide:hover .am_news_swiper_item { transform: scale(1.1); }

.swiper-button-next { position: absolute; top: 22px; left: 10%; background-image: url(../images/index/right.png); width: 50px; height: 50px; background-size: 50px 50px; }
.swiper-button-prev { position: absolute; top: 22px; left: 6%; background-image: url(../images/index/left.png); width: 50px; height: 50px; background-size: 50px 50px; }






.am_news_btn { text-align: center; position: absolute; bottom: 55px; left: 50%; transform: translateX(-50%); }
    .am_news_btn .btn_more { display: inline-block; width: 130px; height: 36px; text-align: center; line-height: 36px; color: #fff; background: none; border: 1px solid #fff; font-size: 12px; text-decoration: none; }



.am_media_focus { background: url('/images/site/jdcf.jpg')0 0px no-repeat; height: 722px; background-size: cover; color: #fff; position: relative; }
.am_media_price { height: 722px; }
.am_media_focus_info { position: absolute; z-index: 1; bottom: 50px; left: 90px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 1; color: #ffffff !important; background-color: #cf000e; padding: 10px 20px; }
.am_media_focus_info_head { font-size: 3rem; }
.am_media_focus_info_date { font-size: 2.2rem; }
    .am_media_focus_info_date span { font-size: 1.2rem; }
.am_media_focus_info_title { font-size: 1.8rem; }
.am_media_focus_info_content { font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.am_media_focus:after { width: 0%; height: 722px; position: absolute; content: ""; top: 0; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: rgba(0,0,0,0.5); z-index: 0; }
.am_media_focus:hover::after { width: 100%; cursor: pointer; }
.am_media_focus:hover .am_media_focus_info{background:none;}


.am_group_announcement { background: #ffffff; padding: 57px 105px; }
.am_group_announcement_title { border-bottom: 1px solid #e0e0e0; }
    .am_group_announcement_title h3 { background: url(../images/index/small_jiao.png)left top no-repeat; margin: 0; background-size: 160px 40px; height: 45px; line-height: 45px; color: #ffffff; text-indent: 55px; font-size: 22px; }

    .am_group_announcement_list ul { padding: 15px 0; margin: 0; }
        .am_group_announcement_list ul li { list-style: none; }
            .am_group_announcement_list ul li a { text-decoration: none; display: block; color: #7c7c7c; line-height: 32px; position:relative;padding-right:125px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;}
                .am_group_announcement_list ul li a span { position:absolute;top:0;right:0; }
.am_group_announcement_title h3::after { content: ''; display: block; width: 144px; border-bottom: 1px solid #cf000e; }



.am_media_price_info { padding: 10rem 9rem; background: url(../images/index/Real_stock_price_bg.png)0 center no-repeat; background-size: cover; }

.am_media_price_info_title { font-size: 30px; color: #5babd7; }
    .am_media_price_info_title span { border-bottom: 5px solid #5babd7; padding-bottom: 8px; }
.am_media_price_info_price { font-size: 24px; color: #ffffff; margin-top: 15px; }
    .am_media_price_info_price #datetime { color: #8a8a8a; font-size: 14px; margin-left: 10px; }
#industry { background: url(../images/index/industrial_distribution.jpg) center center no-repeat; background-size: auto;  position: relative;    padding: 20px 0; }
.am_industry_point { width: 1420px; z-index: 1; padding: 20px 0; overflow: hidden; }
    .am_industry_point .bb { position: relative; height: 772px; }
#industry #map { position: absolute;  left: 50%; transform: translateX(-40%); }
.am_industry_point .am-btn { position: absolute; animation: pointScale 2s infinite 0s alternate; background-color: #cf000e; }
    .am_industry_point .am-btn[data-id='江苏南通'] { width: 30px; height: 30px; top: 419px; right: 355px; animation-delay: 0; }
    .am_industry_point .am-btn[data-id='辽宁鞍山'] { width: 30px; height: 30px; top: 255px; right: 355px; animation-delay: 0.5s; }
    .am_industry_point .am-btn[data-id='山东德州'] { width: 30px; height: 30px; top: 344px; right: 450px; animation-delay: 1s; }
    .am_industry_point .am-btn[data-id='重庆长寿'] { width: 30px; height: 30px; top: 518px; right: 590px; animation-delay: 1.5s; }
    .am_industry_point .am-btn[data-id='陕西渭南'] { width: 30px; height: 30px; top: 428px; right: 570px; animation-delay: 0; }
    .am_industry_point .am-btn[data-id='湖北荆门'] { width: 30px; height: 30px; top: 489px; right: 500px; animation-delay: 1s; }
    .am_industry_point .am-btn[data-id='江苏昆山'] { width: 30px; height: 30px; top: 447px; right: 379px; animation-delay: 0.5s; }
    .am_industry_point .am-btn[data-id='广东高明'] { width: 30px; height: 30px; bottom: 93px; right: 490px; animation-delay: 0; }
    .am_industry_point .am-btn[data-id='广西崇左'] { width: 30px; height: 30px; bottom: 95px; right: 560px; animation-delay: 0; }
    .am_industry_point .am-btn[data-id='福建三明'] { width: 30px; height: 30px; bottom: 175px; right: 388px; animation-delay: 1s; }
    .am_industry_point .am-btn[data-id='安徽涡阳'] { width: 30px; height: 30px; bottom: 270px; right: 410px; animation-delay: 0; }
.am_industry_content { position: absolute; top: 285px;z-index:1; }
.am_industry_info { color: #ffffff; position: absolute; left: -15px; bottom: 10%;}
.am_industry_info_title { font-size: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.am_industry_info_content{font-size:14px;}
.am_contact_box { width: 1100px; }
#contact { padding: 100px 0; position: relative; background: #f3f3f3; }
.contact_box1_title { margin-top: 25px; font-size: 18px; color: #211713; }
.contact_box1_info { margin-top: 25px; color: #b1b1b1; font-size: 14px; line-height: 18px; }
.contact_box1_phone { margin-top: 25px; color: #b1b1b1; font-size: 36px; text-indent: 50px; background: url(../images/index/phone.png)0 center no-repeat; }

.am_contact_box_content_form legend { font-size: 14px; border: none; color: #b1b1b1; margin-bottom: 0; }
#footer { background-color: #ffffff; }

@keyframes titleShow {
    0% { transform: translateX(100%); opacity: 0; }
    30% { transform: translateX(0); opacity: 1; }
    85% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(0); opacity:0; }
}

@keyframes boxScale {
    from { transform: scale(1); }
    to { transform: scale(1.2) }
}

@keyframes pointScale {
    from { transform: scale(1); }
    to { transform: scale(1.1) }
}
@media screen and (max-width:1440px) {
    .am-container { width: 1268px; max-width: 1268px; }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
    .am_industry_point { width: 1340px; }
    #banner .banner_title h2 { font-size:2.8rem;}
    .am_media_price_info { padding:6rem 2rem; }
    .am_group_announcement { padding: 4rem; }
    .am_media_focus, .am_media_price { height: 600px;background-position:0 0; }
    .am_media_focus_info{left:10px;}
    .am_industry_info{left:-15px;}

}
@media screen and (max-width:1366px) {
    .am-container { width: 1268px; max-width: 1268px; }
    .am_industry_info { left: 0px; }
    .am_industry_info_content{font-size:12px;}
}

@media screen and (max-width:1280px) {
    .am_news_swiper .am-slider { padding-top: 15rem; box-shadow: none; height: auto; }
    #news { height: 700px; }
    .swiper_img { height: 12rem; width: 12rem; }
        .swiper_img img { height: 12rem; width: 12rem; }
    .swiper_info { padding: 3.2rem 0 3.2rem 13rem; }
    .am_media_focus { height: 600px; }
    .am_media_price { height: 600px; }
    .am_media_focus_info { margin-top: 205px; }
    .am_media_price_info { padding: 6rem 2rem; }
    #contact { padding: 50px 0; }
    .am_contact_box { width: 1100px; }
    .am_industry_point { width: 1234px; }
}

/*@media screen and (min-width:1920px) {
  #banner .ks { width: 90%; left: 50% !important; transform: translateX(-50%); overflow:hidden;}
        .ks h1 { float: left; transform:none;}
        .ks h5 { float: right; transform: none; }
}*/