.banner a{ height: 550px; z-index: 1}
.banner .bd{ height: 550px; overflow: hidden}
.banner .des{ position: absolute; left: 0; top: 150px; right: 0; width: 1300px; margin: 0 auto}
.banner .des .text-trans{ background: -webkit-linear-gradient(right, #9698a2, #f2f3f8, #9698a2, #f2f3f8, #9698a2); color: transparent; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-size: 200% 100%; animation: text_animation 1.5s infinite linear}

.banner .des .text-trans2{ background: -webkit-linear-gradient(right, #fb4900, #ff8e00, #fb4900, #ff8e00, #fb4900); color: transparent; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-size: 200% 100%; animation: text_animation 1.5s infinite linear}

.banner .des .d1{font-size: 38px; font-family: '方正大黑简体'}
.banner .des .d2{ font-size: 16px; color: #fff; margin-top: 25px; font-weight: bold}
.banner .des .button{ margin-top: 50px; border: none; padding: 10px 50px; border-radius: 22px; background-color: #fb5e1d; color: #fff; font-weight: bold; font-size: 16px}
.banner .des .button:hover{ background-color: #fb4900}
.banner .hd{ position: absolute; left: 0; right: 0; bottom: 22px; z-index: 2}
.banner .hd li{ width: 10px; height: 10px; border-radius: 10px; background: #bfbfbf; transition: all 0.5s; -webkit-transition: all 0.5s; display: inline-block; cursor: pointer; margin: 0 5px; color: transparent}
.banner .hd .on, .banner .hd li:hover{ width: 26px; background: #fb5e1d;}
.banner .control{ position: absolute; left: 0; top: 50%; right: 0; margin-top: -50px; z-index: 2; color: #666; font-size: 38px}
.banner .control .item{ padding: 25px 40px;}
.banner .control .item:hover{ color: #fff;}

.banner .des.banner-2 .d1{ width:100%;text-align: center; font-family: FlamaCondensed-Basic; font-size: 80px;text-transform: uppercase;    }
.banner .des.banner-2 .d2{ width:100%;text-align: center; line-height:2;font-family: 'FlamaCondensed-Basic';font-size: 24px;margin-top: 0;margin-bottom: 30px;}

.com-title{ margin: 50px 0 40px}
.com-title .item{ margin: 0 auto}
.com-title .text{ font-size: 36px; margin-top: -12px}
.com-title .bg-title-hd{ width: 562px; height: 48px; background: url(../img/bg-title-set.png) no-repeat 0px 0px}
.com-title .bg-title-ft{ width: 56px; height: 14px; background: url(../img/bg-title-set.png) no-repeat 2px -47px; margin-top: 5px}

.product-center{ width: 100%; height: 540px; margin: 0 auto}
.product-center .item-1{ width: 330px; height: 100%; background-color: #e8e9ed}
.product-center .item-2{ width: 620px; height: 50%; background-color: #e8edf0}
.product-center .item-3{ width: 350px; height: 50%; background-color: #f8f8f8}
.product-center .item-4{ width: 350px; height: 50%; background-color: #f0f0fa}
.product-center .item-5{ width: 620px; height: 50%; background-color: #f4f4f4}

.img-trans33{background-image: url(../img/zsgcc.png);background-origin:content; background-position:50% 50%;background-size:contain; background-repeat:no-repeat;width: 250px;
    position: absolute;
    height: 210px;
    right: 50px;
    top: 50%;
    margin-top: -100px; }

.imgtrans2 {background-image: url(../img/gycs.png);background-origin:content; background-position:50% 50%;background-size:contain; background-repeat:no-repeat;  }
					    .imgtrans3{
					        width: 226px;
    height: 136px;
    background-position: -752px -249px;
    left: 0;
    right: 0;
    bottom: 59px;
    background-image: url(../img/tou.png);
    background-repeat: no-repeat;
    position: absolute;
    margin: 0 auto;
					    }
/*.product-center .img{ background-image: url(../img/tou.png)!important; background-repeat: no-repeat; position: absolute; margin: 0 auto}*/
.product-center .img{ background-image: url(../img/product-set.png); background-repeat: no-repeat; position: absolute; margin: 0 auto}
.product-center .item-1 .img{ width: 288px; height: 195px; background-position: 0px -123px; left: 0; right: 0; bottom: 58px}
.product-center .item-2 .img{ width: 182px; height: 197px; background-position: -767px -12px; right: 50px; top: 50%; margin-top: -100px}
.product-center .item-3 .img{ width: 260px; height: 135px; background-position: -354px -33px; left: 0; right: 0; bottom: 50px}
.product-center .item-4 .img{ width: 226px; height: 136px; background-position: -752px -249px; left: 0; right: 0; bottom: 59px}
.product-center .item-5 .img{ width: 350px; height: 181px; background-position: -353px -220px; right: 50px; top: 50%; margin-top: -94px}
.product-center a{ position: absolute; width: 100%; height: 100%}
.product-center .des{ position: absolute; font-family: "FlamaCondensed-Basic"}
.product-center .d1{ font-size: 44px}
.product-center .d2{ margin-top: 20px; font-size: 16px; font-family: Arial}
.product-center .d2 .fa{ font-size: 14px; vertical-align: middle; margin-left: 5px}
.product-center .item-1 .des{ top: 50px; left: 20px; color: #6e8142}
.product-center .item-2 .des{ left: 20px; top: 50%; margin-top: -60px; color: #426579}
.product-center .item-3 .des{ top: 50%; left: 0; right: 0; margin: -60px auto 0; text-align: center; color: #fff; opacity: 0}
.product-center .item-4 .des{ top: 50%; left: 0; right: 0; margin: -60px auto 0; text-align: center; color: #fff; opacity: 0}
.product-center .item-5 .des{ left: 30px; top: 50%; margin-top: -60px; color: #ad4b25}
.product-center .a3:hover, .product-center .a4:hover{ background-color: rgba(0,0,0,0.75)}
.product-center .item:hover .des3{ opacity: 1}
.product-center .item:hover .des4{ opacity: 1}
.product-center .item:hover .fa{ margin-left: 10px}
.product-center .item:hover .d2{ margin-left: 10px}
.product-center .item:hover .img{ transform: scale(1.03)}

.industry .bd li{ float: left; width: 16.66%}
.industry .bd a{ display: block; width: 150px; height: 150px; margin: 0 auto; background-color: #f7f7f7; border-radius: 50%; text-align: center; line-height: 150px}
.industry .bd a:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%}
.industry .bd .icon{ display: inline-block; vertical-align: middle; width: 56px; height: 56px; background-image: url(../img/application-set.png); background-repeat: no-repeat}
.industry .bd .item-1 .icon{ background-position: -18px -15px}
.industry .bd .item-2 .icon{ background-position: -104px -18px}
.industry .bd .item-3 .icon{ background-position: -192px -15px}
.industry .bd .item-4 .icon{ background-position: -279px -17px}
.industry .bd .item-5 .icon{ background-position: -369px -16px}
.industry .bd .item-6 .icon{ background-position: -456px -18px}
.industry .bd .name{ margin-top: 25px; line-height: 30px; font-weight: bold}
.industry .hd{ text-align: center; margin: 40px 0 50px}
.industry .hd .item{ display: inline-block; width: 35px; height: 35px; background-color: #f1f1f1; vertical-align: middle}
.industry .hd .item .fa{ line-height: 35px; font-size: 26px}
.industry .hd .item-center i{ width: 10px; height: 10px; background-image: url(../img/little-icon.png); background-repeat: no-repeat; background-position: -15px -17px; transition: all 0.3s; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px;}
.industry .hd .item-center:hover i{ transform: rotate(180deg)}
.industry .bd a:hover{ background-color: #e2e2e2}
.industry .bd a:hover .icon{ animation: shake 0.3s}
.industry .hd .item-left:hover, .industry .hd .item-right:hover{ background-color: #eaeaea}
.industry .hd .item:hover .fa{ font-weight: bold; color: #fb5e1d}

.f2{ max-width: 1920px; height: 580px; background: url(../img/bg-company.png) no-repeat center; margin: 0 auto;margin-top: 50px;}
.company{ height: 100%; background: url(../img/company.png) no-repeat center right; color: #fff}
.company .d1{ width: 786px; height: 129px; margin-top: 40px; background: url(../img/bg-company-border.png) no-repeat center; font-size: 46px; line-height: 129px; font-weight: bold}
.company .d2{ font-size: 20px; padding: 40px 0 30px}
.company .d3{ width: 40%; font-size: 14px; line-height: 30px}
.company .d4{ font-size: 16px; color: #fb5e1c; margin: 40px 0 5px; font-weight: bold}
.company .d5 .tel{ font-size: 30px; font-weight: bold; cursor: default}
.company .d5 .icon{ display: inline-block; width: 32px; height: 32px; border-radius: 50%; background-color: #fb5e1d; text-align: center; margin: 4px 0 0 35px; cursor: pointer; vertical-align: middle}
.company .d5 .icon .fa{ line-height: 30px; font-size: 28px}
.company .d5 .icon:hover{ background-color: #fff}
.company .d5 .icon:hover .fa{ color: #fb5e1d}

.f3{ margin-top: 50px}
.f3 .f3-l{ width: 48%}
.f3 fieldset{ margin-bottom: 35px; border-color: #eee}
.f3 fieldset legend{ font-size: 30px; color: #000; text-align: left}
.f3 fieldset a{ font-size: 16px; color: #35363a; text-align: right; font-weight: bold; margin-top: -13px}
.f3 .f3-r{ width: 48%}
.case-ctn{ height: 359px}
.case-ctn .bd{ width: 82%; height: 100%}
.case-ctn .hd{ width: 16%; height: 100%}
.case-title-ul{ position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.8); height: 37px}
.imgtrans4 {background-image: url(../img/tou.png);background-origin:content; background-position:50% 50%;background-size:contain; background-repeat:no-repeat;width: 250px;position: absolute;
    height: 210px;
    right: 50px;
    top: 50%;
    margin-top: -100px;  }

.case-title-ul a{display: block; color: #fff; text-align: center; padding: 8px 10px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space:nowrap;width: 90%;margin: 0 auto;}
.case-ctn .bd img{ width: 100%; height: 100%; object-fit: cover}
.case-ctn .hd ul{ margin: -7px 0; height: 100%}
.case-ctn .hd li{ overflow: hidden}
.case-ctn .hd a{ margin: 7px 0 6px}
.case-ctn .hd a:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.35; transition: all 0.3s}
.case-ctn .hd .on a:after{ opacity: 0}
.case-ctn .hd img{ width: 100%; height: 80px; object-fit: cover}
.news-ctn .item{ padding: 30px 0; border-bottom: 1px dashed #dcdcdc}
.news-ctn .item:first-child{ padding-top: 0}
.news-ctn .item:last-child{ padding-bottom: 0; border-bottom: none}
.news-ctn .item:hover .date{ background-color: #fb5e1d; color: #fff}
.news-ctn .item:hover .text .title{ color: #fb5e1d}
.news-ctn .date{ width: 10%; padding: 10px 5px; background-color: #ccc; color: #fff}
.news-ctn .date .d1{ font-size: 30px}
.news-ctn .date .d2{ font-size: 14px}
.news-ctn .text{ width: 87%}
.news-ctn .text .title{ font-size: 20px; height: 26px; text-overflow: ellipsis; white-space: nowrap}
.news-ctn .text .des{ font-size: 14px; color: #999; margin-top: 15px; height: 38px}