@charset "utf-8";
/*全局样式*/
body{padding: 0;margin: 0;font-family: 'Microsoft YaHei','Source Han Sans CN';font-size: 14px;line-height: initial;color: #333;}
div,img,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding: 0;margin: 0;border: 0;}
ul{list-style: none;}
a{text-decoration: none;color: #333;transition: 0.3s;}
i,em{font-style: normal;}
img{display: inline-block;max-width: 100%;height: auto;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333；}
input[type="submit"]{background-color: transparent;cursor: pointer;}
/*去掉 textarea 默认边框*/
textarea{padding: 0;border: 0;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;}
/*去掉 button 默认边框*/
button{border: 0;padding: 0;background-color: transparent;font-family: 'Microsoft YaHei';font-size: 14px;color: #333;cursor: pointer;}
/*清除浮动*/
.clearfix:after{content: '';display: table;clear: both;}
.clearfix{*zoom: 1;/*IE6识别*/}
/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #999;}
/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #009adc;border-radius: 2px;}
/*常用宽度*/
.w1500{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1500px;}
.w1400{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1400px;}
.w1300{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1300px;}
.w1280{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1280px;}
.w1200{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1200px;}
.w1100{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1100px;}
.w1000{position: relative;width: 94%;margin: 0 auto;height: 100%;max-width: 1000px;}
/*自定义select*/
.custom-select{position: relative;width: 200px;}
.custom-select .name{position: relative;height: 36px;padding: 0 30px;background-color: #fff;border: 1px solid #999;color: #333;line-height: 34px;cursor: pointer;}
.custom-select .name:after{content: "";position: absolute;right: 10px;top: 50%;width: 8px;height: 8px;border-right: 1px solid #666;border-bottom: 1px solid #666;transform: rotate(45deg) translate(-100%,-10%);}
.custom-select .list{display: none;position: absolute;left: 0;width: 100%;max-height: 150px;background-color: #fff;overflow-y: auto;}
.custom-select .list li a{display: block;padding: 10px 20px;border: 1px solid #eee;border-bottom: 0;font-size: 12px;line-height: 16px;}
.custom-select .list li a:hover{background-color: #009adc;color: #fff;}
/*按钮区通用样式*/
.btns-area{font-size: 0;text-align: center;}
.btns-area .btn{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;padding: 0 2em;margin: 0 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;font-size: 15px;line-height: 34px;color: #000;cursor: pointer;transition: 0.3s;}
.btns-area .btn img{display: inline-block;vertical-align: middle;margin: -3px 6px 0 0;}
.btns-area .btn .arrow{position: relative;display: inline-block;vertical-align: middle;width: 16px;height: 16px;margin: -.25em 0 0 6px;transition: 0.3s;}
.btns-area .btn .arrow:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: currentColor;transform: translateY(-50%);}
.btns-area .btn .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 40%;height: 40%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(0,-50%) rotate(45deg);}
.btns-area .btn:hover .arrow{transform: translateX(5px);}
/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #009adc;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #009adc!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
/*按钮背景动效2*/
.ani-btn2{z-index: 1;position: relative;overflow: hidden;}
.ani-btn2:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #009adc;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn2:hover{background-color: rgba(255,255,255,0);border-color: #009adc!important;color: #fff!important;transition: 0.5s ease-in;}
.ani-btn2:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.5s ease-in;}


/******首页******/
.header .logo a{transition: none;}
/*banner*/
.banner{position: relative;width: 100%;overflow: hidden;}
.banner *{box-sizing: border-box;-webkit-box-sizing: border-box;}
.banner .swiper-slide{height: 100vh;}
.banner .swiper-slide .w_1140{position: relative;}
.banner .swiper-slide .pic{position: relative;display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-slide .elem-wrap img{width: 100%;}
.banner .swiper-slide .pic1 .elem-wrap{position: absolute;left: 50%;top: 20%;transform: translateX(-50%);text-align: center;}
.banner .swiper-slide .pic1 .elem-wrap .elem1{display: inline-block;width: 20vw;}
.banner .swiper-slide .pic1 .elem-wrap .elem2{width: 48vw;margin: 2% auto 0;}
.banner .swiper-slide .pic1 .elem-wrap .elem3{display: inline-block;width: 9.43vw;}
.banner .swiper-slide .pic1 .elem-wrap .elem4{width: 100vw;}
.banner .swiper-slide .pic2 .elem-wrap{position: absolute;left: 50%;top: 28.70%;transform: translateX(-50%);text-align: center;}
.banner .swiper-slide .pic2 .elem-wrap .elem1{width: 42.19vw;}
.banner .swiper-slide .pic2 .elem-wrap .elem2{display: inline-block;width: 9.38vw;margin-top: 6.48%;}
.banner .swiper-slide .pic3 .elem-wrap{position: absolute;left: 18vw;top: 33.33%;}
.banner .swiper-slide .pic3 .elem-wrap .elem1{width: 33.18vw;}
.banner .swiper-slide .pic3 .elem-wrap .elem2{width: 39.64vw;margin-top: 3.70%;}
.banner .swiper-slide .pic3 .elem-wrap .elem3{width: 9.43vw;margin-top: 10.16%;}
.banner .swiper-slide .pic4 .elem-wrap{position: absolute;left: 15.63vw;top: 27.8%;}
.banner .swiper-slide .pic4 .elem-wrap .elem1{width: 43.23vw;}
.banner .swiper-slide .pic4 .elem-wrap .elem2{width: 12.08vw;margin-top: 5.56%;}
.banner .swiper-slide .pic5 .elem-wrap{position: absolute;left: 50%;top: 26.85%;transform: translateX(-50%);text-align: center;}
.banner .swiper-slide .pic5 .elem-wrap .elem1{display: inline-block;width: 23.33vw;}
.banner .swiper-slide .pic5 .elem-wrap .elem2{width: 48.70vw;margin-top: 3.24%;}
.banner .swiper-slide .pic5 .elem-wrap .elem3{display: inline-block;width: 9.43vw;margin-top: 4.63%;}
.banner .swiper-slide .pic6 .elem-wrap{position: absolute;left: 15%;top: 28%;}
.banner .swiper-slide .pic6 .elem-wrap .elem1{display: inline-block;width: 24.84vw;}
.banner .swiper-slide .pic6 .elem-wrap .elem2{width: 27.86vw;margin-top: 4.63%;}
.banner .swiper-slide .pic6 .elem-wrap .elem3{width: 39.11vw;margin-top: 4.63%;}
.banner .swiper-slide .pic6 .elem-wrap .elem4{display: inline-block;width: 9.43vw;margin-top: 6%;}
.banner .swiper-slide .pic7 .elem-wrap{position: absolute;left: 15%;top: 28%;}
.banner .swiper-slide .pic7 .elem-wrap .elem1{width: 20vw;}
.banner .swiper-slide .pic7 .elem-wrap .elem2{width: 26vw;margin-top: 7%;}
.banner .swiper-slide .pic7 .elem-wrap .elem3{width: 24vw;margin-top: 7%;}
.banner .swiper-slide .pic7 .elem-wrap .elem4{width: 27vw;margin-top: 7%;}
.banner .swiper-slide .pic7 .elem-wrap .elem5{width: 8vw;}
.banner .swiper-slide .pic8 .elem-wrap{position: absolute;left: 15%;top: 21%;}
.banner .swiper-slide .pic8 .elem-wrap .elem1,
.banner .swiper-slide .pic8 .elem-wrap .elem2,
.banner .swiper-slide .pic8 .elem-wrap .elem3,
.banner .swiper-slide .pic8 .elem-wrap .elem4,
.banner .swiper-slide .pic8 .elem-wrap .elem5{width: 35.5vw;}
.banner .swiper-slide .pic9 .elem-wrap{position: absolute;left: 15%;top: 32%;}
.banner .swiper-slide .pic9 .elem-wrap .elem1{width: 28vw;}
.banner .swiper-slide .pic9 .elem-wrap .elem2{width: 20vw;margin-top: 6%;}
.banner .swiper-slide .pic9 .elem-wrap .elem3{width: 8vw;margin-top: 10%;}
.banner .swiper-slide .pic10 .elem-wrap{position: absolute;left: 15%;top: 32%;}
.banner .swiper-slide .pic10 .elem-wrap .elem1{width: 47vw;}
.banner .swiper-slide .pic10 .elem-wrap .elem2{width: 38vw;margin-top: 3%;}
.banner .swiper-slide .pic10 .elem-wrap .elem3{width: 8vw;margin-top: 10%;}
.banner .swiper-slide .pic11 .elem-wrap{position: absolute;left: 15%;top: 32%;}
.banner .swiper-slide .pic11 .elem-wrap .elem1{width: 69vw;}
.banner .swiper-slide .pic11 .elem-wrap .elem2{width: 27vw;margin: 0 auto;margin-top: 3%;}
.banner .swiper-slide .pic11 .elem-wrap .elem3{width: 8vw;margin: 0 auto;margin-top: 8%;}
.banner .swiper-slide .pic12 .elem-wrap{position: absolute;left: 15%;top: 25%;}
.banner .swiper-slide .pic12 .elem-wrap .elem1{width: 15vw;}
.banner .swiper-slide .pic12 .elem-wrap .elem2{width: 48vw;margin-top: 6%;}
.banner .swiper-slide .pic12 .elem-wrap .elem3{width: 26vw;margin-top: 4%;}
.banner .swiper-slide .pic12 .elem-wrap .elem4{width: 10vw;margin-top: 4%;}
.banner .swiper-slide .pic13 .elem-wrap{position: absolute;left: 15%;top: 28%;}
.banner .swiper-slide .pic13 .elem-wrap .elem1{width: 25vw;}
.banner .swiper-slide .pic13 .elem-wrap .elem2{width: 43vw;margin-top: 5%;}
.banner .swiper-slide .pic13 .elem-wrap .elem3{width: 32vw;margin-top: 10%;}
.banner .swiper-slide .pic15 .elem-wrap{position: absolute;left: 0;top: 25%;}
.banner .swiper-slide .pic15 .elem-wrap .elem1{width: 46vw;}
.banner .swiper-slide .pic15 .elem-wrap .elem2{width: 8vw;margin-top: 12%;}
.banner .swiper-slide .pic16 .elem-wrap{position: absolute;left: 0;top: 25%;}
.banner .swiper-slide .pic16 .elem-wrap .elem1{width: 34vw;}
.banner .swiper-slide .pic16 .elem-wrap .elem2{width: 7vw;margin-top: 4%;}

.banner .swiper-pagination{z-index: 1;bottom: 10vh;font-size: 0;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 10px!important;background-color: transparent;border: 1px solid #fff;border-radius: 50%;opacity: .4;box-shadow: 0 0 4px #000;}
.banner .swiper-pagination-bullet-active{position: relative;background-color: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active:after{content: "";position: absolute;left: 50%;top: 50%;width: 14px;height: 14px;margin: -8px 0 0 -8px;border: 1px solid #fff;border-radius: 50%;}
.banner .btn{z-index: 3;position: absolute;top: 50%;width: 30px;height: 30px;margin-top: -15px;background: url(../images/newindex/icons_arrowLR_30_white.png) no-repeat;cursor: pointer;transition: 0.3s;}
.banner .prev-btn{left: 0;background-position: 0 0;transform: translateX(-100%);}
.banner .next-btn{right: 0;background-position: -30px 0;transform: translateX(100%);}
.banner:hover .prev-btn{transform: translateX(50%);}
.banner:hover .next-btn{transform: translateX(-50%);}

/*标题*/
.index-title{margin-bottom: 60px;font-size: 38px;line-height: 50px;text-align: center;font-weight: bold;}
.index-title .name{position: relative;display: inline-block;padding-left: 10px;font-family: 'Source Han Sans CN';font-size: 42px;font-weight: bold;}
.index-title .name .icon{position: absolute;left: 0;top: 50%;width: 16px;height: 16px;margin: -7px 0 0 -20px;}
/*更多*/
.index-more{display: inline-block;vertical-align: top;box-sizing: border-box;width: 140px;height: 50px;border: 1px solid #666;border-radius: 25px;text-align: center;line-height: 48px;color: #666;}
.index-content .btns-area{margin-top: 55px;}
.index-content .btns-area .btn{width: 170px;height: 48px;padding: 0;margin: 0;background-color: #009adc;border: 0;border-radius: 48px;font-size: 20px;text-align: center;line-height: 48px;color: #fff;}
/*布局*/
.index-content *{box-sizing: border-box;-webkit-box-sizing: border-box;}
.index-content .part1{padding: 60px 0;}
.index-content .part2{padding-top: 0;}
.index-content .part2 .index-title{padding: 0 16.66%;margin-bottom: 60px;}
.index-content .part3{padding: 60px 0;}
.index-content .part3 > .index-title{margin-bottom: 60px;}
.index-content .part3 .w1500{overflow: hidden;}
.index-content .part3 .w1500 > .con-l{float: left;width: 48.5%;}
.index-content .part3 .w1500 > .con-l .index-title{padding-left: 120px;margin-bottom: 60px;}
.index-content .part3 .w1500 > .con-r{float: right;width: 48.5%;}
.index-content .part3 .w1500 > .con-r .index-title{padding-right: 180px;margin-bottom: 60px;text-align: right;}
.index-content .part4{padding: 120px 0 10px;background: url(../images/newindex/duty_bg.jpg) center top no-repeat;background-size: 100% 61.8%;}
.index-content .part4 .content{margin-top: 10%;}
.index-content .part4 .content > .con-l{float: left;width: 49%;}
.index-content .part4 .content > .con-r{float: right;width: 50%;}

/*新闻轮播-垂直方向*/
.news-swiper-vertical{height: 30px;overflow: hidden;}
.news-swiper-vertical .swiper-slide{position: relative;display: block;padding-left: 20px;font-size: 18px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.3s;}
.news-swiper-vertical .swiper-slide:before{content: "";position: absolute;left: 0;top: 50%;width: 8px;height: 8px;margin-top: -4px;background-color: #fff;border-radius: 50%;}
.news-swiper-vertical .swiper-slide:hover{text-indent: .5em;}

/*主题栏目*/
.theme-box{font-size: 0;}
.theme-box > .item{position: relative;display: inline-block;vertical-align: top;width: 25%;font-size: 14px;overflow: hidden;}
.theme-box > .item:before{content: "";z-index: 1;position: absolute;left: 0;top: 0;width: 1px;height: 100%;background-color: rgba(255,255,255,.5);}
.theme-box > .item:after{content: "";z-index: 1;position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,.5);}
.theme-box > .item .pic{position: relative;width: 105%;padding-top: 110%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.theme-box > .item .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;}
.theme-box > .item .title{position: absolute;left: 30px;bottom: 40px;font-size: 24px;color: #fff;transition: 0.3s;}
.theme-box > .item .title img{display: block;height: 28px;}
.theme-box > .item:nth-child(1){float: left;}
.theme-box > .item:nth-child(1) .pic{padding-top: 220%;}
.theme-box > .item:nth-child(2){float: left;}
.theme-box > .item:nth-child(2) .pic{padding-top: 220%;}
.theme-box > .item:nth-child(3) .title{left: auto;bottom: auto;right: 30px;top: 40px;}
.theme-box > .item:nth-child(3) .title img{height: auto;}
.theme-box > .item:nth-child(4) .title{left: auto;right: 30px;}
.theme-box > .item:nth-child(5){width: 50%;}
.theme-box > .item:nth-child(5) .pic{padding-top: 55%;}
.theme-box > .item:nth-child(5) .title{left: auto;right: 30px;}
.theme-box > .item:nth-child(5) .news-swiper-vertical{position: absolute;left: 0;top: 46px;width: 100%;padding: 0 40px;}
.theme-box > .item:nth-child(5) .news-swiper-vertical .swiper-slide{color: #fff;}
.theme-box > .item:hover .pic{transform: translateX(-4.5%);}
.theme-box > .item:hover .pic:after{opacity: 1;}
.theme-box > .item:hover .title{transform: translateY(5px);}

.theme-box2{font-size: 0;}
.theme-box2 > .item{position: relative;display: inline-block;vertical-align: top;width: 49.1%;margin: 0 .4% 10px;font-size: 14px;overflow: hidden;}
.theme-box2 > .item .pic{position: relative;width: 105%;padding-top: 50%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.theme-box2 > .item .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;}
.theme-box2 > .item .title{position: absolute;left: 0;bottom: 30px;width: 100%;padding: 0 90px 0 40px;color: #fff;transition: 0.3s;}
.theme-box2 > .item .title .big{font-size: 28px;font-weight: bold;}
.theme-box2 > .item .title .small{margin-top: 5px;font-size: 18px;line-height: 28px;text-align: justify;opacity: .8;}
.theme-box2 > .item:nth-child(1) .pic{padding-top: 75%;}
.theme-box2 > .item:nth-child(4){margin-top: -12.25%;}
.theme-box2 > .item:nth-child(4) .pic{padding-top: 75%;}
.theme-box2 > .item:nth-child(5){width: 99.2%;}
.theme-box2 > .item:nth-child(5) .pic{padding-top: 30%;}
.theme-box2 > .item:hover .pic{transform: translateX(-4.5%);}
.theme-box2 > .item:hover .pic:after{opacity: 1;}
.theme-box2 > .item:hover .title{transform: translateY(5px);}

.theme-box3{font-size: 0;}
.theme-box3 > .item{position: relative;display: inline-block;vertical-align: top;width: 32.53%;margin: 0 .4% 10px;font-size: 14px;overflow: hidden;}
.theme-box3 > .item .pic{position: relative;width: 105%;padding-top: 62%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.theme-box3 > .item .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;}
.theme-box3 > .item .title{position: absolute;left: 0;bottom: 30px;width: 100%;padding: 0 90px 0 28px;color: #fff;transition: 0.3s;}
.theme-box3 > .item .title:after{content: "";position: absolute;right: 20px;bottom: 0;width: 20px;height: 20px;background: url(../images/icon_more_arrow_50_white.png) center no-repeat;background-size: 100% 100%;transition: 0.3s;transition-delay: 0.3s;}
.theme-box3 > .item .title .big{font-size: 30px;font-weight: bold;}
.theme-box3 > .item .title .small{margin-top: 5px;font-size: 18px;line-height: 28px;text-align: justify;opacity: .8;}
.theme-box3 > .item:nth-child(1){width: 65.86%;}
.theme-box3 > .item:nth-child(1) .pic{padding-top: 63.2%;}
.theme-box3 > .item:nth-child(2) .pic{padding-top: 128%;}
.theme-box3 > .item:hover .pic{transform: translateX(-4.5%);}
.theme-box3 > .item:hover .pic:after{opacity: 1;}
.theme-box3 > .item:hover .title{transform: translateY(5px);}
.theme-box3 > .item:hover .title:after{transform: translateX(5px);}

/*解决方案*/
.solution-box{z-index: 1;position: relative;height: 90vh;background-position: center;background-size: cover;background-repeat: no-repeat;font-size: 0;text-align: center;color: #fff;overflow: hidden;transition: 1s ease-in-out;}
.solution-box:before{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.1);transition: 0;}
.solution-box:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: 1s ease-in-out;}
.solution-box.bg-blur:after{backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}
.solution-box > .item{position: relative;display: inline-block;vertical-align: top;width: 16.66%;height: 100%;border-left: 1px solid rgba(255,255,255,.3);font-size: 14px;}
.solution-box > .item:first-child{border-left: 0;}
.solution-box > .item:before{content: "";position: absolute;left: -1px;top: -100px;width: 1px;height: 100px;background-image: linear-gradient(180deg,transparent,#fff);animation: lineMove 2s ease-in-out infinite;}
@keyframes lineMove{
	to{top: 100%;}
}
.solution-box > .item:nth-child(1):before{animation-delay: 0s;}
.solution-box > .item:nth-child(2):before{animation-delay: 0.2s;}
.solution-box > .item:nth-child(3):before{animation-delay: 0.4s;}
.solution-box > .item:nth-child(4):before{animation-delay: 0.6s;}
.solution-box > .item:nth-child(5):before{animation-delay: 0.8s;}
.solution-box > .item:nth-child(6):before{animation-delay: 1.0s;}
.solution-box > .item:after{content: "";position: absolute;left: -1px;top: 0;width: calc(100% + 1px);height: calc(100% - 280px);background-color: rgba(0,0,0,.4);transform: scaleY(0);transform-origin: top;transition: 0.5s;}
.solution-box > .item:nth-child(1):after{height: 100%;}
.solution-box > .item:nth-child(6):after{height: 100%;}
.solution-box > .item .title{z-index: 1;position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);color: #fff;}
.solution-box > .item .title .icon{display: inline-block;width: 88px;height: 88px;}
.solution-box > .item .title .name{padding: 0 1em;margin-top: 30px;font-size: 30px;user-select: none;}
.solution-box > .item.bg:after{transform: scaleY(1);}
.solution-box > .content{position: absolute;left: 16.66%;top: 100%;width: 66.66%;font-size: 14px;}
.solution-box > .content > .item{position: absolute;left: 0;top: 0;width: 100%;background-color: rgba(0,0,0,.4);transition: 0.5s;}
.solution-box > .content > .item.show{transform: translateY(-100%);}
.solution-box .cont-list{overflow: hidden;}
.solution-box .cont-list li{padding: 40px;}
.solution-box .cont-list li a{display: block;}
.solution-box .cont-list li .pic{float: left;width: 23.3%;height: 200px;overflow: hidden;transition: 0.5s;transition-delay: 0.5s;clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
.solution-box .cont-list li .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.solution-box .cont-list li .info{position: relative;margin-left: 23.3%;height: 200px;transition: 0.5s;transition-delay: 0.5s;clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
.solution-box .cont-list li .info .name{position: absolute;left: 0;right: 0;top: 50%;width: 22%;transform: translateY(-50%);padding: 0 1em;font-size: 18px;text-align: left;color: #fff;}
.solution-box .cont-list li .info .txt{height: 120px;margin-left: 22%;text-align: justify;font-size: 16px;line-height: 40px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.solution-box .cont-list li .info .more{z-index: 1;position: absolute;right: 0;bottom: 0;padding: 0 4em 0 2em;border: 1px solid #fff;font-size: 16px;line-height: 48px;color: #fff;overflow: hidden;}
.solution-box .cont-list li .info .more:before{content: "";position: absolute;right: 2.5em;top: 50%;width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg) translate(0,-70%);}
.solution-box .cont-list li .info .more:after{content: "";z-index: -1;position: absolute;left: -10%;top: 100%;width: 100px;height: 100px;background-color: #009adc;border-radius: 50%;transform: scale(0);transition: 1s;}
.solution-box .cont-list li .info .more:hover:after{transform: scale(3.5);}
.solution-box .cont-list li:hover .pic em{transform: scale(1.05);}
.solution-box > .content > .item.show .cont-list li .pic{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.solution-box > .content > .item.show .cont-list li .info{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}

.solution-box .cont-list.style2{font-size: 0;text-align: center;}
.solution-box .cont-list.style2 li{display: inline-block;vertical-align: top;width: 35%;padding: 40px 20px;font-size: 14px;}
.solution-box .cont-list.style2 li .pic{float: none;width: 60%;height: 160px;margin: 0 auto;}
.solution-box .cont-list.style2 li .info{margin-left: 0;height: 40px;padding-top: 10px;}
.solution-box .cont-list.style2 li .info .name{position: static;width: 100%;text-align: center;transform: translateY(0);}

.solution-box .cont-list-swiper{position: relative;margin: 40px 0;overflow: hidden;}
.solution-box .cont-list-swiper .swiper-slide{padding: 0 20px;}
.solution-box .cont-list-swiper .swiper-slide a{display: block;transition: 0.5s;transition-delay: 0.5s;clip-path: polygon(0 0,0 0,0 100%,0 100%);-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
.solution-box .cont-list-swiper .swiper-slide .pic{height: 160px;overflow: hidden;transition: 0.5s;transition-delay: 0.5s;}
.solution-box .cont-list-swiper .swiper-slide .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.solution-box .cont-list-swiper .swiper-slide .info{height: 40px;padding-top: 10px;transition: 0.5s;transition-delay: 0.5s;}
.solution-box .cont-list-swiper .swiper-slide .info .name{padding: 0 1em;font-size: 18px;color: #fff;}
.solution-box .cont-list-swiper .swiper-slide:hover .pic em{transform: scale(1.05);}
.solution-box .cont-list-swiper .btn{z-index: 1;position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -30px;border: 2px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.5));}
.solution-box .cont-list-swiper .btn:after{content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-top: 2px solid #fff;}
.solution-box .cont-list-swiper .prev-btn{left: 0;transform: translateX(-100%);}
.solution-box .cont-list-swiper .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.solution-box .cont-list-swiper .next-btn{right: 0;transform: translateX(100%);}
.solution-box .cont-list-swiper .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.solution-box .cont-list-swiper .btn:hover{background-color: #009adc;border-color: #009adc;}
.solution-box .cont-list-swiper:hover .prev-btn{transform: translateX(20%);}
.solution-box .cont-list-swiper:hover .next-btn{transform: translateX(-20%);}
.solution-box > .content > .item.show .cont-list-swiper .swiper-slide a{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}

/*内容从左至右剪裁显示动效*/
.showingLTR{animation: clipLTR 0.8s ease-in-out;-webkit-animation: clipLTR 0.8s ease-in-out;}
@keyframes clipLTR{
	0%{clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipLTR{
	0%{-webkit-clip-path: polygon(0 0,0 0,0 100%,0 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
/*内容从右至左剪裁显示动效*/
.showingRTL{animation: clipRTL 0.8s ease-in-out;-webkit-animation: clipRTL 0.8s ease-in-out;}
@keyframes clipRTL{
	0%{clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
@-webkit-keyframes clipRTL{
	0%{-webkit-clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%);}
	100%{-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}
/*内容先从上至下剪裁1px，再从左至右剪裁显示动效*/
.showingTTBLTR{animation: clipTTBLTR 1.2s ease-in-out;-webkit-animation: clipTTBLTR 1.2s ease-in-out;}
@keyframes clipTTBLTR{
	0%{clip-path: polygon(0 0,1px 0,1px 0,0 0);}
	50%{clip-path: polygon(0 0,1px 0,1px 100%,0 100%);}
	100%{clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
}

/*解决方案(手机端)*/
.solution-box-phone{display: none;position: relative;padding: 10px 0 20px;overflow: hidden;}
.solution-box-phone .swiper-slide{z-index: 1;position: relative;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.solution-box-phone .swiper-slide:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.2);}
.solution-box-phone .swiper-slide .title{position: absolute;left: 0;top: 50%;width: 100%;text-align: center;color: #fff;transform: translateY(-50%);}
.solution-box-phone .swiper-slide .title .icon{display: inline-block;width: 80px;height: 80px;}
.solution-box-phone .swiper-slide .title .name{padding: 0 1em;margin-top: 15px;font-size: 22px;font-weight: bold;}
.solution-box-phone .swiper-pagination{z-index: 1;bottom: 0;font-size: 0;}
.solution-box-phone .swiper-pagination-bullet-active{background-color: #009adc;}
.solution-box-phone .btn{display: none;z-index: 1;position: absolute;top: 50%;width: 20px;height: 20px;margin-top: -15px;background: url(../images/newindex/icons_arrowLR_30_white.png) no-repeat;background-size: 40px auto;cursor: pointer;}
.solution-box-phone .prev-btn{left: 5px;background-position: 0 0;}
.solution-box-phone .next-btn{right: 5px;background-position: -20px 0;}

/*最新资讯列表*/
.latest-news-list{}
.latest-news-list li{padding: 25px 0;border-bottom: 1px solid #e5e5e5;}
.latest-news-list li:first-child{padding-top: 0;}
.latest-news-list li a{display: block;overflow: hidden;}
.latest-news-list li .pic{float: left;width: 120px;overflow: hidden;}
.latest-news-list li .pic em{display: block;padding-top: 75%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.3s;}
.latest-news-list li .info{margin-left: 140px;}
.latest-news-list li .info .tit{max-height: 60px;font-size: 18px;line-height: 30px;overflow: hidden;transition: 0.3s;}
.latest-news-list li .info .date{margin-top: 10px;font-size: 12px;line-height: 20px;color: #aaa;}
.latest-news-list li:hover .pic em{transform: scale(1.05);}
.latest-news-list li:hover .info .tit{color: #009adc;}

/*专题报道列表*/
.special-report-list{}
.special-report-list li{float: left;width: 49%;margin-left: 2%;transition: 0.3s;}
.special-report-list li:first-child{margin-left: 0;}
.special-report-list li a{display: block;}
.special-report-list li .pic{position: relative;overflow: hidden;}
.special-report-list li .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;}
.special-report-list li .pic em{display: block;width: 105%;padding-top: 62%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.special-report-list li .info{padding: 35px 45px 50px;background-color: #f5f5f5;}
.special-report-list li .info .tit{height: 40px;margin-bottom: 15px;font-size: 24px;line-height: 40px;overflow: hidden;transition: 0.3s;}
.special-report-list li .info .txt{height: 90px;font-size: 16px;line-height: 30px;overflow: hidden;}
.special-report-list li .info .more{display: inline-block;margin-top: 30px;font-size: 0;filter: grayscale(1);opacity: .5;transition: 0.3s;}
.special-report-list li .info .more img{width: 46px;height: 46px;}
.special-report-list li:hover{box-shadow: 4px 4px 10px rgba(0,0,0,.2);}
.special-report-list li:hover .pic:after{opacity: 1;}
.special-report-list li:hover .pic em{transform: translateX(-4.5%);}
.special-report-list li:hover .info .tit{color: #009adc;}
.special-report-list li:hover .info .more{filter: grayscale(0);opacity: 1;transform: translateY(-5px);}

/*关于我们信息数字展示*/
.about-info-show{display: flex;justify-content: center;}
.about-info-show > .item{flex: 1;border-left: 1px solid rgba(255,255,255,.5);font-size: 14px;text-align: center;color: #fff;}
.about-info-show > .item:first-child{border-left: 0;}
.about-info-show > .item .num{height: 80px;font-size: 60px;line-height: 80px;font-weight: bold;}
.about-info-show > .item .num em{font-size: 36px;font-weight: normal;}
.about-info-show > .item .txt{padding: 0 1em;margin-top: 20px;font-size: 18px;line-height: 30px;}

/*视频区*/
.video-box{position: relative;height: 312px;font-size: 0;background-position: center;background-size: cover;background-repeat: no-repeat;cursor: pointer;}
.video-box .play-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;display: flex;justify-content: center;align-items: center;font-size: 40px;line-height: 1;font-weight: bold;text-transform: capitalize;white-space: nowrap;color: #fff;}
.video-box .play-btn img{width: 60px;height: 60px;margin-right: .5em;}
.popup-video{display: none;z-index: 11;position: fixed;left: 50%;top: 50%;width: 90%;max-width: 800px;transform: translate(-50%,-50%);}
.popup-video .close-btn{z-index: 1;position: absolute;right: 0;top: 0;width: 40px;height: 40px;background-color: #009adc;font-size: 40px;text-align: center;line-height: 32px;color: #fff;cursor: pointer;}
.popup-video video{width: 100%;}
.video-js{position: static;width: 100%;height: auto;padding-top: 56.3%;}
.video-js .vjs-big-play-button{display: none;}

/*社会责任*/
.duty-box{position: relative;top: -90px;display: block;padding-top: 90px;}
.duty-box .info{height: 312px;padding: 70px 50px 0;background-color: #f5f5f5;}
.duty-box .info .tit{font-size: 30px;font-weight: bold;transition: 0.3s;}
.duty-box .info .txt{max-height: 90px;margin-top: 30px;font-size: 16px;line-height: 30px;color: #666;overflow: hidden;}
.duty-box .pic{position: absolute;right: 0;top: 0;width: 58%;overflow: hidden;}
.duty-box .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;}
.duty-box .pic em{display: block;width: 105%;padding-top: 44%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.5s;}
.duty-box .more{z-index: 1;position: absolute;right: 40px;bottom: 30px;box-sizing: border-box;width: 140px;height: 50px;border: 1px solid #666;border-radius: 25px;text-align: center;line-height: 48px;color: #666;}
.duty-box:hover .info .tit{color: #009adc;}
.duty-box:hover .pic:after{opacity: 1;}
.duty-box:hover .pic em{transform: translateX(-4.5%);}

/*footer*/
.footer{}
.footer .top{padding: 60px 0;background-color: #f5f5f5;}
.footer .bot{padding: 30px 0;background-color: #222;}
.footer .row{position: relative;padding: 20px 0;background-color: #57a3d9;}
.footer .row:after{content: "";position: absolute;left: 25%;top: 0;width: 550px;height: 94px;background: url(../images/newindex/footer_line_element.png) center no-repeat;background-size: 100% 100%；}
/*底部导航*/
.bottom-nav-wrap{}
.bottom-nav-wrap .nav-1st{overflow: hidden;}
.bottom-nav-wrap .nav-1st > li{position: relative;float: left;min-height: 310px;padding: 0 38px;border-left: 1px solid #ddd;}
.bottom-nav-wrap .nav-1st > li:nth-child(1):before{animation-delay: 0s;}
.bottom-nav-wrap .nav-1st > li:nth-child(2):before{animation-delay: 0.2s;}
.bottom-nav-wrap .nav-1st > li:nth-child(3):before{animation-delay: 0.4s;}
.bottom-nav-wrap .nav-1st > li:nth-child(4):before{animation-delay: 0.6s;}
.bottom-nav-wrap .nav-1st > li:nth-child(5):before{animation-delay: 0.8s;}
.bottom-nav-wrap .nav-1st > li:nth-child(6):before{animation-delay: 1.0s;}
.bottom-nav-wrap .nav-1st > li:nth-child(7):before{animation-delay: 1.2s;}
.bottom-nav-wrap .nav-1st > li:first-child{padding-left: 0;border-left: 0;}
.bottom-nav-wrap .nav-1st > li:last-child{padding-right: 0;}
.bottom-nav-wrap .nav-1st > li > a{display: block;margin-bottom: 10px;font-size: 20px;line-height: 30px;font-weight: bold;}
.bottom-nav-wrap .nav-1st > li > a:hover{color: #009adc;}
.bottom-nav-wrap .nav-2nd{}
.bottom-nav-wrap .nav-2nd > li{}
.bottom-nav-wrap .nav-2nd > li > a{display: block;font-size: 15px;line-height: 30px;color: #555;}
.bottom-nav-wrap .nav-2nd > li > a:hover{color: #009adc;}
/*版权*/
.footer .cr{float: left;max-width: 50%;line-height: 20px;color: #ccc;}
.footer .cr p{margin-bottom: 20px;}
.footer .cr a{color: #ccc;}
.footer .cr .icon{vertical-align: middle;margin: -4px 4px 0 0;}
.footer .cr a:hover{color: #009adc;}
/*其他链接*/
.footer .other-links{float: left;margin: 5px 0 0 40px;font-size: 0;}
.footer .other-links a{display: inline-block;padding: 0 10px;border-left: 1px solid #ccc;font-size: 14px;line-height: 10px;color: #ccc;}
.footer .other-links a:first-child{padding-left: 0;border-left: 0;}
.footer .other-links a:hover{color: #009adc;}
.footer .row .other-links{position: absolute;right: 120px;top: 50%;height: 20px;margin: 0;transform: translateY(-50%);}
.footer .row .other-links a{position: relative;padding: 0;line-height: 20px;color: #fff;}
.footer .row .other-links a:after{content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 1px;background-color: #fff;transform: scaleX(0);transition: 0.3s;}
.footer .row .other-links a:hover:after{transform: scaleX(1);}
/*友情链接*/
.footer .friend-links{position: absolute;right: 0;top: 0;width: 250px;}
.footer .friend-links .name{height: 40px;border: 0;border-radius: 20px;line-height: 40px;color: #666;}
.footer .friend-links .list{bottom: 40px;border-bottom: 1px solid #eee;}
.footer .friend-links .list li a{border-top: 0;border-color: #eee;color: #666;}
.footer .friend-links .list li a:hover{background-color: #eee;color: #009adc;}
/*底部logo*/
.footer .bottom-logo{float: left;}
.footer .bottom-logo img{display: block;width: 140px;}
/*分享区*/
.footer .share-wrap{position: absolute;right: 0;top: 50%;font-size: 0;transform: translateY(-50%);}
.footer .share-wrap:before{content: "关注我们";position: absolute;left: -3.5em;top: 50%;transform: translateY(-50%);font-size: 14px;line-height: 20px;color: #fff;}
.footer .share-wrap > .item{display: inline-block;margin-left: 20px;cursor: pointer;}
.footer .share-wrap > .item .icon{width: 24px;height: 24px;}
/*微信二维码*/
.footer .weixin-btn{position: relative;}
.footer .weixin-btn .hidden-wrap{position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%) scale(0);transform-origin: bottom;transition: 0.3s;}
.footer .weixin-btn .hidden-wrap img{max-width: none;width: 100px;height: 100px;}
.footer .share-wrap:hover .weixin-btn .hidden-wrap{transform: translateX(-50%) scale(1);}

/*返回顶部*/
.back-top{display: none;z-index: 1;position: fixed;right: 0;bottom: 0;width: 50px;height: 50px;background-color: #ddd;border-radius: 4px;cursor: pointer;transition: 0.3s;}
.back-top .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40px;height: 40px;margin: auto;}
.back-top:hover{background-color: #009adc;}

/*2021.6.17首页内容改版*/
/*主要板块区*/
.main-item-box{font-size: 0;}
.main-item-box *{box-sizing: border-box;}
.main-item-box .item{position: relative;display: inline-block;vertical-align: top;width: 50%;border-bottom: 10px solid transparent;border-left: 10px solid transparent;font-size: 18px;}
.main-item-box .item .pic{position: relative;border-radius: 4px;overflow: hidden;}
.main-item-box .item .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;}
.main-item-box .item .pic em{display: block;width: 105%;padding-top: 44%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.main-item-box .item .info{position: absolute;left: 0;right: 0;bottom: 0;padding: 30px 25% 30px 40px;background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.5));border-radius: 0 0 4px 4px;color: #fff;}
.main-item-box .item .info .tit{font-size: 28px;line-height: 40px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-item-box .item .info .txt{margin-top: 5px;line-height: 30px;}
.main-item-box .item .info .arrow{position: absolute;right: 40px;bottom: 30px;width: 30px;height: 16px;transition: 0.3s;}
.main-item-box .item .info .arrow:before{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: currentColor;transform: translateY(-50%);}
.main-item-box .item .info .arrow:after{content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(50%,-50%) rotate(45deg);}
.main-item-box .item:nth-child(1){width: 100%;}
.main-item-box .item:nth-child(1) .pic em{padding-top: 28%;}
.main-item-box .item:nth-child(2) .pic em{padding-top: 73%;}
.main-item-box .item:nth-child(5){position: absolute;bottom: 0;}
.main-item-box .item:nth-child(5) .pic em{padding-top: 73%;}
.main-item-box .item:hover .pic:after{opacity: 1;}
.main-item-box .item:hover .pic em{transform: translate(-4.5%);}
.main-item-box .item:hover .arrow{transform: translateX(10px);transition-delay: 0.3s;}

/*预制棒区*/
.yzb-box{padding: 6% 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.yzb-box .info{margin-left: 50%;}
.yzb-box .info .tit{font-size: 28px;color: #666;}
.yzb-box .info .txt{margin: 10% 0;font-size: 32px;line-height: 50px;text-align: justify;}

/*活动区*/
.activity-box{display: flex;justify-content: space-between;}
.activity-box .item{position: relative;display: block;width: 32.4%;background-color: #ebebeb;}
.activity-box .item .pic{position: relative;border-radius: 4px;overflow: hidden;}
.activity-box .item .pic:after{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 0.5s;}
.activity-box .item .pic em{display: block;width: 105%;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.activity-box .item .tag{position: absolute;left: 15px;top: 15px;padding: 0 1.2em;background-color: #009adc;border-radius: 4px;font-size: 12px;line-height: 26px;color: #fff;}
.activity-box .item .label{position: absolute;right: 15px;top: 15px;font-size: 22px;line-height: 26px;font-weight: bold;color: #fff;text-shadow: 0 0 4px rgba(0,0,0,.2);}
.activity-box .item .info{position: relative;box-sizing: border-box;height: 120px;padding: 15px 20px 0;}
.activity-box .item .info .tit{min-height: 48px;font-size: 20px;line-height: 24px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.activity-box .item .info .txt{margin-top: 10px;font-size: 14px;line-height: 20px;color: #999;}
.activity-box .item .info .txt span{margin-left: 15px;}
.activity-box .item .info .txt span:first-child{margin-left: 0;}
.activity-box .item .info .txt span .icon{display: inline-block;vertical-align: middle;width: 20px;height: 20px;margin: -.2em 4px 0 0;opacity: .5;}
.activity-box .item .info .more{position: absolute;right: 20px;bottom: 10px;padding-right: 35px;color: #009adc;transition: 0.3s;}
.activity-box .item .info .more .arrow{position: absolute;right: 0;top: 50%;width: 30px;height: 16px;margin-top: -8px;transition: 0.3s;}
.activity-box .item .info .more .arrow:before{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: #999;transform: translateY(-50%);}
.activity-box .item .info .more .arrow:after{content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-top: 1px solid #999;border-right: 1px solid #999;transform: translate(50%,-50%) rotate(45deg);}
.activity-box .item:hover .pic:after{opacity: 1;}
.activity-box .item:hover .pic em{transform: translateX(-4.5%);}
.activity-box .item:hover .info .more{transform: translateX(10px);}

/*首页新闻列表*/
.index-news-list{margin-top: 60px;}
.index-news-list li{padding: 40px 0;border-top: 1px solid #e6e6e6;}
.index-news-list li a{display: flex;justify-content: space-between;}
.index-news-list li a > .con-l{position: relative;flex: 0 0 330px;}
.index-news-list li a > .con-m{position: relative;flex: 0 1 54%;box-sizing: border-box;padding: 0 30px 0 50px;}
.index-news-list li a > .con-r{flex: 0 0 220px;}
.index-news-list li .tit{max-height: 70px;font-size: 22px;line-height: 35px;text-align: justify;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s;}
.index-news-list li .txt{height: 90px;font-size: 16px;line-height: 30px;text-align: justify;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index-news-list li .date{position: absolute;left: 0;right: 0;bottom: 0;font-size: 16px;line-height: 20px;color: #999;}
.index-news-list li .more{position: absolute;left: 50px;bottom: 0;padding-right: 35px;line-height: 20px;color: #009adc;transition: 0.3s;}
.index-news-list li .more .arrow{position: absolute;right: 0;top: 50%;width: 30px;height: 16px;margin-top: -8px;transition: 0.3s;}
.index-news-list li .more .arrow:before{content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: #999;transform: translateY(-50%);}
.index-news-list li .more .arrow:after{content: '';position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-top: 1px solid #999;border-right: 1px solid #999;transform: translate(50%,-50%) rotate(45deg);}
.index-news-list li .pic{position: relative;border-radius: 4px;overflow: hidden;}
.index-news-list li .pic:after{content: "";position: absolute;left: 0;right: 0;top: 70%;bottom: 0;background-image: linear-gradient(180deg,transparent,rgba(0,154,220,.8));}
.index-news-list li .pic em{display: block;width: 105%;padding-top: 69%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.index-news-list li a:hover .tit{color: #009adc;}
.index-news-list li a:hover .pic em{transform: translateX(-4.5%);}
/*2021.6.17首页内容改版 end*/


/*中屏PC:<=1400px*/
@media screen and (max-width: 1400px){
	/*常用宽度*/
	.w1500{max-width: 1100px;}
	.w1280{max-width: 1100px;}

	/*header*/
	.header .w1280{max-width: 900px;}

	/*标题*/
	.index-title .name{font-size: 28px;}
	/*布局*/
	.index-content .part1{padding: 40px;}
	.index-content .part2 .index-title{margin-bottom: 30px;}
	.index-content .part3{padding: 40px 0;}
	.index-content .part3 > .index-title{margin-bottom: 30px;}
	.index-content .part3 .w1500 > .con-l .index-title{margin-bottom: 30px;}
	.index-content .part3 .w1500 > .con-r .index-title{padding-right: 130px;margin-bottom: 30px;}
	.index-content .part4{padding: 40px 0 0;background-size: 100% 48%;}

	/*新闻轮播-垂直方向*/
	.news-swiper-vertical .swiper-slide{font-size: 16px;}

	/*主题栏目*/
	.theme-box > .item .title{bottom: 30px;font-size: 20px;}
	.theme-box > .item .title img{height: 20px;}
	.theme-box > .item:nth-child(3) .title{top: 30px;}
	.theme-box > .item:nth-child(3) .title img{height: 50px;}
	.theme-box > .item:nth-child(5) .news-swiper-vertical{top: 30px;padding: 0 30px;}

	.theme-box2 > .item .title{bottom: 30px;padding: 0 60px 0 30px;}
	.theme-box2 > .item .title .big{font-size: 24px;}
	.theme-box2 > .item .title .small{margin-top: 8px;font-size: 16px;line-height: 24px;}

	.theme-box3 > .item .title{bottom: 30px;padding: 0 60px 0 30px;}
	.theme-box3 > .item .title .big{font-size: 24px;}
	.theme-box3 > .item .title .small{margin-top: 8px;font-size: 16px;line-height: 24px}

	/*解决方案*/
	.solution-box > .item:after{height: calc(100% - 180px);}
	.solution-box > .item .title .icon{width: 60px;height: 60px;}
	.solution-box > .item .title .name{margin-top: 15px;font-size: 20px;}
	.solution-box .cont-list li{padding: 30px;}
	.solution-box .cont-list li .pic{height: 120px;}
	.solution-box .cont-list li .info{height: 120px;}
	.solution-box .cont-list li .info .name{padding: 0 .5em;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.solution-box .cont-list li .info .txt{height: 84px;font-size: 13px;line-height: 26px;}
	.solution-box .cont-list li .info .more{padding: 0 2em;font-size: 14px;line-height: 28px;}
	.solution-box .cont-list li .info .more:before{display: none;}
	.solution-box .cont-list.style2 li{padding: 20px;}
	.solution-box .cont-list.style2 li .pic{height: 100px;}
	.solution-box .cont-list-swiper{margin: 20px 0;}
	.solution-box .cont-list-swiper .swiper-slide .pic{height: 100px;}
	.solution-box .cont-list-swiper .swiper-slide .info .name{padding: 0 .5em;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

	/*最新资讯列表*/
	.latest-news-list li{padding: 15px 0;}
	.latest-news-list li .info .tit{max-height: 52px;font-size: 16px;line-height: 26px;}

	/*专题报道列表*/
	.special-report-list li .info{padding: 30px 30px 50px;}
	.special-report-list li .info .tit{font-size: 22px;}
	.special-report-list li .info .txt{font-size: 15px;}
	.special-report-list li .info .more{margin-top: 20px;}
	.special-report-list li .info .more img{width: 40px;height: 40px;}

	/*关于我们信息数字展示*/
	.about-info-show > .item .num{font-size: 50px;}
	.about-info-show > .item .num em{font-size: 28px;}
	.about-info-show > .item .txt{margin-top: 15px;font-size: 16px;}

	/*社会责任*/
	.duty-box .info .tit{font-size: 26px;}

	/*footer*/
	.footer .top{padding: 40px 0;}
	/*底部导航*/
	.bottom-nav-wrap .nav-1st > li{padding: 0 25px;}
	/*版权*/
	.footer .cr{}
	/*20201109*/
	.banner .swiper-slide .pic8 .elem-wrap{top:28%}
	.banner .swiper-slide .pic8 .elem-wrap .elem1,
	.banner .swiper-slide .pic8 .elem-wrap .elem2,
	.banner .swiper-slide .pic8 .elem-wrap .elem3,
	.banner .swiper-slide .pic8 .elem-wrap .elem4,
	.banner .swiper-slide .pic8 .elem-wrap .elem5{width: 30.5vw;}
}

/*小屏PC:>=1025px && <=1200px*/
@media screen and (max-width: 1200px){
	/*footer*/
	/*底部导航*/
	.bottom-nav-wrap .nav-1st > li{padding: 0 15px;}
}

/*pad横屏:>=769px && <=1024px*/
@media screen and (max-width: 1024px){
	
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/*banner*/
	.banner{margin-top: 70px;}
	.banner .swiper-slide{height: auto;}
	.banner .swiper-slide .w_1140{position: static;}
	.banner .swiper-slide .pic{height: auto;padding-top: 60%;}
	.banner .swiper-slide .pic1 .elem-wrap{top: 12%;}
	.banner .swiper-slide .pic1 .elem-wrap .elem1{width: 40vw;}
	.banner .swiper-slide .pic1 .elem-wrap .elem2{width: 80vw;margin-top: 2%;}
	.banner .swiper-slide .pic1 .elem-wrap .elem3{width: 20vw;margin-top: 2%;}
	.banner .swiper-slide .pic2 .elem-wrap{top: 25%;}
	.banner .swiper-slide .pic2 .elem-wrap .elem1{width: 70vw;}
	.banner .swiper-slide .pic2 .elem-wrap .elem2{width: 20vw;margin-top: 5%;}
	.banner .swiper-slide .pic3 .elem-wrap{left: 5vw;top: 30%;}
	.banner .swiper-slide .pic3 .elem-wrap .elem1{width: 60vw;}
	.banner .swiper-slide .pic3 .elem-wrap .elem2{width: 60vw;margin-top: 3%;}
	.banner .swiper-slide .pic3 .elem-wrap .elem3{width: 20vw;margin-top: 3%;}
	.banner .swiper-slide .pic4 .elem-wrap{left: 5vw;top: 25%;}
	.banner .swiper-slide .pic4 .elem-wrap .elem1{width: 70vw;}
	.banner .swiper-slide .pic4 .elem-wrap .elem2{width: 19.56vw;margin-top: 3%;}
	.banner .swiper-slide .pic5 .elem-wrap{top: 24%;}
	.banner .swiper-slide .pic5 .elem-wrap .elem1{width: 50vw;}
	.banner .swiper-slide .pic5 .elem-wrap .elem2{width: 80vw;margin-top: 5%;}
	.banner .swiper-slide .pic5 .elem-wrap .elem3{width: 20vw;margin-top: 5%;}
	.banner .swiper-slide .pic6 .elem-wrap{top: 8%;}
	.banner .swiper-slide .pic6 .elem-wrap .elem1{width: 50vw;}
	.banner .swiper-slide .pic6 .elem-wrap .elem2{width: 50vw;margin-top: 5%;}
	.banner .swiper-slide .pic6 .elem-wrap .elem3{width: 50vw;margin-top: 5%;}
	.banner .swiper-slide .pic6 .elem-wrap .elem4{width: 16vw;margin-top: 5%;}
	.banner .swiper-slide .pic7 .elem-wrap{left: 5%;top: 8%;}
	.banner .swiper-slide .pic7 .elem-wrap .elem1{width: 30vw;}
	.banner .swiper-slide .pic7 .elem-wrap .elem2{width: 45vw;margin-top: 5%;}
	.banner .swiper-slide .pic7 .elem-wrap .elem3{width: 45vw;margin-top: 5%;}
	.banner .swiper-slide .pic7 .elem-wrap .elem4{width: 45vw;margin-top: 5%;}
	.banner .swiper-slide .pic7 .elem-wrap .elem5{position: relative;top: -3px;width: 12vw}
	.banner .swiper-slide .pic9 .elem-wrap{left: 10%;top: 24%;}
	.banner .swiper-slide .pic9 .elem-wrap .elem1{width: 50vw;}
	.banner .swiper-slide .pic9 .elem-wrap .elem2{width: 40vw;margin-top: 8%;}
	.banner .swiper-slide .pic9 .elem-wrap .elem3{width: 20vw;margin-top: 10%;}
	.banner .swiper-slide .pic10 .elem-wrap{left: 10%;top: 24%;}
	.banner .swiper-slide .pic10 .elem-wrap .elem1{width: 80vw;}
	.banner .swiper-slide .pic10 .elem-wrap .elem2{width: 70vw;margin-top: 5%;}
	.banner .swiper-slide .pic10 .elem-wrap .elem3{width: 20vw;margin-top: 6%;}
	.banner .swiper-slide .pic11 .elem-wrap{left: 10%;top: 24%;}
	.banner .swiper-slide .pic11 .elem-wrap .elem1{width: 80vw;}
	.banner .swiper-slide .pic11 .elem-wrap .elem2{width: 70vw;margin-top: 5%;}
	.banner .swiper-slide .pic11 .elem-wrap .elem3{width: 20vw;margin-top: 6%;}
	.banner .swiper-slide .pic12 .elem-wrap{left: 10%;top: 10%;}
	.banner .swiper-slide .pic12 .elem-wrap .elem1{width: 20vw;}
	.banner .swiper-slide .pic12 .elem-wrap .elem2{width: 65vw;}
	.banner .swiper-slide .pic12 .elem-wrap .elem3{width: 40vw;margin-top: 5%;}
	.banner .swiper-slide .pic12 .elem-wrap .elem4{width: 15vw;margin-top: 5%;}
	.banner .swiper-slide .pic13 .elem-wrap{left: 10%;top: 10%;}
	.banner .swiper-slide .pic13 .elem-wrap .elem1{width: 40vw;}
	.banner .swiper-slide .pic13 .elem-wrap .elem2{width: 70vw;margin-top: 5%;}
	.banner .swiper-slide .pic13 .elem-wrap .elem3{width: 60vw;margin-top: 5%;}
	.banner .swiper-slide .pic15 .elem-wrap{left: 10%;top: 10%;}
	.banner .swiper-slide .pic15 .elem-wrap .elem1{width: 80vw;}
	.banner .swiper-slide .pic15 .elem-wrap .elem2{width: 24vw;margin-top: 8%;}
	.banner .swiper-slide .pic16 .elem-wrap{left: 10%;top: 10%;}
	.banner .swiper-slide .pic16 .elem-wrap .elem1{width: 80vw;}
	.banner .swiper-slide .pic16 .elem-wrap .elem2{width: 24vw;margin-top: 8%;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination-bullet{margin: 0 5px!important;}
	.banner .btn{display: none;}

	/*标题*/
	.index-title{margin-bottom: 20px;font-size: 20px;line-height: 30px;}
	/*更多*/
	.index-more{width: 100px;height: 32px;border-radius: 16px;font-size: 13px;line-height: 30px;}
	.index-content .btns-area{margin-top: 20px;}
	.index-content .btns-area .btn{width: 100px;height: 32px;border-radius: 16px;font-size: 13px;line-height: 32px;}
	/*布局*/
	.index-content .part1{padding: 30px 0 20px;}
	.index-content .part2 .index-title{padding: 0 3%;margin-bottom: 0;}
	.index-content .part3{padding: 20px 0;}
	.index-content .part3 > .index-title{margin-bottom: 10px;}
	.index-content .part3 .w1500 > .con-l{float: none;width: 100%;}
	.index-content .part3 .w1500 > .con-l .index-title{padding-left: 0;margin-bottom: 10px;}
	.index-content .part3 .w1500 > .con-r{float: none;width: 100%;margin-top: 20px;}
	.index-content .part3 .w1500 > .con-r .index-title{padding-right: 0;margin-bottom: 10px;text-align: left;}
	.index-content .part4{padding: 30px 0;background-size: auto 40%;}
	.index-content .part4 .content{margin-top: 0;}
	.index-content .part4 .content > .con-l{float: none;width: 100%;}
	.index-content .part4 .content > .con-r{float: none;width: 100%;}

	/*新闻轮播-垂直方向*/
	.news-swiper-vertical .swiper-slide{font-size: 16px;}

	/*主题栏目*/
	.theme-box > .item{width: 100%!important;}
	.theme-box > .item .pic{padding-top: 70%!important;}
	.theme-box > .item .title{font-size: 18px;}
	.theme-box > .item .title img{height: 20px;}
	.theme-box > .item:nth-child(5) .news-swiper-vertical{padding: 0 20px;}

	.theme-box2 > .item{width: 100%!important;margin-bottom: 5px;}
	.theme-box2 > .item .pic{padding-top: 70%!important;}
	.theme-box2 > .item .title{bottom: 20px;padding: 0 20px;}
	.theme-box2 > .item .title .big{font-size: 20px;}
	.theme-box2 > .item .title .small{margin-top: 5px;font-size: 14px;}
	.theme-box2 > .item:nth-child(4){margin-top: 0;}

	.theme-box3 > .item{width: 100%!important;margin-bottom: 5px;}
	.theme-box3 > .item .pic{padding-top: 70%!important;}
	.theme-box3 > .item .title{bottom: 20px;padding: 0 45px 0 20px;}
	.theme-box3 > .item .title .big{font-size: 20px;}
	.theme-box3 > .item .title .small{margin-top: 5px;font-size: 14px;}

	/*解决方案*/
	.solution-box{display: none;height: auto;}
	.solution-box:before{background-color: rgba(0,0,0,.3);}
	.solution-box > .item{width: 50%;height: auto;}
	.solution-box > .item:before{display: none;}
	.solution-box > .item:after{display: none;}
	.solution-box > .item .title{position: relative;display: block;padding: 30px 0;transform: translateY(0);}
	.solution-box > .item .title:before{content: "";position: absolute;left: 50%;top: 0;width: 50%;height: 1px;background-color: rgba(255,255,255,.5);transform: translateX(-50%);}
	.solution-box > .item:nth-child(1) .title:before{display: none;}
	.solution-box > .item:nth-child(2) .title:before{display: none;}
	.solution-box > .item .title .name{padding: 0 .5em;font-size: 18px;}
	.solution-box > .content{display: none;}

	/*解决方案(手机端)*/
	.solution-box-phone{display: block;}

	/*专题报道列表*/
	.special-report-list li{float: none;width: 100%;margin-left: 0;margin-top: 15px;}
	.special-report-list li:first-child{margin-top: 0;}
	.special-report-list li .info{padding: 20px;}
	.special-report-list li .info .tit{height: 30px;margin-bottom: 10px;font-size: 18px;line-height: 30px;}
	.special-report-list li .info .txt{font-size: 15px;}
	.special-report-list li .info .more{margin-top: 10px;}
	.special-report-list li .info .more img{width: 30px;height: 30px;}

	/*关于我们信息数字展示*/
	.about-info-show > .item{width: 44%;margin-bottom: 30px;text-align: center;}
	.about-info-show > .item .num{height: 50px;padding-left: 0;font-size: 32px;line-height: 50px;}
	.about-info-show > .item .num em{font-size: 20px;}
	.about-info-show > .item .txt{padding: 0 .5em;margin-top: 10px;font-size: 14px;line-height: 20px;}

	/*视频区*/
	.video-box{height: auto;padding-top: 50%;}
	.video-box .play-btn img{width: 40px;height: 40px;}
	.popup-video .close-btn{width: 30px;height: 30px;font-size: 30px;line-height: 26px;}

	/*社会责任*/
	.duty-box{top: 0;padding-top: 0;padding-bottom: 30px;background-color: #f5f5f5;}
	.duty-box .info{height: auto;padding: 20px 20px 5px;}
	.duty-box .info .tit{font-size: 20px;}
	.duty-box .info .txt{margin-top: 15px;font-size: 14px;}
	.duty-box .pic{position: relative;width: 100%;padding: 0 20px;transform: translateY(10px);}
	.duty-box .pic em{width: 100%;}
	.duty-box .more{position: relative;right: auto;bottom: auto;width: 100px;height: 32px;margin: 0 auto;border-radius: 16px;font-size: 13px;line-height: 30px;}

	/*footer*/
	.footer .top{display: none;}
	.footer .bot{padding: 20px 0 30px;text-align: center;}
	.footer .row{padding: 10px 0;overflow: hidden;}
	.footer .row:after{left: 16%;transform: scale(.5);transform-origin: left top;}
	/*版权*/
	.footer .cr{float: none;max-width: none;}
	.footer .cr p{margin-bottom: 5px;}
	.footer .cr p a{display: block;}
	.footer .cr .icon{width: 16px;height: 16px;}
	/*其他链接*/
	.footer .other-links{float: none;margin: 0;}
	.footer .row .other-links{right: 0;}
	/*底部logo*/
	.footer .bottom-logo img{width: 60px;}
	/*分享区*/
	.footer .share-wrap{display: none;}
	/*微信二维码*/
	.weixin-btn{display: none;}
	/*友情链接*/
	.footer .friend-links{position: relative;margin: 20px auto 0;}
	.footer .friend-links .name{text-align: left;}
	
	/*返回顶部*/
	.back-top{display: none!important;}
	
	/*主要板块区*/
	.main-item-box .item{position: relative!important;width: 100%!important;margin-bottom: 15px;border-bottom: 0;border-left: 0;font-size: 14px;}
	.main-item-box .item .pic em{padding-top: 70%!important;}
	.main-item-box .item .info{padding: 20px 60px 20px 20px;}
	.main-item-box .item .info .tit{font-size: 20px;line-height: 30px;}
	.main-item-box .item .info .txt{font-size: 14px;line-height: 24px;}
	.main-item-box .item .info .arrow{right: 20px;bottom: 25px;}
	
	/*预制棒区*/
	.yzb-box{padding: 50px 0;}
	.yzb-box .info{margin-left: 0;}
	.yzb-box .info .tit{font-size: 20px;line-height: 30px;font-weight: bold;}
	.yzb-box .info .txt{display: none;margin: 20px 0 30px;font-size: 12px;line-height: 24px;font-weight: normal;}
	.yzb-box .info .index-more{margin-top: 10%;}
	
	/*活动区*/
	.activity-box{display: block;}
	.activity-box .item{width: 100%;margin-bottom: 15px;}
	.activity-box .item .info{padding: 15px 20px 40px;}
	.activity-box .item .info .tit{font-size: 16px;}
	.activity-box .item .info .txt{font-size: 14px;}
	.activity-box .item .info .more{font-size: 12px;}
	.activity-box .item .info .more .arrow{transform: scale(.8);}
	
	/*首页新闻列表*/
	.index-news-list{margin-top: 30px;}
	.index-news-list li{padding: 20px 0;}
	.index-news-list li a{display: block;}
	.index-news-list li a > .con-m{padding: 0;}
	.index-news-list li a > .con-r{margin-top: 15px;}
	.index-news-list li .tit{max-height: 48px;font-size: 16px;line-height: 24px;}
	.index-news-list li .txt{height: 40px;font-size: 13px;line-height: 20px;}
	.index-news-list li .date{position: static;margin: 5px 0 10px;font-size: 13px;}
	.index-news-list li .more{display: none;}
}