@charset "utf-8";

/*公共样式*/

*{margin: 0; padding: 0;box-sizing: border-box;}

html{font-size: 14px; line-height: 1.5; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; background: #fff; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; max-width: 780px; margin: 0 auto; overflow: hidden; position: relative;}

body{width: 100%; height: 100%; overflow: hidden; position: relative;}

ol,ul,li{list-style: none;}

a{text-decoration: none; color: #333; transition: all .6s ease; cursor: pointer;}

a:hover{color: #293067!important;}

em,i{font-style: normal;}

h1,h2,h3,h4,h5,h6,th{font-weight: normal;}

img{border: 0; max-width: 100%; height: auto; vertical-align: middle;}

table{border-collapse: collapse; border-spacing: 0;}

input,textarea,select,button{border: 0; outline: 0; font-family: Arial,Helvetica,Verdana,"Microsoft Yahei"; color: #333;}

input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

input,input:focus,input:active{user-select: text;}

textarea{resize: none;}

.clearfix{zoom: 1;}

.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}

.plr10{padding: 0 10px;}

.wrapper{margin: 0 15px;}

.transform{transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.sitecontent{ height: 100%; background: #fff;  position: relative; z-index: 96;}

.scrollView{height: calc(100% - 130px); overflow-x: hidden; overflow-y: auto; position: relative;}

.npagePage{min-height: calc(100% - 52px); overflow: hidden; position: relative;}

.border{border: 1px solid #ddd; box-sizing: border-box;}

/*字体*/

@font-face{font-family: 'HELVETICANEUELTPRO-THEX';  src: url('../fonts/helveticaneueltpro-thex.eot'); src: url('../fonts/helveticaneueltpro-thex.eot') format('embedded-opentype'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg') format('svg'); font-weight: normal; font-style: normal;}

@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}

.iconfont{display: inline-block; font: 14px/1 iconfont; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*加载特效*/

.loader-mask{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999999;}

.loader{position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; font-size: 0; color: #282828; display: inline-block; margin: -25px 0 0 -25px; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}

.loader div{width: 50px; height: 50px; background-color: #282828; display: inline-block; position: absolute; top: 0; left: 0;opacity: .5; border-radius:50%; -webkit-animation: ballPulseDouble 2s ease-in-out infinite; animation: ballPulseDouble 2s ease-in-out infinite;}

.loader div div:last-child{-webkit-animation-delay: -1s; animation-delay: -1s;}

@-webkit-keyframes ballPulseDouble{0%,100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1);transform: scale(1)}}

@keyframes ballPulseDouble{0%, 100%{-webkit-transform: scale(0); transform: scale(0)} 50%{-webkit-transform: scale(1); transform: scale(1)}}

/*头部*/

.header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: relative; z-index: 999999;}

.logo{float: left; height: 45px; margin-top: 3px; margin-left: 0px;}

.logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}

.logo a img{display: block; height: 100%; float: left;margin-right: 5px;}

.sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}

.sp_nav i{display: block; background: #293067; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}

.sp_nav i:nth-of-type(1){top: 0;}

.sp_nav i:nth-of-type(2){top: 10px;}

.sp_nav i:nth-of-type(3){top: 20px;}

.sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}

.sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}

.sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}

.nav{width: 100%; height: calc(100% - 111px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}

.nav.nav_show{top: 50px;}

.nav > ul{min-width: 320px; max-width: 780px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}

.nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}

.nav > ul > li:first-child{border-top: 0 none;}

.nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}

.nav ul li ul{display: none;}

.nav ul li i{display: block; width: 30px; height: 26px; line-height: 26px; text-align: center; border-left: 1px solid #ddd; padding: 0 6px; position: absolute; right: 0; top: 9px;}

.nav ul li i span{font-size: 14px; transition: all .5s;}

.nav ul li i span:before{content: "\eeaa";}

.nav ul li i.nav_btndown span{color: #293067; transform: rotate(90deg);}

/*内页菜单*/

.dropmenu{min-height: 45px; margin-bottom: 20px; position: relative; z-index: 3;}

.dropmenu .label{padding: 0 20px; height: 45px; line-height: 45px; background: #222224; color: #fff; font-size: 15px;}

.dropmenu .label .iconfont{float: right; font-size: 16px; margin-top: 15px;}

.dropmenu .label .iconfont:before{content: "\e60e";}

.dropmenu ul{width: 100%; height: 0; overflow-y: auto; position: absolute;}

.dropmenu ul li{width: 100%; border-bottom: 1px solid #2f2e35;}

.dropmenu ul li a{display: block; height: 40px; line-height: 40px; padding: 0 50px; color: #bbb; background: rgba(17,17,17,.9); font-size: 13px;}

.dropmenu ul li.active a {background: #000; color: #fff;}

.dropmenu.open .label .iconfont{transform: rotate(180deg);}

/*公共样式*/

.home_title{font-size: 19px; text-align: center;}

.home_title span{color: #293067;}

.home_title em{color: #293067;}

.home_line{margin-top: 2px; text-align: center; font-size: 0; text-align: center;}

.home_line span{display: inline-block; font-size: 16px; text-transform: uppercase; line-height: 1.2; color: #999; position: relative; padding: 0 10px;}

.home_line span:before,.home_line span:after{display: block; content: ""; width: 40px; height: 1px; background: #999; position: absolute; top: 50%; margin-top: -1px;}

.home_line span:before{left: -40px;}

.home_line span:after{right: -40px;}

/*底部*/

.foot_copy{width: 100%; font-size: 12px; line-height: 20px; text-align: center; padding: 16px 0; color: #fff; background: #151515;}

.foot_copy a{color: #8e8e8e;}

.footer{width: 100%; position: relative; z-index: 990;}

.footer ul{height: 60px; background: #fff; border-top: 1px solid #ddd; margin: 0 auto;}

.footer li{width: 25%; height: 60px; float: left; font-size: 13px; text-align: center; position: relative;}

.footer li a{display: block; width: 100%; height: 100%; color: #666;}

.footer li i{display: block; width: 100%; height: 32px; line-height: 26px; padding-top: 6px; font-size: 22px;}

.footer li p{height: 20px; line-height: 20px; margin-top: 2px;}



/*新闻---列表式*/

.news_item{border-bottom: 1px solid rgba(0,0,0,0.05); padding: 20px 15px;}

.news_item:first-child{padding-top: 10px;}

.news_item:last-child{border-width: 0;}

.news_pic{margin-bottom: 10px; overflow: hidden;}

.news_pic img{display: block; width: 100%;}

.news_name{height: 20px; line-height: 20px; font-size: 16px; color: #565656; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_date{height: 24px; margin-bottom: 4px; margin-top: 8px;}

.news_date p{height: 24px; line-height: 24px; font-size: 16px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial;}

.news_date .md{color: #8a8a8a;}

.news_date .year{color: #bdbdbd; margin-left: 10px;}

.news_desc{max-height: 44px; line-height: 22px; font-size: 13px; color: #6a6a6a; overflow: hidden; margin-top: 4px;}



/*产品列表*/

.productlistd ul li {width:50%;float: left;}

.productlistd .item {padding:10px;}

.productlistd ul li h3 {text-align: center;}

.product_details_body img {width: 100%;}

@font-face {
  font-family: 'iconfont1';
  src: url('../fonts/iconfont1.eot');
  src: url('../fonts/iconfont1.eot?#iefix') format('embedded-opentype'),
      url('../fonts/iconfont1.woff2') format('woff2'),
      url('../fonts/iconfont1.woff') format('woff'),
      url('../fonts/iconfont1.ttf') format('truetype'),
      url('../fonts/iconfont1.svg#iconfont') format('svg');
}
.iconfont1 {
  font-family: "iconfont1" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}






.w1280{width: 100%;padding: 0 20px;position: relative;}


/************************************** index start *************************************/
.banner .mySwiper_banner {width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}	  
.banner img{width: 100%;}
.banner .swiper-pagination-bullet{height: 12px;width: 12px;background: #FFFFFF;border-radius: 50%;opacity: 1;margin: 0 6px!important;border-radius: 6px;transition: .3s;}
.banner .swiper-pagination-bullet-active{width: 30px;background: #293067;}

.hotSearchBox{border-bottom: 1px solid #EDEDED;padding: 15px 0;display: none;}
.hotSearchBox .w1280{display: flex;align-items: center;}
.hotBox{width: calc(100% - 400px);}
.hotBox .atit{font-family: DIN;color: #333333;font-size: 18px;line-height: 2;}
.hotBox .atit em{color: #E7202A;font-weight: bold;margin-right: 5px;}
.hotBox .btit{}
.hotBox .btit a{font-size: 16px;color: #666666;line-height: 2;margin-right: 25px;}
.hotBox .btit a:hover{color: #293067;}
.searchBox{width: 400px;}
.searchBox .form{display: flex;height: 60px;background: #FFFFFF;border: 1px solid #293067;border-radius: 30px;padding: 5px 7px;}
.searchBox .int{display: block;height: 96%;width: calc(100% - 100px);font-size: 16px;color: #999;padding: 0 10px;}
.searchBox .btn{display: block;height: 100%;width: 100px;background-color: #293067;border-radius: 25px;background-image: url(../images/searchIcon.png);background-repeat: no-repeat;background-position: center;cursor: pointer;}


.indTitle{text-align: center;padding: 60px 0 25px;}
.titleBox{position: relative;}
.indTitle .atit{position: relative;}
.indTitle .atit p{font-size: 28px;font-weight: bold;color: #000000;line-height: 30px;position: relative;z-index: 99;}
.indTitle .atit p em{color: #293067;}
.indTitle .btit{position: relative;z-index: 99;font-size: 12px;color: #666666;line-height: 1.5;padding-top: 10px;} 
.indTitle .ctit{position: absolute;top: 0%;left: 50%;transform: translate(-50%,0%);}
.indTitle.white .atit p{color: #FFFFFF;}
.indTitle.white .btit{color: #FFFFFF;}


/* 产品 */
.sec1{padding-bottom: 50px;}
.indProSelBox{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 20px;}
.indProSel{text-align: center;background: #FFFFFF;border: 1px solid #EAEAEA;line-height: 45px;padding: 0 15px;cursor: pointer;transition: .3s;margin: 0 2px 4px;}
.indProSel img{margin-left: 8px;position: relative;top: -2px;}
.indProSel.active{background: #293067;color: #ffffff;}

.indProList{display: none;flex-wrap: wrap;}
.indProList.active{display: flex;}
.indProItem{position: relative;width: calc(50% - 5px);margin:0 10px 10px 0;}
.indProItem a{display: block;}
.indProItem:nth-of-type(2n){margin-right: 0;}
.indProItem .img{position: relative;overflow: hidden;border: 1px solid #EDEDED;}
.indProItem .img img{width: 100%;}
.indProItem .img::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;background: rgba(41, 48, 103, .25);opacity: 0;transition: .3s;}
.indProItem .aBox{position: absolute;bottom: 0;left: 0;z-index: 99;padding: 20px 15px;display: flex;width: 100%;opacity: 0;transition: .3s;}
.indProItem .aBox .a{display: block;width: calc(50% - 7.5px);text-align: center;line-height: 40px;background: #293067;border-radius: 5px;font-size: 14px;color: #FFFFFF;}
.indProItem .aBox .a1{margin-right: 15px;background: #E7202A;}
.indProItem .aBox .a:hover{transform: translateY(-5px);}
.indProItem .desc{position: relative;background: #EDEDED;line-height: 50px;height: 50px;font-size: 14px;color: #000000;text-align: center;padding: 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;transition: .3s;}
.indProItem .desc::after{content: "";display: block;width: 0;height: 2px;background: #293067;position: absolute;left: 0;bottom: 0;transition: .5s;}

.indProItem:hover .img::after{opacity: 1;}
.indProItem:hover .aBox{opacity: 1;}
.indProItem:hover .desc::after{width: 100%;}

.proMore{margin: 10px auto 0;display: flex;width: 180px;height: 50px;font-size: 16px;color: #293067;background: #FFFFFF;border: 1px solid #293067;border-radius: 30px;align-items: center;justify-content: center;}
.proMore .icon{display: block;width: 20px;height: 20px;background: url(../images/right1.png);margin-left: 10px;transition: .3s;}
.proMore:hover{color: #FFFFFF!important;background: #293067;}
.proMore:hover .icon{background: url(../images/right2.png);}


/* 定制需求 */
.sec2{background: url(../images/sec2_bg.jpg) center/cover;padding: 80px 0;}
.dzxqBox{}
.dzxqDesc{}
.dzxqDesc .atit{font-size: 16px;color: #ffffff;line-height: 1;}
.dzxqDesc .atit em{color: #E7202A;font-weight: bold;}
.dzxqDesc .btit{font-size: 26px;line-height: 1;font-weight: bold;color: #FFFFFF;position: relative;display: inline-block;margin: 15px 0 10px;}
.dzxqDesc .btit::after{content: "";display: block;width: 100%;height: 12px;background: rgba(255,255,255,.3);position: absolute;bottom: 0;left: 0;}
.dzxqDesc .ctit{font-size: 12px;color: #FFFFFF;line-height: 1.8;margin-bottom: 30px;}
.dzxqDesc .dtit{}
.ljzx{position: relative;animation: biger 1.5s infinite;display: flex;align-items: center;justify-content: center;width: 180px;height: 50px;background: #E7202A;border-radius: 25px;font-size: 16px;font-weight: bold;color: #FFFFFF;}
.ljzx img{margin-right: 10px;}
.zxrx{display: flex;align-items: center;margin-top: 10px;}
.zxrx .icon{margin-right: 10px;}
.zxrx .info{}
.zxrx .info p{font-size: 14px;color: #FFFFFF;line-height: 1.5;}
.zxrx .info span{font-size: 20px;font-family: News706;font-weight: bold;color: #FFFFFF;}

.dzxqMessage{width: 100%;margin-top: 40px;}
.dzxqMessage .form{}
.dzxqMessage .lab{display: flex;flex-wrap: wrap;}
.dzxqMessage .lab .int{width: calc(50% - 5px);margin: 0 10px 10px 0;border: 1px solid #FFFFFF;background: rgba(255,255,255,.5);height: 50px;padding: 0 15px;color: #FFFFFF;font-size: 14px;}
.dzxqMessage .lab .int:nth-of-type(2n){margin-right: 0;}
.dzxqMessage .textarea{border: 1px solid #FFFFFF;background: rgba(255,255,255,.5);height: 110px;padding: 10px 15px;color: #FFFFFF;font-size: 14px;display: block;width: 100%;}
.dzxqMessage .lab .int::-webkit-input-placeholder,.dzxqMessage .textarea::-webkit-input-placeholder {color: #ffffff;} 
.dzxqMessage .lab .int::-moz-placeholder, .dzxqMessage .textarea::-moz-placeholder{color: #ffffff;} 
.dzxqMessage .lab .int::-moz-placeholder,.dzxqMessage .textarea::-moz-placeholder {color: #ffffff;} 
.dzxqMessage .lab .int::-ms-input-placeholder, .dzxqMessage .textarea::-ms-input-placeholder{color: #ffffff;}
.dzxqMessage .btn{display: block;height: 50px;width: 100%;background: #FFFFFF;font-size: 18px;font-weight: bold;color: #E7202A;margin-top: 10px;transition: .3s;cursor: pointer;}
.dzxqMessage .btn:hover{background: #293067;color: #FFFFFF;}

@keyframes biger{
	0%{box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.3);}
	100%{box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.0);}
}



/* 成功案例 */
.sec3{padding-bottom: 60px;}
.caseSelBox{display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.caseSel{width: 25%;background: #EEEEEE;text-align: center;padding: 20px 0 15px;position: relative;transition: .3s;}
.caseSel:nth-of-type(1),.caseSel:nth-of-type(2),.caseSel:nth-of-type(3){width: 33.3333%;}
.caseSel:nth-of-type(2n){background: #F5F5F5;}
.caseSel::after{content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);display: block;width:0px;height:0px;border:10px solid transparent;border-top-color:#293067;opacity: 0;transition: .3s;}
.caseSel .icon{display: block;width: 52px;height: 52px;margin: 0 auto 8px;background-position: center auto;zoom: .5;}
.caseSel p{font-size: 14px;color: #000000;line-height: 2;}
.caseSel.active{background: #293067;}
.caseSel.active::after{opacity: 1;}
.caseSel.active .icon{background-position: center -113px;}
.caseSel.active p{color: #FFFFFF;}

.caseList{display: none;}
.caseList.active{display: block;}
.caseItem{width: 100%;}
.caseItem .img{overflow: hidden;position: relative;}
.caseItem .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.videoOpen{position: absolute;top: 50%;left: 50%;width: 80px;transform: translate(-50%,-50%);cursor: pointer;zoom: .5;}
.caseItem .desc{background: #F3F3F3;padding: 30px 15px 30px;}
.caseItem .desc .info{width: 100%;}
.caseItem .desc .atit{font-size: 18px;font-weight: bold;color: #293067;line-height: 30px;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caseItem .desc .btit{font-size: 14px;color: #666666;line-height: 26px;height: 52px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.caseItem .desc .btns{width: 100%;display: flex;margin-top: 10px;}
.caseItem .desc .btns .a{display: block;width: 100%;height: 40px;line-height: 40px;background: #293067;border-radius: 20px;font-size: 16px;color: #FFFFFF;text-align: center;}
.caseItem .desc .btns .a2{background: #E6212A;margin-left: 10px;}
.caseItem .desc .btns .a:hover{transform: translateY(-5px);}
.caseItem:hover .img>img{transform: scale(1.05);}

.caseMore{width: 100%;background: #F9F9F9;padding: 35px 30px;}
.shuLB{height: 100%;position: relative;padding: 0px 0;}
.shuLB .lb_next::after, .shuLB .lb_prev::after{display: none;}
.shuLB .lb_next, .shuLB .lb_prev{position: absolute;width: 60px;height: 31px;background-position: center;top: 50%;margin-top: -15px;text-align: center;cursor: pointer;}
.shuLB .lb_prev{transform: rotate(-90deg);left: -50px;}
.shuLB .lb_next{transform: rotate(90deg);right: -50px;}
.shuLB .swiper-button-disabled{opacity: .5;cursor: default;}
.mySwiper_shuLB {width: 100%;height: 100%;position: relative;overflow: hidden;}
.shuLB .swiper-wrapper{height: auto;}
.shuLB .swiper-slide {height: auto;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.cmItem{position: relative;}
.cmItem .img{overflow: hidden;height: 210px;}
.cmItem .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.cmItem .videoOpen{position: absolute;top: 50%;left: 50%;width: 60px;transform: translate(-50%,-50%);cursor: pointer;}
.cmItem .desc{position: absolute;bottom: 0;left: 0;width: 100%;height: 40px;line-height: 40px;padding: 0 10px;background: rgba(0,0,0,0.5);text-align: center;font-size: 14px;color: #FFFFFF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cmItem:hover .img>img{transform: scale(1.1);}

.layui-layer-video{max-width: 1000px;}
.layui-layer-video video{display: block;width: 100%;}



/* 四大优势 */
.sec4{background: url(../images/sec4_bg.jpg) center/cover;padding-bottom: 60px;}
.ysSelBox{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.ysSel{width: calc(50% - 10px);margin: 0 20px 30px 0;}
.ysSel:nth-of-type(2n){margin-right: 0px;}
.ysSel .line{position: relative;height: 2px;background: #FFFFFF;border-left: 40px solid #293067;transition: .3s;margin-bottom: 10px;}
.ysSel .atit{font-size: 12px;font-family: Arial;color: #999999;line-height: 1;text-transform: uppercase;}
.ysSel .btit{font-size: 24px;line-height: 1;font-weight: bold;color: #000000;padding-right: 30px;margin: 5px 0 5px;background-image: url(../images/ysSelIcon.png);background-repeat: no-repeat;background-position: 99% center;}
.ysSel .ctit{font-size: 36px;font-family: DIN;font-weight: bold;color: #293067;line-height: 1;transition: .3s;}
.ysSel.active .line{border-color: #E6212A;}
.ysSel.active .ctit{color: #E6212A;}

.ysItem{display: none;}
.ysItem.active{display: block;}
.ysItem .img{width: 100%;overflow: hidden;height: 100%;}
.ysItem .img img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.ysItem .desc{width: 100%;background: #293067;position: relative;padding: 40px 20px 40px;}
.ysItem .desc .atit{font-size: 24px;font-weight: bold;line-height: 1.2;color: #FFFFFF;}
.ysItem .desc .btit{font-size: 14px;color: #FFFFFF;line-height: 1.6;opacity: 0.5;margin: 10px 0 40px;}
.ysItem .desc .ctit{}
.ysItem .desc .dtit{font-size: 140px;line-height: .8;font-family: DIN;font-weight: bold;color: #FFFFFF;opacity: 0.05;position: absolute;bottom: 0;right: -20px;}


/* 品质保障 */
.sec5{background: url(../images/sec5_bg.jpg) center/cover;padding-bottom: 60px;}

.pzbzBox{position: relative;}
.pzbzImgBox{display: none;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 858px;height: 641px;background: url(../images/qqBg.png) no-repeat;}
.pzbzImgBox .pzbzImg{width: 445px;height: 445px;overflow: hidden;border-radius: 100%;display: none;}
.pzbzImgBox .pzbzImg.active{display: block;}
.pzbzImgBox .pzbzImg img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}

.pzbzList{display: flex;}
/* .pzbzList1,.pzbzList3{width: calc(100% - 100px);margin: 0 auto;} */
.pzbzList+.pzbzList{margin-top: 10px;}
.pzbzList1 .pzbzItem .btit{max-width: 300px;}
.pzbzList2 .pzbzItem .btit{max-width: 250px;}
.pzbzList3 .pzbzItem .btit{max-width: 300px;}
.pzbzItem{width: 50%;background: #EAEAEA;border-radius: 25px 0px 0px 25px;transition: .3s;padding: 28px 15px 30px;padding-left: 15px;display: flex;flex-direction: column;transition: .3s;}
.pzbzItem.right{border-radius: 0px 25px 25px 0px;text-align: right;padding-left: auto;padding-right: 15px;align-items: flex-end;}
.pzbzItem .atit{font-size: 24px;font-weight: bold;color: #293067;line-height: 1.5;}
.pzbzItem .btit{font-size: 14px;line-height: 1.6;color: #666666;margin-top: 5px;}
.pzbzItem .btit em{color: #E6212A;}
.pzbzItem.active{background: #293067;}
.pzbzItem.active .atit{color: #FFFFFF;}
.pzbzItem.active .btit{color: #FFFFFF;}

.pzbzList1 .pzbzItem:nth-of-type(1),.pzbzList3 .pzbzItem:nth-of-type(1){background: #293067;}
.pzbzList1 .pzbzItem:nth-of-type(1) .atit,.pzbzList3 .pzbzItem:nth-of-type(1) .atit{color: #FFFFFF;}
.pzbzList1 .pzbzItem:nth-of-type(1) .btit,.pzbzList3 .pzbzItem:nth-of-type(1) .btit{color: #FFFFFF;}
.pzbzList2 .pzbzItem:nth-of-type(2){background: #293067;}
.pzbzList2 .pzbzItem:nth-of-type(2) .atit{color: #FFFFFF;}
.pzbzList2 .pzbzItem:nth-of-type(2) .btit{color: #FFFFFF;}


/* 关于我们 */
.sec6{background: url(../images/sec6_bg.jpg) no-repeat;background-size: 1920px auto;background-position: center 0;padding-bottom: 60px;}
.numberBox{display: flex;flex-wrap: wrap;width: 100%;margin: 0px 0 40px;}
.numberItem{text-align: center;width: 33.333%;}
.numberItem .atit{font-size: 32px;line-height: 1;font-family: Arial;font-weight: bold;color: #FFFFFF;margin-bottom: 6px;}
.numberItem .btit{font-size: 14px;color: #FFFFFF;line-height: 1.5;}
.numberItem:nth-of-type(4),.numberItem:nth-of-type(5){width: 50%;margin-top: 20px;}

.aboutBox{background: #FFFFFF;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}
.aboutBox .aboutImgs{width: 100%;position: relative;}
.aboutBox .aboutImgs img{width: 100%;}
.aboutBox .aboutDesc{width: 100%;padding: 30px 15px 20px;}
.aboutBox .aboutDesc .atit{font-size: 28px;font-weight: bold;color: #293067;line-height: 1.2;margin-bottom: 15px;}
.aboutBox .aboutDesc .btit{display: inline-block;background: #E6212A;line-height: 35px;padding: 0 20px;font-size: 14px;color: #FFFFFF;letter-spacing: 2px;}
.aboutBox .aboutDesc .ctit{font-size: 14px;color: #666666;line-height: 1.6;margin-top: 15px;}
.aboutBox .aboutDesc .dtit{display: flex;margin-top: 40px;}
.aboutBox .aboutDesc .dtit .a{display:block;width: 100px;height: 40px;padding-right: 10px;line-height: 40px;background: #293067;font-size: 14px;color: #FFFFFF;text-align: center;position: relative;}
.aboutBox .aboutDesc .dtit .a2{width: 80px;background: #E6212A;}
.aboutBox .aboutDesc .dtit .a2::after{content: "";width: 20px;height: 40px;display: block;background: url(../images/aBG.png);position: absolute;right: 100%;top: 0;}

.abSelBox{display: flex;}
.abSel{font-size: 14px;color: #000000;background: #F9F9F9;padding: 0 15px;height: 40px;line-height: 40px;transition: .3s;margin: 40px 10px 20px 0;}
.abSel.active{background: #293067;color: #FFFFFF;}
.abList{display: none;flex-wrap: wrap;}
.abList.active{display: flex;}
.abItem{width: calc(50% - 5px);margin: 0 10px 10px 0;}
.abItem:nth-of-type(2n){margin-right: 0;}
.abItem img{width: 100%;}


/* 合作伙伴 */
.sec7{background: url(../images/sec7_bg.jpg) center/cover;padding-bottom: 60px;}
.hbList{display: flex;flex-wrap: wrap;}
.hbItem{width: calc(50% - 5px);margin: 0 10px 10px 0;}
.hbItem:nth-of-type(2n){margin-right: 0;}
.hbItem img{width: 100%;transition: .4s;}


/* 新闻资讯 */
.sec8{background: #F9F9F9;padding: 60px 0 80px;}
.ind_tit{margin-bottom: 20px;}
.newTitle{}
.newTitle .atit{font-size: 28px;font-weight: bold;color: #000000;line-height: 60px;position: relative;z-index: 99;}
.newTitle .atit em{color: #293067;}
.newTitle .btit{position: absolute;top: 0%;left: 0%;}

.ind_tit .sel_list{margin-left: auto;margin-top: 20px;}
.ind_tit .sel_list a{display: block;float: left;height: 40px;line-height: 40px;padding: 0 15px;background: #fff;}
.ind_tit .sel_list a+a{margin-left: 20px;}
.ind_tit .sel_list a:hover,.ind_tit .sel_list a.active{background: #293067;color: #fff;}

.xw_box{background: #fff;display: none;}
.xw_box.active{display: block;}
.xw_box .x_box{width: 100%;}
.xw_box .w_box{width: 100%;}
.xw_item{box-sizing: border-box;padding: 25px 15px;transition: .3s;}
.xw_item+.xw_item{border-top: 1px solid #EAEAEA;}
.xw_item p{display: block;font-size: 18px;font-weight: 400;color: #222222;line-height: 30px;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.xw_item span{display: block;font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.xw_item b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: #293067;border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;transition: .3s;}
.xw_item i{display:inline-block;padding-left: 30px;background: url(../images/time1.png) no-repeat;background-position: left center!important;font-size: 16px;color: #CCCCCC;line-height: 30px;margin-left: 15px;transition: .3s;}

.xw_item2{position: relative;}
.xw_item2 .img{height: 300px;width: 100%;overflow: hidden;}
.xw_item2 .img .bg{display: block;width: 100%;height: 100%;background-position: center !important;background-size: cover !important;transition: .6s;}
.xw_item2 .desc{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);box-sizing: border-box;padding: 25px 15px;}
.xw_item2 p{display: block;font-size: 18px;font-weight: 400;color: #fff;line-height: 30px;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xw_item2 span{display: block;font-size: 14px;font-weight: 400;color: #fff;opacity:0.5;line-height: 24px;height: 24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 5px;}
.xw_item2 b{display: inline-block;font-weight: normal;height: 30px;line-height: 30px;background: #293067;border-radius: 4px;color: #fff;font-size: 14px;box-sizing: border-box;padding: 0 10px;}
.xw_item2 i{display:inline-block;padding-left: 30px;background: url(../images/time2.png) no-repeat;background-position: left center!important;font-size: 14px;color: #CCCCCC;line-height: 30px;margin-left: 15px;}
.xw_item2+.xw_item{border-right: 1px solid #EAEAEA;display: none;}

.xw_item:hover{background: #293067;}
.xw_item:hover p,.xw_item:hover span{color: #fff;}
.xw_item:hover b{background: #fff;color: #293067;}
.xw_item:hover i{background: url(../images/time2.png) no-repeat;color: #fff;}
.xw_item2:hover .bg{transform: scale(1.1);}



@media screen and (max-width:499px) {
	.w1280{padding: 0 15px;}
}
@media screen and (max-width:399px) {
	.w1280{padding: 0 10px;}
}

/************************************** index start *************************************/





.pageVideoBoxBg{position: fixed;z-index: 99998;top: 0%;left: 0%;background: rgba(0,0,0,.5);width: 100%;height: 100%;display: none;}
.pageVideoBox{position: fixed;z-index: 99999;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.videoContent{position: relative;}
.videoContent .videoClose{position: absolute;top: -15px;right: -15px;width: 40px;padding: 10px;cursor: pointer;border-radius: 100%;background: rgba(0,0,0,.7);}
.videoContent .videoClose img{display: block;width: 20px;}
.videoContent video{display: block;max-width: 80vw;max-height: 80vh;}



.contenttt table *{font-size: 12px!important;}
.contenttt table{width: 100%!important;}
.contenttt table td{width: auto!important;white-space:normal!important;}