@charset "utf-8";

/* CSS Document */

/*轮播图*/

.sban{position: relative; margin:1px 0 0;z-index: 100;}

.sban .dots{position: absolute;z-index: 3;bottom: 12px;left: 0;width: 100%;text-align: center}

.sban .dots li{display: inline-block;width: 24px;height: 4px;border-radius: 4px;background: #e5e5e5;margin: 0 6px;font-size: 0;line-height: 0}

.sban .dots li.on{background: #ff3312;}

.show .move{white-space: nowrap;overflow: hidden;font-size: 0;line-height: 0;}

.show .move li{width: 100%;display: inline-block;position: relative;cursor: pointer}

.show .move li a{display: block;}

.show .move li img{display: block;width: 100%;height: auto;}

/*关于我们*/

.about{padding: 70px 0 90px;}

.about_left{position: relative; width: 652px;height: 714px;overflow: hidden}

.about_left > img {width: 100%}

.about_data{position: absolute;width: 182px;height: 100%;background-color: rgba(11,22,43,.84);top: 0;left: 0;color: #fff;padding:84px 0 0}

.about_data ul li{text-align: center;margin: 0 0 54px 0}

.about_data ul li span{font-size: 50px;font-weight: bold;display: block;line-height: 54px;}

.about_data ul li p,.about_data ul li em{font-size: 40px;font-weight: bold;line-height: 48px;}

.about_data ul li:last-child span{display: inline-block;}

.about_data::before{position: absolute;content: "";width: 96px;height: 1px;background-color: #fff;left: 50%;margin-left: -48px;bottom: 100px;z-index: -1}

.about_right{width: 698px;}

.about_right h6{position: relative; font-family: Poppins;font-size: 45px;color: #1f2d49;line-height: 54px;}

.about_right h6::before{position: absolute;content: "";width: 22px;height: 22px;background-color: #1f2d49;top: 16px;right: 24px;}

.about_right h6::after{position: absolute;content: "";width: 22px;height: 22px;background-color: #c30d23;top: 12px;right: 28px;}

.about_right p{font-size: 22px;color: #666;padding: 16px 0;line-height: 32px;}

/*过渡*/

.goudu{background: url(../images/guodu_bg.jpg) no-repeat center;padding: 72px 0;margin: 0 0 60px 0;background-attachment: fixed;background-size: cover;height: 418px}

.guodu_con{width: 1000px;height: 274px;margin: 0 auto;border: 2px solid #fff;padding: 42px 52px 0 52px;color: #fff;position: relative;}

.guodu_con::before{position: absolute;content: "";width: 82px;height: 82px;border: 6px solid #c30d23;top:-3px;left: -4px;z-index: 1;border-bottom: none;border-right: none;}

.guodu_con::after{position: absolute;content: "";width: 82px;height: 82px;border: 6px solid #c30d23;bottom:-3px;right: -4px;z-index: 1;border-top: none;border-left: none;}

.guodu_con h6{position: relative; font-family: Poppins2;font-size: 36px;margin-bottom: 16px;}

.guodu_con h6::before{position: absolute;content: "";width: 22px;height: 22px;background-color: #fff;top: 16px;right: 74px;}

.guodu_con h6::after{position: absolute;content: "";width: 22px;height: 22px;background-color: #c30d23;top: 12px;right:78px;}

.guodu_con p{font-size: 18px;line-height: 34px;}

.guodu_more{position: absolute;bottom: -28px;left: 50%;line-height: 50px;width: 154px;margin-left: -77px}

/*产品*/

.product{padding-bottom: 64px;}

.product_title{}

.product_title ul li{position: relative; float: left;width: 680px;height: 48px;border: 1px solid #bfbfbf;font-size: 24px;line-height: 48px;color: #666;border-radius: 10px;text-align:center;text-transform: capitalize;background-color: #f7f6f6;}

.product_title ul li:last-child{margin-left: 40px}

.product_title ul li.on{background-color: #c30d23;border: 1px solid #c30d23;color: #fff;}

.product_title ul li.on::before{position: absolute;content: "";width: 8px;height: 8px;background-color: #fff;border-radius: 50%;top: 20px;left: 240px;}

.product_con .product_list{display: none;}

.product_con .product_list.cur{display: block;}

.product_list_title{border:1px solid #ececec;height:60px;margin: 31px 0}

.product_list_title ul{padding: 0 30px;}

.product_list_title ul li{float: left;margin: 0 60px 0 0}

.product_list_title ul li a{font-size: 20px;color: #666;line-height:60px;position: relative;padding-left: 20px}

.product_list_title ul li a::before{position: absolute;content: "";width: 10px;height: 10px;border-radius: 10px;border: 1px solid #89888a;top: 25px;left: 0}

.product_list_title ul li:hover a{color: #c30d23}

.product_list_title ul li:hover a::before{background-color: #c30d23;border: 1px solid #c30d23;}

.product_list_con  ul li{border: 1px solid #dfdcdc;margin:0 0 31px 31px;background-color: #fff;float: left;width: 446px;overflow: hidden;}

.product_list_con  ul li:nth-child(3n+1){margin-left: 0}

.product_list_con  ul li .product_list_img{width: 446px;height: 345px;overflow: hidden}

.product_list_con  ul li .product_list_img img{width: 100%}

.product_list_con  ul li .product_list_txt{padding: 24px 54px 32px;text-align: center;}

.product_list_con  ul li .product_list_txt h6{font-size: 22px;color: #2e2e35;font-weight: bold;margin-bottom: 12px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.product_list_con  ul li .product_list_txt p{font-size: 18px;color: #666;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.product_list_con  ul li:hover .product_list_img img{animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;}

@keyframes tada{0%{-webkit-transform:scale(1);}10%,30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(4deg);}20%,40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-4deg);}100%{-webkit-transform:scale(1) rotate(0);}}

.product_list_con  ul li:hover .product_list_txt h6{color: #c30d23}

/*优点*/

.advan{background-color: #0b162b;padding: 54px 0 76px;}

.advan_title{color: #fff;}

.advan_title h6::before{display: none;}

.advan_title p{font-size: 28px;}

.advan_list ul{width: 1248px; margin: 0 auto}

.advan_list ul li{float: left;width: 312px;text-align: center;margin: 32px 0 0}

.advan_list ul li .advan_list_icon{width: 136px;height: 136px;margin: 0 auto;border: 3px dashed #fff;border-radius:10px;cursor: pointer}

.advan_list ul li i{width: 136px;height: 136px;background-color: #c30d23;display: block;border-radius: 10px;transform: rotate(45deg);ms-transform: rotate(45deg);moz-transform: rotate(45deg);webkit-transform: rotate(45deg);o-transform: rotate(45deg);padding: 38px}

.advan_list ul li i img{transform: rotate(-45deg);ms-transform: rotate(-45deg);moz-transform: rotate(-45deg);webkit-transform: rotate(-45deg);o-transform: rotate(-45deg);}

.advan_list ul li h6{font-size:24px;color:#fff;margin-top: 36px}

.advan_list ul li:hover i{-webkit-transform: rotate(360deg);animation: rotation 5s linear infinite; -moz-animation: rotation 5s linear infinite;-webkit-animation: rotation 5s linear infinite;-o-animation: rotation 5s linear infinite;}

/*为什么*/

.why{background-color: #ecf0f9;padding: 54px 0 72px}

.why_con{position: relative;z-index: 2}

.why_con > img{width: 682px;height: 716px;}

.why_txt{position: absolute;top: 48px;right: 0;width: 750px;background: url(../images/why_img.jpg) no-repeat center right;height: 668px;background-size: cover;z-index: 2;padding: 84px  40px 0 40px}

.why_txt::before{position: absolute;content: "";width: 750px;height: 668px;background-color: rgba(11,22,43,.85);top: 0;left: 0;z-index: 1}

.why_txt_con{position: relative;z-index: 2;color: #fff;}

.why_txt h6{font-size: 46px;font-family: Poppins1;}

.why_txt p{font-size: 21px;margin: 16px 0;}

/*新闻*/

.news{background: url(../images/news_bg.jpg) no-repeat center;padding: 64px 0 76px;background-attachment: fixed;background-size: cover;height: 977px}

.news_title{color: #fff;margin-bottom: 42px}

.news_title h6{font-size: 50px;font-family: Poppins;text-transform: capitalize;}

.news_title em{display: block;background-color: #c30d23;width: 46px;height: 4px;margin-bottom: 14px}

.news_title p{font-size: 22px;}

.news_nav ul li{float: left; width: 218px;height: 54px;background-color: #fff;line-height: 54px;font-size: 20px;color: #666;text-transform: capitalize;text-align: center;margin:0 6px 40px 0;}

.news_nav ul li.on{background-color: #c30d23;color: #fff}

.news_list ul{display: none;}

.news_list ul.cur{display: block}

.news_list ul li{float: left;width: 446px;background-color: #f9f9f9;position: relative;margin: 0 31px 0 0}

.news_list ul li:last-child{margin-right: 0}

.news_list ul li .news_list_img{width: 446px;height: 292px;overflow: hidden;}

.news_list ul li .news_list_img img{width: 100%;transition: all .5s}

.news_list ul li .news_txt{padding: 28px 42px 48px 42px}

.news_list ul li .news_txt h6{font-size: 24px;color: #333;font-weight: bold;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.news_list ul li .news_txt em{display: block;position: relative;font-size: 15px;color: #333;margin: 10px 0 14px}

.news_list ul li .news_txt em::before{position: absolute;content: "";width: 25px;height: 2px;background-color: #c30d23;left: 84px;top: 10px}

.news_list ul li .news_txt p{font-size: 17px;color: #666;line-height: 28px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 56px;}

.news_list ul li .news_txt span{position: absolute;background-color: #c30d23;width: 68px;height: 68px;border-radius: 50%;padding: 26px 15px;bottom: -34px;left: 50%;margin-left: -34px}

.news_list ul li .news_txt span img{width: 37px;height: 16px;}

.news_list ul li:hover .news_list_img img{transform: scale(1.2)}

.news_list ul li:hover .news_txt span img{-webkit-transform: rotate(360deg);

    animation: rotation 2s linear infinite;

    -moz-animation: rotation 2s linear infinite;

    -webkit-animation: rotation 2s linear infinite;

    -o-animation: rotation 2s linear infinite;}

/*案例*/

.case{padding: 130px 0 68px;background-color: #f4f5f6;height: 570px;overflow: hidden!important}

.case .w_center{position: relative;height: 400px}

.case_title{width: 444px;}

.case_title h6{position: relative; color: #0b162b;font-size: 60px;font-family: Poppins;margin-bottom: 12px}

.case_title h6::before{position: absolute;content: ""; background-color: #c30d23;width: 40px;height: 4px;top: 44px;left: 180px}

.case_title p{font-size: 24px;color: #606571;line-height: 30px;}

.case_list{position: absolute;top: -40px;left: 540px}

.case_list ul li{float: left;width: 398px;border-radius: 10px;overflow: hidden;background-color: #fff;margin: 0 34px 34px 0; box-shadow: 0px 11px 21px 0px rgba(2, 2, 2, 0.04);}

.case_list ul li .case_img{width: 398px;height: 338px;}

.case_list ul li h6{line-height: 60px;font-size: 28px;color: #0b162b;text-align: center;text-transform: capitalize;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 24px}

.case_btn a{position: absolute; top:52%;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #c30d23; z-index: 101;}

.case_btn .prev{left:0}

.case_btn .next{left: 54px;}

.case_btn .prev::before{background:url(../images/icon_bg.png) 0 -48px;content: "";position: absolute;width: 16px;height: 24px;z-index: 999;top: 6px;left: 8px;}

.case_btn .next::before{background:url(../images/icon_bg.png) -16px -48px;content: "";position: absolute;width: 16px;height: 24px;z-index: 999;top:6px;left: 10px;}

.case_btn a:hover{background-color: #c30d23;}

.case_btn .prev:hover:before{background:url(../images/icon_bg.png) -32px -48px;}

.case_btn .next:hover:before{background:url(../images/icon_bg.png) -48px -48px;}

.case_list ul li:hover{background-color: #c30d23;}

.case_list ul li:hover h6{color: #fff;}

/*过渡2*/

.guodu1{background:url(../images/guodu1_bg.jpg) no-repeat center;background-attachment: fixed;background-size: cover;padding: 56px 0}

.guodu1_txt{color: #fefefe}

.guodu1_txt h6{font-family: Poppins;font-size: 31px;margin-bottom: 16px;}

.guodu1_txt p{font-size: 18px;}

.guodu1_more{width: 224px;height: 62px;line-height: 62px;margin-top: 16px}

/*工厂*/

.factory{padding: 70px 0 0}

.factory_list ul li{float: left;width: 25%;position: relative;}

.factory_list ul li > img{width:100%;}

.factory_txt{opacity: 0; position: absolute;width: 100%;height: 100%;background-color: rgba(234,236,235,.75);top: 0;left: 0;display: flex;justify-content: center;align-items: center;text-align: center;}

.factory_txt::before{position: absolute;content: "";width:80%;height: 80%;border:10px solid #c30d23;top: 10%;left: 10%;margin: -10px 0 0 -10px}

.factory_txt h6{font-size: 26px;color: #0b162b;line-height: 40px;}

.factory_list ul li:hover .factory_txt{opacity: 1}

/*运输*/

.trans{background-color: #f5f5f6;padding: 76px 0 100px}

.trans_list{padding-top: 32px}

.trans_list ul{background:url(../images/trans_bg.png) no-repeat center;height: 131px;}

.trans_list ul li{float: left;margin: 10px 312px 0 24px;position: relative;cursor: pointer;}

.trans_list ul li:last-child{margin-right: 0}

.trans_list ul li i{position: relative; display: block; width: 86px;height: 86px;background-color: #0a3071;border-radius: 50%;padding: 16px;z-index: 2}



.trans_list ul li::before,.trans_list ul li::after{position: absolute;content: "";background-color: #0a3071;z-index: 0;border-radius: 50%;-webkit-animation: sonarEffect 2s linear infinite alternate;-moz-animation: sonarEffect 2s linear  infinite alternate;animation: sonarEffect 2s linear infinite alternate;}

.trans_list ul li::before{width: 106px;height: 106px;opacity: .58;top: -10px;left: -10px;}

.trans_list ul li::after{opacity: .47;top: -20px;left:-20px;width: 126px;height: 126px;}

.trans_list ul li:nth-child(even) i{background-color: #c30d23}

.trans_list ul li:nth-child(even)::before,.trans_list ul li:nth-child(even)::after{background-color: #c30d23;-webkit-animation: sonarEffect1 2s linear infinite alternate;-moz-animation: sonarEffect1 2s linear  infinite alternate;animation: sonarEffect1 2s linear infinite alternate;}

.trans_list ul li i img{width: 54px;height: 54px;}

@-webkit-keyframes sonarEffect {0% {opacity: 0.3;}40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0a3071, 0 0 0 10px rgba(255,255,255,0.5);}100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0a3071, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.1);opacity: .8;}}

@-moz-keyframes sonarEffect {0% {opacity: 0.3;}40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0a3071, 0 0 0 10px rgba(255,255,255,0.5);}100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0a3071, 0 0 0 10px rgba(255,255,255,0.5);-moz-transform: scale(1.1);opacity: .8;}}

@keyframes sonarEffect {0% {opacity: 0.3;}40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0a3071, 0 0 0 10px rgba(255,255,255,0.5);}100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #0a3071, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.1);opacity: .8;}}



@-webkit-keyframes sonarEffect1 {0% {opacity: 0.3;}40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c30d23, 0 0 0 10px rgba(255,255,255,0.5);}100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c30d23, 0 0 0 10px rgba(255,255,255,0.5);-webkit-transform: scale(1.1);opacity: .8;}}

@-moz-keyframes sonarEffect1 {0% {opacity: 0.3;}40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c30d23, 0 0 0 10px rgba(255,255,255,0.5);}100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c30d23, 0 0 0 10px rgba(255,255,255,0.5);-moz-transform: scale(1.1);opacity: .8;}}

@keyframes sonarEffect1 {0% {opacity: 0.3;}40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c30d23, 0 0 0 10px rgba(255,255,255,0.5);}100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #c30d23, 0 0 0 10px rgba(255,255,255,0.5);transform: scale(1.1);opacity: .8;}}