.h-section{ position:relative; }
.h-title { font-size: 0; margin: 0 auto; text-align: center; transform: translateY(50px); position: relative; opacity: 0; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.h-title h2 { line-height: 72px; text-align: center; margin: 0; color: #333 !important; font-size: 48px; font-weight: normal; position: relative; z-index: 2; }
.h-title em { width: 100px; height: 2px; background: #C7000B; margin: 25px auto 45px auto; display: inline-block; }
.h-title span { max-width:1000px; line-height: 34px; font-size: 18px; font-weight: normal;font-family:PingFangSC-Regular; color: #666; margin:0 auto; display: block; }

.animate-start.h-title{transform:translateY(0px);opacity:1;}


.h-menu{ width: 100%; background: #fff; border-radius: 10px; box-shadow: 0px 7px 14px 2px rgba(0, 15, 79, 0.05); }
.h-menu-top{ transform: translateX(-50%); position:fixed; left: 50%; top:-80px; z-index: -1; }
.h-menu-top-show{ top:0; -webkit-transition: all .3s linear !important; transition: all .3s linear !important; z-index: 99; }
.h-menu-middle{ position:absolute; top:-40px; z-index: 99; }
/*.h-menu-content{ background: #fff; border-radius: 10px; box-shadow: 0px 7px 14px 2px rgba(0, 15, 79, 0.05); }*/
.h-menu-middle.opacity{ opacity:0; z-index:-1; }
.h-menu-content{ padding:0 40px; position:relative; }
.h-menu-content span{ height: 98px; line-height: 98px; font-size: 14px; color: #666; display: none; }
.h-menu-content span.bm{ border-bottom: 1px solid #ddd; }
.h-menu-content span i{ width: 26px; height: 98px; background: url(https://e.huawei.com/-/mediae/images/topic/storage/multi-cloud-it-architecture/img/icon-xsj.png?v=202311081150) no-repeat center center; background-size: 8px 8px; vertical-align: top; display: inline-block; }
.h-menu-content ul { width: 100%; font-size: 0; position: relative; }
.h-menu-content li { height: 98px; margin-right: 45px; display: inline-block; vertical-align: top; position:relative; }
.h-menu-content li>a { line-height: 98px; }
.h-menu-content li>a em,.h-menu-content li>a:hover em { font-size: 20px; color: #333; /*padding: 0 10px; border-bottom: 2px solid rgba(0, 0, 0, 0);*/ display: block; }
.h-menu-content li>a.active em{ color: #c7000b; /*border-bottom: 2px solid #c7000b;*/ }
.h-menu-content>a{ line-height: 1em; padding: 15px 35px;background-color: #c7000b;color: #fff;border-radius: 50px;font-size: 20px;white-space: nowrap;display:inline-block; transform: translateY(-50%); position:absolute; right:20px; top:50%; z-index:2; }
.h-menu-content>a:hover{ background-color: rgba(199, 0, 11, 0.7); }

.h-menu-top .h-menu-content span{ height: 64px; line-height: 64px; }
.h-menu-top .h-menu-content span i{ height: 64px; }
.h-menu-top .h-menu-content li { height: 64px; }
.h-menu-top .h-menu-content li>a { line-height: 64px; }
.h-menu-top .h-menu-content li>a em,.h-menu-content li>a:hover em { font-size: 14px; }
.h-menu-top .h-menu-content>a{ padding: 15px 25px;border-radius: 44px;font-size: 14px; }



.h-banner{height: 600px;position:relative;z-index:2;}
.h-banner-img-box { width: 100%; height: 100%; overflow: hidden; position: relative; }

.h-banner-img-box>img.h-banner-pc { width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; z-index: 1; }
.h-banner-mob { display: none; }
.h-banner-content { height: 100%; transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; z-index: 2; }
.h-banner-text-box { transform: translate(0, -50%); position: absolute; left: 0; top: 50%; z-index: 2; }
.h-banner-text { padding-bottom: 54px; transform: translateY(54px); opacity: 0; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.h-banner-text h1 { line-height: 80px; font-size: 54px; font-weight: normal;font-family:PingFangSC-S0pxibold;font-weight:SC; color: #333; text-align: justify; }
																																					   
.h-banner-info-box { transform: translate(-50%, 50%); position: absolute; left: 50%; bottom: 0; z-index: 2; }
.h-banner-info { background: rgba(255, 255, 255, 1); border-radius: 12px; padding: 20px 40px; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05); overflow: hidden; transform: translateY(50px); opacity: 0; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.h-banner-info p { line-height: 34px; font-size: 18px; text-align: justify; }

.animate-start .h-banner-text{transform:translateY(0px);opacity:1;}
.animate-start .h-banner-info{transform:translateY(0px);opacity:1;}



.h-tz{ padding: 100px 0 37px 0; position: relative; }						   
.h-tz-info-box { margin-bottom:80px; }
.h-tz-info { overflow: hidden; }
.h-tz-info p { max-width:1000px; line-height: 34px; font-size: 18px; text-align: justify; margin:0 auto; }
.h-tz .h-title{transform:translateY(0px);opacity:1;}
.h-tz-content{ margin-top:65px; }
.h-tz-content ul{ overflow: hidden;}
.h-tz-content li{float:left;width:49%;padding:0 22px;margin-right:2%;margin-bottom:2%;border:1px solid #D9D9D9; overflow: hidden; display: flex;}
.h-tz-content li:nth-child(2n){margin-right:0;}
.h-tz-content li:nth-child(3),.h-tz-content li:nth-child(4){margin-bottom:0;}
.h-tz-text{ flex: 1;padding:20px 0; }
.h-tz-text h3{ line-height: 30px; font-size: 24px; font-weight: normal; position: relative;}
.h-tz-text h3 i { float: right; width: 30px; height: 30px; margin-left: 8px; background: url(https://e.huawei.com/-/mediae/images/topic/storage/multi-cloud-it-architecture/img/icon-jt.png?v=202311081150) no-repeat; background-size: auto 6px; display: block; }
.h-tz-text h3 em{ width: 42px; height: 3px; background: #C7000B; display: block; position: absolute; left: 0; bottom: -12px;
}
.h-tz-text span { line-height: 34px; font-size: 18px; margin-top: 36px; display: block; }
.h-tz-img{ height: 160px; margin-left: 30px; }
.h-tz-img img{ height: 100%; object-fit: contain; }

.h-jg{height: 944px;position:relative;}
.h-jg > img{width: auto;height: 100%;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%; z-index: 1; }
.h-jg-content{width: 100%; transform:translate(-50%,-50%); position: absolute; left: 50%; top: 50%; z-index: 2; }
.h-jg-item img{ width: 840px; margin: 0 auto; }
.h-jg-item p{ line-height: 34px; font-size: 18px; text-align: justify; padding: 0 164px; margin-top: 45px; }


.h-cj{background: #F4F6F8;padding:77px 0;position:relative;}
.h-cj-item-box{ background: #fff; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.05); }
.h-cj-item-box .h-cj-item { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0); }
.h-cj-item { background: #fff; padding: 40px; box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05); margin-top: 77px; overflow: hidden; display: flex; align-items: center; justify-content: center; transform: translateY(150px); opacity: 0; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; }
.h-cj-content .h-cj-item:first-child{margin-top:0;}
.h-cj-item-img { width: 623px; overflow: hidden; }
.h-cj-item-img img { width: 100%; height: 100%; object-fit: contain; }
.h-cj-item-img-mob { display: none; }

.h-cj-item-text-box{flex:1;position:relative;}
.h-cj-item-text { flex: 1; }
.h-cj-item-left .h-cj-item-text{padding:0 64px 0 25px;}
.h-cj-item-right .h-cj-item-text{padding:0 25px 0 64px;}
.h-cj-item-text h3{line-height:42px;font-size:28px;color:#333;font-weight:normal;margin-bottom:20px;position: relative;}
.h-cj-item-text h3 em{ width: 47px; height: 2px; background: #C7000B; display: block; position: absolute; left: 0; bottom: -18px; }
.h-cj-item-text span{ line-height: 32px; font-size: 20px; font-weight: bold; display: block; }
.h-cj-item-text p { line-height: 34px; font-size: 18px; text-align: justify; margin-top: 45px; position: relative; }
.h-cj-item-text p.pr{padding-left:25px;}
.h-cj-item-text p i { width: 16px; height: 16px; background: url(https://e.huawei.com/-/mediae/images/topic/storage/multi-cloud-it-architecture/img/icon-list.png?v=202311081150) no-repeat; background-size: cover; display: block; position: absolute; left: 0; top: 6px; }
.h-cj-item-text a{ line-height: 34px; font-size: 18px; color: #C7000B; margin-top: 25px; display: inline-block; }
.h-cj-item-text a i{ width: 30px; height: 30px; background: url(https://e.huawei.com/-/mediae/images/topic/storage/multi-cloud-it-architecture/img/icon-jt.png?v=202311081150) no-repeat right center; background-size: auto 6px; margin-left: 8px; display: inline-block; vertical-align: top; }


.animate-start.h-cj-item{transform:translateY(0px);opacity:1;}

.h-st{padding:77px 0;position:relative;}
.h-st .w{transform:translateY(150px);opacity:0;-webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out;}
.h-st .h-title{transform:translateY(0px);opacity:1;}
.h-st-menu ul{ display: flex; }
.h-st-menu li{ height: 56px; line-height: 56px; background: #fff; font-size: 18px; text-align: center; border: 1px solid #D9D9D9; margin-right: 29px; flex: 1; cursor: pointer; }
.h-st-menu li:last-child{ margin-right: 0; }
.h-st-menu li.active{ background: #C7000B; color: #fff; border: 1px solid #C7000B; }
.h-st-content{ height: 426px; margin-top: 45px; border: 1px solid #D9D9D9; position: relative; }
.h-st-item{ width: 100%; background: #fff; padding: 4px;overflow: hidden; opacity: 0; position: absolute; left: 0; top: 0; z-index: 2;}
.h-st-item > a{ display: none; }
.h-st-item-content{ width: 100%;display:flex;}
.h-st-item-img{ width: auto; height: 416px; overflow: hidden;opacity:0; -webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out; }
.h-st-item-img img{ width: 100%; height: 100%; object-fit: contain;}
.h-st-item-text-box{ transform: translateY(50px); opacity: 0;flex:1;position:relative;}
.h-st-item-text{width:100%;padding: 0 40px;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;}
.h-st-item-text h3{line-height:42px;font-size:28px;color:#333;font-weight:normal;position: relative;}
.h-st-item-text h3 em{ width: 47px; height: 3px; background: #C7000B; display: block; position: absolute; left: 0; bottom: -18px;}
.h-st-item-text span{ line-height: 32px; font-size: 20px; font-weight: bold; display: block; }
.h-st-item-text p{ line-height: 34px; font-size: 18px; text-align: justify;position:relative;}
.h-st-item-text p.first{ margin-top: 0;/*margin-top: 45px;*/}
.h-st-item-text p.pr{padding-left:28px;}
.h-st-item-text p i{width:16px;height:16px;background:url(https://e.huawei.com/-/mediae/images/topic/storage/multi-cloud-it-architecture/img/icon_list.png) no-repeat;background-size:cover;display:block;position:absolute;left:0;top:4px;}
.h-st-item-text p em{ display:block;position:absolute;left:0;top:0; }

.h-st-item.active{ opacity: 1; }
.h-st-item.active .h-st-item-img{ opacity: 1; }
.h-st-item.active .h-st-item-text-box{ transform: translateY(0); opacity: 1; -webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out; }

.animate-start.h-st .w{transform:translateY(0px);opacity:1;}


.h-fx{ background: #F4F6F8;padding:77px 0;position:relative;}
.h-fx-content ul{display:flex;}
.h-fx-content li{flex:1;position:relative;transform:translateY(50px);opacity:0;-webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out;}
.h-fx-content li:nth-child(2){margin:0 32px;transform:translateY(100px);-webkit-transition:all 1s ease-out;transition:all 1s ease-out;}
.h-fx-content li:nth-child(3){transform:translateY(150px);-webkit-transition:all 1.2s ease-out;transition:all 1.2s ease-out;}
.h-fx-text{width:100%;height:100%;color:#FFFFFF;padding:380px 40px 0 40px;position:absolute;left:0;top:0;z-index:2;}
.h-fx-text h3{line-height:1em;font-weight:600;font-size:36px;font-weight:600;}
.h-fx-text p{line-height:34px;font-size:20px;text-align:justify;margin-top:30px;}

.animate-start.h-fx-content li{transform:translateY(0px);opacity:1;}



.h-dy { background: #eef9ff; padding: 77px 0 37px 0; position: relative; }
.h-dy-content ul { font-size: 0; text-align: center; }
.h-dy-content li { width: 490px; background: #fff; text-align: left; padding: 24px; margin-right: 40px; margin-bottom: 40px; border: 1px solid #D9D9D9; box-shadow: 0 15px 30px 0 #0000000d; transform: translateY(50px); opacity: 0; -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; display: inline-block; cursor: pointer; }
.h-dy-content li:nth-child(2) { transform: translateY(70px); -webkit-transition: all 1s ease-out; transition: all 1s ease-out; }
.h-dy-content li:nth-child(3) { transform: translateY(90px); margin-right: 0; -webkit-transition: all 1.2s ease-out; transition: all 1.2s ease-out; }
.h-dy-content li:nth-child(4) { transform: translateY(110px); -webkit-transition: all 1.4s ease-out; transition: all 1.4s ease-out; }
.h-dy-content li.last { margin-right: 0; }
.h-dy-content li h3 { line-height: 38px; font-size: 24px; color: #333; font-weight: normal; text-align: left; position: relative; }
.h-dy-content li h3.kbh { display: none; }
.h-dy-content li h3 em { width: 48px; height: 2px; background: #C7000B; display: block; position: absolute; left: 0; bottom: -12px; }
.h-dy-content li span { line-height: 34px; font-size: 18px; text-align: left; margin-top: 36px; display: block; }
.h-dy-content li a { line-height: 34px; font-size: 18px; color: #C7000B; text-align: left; margin-top: 25px; display: inline-block; }
.h-dy-content a i { width: 30px; height: 30px; background: url(https://e.huawei.com/-/mediae/images/topic/storage/multi-cloud-it-architecture/img/icon-jt.png?v=202311081150) no-repeat right center; background-size: auto 6px; margin-left: 8px; display: inline-block; vertical-align: top; }

.animate-start.h-dy-content li { transform: translateY(0px) !important; opacity: 1; }


@media only screen and (max-width: 767px) {
    .w{ max-width: auto !important; }
	.h-title h2{ line-height: 38px; font-size: 26px; }
	.h-title em{ width: 48px; height: 2px; margin: 5px auto 20px auto; }
	.h-title span{line-height:26px;font-size:14px;padding:0 20px;}
	.h-title span br{ display: none; }

	/*.h-menu { text-align: left; border-radius:0; }
	.h-menu-content{ padding:0 20px; }
	.h-menu-content span{height: 68px; line-height: 68px; font-size: 16px; display: block; }
	.h-menu-content span i{ height: 68px; }
	.h-menu-content ul { font-size: 0; padding: 10px 0; display:none; }
	.h-menu-content li { height: auto; margin: 0; padding: 0; display: block; }
	.h-menu-content li>a { line-height: 68px; }
	.h-menu-content li>a em,.h-menu-content li>a:hover em { line-height: 40px; font-size: 15px; color: #666; padding: 0; border:0; }
	.h-menu-content li>a.active em{ border:0; }
	.h-menu-content>a{ padding: 14px 25px;border-radius: 42px;font-size: 16px; }
	.h-menu-content li>a.active em{ border:0; }*/

	

	.h-menu{ text-align: left; }
	.h-menu-top{ max-width:100% !important; border-radius:0; }
	.h-menu-content{ padding:0 20px; }
	.h-menu-content span{height: 70px; line-height: 70px; font-size: 16px; display: block; }
	.h-menu-content span i{ height: 70px; }
	.h-menu-content ul { font-size: 0; padding: 10px 0; display:none; }
	.h-menu-content li { height: 48px !important; margin: 0; padding: 0; display: block; }
	.h-menu-content li>a { line-height: 48px !important; }
	.h-menu-content li>a em,.h-menu-content li>a:hover em { font-size: 14px; color: #666; padding: 0; border:0; }
	.h-menu-content li>a.active em{ border:0; }
	.h-menu-content>a{ padding: 14px 25px;border-radius: 42px;font-size: 16px; transform:translateY(0); top: 10px; }
	.h-menu-middle{ width:92%; transform: translateX(-50%); left:50%; }
	.h-menu-middle .h-menu-content>a{ top: 13px; }


	.h-banner{ height: auto; }
	.h-banner-content{width:100%;}
	.h-banner-pc{ display: none; }
	.h-banner-mob{ display: block; }
	.h-banner-text-box{padding:0 20px;}
	.h-banner-text{ padding-bottom:120px; }
	.h-banner-text h1{line-height:38px;font-size:26px;}
	.h-banner-info-box{width:90%;height:auto;}
	.h-banner-info{width:100%;height:auto;padding:20px;}
	.h-banner-info p{height:auto;line-height:26px;font-size:14px;text-align: justify;}


	.h-tz{padding:40px 0;}					   
	.h-tz-info-box { margin-bottom:30px; }
	.h-tz-info p { line-height: 26px; font-size: 14px; text-align: justify; padding:0 20px; }
	.h-tz-content{margin-top:34px;}
	.h-tz-content ul{ padding: 0 20px; }
	.h-tz-content li{ float: none; width: 100%;padding: 0 16px;margin-right:0;margin-bottom:20px;}
	.h-tz-content li:nth-child(3){margin-bottom:20px;}
	.h-tz-text h3 { line-height: 34px; font-size: 18px; }
	.h-tz-text h3 em{ width: 32px; height: 2px; bottom: -6px; }
	.h-tz-text span{line-height:26px;font-size:14px;margin-top:20px;}
	.h-tz-img{ width: 42%; height: 144px; margin-left: 10px; }

	.h-jg{height: auto;padding: 50px 0;}
	.h-jg > img{width: auto;height: 100%;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%; z-index: 1; }
	.h-jg-content{width: 100%; transform:translate(0,0); position: relative; left: auto; top: auto; z-index: 2; }
	.h-jg-content .w{ width: 90%; }
	.h-jg-item img{ width: 100%; margin: 0 auto; }
	.h-jg-item p{line-height:26px;font-size:14px; padding: 0; margin-top: 20px; }


	.h-cj{ padding: 34px 0 40px 0;}
	.h-cj .h-title h3{ line-height: 34px; font-size: 18px; }
	.h-cj-content .w{ width: auto; }
	.h-cj-item-box{ margin: 0 20px; background: #fff; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.05); }
	.h-cj-item-box .h-cj-item{ box-shadow: 0 0 0 0 rgba(0,0,0,0.0);}
	.h-cj-item{ background: #fff; padding: 20px; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.05); margin:48px 20px 0 20px;display:block;transform:translateY(100px);}
	.h-cj-item-img{width: 100%;height: auto;}
	.h-cj-item-right .h-cj-item-img{ display: none; }
	.h-cj-item-right .h-cj-item-img-mob{ display: block; }
	.h-cj-item-img img{width: 100%;height: auto;}
	.h-cj-item-left .h-cj-item-img{margin-left:0;}
	.h-cj-item-right .h-cj-item-img{margin-right:0;}
	.h-cj-item-text-box{flex:none;}
	.h-cj-item-text{width:100%;transform:translate(0,0);position:relative;left:auto;top:auto;}
	.h-cj-item-left .h-cj-item-text,.h-cj-item-right .h-cj-item-text{padding:0; margin-bottom: 20px;}
	.h-cj-item-text h3{ line-height: 34px; font-size: 18px;margin-bottom:20px;}
	.h-cj-item-text h3 em{ width: 32px; height: 2px; bottom: -6px; }
	.h-cj-item-text p{line-height:26px;font-size:14px;margin-top:20px;}
	.h-cj-item-text a{ line-height: 26px; font-size: 14px; margin-top: 20px; }
	.h-cj-item-text a i{ width: 18px; height: 26px; margin-left: 4px; }


	.h-st{ padding: 34px 0 40px 0;}
	.h-st .w{transform:translateY(100px);}
	.h-st-menu{ width: 100vw; height: 44px; overflow: hidden; overflow-x: auto; margin-top: 48px; position: relative; display: none; }
	div.h-st-menu::-webkit-scrollbar {
        width: 0px;
        /*隐藏滚动条*/
        height: 0px;
        background-color: #F5F5F5;
        display: none;
    }
    /*定义滚动条轨道 内阴影+圆角*/
    div.h-st-menu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
        border-radius: 0px;
        background-color: #F5F5F5;
    }

    /*定义滑块 内阴影+圆角*/
    div.h-st-menu::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
        background-color: #555;
    }
	.h-st-menu ul{ height: 44px; margin: 0 20px; display: flex;flex-wrap: nowrap; align-content: space-between; position: absolute; left: 0; top: 0; }
	/*.h-st-menu li{ float: left; width: 47%; height: 42px; line-height: 42px;font-size: 14px; margin-right: 6%; margin-bottom: 4%; flex: none; }
	.h-st-menu li:nth-child(2n){ margin-right: 0; }*/
	.h-st-menu li{width: auto; height: 44px; line-height: 44px; font-size: 14px; margin-right: 16px; padding: 0 16px; white-space: nowrap; }
	.h-st-menu li:last-child{ margin-right: 20px; }
	.h-st-content{ height: auto; padding: 0; border: 0; margin: 0 20px; }
	.h-st-item{ width: 100%;padding: 0; margin-bottom: 20px; border: 1px solid #CBCBCB; opacity: 1; position: relative; left: auto; top: auto;}
	.h-st-item:last-child{ margin-bottom: 0; }
	.h-st-item>a{ width: 100%; height: 42px; line-height: 42px; background: #fff; border: 0; font-size: 16px; color: #000; padding: 0 20px; box-sizing: border-box; outline: none; display: block; position: relative; z-index: 2; }
	.h-st-item>a i{ width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid #aeaeae; display: block; transform: translateY(-2px); position: absolute; right: 20px; top: 50%; }
	.h-st-item-content{height: 0; overflow: hidden; display: block; }
	.h-st-item-img{ width: 100%; height: auto; overflow: hidden;opacity:1; margin-top: 0; }
	.h-st-item-text-box{ transform: translateY(0); opacity: 1;flex:none;position:relative;}
	.h-st-item-text{padding: 20px;transform:translate(0,0);position: relative; left: auto; top: auto;}
	.h-st-item-text h3{ line-height: 34px; font-size: 18px;font-weight:600;position: relative;}
	.h-st-item-text h3 em{ width: 32px; height: 2px; bottom: -6px;}
	.h-st-item-text span{line-height:26px;font-size:14px; font-weight: bold; display: block; }
	.h-st-item-text p{line-height:26px;font-size:14px; margin-top: 10px;}
	/*.h-st-item-text p.first{ margin-top: 30px;}*/
	.h-st-item-text p.pr{padding-left:28px;}

    .h-st-item.active a { background: #C7000B; color: #fff; border: 0; }
	.h-st-item.active a i{ border-top: 0; border-bottom: 8px solid #fff; transform: translateY(-4px); }
	.h-st-item.active .h-st-item-content{ height: auto;}


	.h-fx{ padding: 34px 0 40px 0;}
	.h-fx-content ul{margin: 0 20px;display:block;}
	.h-fx-content li{flex:none;margin-bottom: 30px;}
	.h-fx-content li:nth-child(2){margin:0 0 30px 0;}
	.h-fx-text{width:100%;height:auto;padding:0 20px;position:absolute;left:0;top:auto;bottom: 20px;}
	.h-fx-text h3{font-size:18px;}
	.h-fx-text p{line-height:24px;font-size:16px;margin-top:20px;}


	.h-dy{ padding: 34px 0 40px 0;}
	.h-dy-content ul{margin: 0 20px;display:block;}
	.h-dy-content li{ float: none; width: 100%;padding:20px;margin-right:0; margin-bottom: 20px;}
	.h-dy-content li:nth-child(2){margin: 0;}
	.h-dy-content li h3{ line-height: 34px;font-size:18px;}
	.h-dy-content li h3 em{ height: 2px; bottom: -6px; }
	.h-dy-content li span{line-height: 26px; font-size: 14px;margin-top:25px;}
	.h-dy-content li a{ line-height: 26px; font-size: 14px; margin-top: 10px; }
	.h-dy-content li a i{ width: 18px; height: 26px; margin-left: 4px; }


}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .w{ max-width: 688px !important; }
	.h-title h2{ line-height: 38px; font-size: 26px; }
	.h-title em{ width: 48px; height: 1px; margin: 5px auto 20px auto; }
	.h-title span{line-height:26px;font-size:14px;padding:0 10px;}
	.h-title span br{ display: none; }

	.h-menu { text-align: left; }
	.h-menu-top{ max-width:100% !important; border-radius:0; }
	.h-menu-content{ padding:0 20px; }
	.h-menu-content span{height: 70px; line-height: 70px; font-size: 16px; display: block; }
	.h-menu-content span i{ height: 70px; }
	.h-menu-content ul { font-size: 0; padding: 10px 0; display:none; }
	.h-menu-content li { height: 48px !important; margin: 0; padding: 0; display: block; }
	.h-menu-content li>a { line-height: 48px !important; }
	.h-menu-content li>a em,.h-menu-content li>a:hover em { font-size: 14px; color: #666; padding: 0; border:0; }
	.h-menu-content li>a.active em{ border:0; }
	.h-menu-content>a{ padding: 14px 25px;border-radius: 42px;font-size: 16px; transform:translateY(0); top: 10px; }
	.h-menu-middle .h-menu-content>a{ top: 13px; }

	.h-banner{ height: 360px; }
	.h-banner-content{width:100%;}
	.h-banner-pc{ display: block; }
	.h-banner-text-box{padding:0 20px;}
	.h-banner-text h1{line-height:46px;font-size:30px;}
	.h-banner-info-box{height:auto;}
	.h-banner-info{width:100%;height:auto;padding:20px;}
	.h-banner-info p{height:auto;line-height:26px;font-size:14px;text-align: justify;}


	.h-tz{padding:70px 0 40px 0;}
	.h-tz-info-box{ margin-bottom:25px; }
	.h-tz-info p { line-height: 26px; font-size: 14px; padding:0 10px; }
	.h-tz-content{margin-top:34px;}
	.h-tz-content ul{ padding: 0 20px; }
	.h-tz-content li{ float: none; width: 100%;padding: 0 16px;margin-right:0;margin-bottom:20px;}
	.h-tz-content li:nth-child(3){margin-bottom:20px;}
	.h-tz-text h3 { line-height: 34px; font-size: 18px; }
	.h-tz-text h3 em{ width: 32px; height: 2px; bottom: -6px; }
	.h-tz-text span{line-height:26px;font-size:14px;margin-top:20px;}
	.h-tz-img{ width: 42%; height: 144px; margin-left: 10px; }

	.h-jg{height: auto;padding: 50px 0;}
	.h-jg > img{width: auto;height: 100%;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%; z-index: 1; }
	.h-jg-content{width: 100%; transform:translate(0,0); position: relative; left: auto; top: auto; z-index: 2; }
	.h-jg-content .w{ width: 90%; }
	.h-jg-item img{ width: 100%; margin: 0 auto; }
	.h-jg-item p{line-height:26px;font-size:14px; padding: 0; margin-top: 20px; }


	.h-cj{ padding: 34px 0 40px 0;}
	.h-cj .h-title h3{ line-height: 34px; font-size: 18px; }
	.h-cj-content .w{ width: auto; }
	.h-cj-item-box{ margin: 0 20px; background: #fff; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.05); }
	.h-cj-item-box .h-cj-item{ box-shadow: 0 0 0 0 rgba(0,0,0,0.0);}
	.h-cj-item{ background: #fff; padding: 20px; box-shadow: 0 15px 30px 0 rgba(0,0,0,0.05); margin:25px auto 0 auto;display:block;transform:translateY(100px);}
	.h-cj-item-img{width: 100%;height: auto;}
	.h-cj-item-right .h-cj-item-img{ display: none; }
	.h-cj-item-right .h-cj-item-img-mob{ display: block; }
	.h-cj-item-img img{width: 100%;height: auto;}
	.h-cj-item-left .h-cj-item-img{margin-left:0;}
	.h-cj-item-right .h-cj-item-img{margin-right:0;}
	.h-cj-item-text-box{flex:none;}
	.h-cj-item-text{width:100%;transform:translate(0,0);position:relative;left:auto;top:auto;}
	.h-cj-item-left .h-cj-item-text,.h-cj-item-right .h-cj-item-text{padding:0; margin-bottom: 20px;}
	.h-cj-item-text h3{ line-height: 34px; font-size: 18px;margin-bottom:20px;}
	.h-cj-item-text h3 em{ width: 32px; height: 2px; bottom: -6px; }
	.h-cj-item-text p{line-height:26px;font-size:14px;margin-top:20px;}
	.h-cj-item-text a{ line-height: 26px; font-size: 14px; margin-top: 20px; }
	.h-cj-item-text a i{ width: 18px; height: 26px; margin-left: 4px; }


	.h-st{ padding: 34px 0 40px 0;}
	.h-st .w{transform:translateY(100px);}
	.h-st-menu{ width: 100vw; height: 44px; overflow: hidden; overflow-x: auto; margin-top: 48px; position: relative; display: none; }
	div.h-st-menu::-webkit-scrollbar {
        width: 0px;
        /*隐藏滚动条*/
        height: 0px;
        background-color: #F5F5F5;
        display: none;
    }
    /*定义滚动条轨道 内阴影+圆角*/
    div.h-st-menu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
        border-radius: 0px;
        background-color: #F5F5F5;
    }

    /*定义滑块 内阴影+圆角*/
    div.h-st-menu::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
        background-color: #555;
    }
	.h-st-menu ul{ height: 44px; margin: 0 20px; display: flex;flex-wrap: nowrap; align-content: space-between; position: absolute; left: 0; top: 0; }
	/*.h-st-menu li{ float: left; width: 47%; height: 42px; line-height: 42px;font-size: 14px; margin-right: 6%; margin-bottom: 4%; flex: none; }
	.h-st-menu li:nth-child(2n){ margin-right: 0; }*/
	.h-st-menu li{width: auto; height: 44px; line-height: 44px; font-size: 14px; margin-right: 16px; padding: 0 16px; white-space: nowrap; }
	.h-st-menu li:last-child{ margin-right: 20px; }
	.h-st-content{ height: auto; padding: 0; border: 0; margin: 0 20px; }
	.h-st-item{ width: 100%;padding: 0; margin-bottom: 20px; border: 1px solid #CBCBCB; opacity: 1; position: relative; left: auto; top: auto;}
	.h-st-item:last-child{ margin-bottom: 0; }
	.h-st-item>a{ width: 100%; height: 42px; line-height: 42px; background: #fff; border: 0; font-size: 16px; color: #000; padding: 0 20px; box-sizing: border-box; outline: none; display: block; position: relative; z-index: 2; }
	.h-st-item>a i{ width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid #aeaeae; display: block; transform: translateY(-2px); position: absolute; right: 20px; top: 50%; }
	.h-st-item-content{height: 0; overflow: hidden; display: block; }
	.h-st-item-img{ width: 100%; height: auto; overflow: hidden;opacity:1; margin-top: 0; }
	.h-st-item-text-box{ transform: translateY(0); opacity: 1;flex:none;position:relative;}
	.h-st-item-text{padding: 20px;transform:translate(0,0);position: relative; left: auto; top: auto;}
	.h-st-item-text h3{ line-height: 34px; font-size: 18px;font-weight:600;position: relative;}
	.h-st-item-text h3 em{ width: 32px; height: 2px; bottom: -6px;}
	.h-st-item-text span{line-height:26px;font-size:14px; font-weight: bold; display: block; }
	.h-st-item-text p{line-height:26px;font-size:14px; margin-top: 10px;}
	/*.h-st-item-text p.first{ margin-top: 30px;}*/
	.h-st-item-text p.pr{padding-left:28px;}

    .h-st-item.active a { background: #C7000B; color: #fff; border: 0; }
	.h-st-item.active a i{ border-top: 0; border-bottom: 8px solid #fff; transform: translateY(-4px); }
	.h-st-item.active .h-st-item-content{ height: auto;}


	.h-fx{ padding: 34px 0 40px 0;}
	.h-fx-content ul{margin: 0 20px;display:block;}
	.h-fx-content li{flex:none;margin-bottom: 30px;}
	.h-fx-content li:nth-child(2){margin:0 0 30px 0;}
	.h-fx-content li:last-child{margin:0;}
	.h-fx-text{width:100%;height:auto;padding:0 20px;position:absolute;left:0;top:auto;bottom: 20px;}
	.h-fx-text h3{font-size:18px;}
	.h-fx-text p{line-height:24px;font-size:16px;margin-top:20px;}


	.h-dy{ padding: 34px 0 40px 0;}
	.h-dy-content ul{margin: 0 20px;display:block;}
	.h-dy-content li{ float: none; width: 100%;padding:20px;margin-right:0; margin-bottom: 20px;}
	.h-dy-content li:nth-child(2){margin: 0;}
	.h-dy-content li h3{ line-height: 34px;font-size:18px;}
	.h-dy-content li h3 em{ height: 2px; bottom: -6px; }
	.h-dy-content li span{line-height: 26px; font-size: 14px;margin-top:25px;}
	.h-dy-content li a{ line-height: 26px; font-size: 14px; margin-top: 10px; }
	.h-dy-content li a i{ width: 18px; height: 26px; margin-left: 4px; }


}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
	.w { max-width: 944px; }
	.h-title h2 { line-height: 52px; font-size: 34px; }
	.h-title em { width: 60px; margin: 8px auto 25px auto; }
	.h-title span { line-height: 28px; font-size: 16px; }

	.h-menu { text-align: left; }
	.h-menu-top{ max-width:100% !important; border-radius:0; }
	.h-menu-content{ padding:0 20px; }
	.h-menu-content span{height: 70px; line-height: 70px; font-size: 16px; display: block; }
	.h-menu-content span i{ height: 70px; }
	.h-menu-content ul { font-size: 0; padding: 10px 0; display:none; }
	.h-menu-content li { height: 48px !important; margin: 0; padding: 0; display: block; }
	.h-menu-content li>a { line-height: 48px !important; }
	.h-menu-content li>a em,.h-menu-content li>a:hover em { font-size: 14px; color: #666; padding: 0; border:0; }
	.h-menu-content li>a.active em{ border:0; }
	.h-menu-content>a{ padding: 14px 25px;border-radius: 42px;font-size: 16px; transform:translateY(0); top: 10px; }
	.h-menu-middle .h-menu-content>a{ top: 13px; }

	.h-banner { height: 400px; }
	.h-banner-text { padding-bottom: 62px; }
	.h-banner-text h1 { line-height: 52px; font-size: 34px; }
	.h-banner-info { transform: translateY(48px); padding: 20px; }
	.h-banner-info p { line-height: 28px; font-size: 16px; }

	.h-tz { padding: 80px 0 60px 0; }
	.h-tz-info-box{ margin-bottom:40px; }
	.h-tz-info p { max-width: 720px; line-height: 28px; font-size: 16px; }
	.h-tz-content li { padding: 0 20px; }
	.h-tz-img { margin: 0; }
	.h-tz-text h3 { line-height: 34px; font-size: 20px; }
	.h-tz-text span { line-height: 28px; font-size: 16px; margin-top: 25px; }
	.h-jg{ height:780px; }
	.h-jg-item img{ width:720px; }
	.h-jg-item p{ line-height: 28px; font-size: 16px; margin-top: 25px;}
	.h-cj { padding: 40px 0; }
	.h-cj-item { margin-top: 60px; transform: translateY(120px); }
	.h-cj-item-img { width: 420px; }
	.h-cj-item-left .h-cj-item-text { padding: 0 20px 0 0; }
	.h-cj-item-right .h-cj-item-text { padding: 0 0 0 20px; }
	.h-cj-item-text h3 { line-height: 38px; font-size: 24px; margin-bottom: 16px; }
	.h-cj-item-text h3 em{ bottom:-12px; }
	.h-cj-item-text span { line-height: 28px; font-size: 16px; }
	.h-cj-item-text p { line-height: 28px; font-size: 16px; margin-top: 25px; }
	.h-cj-item-text a { line-height: 28px; font-size: 16px; margin-top: 25px; }
	.h-cj-item-text a i { width: 27px; height: 25px; margin-left: 7px; }

	.h-st{padding:40px 0;}
	.h-st-menu li{ height: 32px; line-height: 32px; font-size: 12px; margin-right: 12px; }
	.h-st-content{ height: 260px; margin-top: 25px; }
	.h-st-item{ padding: 4px;}
	.h-st-item-img{ height: 250px; }
	.h-st-item-text{padding: 0 20px;}
	.h-st-item-text p{ line-height: 26px; font-size: 14px;}
	.h-st-item.active{ opacity: 1; }
	.h-st-item.active .h-st-item-img{ opacity: 1; }
	.h-st-item.active .h-st-item-text-box{ transform: translateY(0); opacity: 1; -webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out; }


	.h-fx{padding:40px 0;}
	.h-fx-text{padding:180px 20px 0 20px;}
	.h-fx-text p{line-height:28px;font-size:16px;margin-top:16px;}


	.h-dy { padding: 40px 0; }
	.h-dy-content li { width: 452px; margin-right: 20px !important; margin-bottom: 20px; padding: 20px; }
	.h-dy-content li:nth-child(even) { margin-right: 0 !important; }
	.h-dy-content li h3 { line-height: 34px; font-size: 18px; margin-right: -10px; }
	.h-dy-content li h3 em { width: 36px; }
	.h-dy-content li h3.kbh{ display:block; }
	.h-dy-content li span { line-height: 28px; font-size: 16px; margin-top: 32px; }
	.h-dy-content li a { line-height: 28px; font-size: 16px; margin-top: 10px; }
	.h-dy-content a i { width: 27px; height: 25px; margin-left: 7px; }

}

@media only screen and (min-width:1366px) and (max-width:1919px) {
	.w { max-width: 1206px; }
	.h-title h2 { line-height: 60px; font-size: 40px; }
	.h-title em { width: 100px; margin: 20px auto 35px auto; }


	.h-menu-middle{ top:-43px; }
	.h-menu-content{ padding:0 30px; }
	.h-menu-content span{ height: 86px; line-height: 86px; }
	.h-menu-content span i{ width: 26px; height: 86px; }
	.h-menu-content li { height: 86px; margin-right: 30px; }
	.h-menu-content li>a { line-height: 86px; }
	.h-menu-content>a{ font-size: 16px; padding: 13px 30px; }


	.h-banner { height: 460px; position: relative; z-index: 2; }
	.h-banner-text { padding-bottom: 48px; }
	.h-banner-text h1 { line-height: 60px; font-size: 40px; }
	.h-banner-info { transform: translateY(48px); }
	.h-banner-info p { line-height: 28px; font-size: 16px; }

	.h-tz { padding: 108px 0 60px 0; }
	.h-tz-content li { padding: 0 20px; }
	.h-tz-img { margin: 0; }
	.h-tz-text h3 { line-height: 34px; font-size: 20px; }
	.h-tz-text span { line-height: 28px; font-size: 16px; margin-top: 35px; }
	.h-jg{ height:880px; }
	.h-jg-item p{ line-height: 28px; font-size: 16px; margin-top: 35px;}
	.h-cj { padding: 60px 0; }
	.h-cj-item { margin-top: 60px; transform: translateY(120px); }
	.h-cj-item-img { width: 580px; }
	.h-cj-item-left .h-cj-item-text { padding: 0 40px 0 0; }
	.h-cj-item-right .h-cj-item-text { padding: 0 0 0 40px; }
	.h-cj-item-text h3 { line-height: 38px; font-size: 24px; margin-bottom: 16px; }
	.h-cj-item-text span { line-height: 28px; font-size: 16px; }
	.h-cj-item-text p { line-height: 28px; font-size: 16px; margin-top: 35px; }
	.h-cj-item-text a { line-height: 28px; font-size: 16px; margin-top: 35px; }
	.h-cj-item-text a i { width: 27px; height: 25px; margin-left: 7px; }

	.h-st{padding:60px 0;}
	.h-st-menu li{ height: 48px; line-height: 48px; font-size: 16px; margin-right: 22px; }
	.h-st-content{ height: 340px; margin-top: 35px; }
	.h-st-item{ padding: 4px;}
	.h-st-item-img{ height: 330px; }
	.h-st-item-text p{ line-height: 28px; font-size: 16px;}
	.h-st-item.active{ opacity: 1; }
	.h-st-item.active .h-st-item-img{ opacity: 1; }
	.h-st-item.active .h-st-item-text-box{ transform: translateY(0); opacity: 1; -webkit-transition:all 0.8s ease-out;transition:all 0.8s ease-out; }

	.h-fx{padding:60px 0;}
	.h-fx-text{padding:280px 40px 0 40px;}
	.h-fx-text p{ line-height: 28px; font-size: 16px;}

	.h-dy { padding: 60px 0 20px 0; }
	.h-dy-content li { width: 375.3333333333333px; padding: 20px; }
	.h-dy-content li h3 { line-height: 38px; font-size: 20px; margin-right: -10px; }
	.h-dy-content li h3 em { width: 40px; }
	.h-dy-content li:nth-child(4) h3 br.pc { display: none; }
	.h-dy-content li span { line-height: 28px; font-size: 16px; margin-top: 32px; }
	.h-dy-content li a { line-height: 28px; font-size: 16px; margin-top: 20px; }
	.h-dy-content a i { width: 27px; height: 25px; margin-left: 7px; }

}