*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;}
body{font-size: 14px;min-width: 1300px;font-family:"Microsoft YaHei";overflow-x:hidden;color: #333;}
a{text-decoration: none;font-size: 14px;}
address, caption, cite, code, dfn, em, th, var, optgroup, i{font-style: inherit;font-weight: inherit;}
img{vertical-align: top;border: none;}
input, textarea{outline: none;border: none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
.fr{ float:right;}
.fl{ float:left;}
.w1500,.page,.gy,.box{max-width: 1500px; min-width: 1300px; width: 100%; margin: 0 auto;}
.clear,.cl{height: 0; overflow: hidden; clear: both;}
.dfc{display:flex;align-items:end;justify-content:center;}
.dfe{display:flex;align-items:end;justify-content:end;}
.db>div, .lb>li, .dd>dl{display:inline-block;vertical-align:top;}



/*top*/
.top{padding: 12px 0;overflow: hidden;background: #eef1f3;}
.top_box{width: 78.125%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;color: rgba(51, 51, 51, 0.8);}
.top_tit{font-size: 15px;line-height: 30px;}
.top_con{width: 310px;}
.top_con ul{display: flex;justify-content: space-between;width: 100%;}
.top_con li{display: flex;    align-items: center;}
.top_con li i{font-size: 16px;line-height: 30px;}
.top_con li a{font-size: 15px;padding-left: 12px;line-height: 30px;color: rgba(51, 51, 51, 0.8);}

/*head*/
.head {width: 100%;padding: 32px 0;overflow: hidden;}
.head_box {width:78.125%;;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.head_l {display: flex;justify-content: space-between;align-items: center;}
.head_logo{display: flex; position: relative; align-items: center; margin-right: 33px;}
.head_logo:after {content:'';width:1px;height: 81px;background: #ddd;position: absolute;top:0;right:-33px;}
.head_logo i {display: inline-block;}
.head_logo p {    color: #333333;
    font-size: 38px;
    line-height: 54px;
    font-weight: bold;
    padding-left: 20px;
    letter-spacing: 2px;}
.head_logo p b {background-image: -webkit-linear-gradient(20deg,#333,#999,#333);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block; }
.head_logo p span{color: #666;font-size: 17px;display: block;line-height: 20px;font-weight: normal;letter-spacing: 0 !important;}
.head_tit {display: flex;flex-direction: column;align-items: center;    margin-left: 33px;}
.head_tit b {font-size: 25px;line-height: 50px;font-weight: bold; color: #ff5500;}
.head_tit ul {display: flex;justify-content: space-between;width: 100%;}
.head_tit li {font-size: 14px;color: #666666;width: 114px;height: 28px;border-radius: 40px;line-height: 28px;text-align: center;background: #fff;box-shadow: 0 0 20px #ddd;}
.head_r {width: 260px;background: url(//memberpic.114my.cn/dgguanyin/uploadfile/image/20221217/20221217192113_257553131.png)no-repeat right;}
.head_r p {display: flex;flex-direction: column;font-size: 16px;line-height: 24px;text-align: right; padding-right: 66px;color: rgba(51, 51, 51, 0.5);}
.head_r p span {font-size: 28px;font-family: Impact;line-height: 30px;color: #333333; }

/*nav*/
.nav {width: 100%;background: #fff;height: 80px;position: relative;box-shadow: 0 0 20px 0px rgba(0,0,0,0.1);}
.nav_box {width: 78.125%;margin: 0 auto;}
.nav_con {height: 80px;}
.nav_con ul {display: flex;justify-content: space-around;align-items: center;height: 100%;}
.nav_con li {display: flex;flex-direction: column;align-items: center;position: relative;transition: 0.5s;z-index: 5;width: 11%;}
.nav_con li a {font-size: 17px;color: #333;width: 100%;text-align: center;}
.nav_con li i {color: #999;font-size: 12px;font-family: Arial;text-transform: uppercase;opacity: 0.3;transform: scale(0.9);}
.nav_con .navline {width:148px !important;position:absolute;height:56px;background:#0dae2b;bottom:0;z-index:0;margin-left:0px;}
.navli.cur>a,.navli:hover>a{color: #fff; }   
.navli.cur i{color: #fff; } 
.navli:hover i{color: #fff; } 
.cur{cursor:pointer}
.line{height:80px;background:#0099ed;position:absolute;top:0;left:0;z-index:1;}  

/*下拉*/
.nav_con li dl { transition: all 0.3s; position: absolute; top:118px; height:0px; z-index:0; overflow:hidden}
.nav_con li dl { background:rgba(255,255,255,1); position: absolute; top:61px; left:-144px;  z-index:10000; overflow:hidden; width: 415px; box-shadow: 1px 5px 10px rgba(0,0,0,0.2);   transition: 0.5s;    opacity: 0;}
.nav_con li:hover dl {padding:30px 60px;transition: 0.5s;    opacity: 1;height:auto !important; }
.nav_con li dl dt { width:140px; float:left; color:#333; line-height:28px; margin:15px 15px 25px 10px; text-align:left}
.nav_con li dl dt b { display: block; width: 40px; height: 3px; background-color: #06a1ef; margin-bottom: 20px;}
.nav_con li dl dt strong { display:block; font-size:20px; margin-bottom:25px;}
.nav_con li dl dt span {display: block; width: 118px; height: 30px; text-align: center;line-height: 30px;border: 1px solid #cecece; color: #999;font-family: Arial;}
.nav_con li dl dt span a {color:#999; font-size:12px;}
.nav_con li dl dt img { margin-bottom:5px;}
.nav_con li dd { width:130px; float:left; margin-top:10px;line-height:38px; display:block; text-align:left; overflow:hidden;}
.nav_con li dd a { display:block; color:#777; font-size:15px; font-weight: normal;text-align:left; font-weight: 100; border: 1px #eee solid; text-align: center; margin-top: 6px;line-height: 30px;}
.nav_con li.dhh dd a:hover { color:#06a1ef;}





/*banner*/
.bann{overflow: hidden;}
.slider {width: 100%;}
.slick-slide{height: auto;}
.slick-slide img {width: 100%;}
.slick-prev {left: 38px;z-index: 99;}
.slick-next {right: 40px;}
.slick-dots{bottom: 32px;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-prev:before, .slick-next:before{font-size: 34px;font-family: "zxi";}
.slick-dots li{margin:0 2px !important;}
.slick-dots li button{font-size:0 !important;position:absolute;}
.slick-dots li button:before{color: #fff;opacity: 1;font-size:42px;}
.slick-dots li.slick-active button:before{color:#0099ed;}
.bann.slick-dotted .slick-prev{left:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-prev{left:38px;}
.bann.slick-dotted .slick-next{right:-52px;transition:all 0.5s;}
.bann.slick-dotted:hover .slick-next{right:38px;}
.bann .slick-prev:before,.bann .slick-next:before{width:36px;height:52px;background:rgba(0,0,0,0.8) url(//memberpic.114my.cn/015508/uploadfile/image/20211023/20211023164114_496103041.png)center no-repeat;line-height: 52px;display: block;top:calc(50% - 26px);font-family:'zxi';}
.bann .slick-prev:before {content: '';display: block;left:0;    transform: rotate(180deg);}
.bann .slick-next:before{content: '';right:0;}



/*search*/
.search {width: 100%;background: #fff;padding: 24px 0;overflow: hidden;}
.search_box {width:78.125%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.head_s {display: flex;align-items: center;justify-content: center;transition: 0.5s;}
.head_s form {display: flex;justify-content: space-around;align-items: center;width: 260px;height: 38px;border-radius: 40px;border: 1px solid #ddd;}
#search-bg {width: 140px;height: 38px;line-height: 38px; overflow: hidden; box-sizing: border-box;}
#search-i {box-sizing: border-box;position: relative;    z-index: 5;margin-left: 50px;}
#search-i:after {content: '';width: 33px; height: 33px;background: #06a1ef; border-radius: 50%; position: absolute; top: -6px; left: -6px;    z-index: -1;}
#infoname {border: none;background: none;outline: none;}
.search-text{ font-size:14px;color: #666; display: flex;justify-content: center;align-items: center; }
.search-text a{ font-size:15px; color: #666 !important; font-weight: 100;}
.search-text span{color:#333;font-size: 15px;}


/*pro*/
.pro {padding: 80px 0;overflow: hidden;background: #f5f5f5;}
.pro_box {width:1500px;margin: 0 auto;}
.pro_tit {text-align: center;}
.pro_tit b {font-size: 40px;line-height: 40px;position: relative;}
.pro_tit b:after {content:'';width: 320px;height: 3px;background: rgb(0 153 237 / 80%);position: absolute;left: 44%;bottom: 5px;animation: 2s linear 0s infinite normal none running widthchange;}
@keyframes widthchange{
	0%{ width:130px}
	50%{ width:0px}
	100%{ width:130px}
	}
.pro_tit p {font-size: 18px;color: #999;line-height: 18px;padding-top: 18px;}
.pro_tab {padding-top: 60px;overflow: hidden;}
.pro_nav {width: 1500px;margin: 0 auto;}
.pro_nav table {width:100% !important;}
.pro_nav table tr { max-width: 1500px;margin: 0 auto; display: flex;justify-content: space-between;}
.pro_nav table tr td {border: 1px solid #eee; width: 12%; text-align: center; position:relative; background: #fff;}
.pro_nav table tr td.on {background: #0099ed;}
.pro_nav table tr td:before, .pro_nav table tr td:after{position: absolute;width: 0;height: 0;content: ' ';  border: 1px solid transparent; box-sizing: border-box; }
.pro_nav table tr td:before{ left: 0;top: 0; }
.pro_nav table tr td:after{right: 0; bottom: 0;}
.pro_nav table tr td.on a{color: #ffffff !important;}
.pro_nav table tr td a {font-size: 16px; display: block;}
.pro_con {}
.pro_call {width: 100%;margin: 0 auto;margin-top: 50px;overflow: hidden;}
.pro_call td{float: right;position: relative;margin-left: 0.3%;overflow: hidden;padding-left:0!important;}
.pro_call td br{display:none;}
.pro_call td{width:24.7%;height:100%;}
.pro_call td>a,.pro_call td>a>img{width:100%;height:auto;transition:0.5s;}
.pro_call td:hover img{transform: translate3d(0px, -50px, 0px);transition:0.5s;}
.pro_call td:nth-child(1){width:49.8% !important;height:100% !important;float: left;margin-left: 0px;}
.pro_call td:nth-child(1) >a{width: 100% !important;height: 100% !important;display: block;}
.pro_call td:nth-child(1) img{width: 100% !important;height: auto !important;}
.pro_call td:nth-child(n+4){margin-top:0.3%;}
.pro_call td span {padding-top: 0px !important;position: absolute;transition: 0.5s;bottom: 0;left: 0;width: 100%;background:#0099ed;height: 50px;transform: translateY(50px);transition:0.5s;}
.pro_call td:hover span{transform: translateY(0px);transition:0.5s;}
.pro_call td span a{color: #fff;font-size: 19px;line-height: 50px;}
@media screen and (max-width: 1500px){
	.pro_call{width:100%;}
}
.pro_after {width: 150px;margin: 0 auto;}
.pro_after ul {display: flex;justify-content: space-between;width: 100%;}
.pro_after li {width:9px;height: 9px;border-radius: 50%;position: relative;background: #0099ed;}
.pro_after li:after {content:'';width: 18px;height: 18px;border-radius: 50%;position: absolute;border:1px solid #0099ed;top:-6px;left:-5px;}
.pro_more {width:365px;height: 48px;border:1px solid #0099ed;text-align: center;line-height: 48px;margin: 0 auto;margin-top: 80px;transition:0.5s;}
.pro_more a {font-size: 18px;color: #0099ed;display: block;}
.pro_more:hover {width:420px;transition:0.5s;}





/*case*/
.case {width: 100%;background: url(//memberpic.114my.cn/dgguanyin/uploadfile/image/20221217/20221217220004_1806311883.jpg)center no-repeat; padding: 80px 0;overflow: hidden;}
.case_box {width: 78.125%;margin: 0 auto;min-width:1500px;}
.case_tit {display: flex;flex-direction: column;align-items: center;color: #fff;}
.case_tit span {font-size: 40px;line-height: 45px;}
.case_tit em {font-size: 18px; line-height: 20px;padding-top: 12px;}
.case_con{margin-top: 50px;}
.case_con ul {display: flex;justify-content: space-between;}
.case_con li {width: 24%;    position: relative;    overflow: hidden;}
.sup ul li{float:left;width:371px; position: relative; overflow: hidden;height:654px; margin-left: 43px;}
.case_con li span{display: block;width: 100%;height:455px; line-height: 0; overflow: hidden;}
.case_con li span img{width: 100%; transition: 1s;}
.case_con li .hov{width:100%; height:185px;background:#ffffff;position: absolute; left:0;bottom:0; box-sizing: border-box; transition: .5s;}
.case_con li .hov em{display: block; width:80px;height:80px;margin:-50px auto 25px; position: relative;}
.case_con li .hov em i{display: block; width:80px; height:80px; border-radius: 50%;}
.case_con li .hov em i img{display:block;width:100%;background-color:#FFF;border-radius: 50%; overflow:hidden;}
.case_con li .hov em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;border:10px solid #555555;}
.case_con li .hov em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;border:10px solid #0099ed;}
.case_con li .hov h4{text-align: center;}
.case_con li .hov h4 strong{display: block; height:41px; line-height: 41px; font-size: 24px; color:#333333;font-weight: normal;}
.case_con li .hov h4 b{display: block; height:23px; line-height: 23px;font-size: 12px; color:rgba(0,0,0,0.2); font-weight: normal; transition: .5s;    text-transform: uppercase;}
.case_con li .hov p{padding: 28px 50px 0; line-height:27px; text-align: center;font-size: 14px; color:#ffffff; opacity: 0; margin-top: 50px; background:url() no-repeat top center;transition: .5s;}
.case_con li:hover span img ,.case_con li.on span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case_con li:hover .hov,.case_con li.on .hov{height:356px;background:#ff5500;}
.case_con li:hover .hov em i.default,.case_con li.on .hov em i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.case_con li:hover .hov em i.hover,.case_con li.on .hov em i.hover{opacity: 1; transform: scale(1);}
.case_con li:hover .hov h4 strong,.case_con li.on .hov h4 strong{color:#FFF;}
.case_con li:hover .hov h4 b,.case_con li.on .hov h4 b{height:0; overflow: hidden;}
.case_con li:hover .hov p,.case_con li.on .hov p{opacity: 1; margin-top: 30px;}
.case_con li:first-child{margin-left: 0;}



/*adv*/
.adv {padding: 80px 0 10px;overflow: hidden;}
.adv_box {width:1500px;margin: 0 auto;}
.adv_tit {text-align: center;}
.adv_tit b {font-size: 40px;line-height: 40px;position: relative;}
.adv_tit b:after {content:'';width:130px;height:3px;background: #0099ed;position: absolute;left:34%;bottom: 5px;    animation: widthchange 2s linear infinite;}
.adv_tit p {font-size: 18px;color: #999;line-height: 18px;padding-top: 18px;}
.adv_tab {margin-top: 60px;position: relative;}
.adv_int {height: 654px;}
.adv_con {padding-top: 42px;}
.adv_big {display: flex;position: relative;}
.adv_con p {display: flex;    justify-content: space-around;width: 420px;align-items: center;}
.adv_con p i {width: 62px;height: 62px;border-radius: 50%;background: #0099ed;position: relative;display: inline-block;font-size: 38px;color: #fff;font-family: Arial;text-align: center;line-height: 62px;}
.adv_con p i:after {content:'';width:92px;height: 92px;background:rgba(0, 153, 237, 0.3);position: absolute;top:-15px;left:-15px;border-radius: 50%;z-index: -1;}
.adv_con p span {font-size: 33px;line-height: 40px;}
.adv_txt {width:744px;background: #fff url(//memberpic.114my.cn/xiecheng98/uploadfile/image/20210608/20210608113345_335423810.png)no-repeat;height: 336px;margin-top: 40px;    padding: 65px 97px;}
.adv_txt em {font-size: 16px;display: block;line-height: 33px;position: relative;padding-left: 16px; color: #666;}
.adv_txt em:after {content:'';width: 5px;height: 5px;border:1px solid #333;position: absolute;left:0;top:12px;border-radius: 50%;}
.adv_txt a {width:194px;height: 42px;border:1px solid #ddd;display: inline-block;text-align: center;line-height: 40px;font-size: 16px;margin-top: 40px;transition:0.5s; background: #fff;}
.adv_txt a:hover {width:250px;transition:0.5s; border:1px solid #0099ed;background: #0099ed; color: #fff;}
.adv_pic {width: 968px;height: 645px;background: #ddd;}
.adv_nav {width: 1500px;margin: 0 auto;position: absolute;bottom: 0;left: 0;}
.adv_nav ul {display: flex;justify-content: space-between;align-items: center;height: 156px; background: #f8f8f8;}
.adv_nav li {display: flex;align-items: center;height: 156px;justify-content: center;flex:1;}
.adv_nav li.on {background: #0099ed;color: #fff;}
.adv_nav li.on p span {color: #fff;}
.adv_nav li i {font-size: 40px;}
.adv_nav li:nth-child(3) i {font-size: 34px;}
.adv_nav li p {font-size: 24px;display: flex;flex-direction: column;line-height: 24px;padding-left: 12px;}
.adv_nav li p span {font-size: 13px;text-transform: uppercase;color: #999;}





/*case*/
.postcase{padding: 80px 0 200px 0; background: #f5f5f5;margin-top: 80px;}
.post_m{position: relative;  padding-bottom:70px; margin:auto; width:87%; margin-top: 50px;}
.post_m .swiper-slide {position: relative;background-repeat: no-repeat;background-position: center top;background-size: cover;
-webkit-transition: transform 1s;-moz-transition: transform 1s;-ms-transition: transform 1s;-o-transition: transform 1s;-webkit-transform: scale(.8);transform: scale(.8);}
.post_m .swiper-slide img { width: 100%;height:auto;}
.post_m .text {box-sizing:border-box;width: 100%; line-height:58px; opacity:0; color:#fff; text-align:center;font-size:18px;background-color:#0099ed;}
.post_m .text h4 {color: #333;font-size: 18px;line-height: 18px;font-weight: 700;padding-bottom: 5px}
.post_m .text p {color: #5f5f5f; font-size: 14px; line-height: 26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.post_m .text a {display: none;color: #fff; font-size: 12px; line-height: 12px;}
.post_m .swiper-slide-next{ -webkit-transform: scale(.95) translateX(10px);transform: scale(.95)translateX(10px);}
.post_m .swiper-slide-prev{ -webkit-transform: scale(.95) translateX(-10px);transform: scale(.95)translateX(-10px);}
.post_m .swiper-slide-active, .post_m .swiper-slide-duplicate-active { -webkit-transform: scale(1.07) translateY(-14px);transform: scale(1.07) translateY(-14px);}
.post_m .swiper-slide-active .text, .post_m .swiper-slide-duplicate-active .text { opacity:1;}
.post_m .swiper-slide-active h4, .post_m .swiper-slide-active p, .post_m .swiper-slide-duplicate-active h4, .post_m .swiper-slide-duplicate-active p { color: #fff;}
.post_m .swiper-slide-active a, .post_m .swiper-slide-duplicate-active a { display: block; width:100%; height:100%;position: relative;}
.post_m .swiper-pagination {bottom:0;left: 50%;transform: translate(-50%, 0)}
.post_m .swiper-pagination-bullet{ width:16px; height:16px; background:#0099ed; opacity:1;}
.post_m .swiper-pagination-bullet+ .swiper-pagination-bullet{ margin-left:14px;}
.post_m .swiper-pagination-bullet-active{background:#ff5500;}


/*certificate*/
.certificate_box{overflow: hidden; box-shadow:0 0 10px #ddd; margin: 0 auto; padding: 3.5% 2% 2% 2%;max-width: 1500px;margin-bottom: 60px;margin-top: -120px; background: #fff;}
.certificate{max-width:1500px;margin:0 auto;margin-top: 50px !important;}
.certificate #roller_content td{margin-left: 20px !important;}
.certificate #roller_content td:first-child{padding-left: 0px !important;}
.certificate td br{display:none;}
.certificate td a:nth-child(2){font-size: 15px; background: #fff;display: block;height: 60px;line-height: 60px;margin-top: 1px; color: #fff;;background: #0099ed;}
.certificate{width:100%;margin:0 auto; padding-bottom: 0px; overflow: hidden;}



/*about*/
.about {background: #f8f8f8; padding: 38px 0 38px 0; position: relative; z-index: 20;margin-top: 80px; margin-bottom: 0px;}
.about_con {display: flex; justify-content: space-between; align-items: center;  margin: 40px 0;}
.about_con .slick-track {width: 1200px !important;}
.about_txt { display: flex; flex-direction: column; width: 43%;}
.about_txt p {font-size: 22px; color: #ccc; text-transform: uppercase; display: flex; flex-direction: column; line-height: 30px;margin-bottom: 10px;}
.about_txt p span {}
.about_txt b {font-size: 34px; color: #0099ed; line-height: 40px; padding: 0px 0 0; font-weight: bold;}
.about_txt em{font-size: 16px; font-weight: 100; line-height: 38px; margin: 25px 0 0; color: #666; width: 95%;}
.about_txt span {font-size: 18px;font-weight: 100;width: 200px;height: 50px;background: #fdbd04;padding: 2% 8%;border-radius: 10px 0  0 0;margin: 3% 0 2% 0;display:  flex;align-items:  center;position:  relative;overflow:hidden;color: #fff;}
.about_txt span a {font-size: 18px;color: #fff;}
.about_txt span a:after {content:'\e8f9';font-family:iconfont;position:absolute;top: 13px;right: 28px;font-size: 30px;transition:0.5s;}
.about_txt span a:hover:after {right:50px;}

.about_txtdh ul{margin-top: 42px; float: left;}
.about_txtdh li {font-size: 50px; padding: 18px 0px; border-radius: 50%; width: 96px; height: 96px; align-items: center; text-align: center; position: relative; color: #fff; margin-right: 45px; float: left; background: #fff;}
.about_txtdh li:nth-last-child(3) i{ font-size: 30px; }
.about_txtdh li:nth-last-child(2) i{ font-size: 30px; }
.about_txtdh li:nth-last-child(1) i{ font-size: 37px; }

.about_txtdh li i{width: 30px; height: 30px; color: #999; text-align: center;display: block;margin: 0 auto;margin-bottom: 10px;}
.about_txtdh li p{font-size: 14px; color: #999; text-align: center; line-height: 16px;}
.about_txtdh li p a{font-size: 15px; color: #999; text-align: center; line-height: 16px;}
.about_pic { width: 60%;}
.about_pic:after {content: ''; background: url(//memberpic.114my.cn/dgguanyin/uploadfile/image/20221217/20221217213101_1870817268.jpg) no-repeat;position: absolute; left: 0; top: -115px; width: 125%;  height: 153%; z-index: 99999; background-size: 100% 100%;}
.about_pic {width: 60%; height: 435px; position: relative;}

.about_b .page.dfs{transform:translateX(-57px); margin:0 auto;display: flex; align-items: center; justify-content: space-between;}
.about_b h3{font-weight:400;height:270px;padding-left:45px;padding-top:126px;width:270px;box-sizing:border-box;position:relative;margin-top:-190px;}
.about_b h3:before,.about .about_b h3:after{content: '';position: absolute;}
.about_b h3:before{width: 1px;height: 100%;background: #eee;top: 0;left: 1px;}
.about_b h3:after{width: 3px;height: 100px;background: #666;left: 0;bottom: 0;}
.about_b h3 a{font-size: 32px;line-height:32px;color:#ccc;text-transform:uppercase;}
.about_b h3 span{display:block;font-size:36px;font-weight:400;line-height:38px;color:#333;margin-top:12px}
.about_b .about_b_con{float:left;width:calc(100% - 362px);margin-top:80px;padding-bottom:80px;position:relative}
.about_b .about_b_con .tempWrap{width:100% !important}
.about_b .about_b_con ul li{float:left;width:335px;margin-right:20px;display:block;position:relative;overflow:hidden}
.about_b .about_b_con ul li img{display:block;width:100%;height:auto;transition:1s}
.about_b .about_b_con ul li p{position:absolute;left:0;bottom:-42px;width:100%;text-align:center;z-index:1;background:rgba(0,0,0,.5);transition:.5s}
.about_b .about_b_con ul li p a{display: block;font-size:16px;font-weight:400;line-height:42px;color:#fff;}
.about_b .about_b_con ul li:last-of-type{margin-right:0}
.about_b .about_b_con ul li:hover img{transform:scale(1.05)}
.about_b .about_b_con ul li:hover p{bottom:0}
..about_b .about_b_con ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.about_b .about_b_con .prev,.about_b .about_b_con .next{position: absolute; width: 40px; height: 40px; border: 1px solid #ddd; border-radius: 50%; transition: .35s;  cursor: pointer; display: flex; align-items: center;  justify-content: center;}


.about_b .about_b_con .prev{right:-74px;top:0;cursor:pointer;}
.about_b .about_b_con .prev:hover{top:5px}
.about_b .about_b_con .next{right:-74px;top:60px; transform: rotateY(180deg);}
.about_b .about_b_con .next:hover{top:65px}
.about_b .about_b_con .prev:hover,.about_b .about_b_con .next:hover{color: #0099ed;border-color: #0099ed;}
.about_b::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.about_b .about_b_con .prev img+img,.about_b .about_b_con .prev:hover img,.about_b .about_b_con .next img+img,.about_b .about_b_con .next:hover img{display: none;}

.about_b .about_b_con .prev img,.about_b .about_b_con .prev:hover img+img,.about_b .about_b_con .next img,.about_b .about_b_con .next:hover img+img{display: block;}


.adv_nav li.on i img+img {
    display: block;
}

.adv_nav li i img+img,.adv_nav li.on i img {
    display: none;
}


/* strength */
.str_bg{width:100%;height:240px;background:#f8f8f8;}
.str_bg .w1500 *{line-height: 100%;}
.str_list,.str_list ul{height:100%;}
.str_list ul{display: flex; align-items: center; justify-content: space-between;  width: 100%;}
.str_list li+li{border-left: 1px rgba(0,0,0,0.1) solid; padding-left: 148px;}
.str_list li p{font-size:30px;font-weight: 100;color:#333;}
.str_list li em {display:flex;align-items:baseline;margin:6px 0;}
.str_list li em i{font-size:46px; color:#0099ed;}
.str_list li em b{font-size:18px;font-weight: 100;color:#333;margin-left:5px;}
.str_list li>span{font-size:16px;color:rgba(0,0,0,0.3);}


/*news*/
.news_bg{width:100%; background: #f5f5f5;padding: 80px 0 100px 0px;    overflow: hidden;}
.news {max-width:1400px;margin:0 auto;}
.news_t{text-align:left;float:left;}
.news_t dd:after{display:none;}
.news_t p {    font-size: 40px;font-weight:bold;}
.news_t dd {font-size: 18px;color: #999;line-height: 34px;font-weight:100;}
.news_a{width:auto;}
.news_a a{width:152px;height:46px;font-size: 18px;color:#333;float:left;font-weight:100;box-sizing: border-box;text-align:center;margin-left:20px;display: flex;align-items: center;justify-content: center;}
.news_a a.on{background: #0099ed;color:#fff;}
.news_b{height: 488px;margin-top: 60px;position: relative;}
.new_tit {display: flex;justify-content: space-between;align-items: center;}
.new_item {width: 100%;flex-shrink: 0;}
.new_item>div {display: flex;justify-content: space-between;}
.new_lc .news_div_item {display: flex;flex-direction: column-reverse;width: 48.5%;
position: relative;padding: 24px 24px 70px; background: #fff;}
.new_lc .news_div {display: flex;justify-content: space-between;}
.new_lc {width: 68%;}
.new_rc {width: 30%;}
img.news_div_item_image {width: 100%;}
.new_rc .news_div_item_pic,.new_rc .news_div_item_date {display: none;}
.new_ic {margin-top: 50px;position: relative;     overflow: hidden;  }
.news_s { transition: 0.5s; display: flex;}
.new_lc a.news_div_item_a {font-size: 18px;color: #333;position: relative;display: block;margin-top: 20px;}
.new_lc .news_div_item_body {font-size: 14px;color: #999;line-height: 23px;margin-top: 30px;
 height: 86px;overflow: hidden;}
.new_lc .news_div_item_date {display: flex;position: absolute;bottom: 165px;left: 24px;}
.new_lc .news_div_item_date>div {font-size: 12px;color: #999;}
.new_lc .news_div_item_pic { border: 1px solid #eee;}
.new_lc .news_div_item_a:after {position: absolute;content: "read more +";font-size: 14px;color: rgb(34,34,34); bottom: -136px;left: 0;}
.new_rc .news_div_item {background: #fff;padding: 33px 32px;position: relative;}
.new_rc .news_div_item:nth-child(n+3):after{content:"";display:block;width:0;height:6px;background:#0099ed;transition:0.3s all ease-in-out;position: absolute;bottom: 0;left: 0;}
.new_rc .news_div_item:nth-child(n+3):hover::after{width:100%;}
.new_rc .news_div_item:nth-child(-n+2) {display: none;}
.new_rc .news_div_item:nth-child(n+4) {margin-top: 22px;}
.new_rc a.news_div_item_a {display: block;font-size: 18px;}
.new_rc .news_div_item_body {font-size: 15px;color: #999;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-top: 15px;}





/**/
.links_l { display: flex; align-items: center;}
.links_l i { margin-right: 10px;  font-size: 25px; color: #999;}
.links_l p { font-size: 17px;color: #999}
.links {padding: 0px 0 30px 0; border-bottom: 1px #333 solid; margin-bottom: 70px;}
.links_r{ display: flex;}

.copy:after {
    content: '';
    position: absolute;
    width: 78.7%;
    height: 6px;
    -webkit-transform: skew(-28deg);
    -moz-transform: skew(-28deg);
    -o-transform: skew(-28deg);
    background: linear-gradient(to right,#0099ed,#0099ed);
    top: 0px;
    left: 0;
    animation: myfirst 1s linear;
}
.copy:before {
    content: '';
    position: absolute;
    width: 21%;
    height: 6px;
    -webkit-transform: skew(-28deg);
    -moz-transform: skew(-28deg);
    -o-transform: skew(-28deg);
    background: linear-gradient(to right,#ff5500,#ff5500);
    top: -6px;
    right: 2px;
    animation: myfirst1 1s linear;
    z-index: 55;
}
/*copy*/
.copy {width: 100%;background: #081e2b; padding: 70px 77px 0px; position: relative;}
.copy_icon {float:left;}
.copy_pic {float:left;height: 160px;overflow: hidden;width:  160px;}
.copy_pic ul {
    display: flex;
    transition: 0.5s;
}
.copy_pic li {width:  100%; height: 190px; overflow: hidden;flex-shrink: 0;}
.copy_pic li p {font-size: 14px;color: #ffffff;text-align: center;line-height: 30px;}
.copy_pic li i {background: #ffffff;width:160px;height: 160px; display: inline-block;padding: 9px;}
.copy_pic li i img{width:142px;height: 142px;}
.copy_str {float:left;margin-left: 20px;margin-top: 16px;}
.copy_str li{width: 32px; height: 32px; background: #0099ed; border-radius: 50%; transition: 0.5s;  display: flex; align-items: center;  justify-content: center;}
.copy_str li i {font-size: 17px;color: #666666;}
.copy_str li.on {background:#ff5500;transition: 0.5s; }
.copy_str li.on i {color:#ffffff;transition: 0.5s; }
.copy_str li+li {margin-top:17px;}
.copy_txt {font-size: 16px;color: #ffffff;line-height: 20px;float: left;padding: 8px 0 0 64px;}
.copy_txt b {font-family: din;font-size: 27px;line-height: 30px;display: block;padding: 8px 0; font-weight:100;}
.copy_txt a {font-size: 14px;line-height: 35px;color: #ffffff;width: 125px;height: 35px;background:url(//memberpic.114my.cn/jinboyi/uploadfile/image/20220708/20220708155715_881194954.png)no-repeat #0099ed 20px 9px;display: inline-block;border-radius: 10px;text-align: center;padding-left: 30px;}
.copy_con {width:52%;float: right; padding-bottom:70px;}
.copy_con ul {display: flex;justify-content:space-between;width: 100%;}
.copy_con li {}
.copy_con li p {font-size: 16px;color: #ffffff;line-height: 20px;margin-bottom: 20px;}
.copy_con li a {font-size: 14px;color:rgba(255, 255, 255, 0.47);line-height: 30px; display: flex;}



/*foor*/
.foor {width:100%;height: 82px; overflow: hidden;padding: 0 77px;    border-top: 1px solid #444;}
.foor_name {line-height: 82px; display: flex; align-items: center; justify-content: center;}
.foor_name span {font-size: 14px;color: #a0a0a0;line-height: 28px;display: inherit;}
.foor_name span a {color: #a0a0a0;transition: all 0.3s linear;}
.foor_name span a:hover  {color:#a0a0a0;transition: all 0.3s linear;}