@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }
/**浮动按钮**/
.online{ width: 32px; height: auto; position: fixed; right:0; bottom:100px; z-index: 600; box-sizing: border-box; padding:6px; background-color: #FFF; box-shadow: 0 0 10px rgba(200,200,200,0.5); border-radius: 50px;}
.online::after{ content:  ' '; width:20px; height:1px; background-color: #CCC; position: absolute; left:50%; top:50%; margin-left:-10px; margin-top: -1px; }
.online > a{ display: inline-block; width:20px; height: 36px; line-height: 36px; text-align: center; }
/*.online > a + a{ border-top: 1px solid #CCC; }*/
.online > a > i{ font-size: 18px; }
.online > a.goTop{ display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; }
.online > a.goTop > i{ display: inline-block; transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg);}
/*弹出导航菜单*/
.float{ width:768px; left:0; top:0; height:100%; position:fixed; left:0; top:60px; margin-left:-384px; background-color:rgba(226,226,226,1); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}

.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box; box-sizing: border-box; padding:0 20px;}
.float > .f-navlist > ul > li{ width:100%; height:auto; line-height:48px; font-size:16px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid #d3d3d3; position: relative; }
.float > .f-navlist > ul > li.fnItem::after{ content: '\e6a3'; width:24px; height: 24px; text-align: center; line-height: 24px; position: absolute; right:0;top:12px; font-family:"iconfont" !important;  font-size:16px;  font-style:normal; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;} 
.float > .f-navlist > ul > li.fnItem.active::after{ transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);transform-origin:50% 50%; -webkit-transform-origin:50% 50%; }
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#333 !important; }
/*.float > .f-navlist > ul > li > a > i{ color:#333; font-size:16px;}*/
.float > .f-navlist > ul > li > .fnSub{ display: none; width:100%; height:auto; box-sizing: border-box; padding:0 10px 10px 10px; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.float > .f-navlist > ul > li.active > .fnSub{ display: block; }
.float > .f-navlist > ul > li > .fnSub > a{ display: block; width:100%; height: auto; line-height: 2.2; font-size: 14px; text-align: left; overflow: hidden;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;  }
/*.float > .f-navlist > ul > li:hover{ background-color:#000;}*/
/*.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}*/
/*头部*/
.header{ width:100%; height:auto; box-sizing:border-box; background-color:rgba(19,28,33,1);  position: initial;  z-index:100;  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; position: relative; z-index: 800;}
.header .hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; }
.logo{ display:block; width:120px;  flex-shrink: 0; }
.logo img{ width:100%;}
.header .hd-right{ width:100%; box-sizing: border-box; text-align: right; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; padding-left:5%; height: 100px; height: auto;}
.header .hd-right > .nav{ box-sizing: border-box; width:100%; height: 100%;}
.header .hd-right > .nav > ul{ width:100%; height: 100%;  display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-items: stretch; }
.header .hd-right > .nav > ul > li{ width:12%; text-align: center; font-size: 16px;/* position: relative;*/ flex-direction: column; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; height: 100%; }
.header .hd-right > .nav > ul > li > a{ display: inline-block; box-sizing: border-box; text-align: center;  box-sizing: border-box; border-bottom: 1px solid transparent;width:100%; color: #FFF !important;}
.header .hd-right > .nav > ul > li > div{ width:100%; height: auto; position: absolute; left:0; top:80px; z-index: 890; background-color: #f2f2f2; display:none;   padding:10px 0;}
/*.header .hd-right > .nav > ul > li > p::after{content: ' '; width:0; height:0; border-bottom:16px solid #FFF; border-left:14px solid transparent; border-right:14px solid transparent; position: absolute; top:-16px; left:50%; margin-left:-12px;}*/
.header .hd-right > .nav > ul > li > div > p{ width:1200px; height: auto; display: none; position:relative; flex-direction: row; display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin:0 auto; margin:0 auto;}
.header .hd-right > .nav > ul > li > div > p > p{ position:absolute; left:0px}
.header .hd-right > .nav > ul > li > div > p > span,.header .hd-right > .nav > ul > li > div > p > a{ width:auto; display: inline-block; height: 32px; line-height: 32px; display: inline-block; text-align: center; padding:0 10px; margin:0 10px; color: #333 !important; font-size: 14px; }
.header .hd-right > .nav > ul > li > div > p > span{ margin:0 0; }
.header .hd-right > .nav > ul > li.active > div,.header .hd-right > .nav > ul > li:hover > div{ display: block; }
.header .hd-right > .nav > ul > li.active > div > p,.header .hd-right > .nav > ul > li:hover > div > p{ display: flex; }
.header .hd-right > .nav > ul > li.active > a,.header .hd-right > .nav > ul > li:hover > a{color: #30a9e2 !important;}
/*.header .hd-right > .nav > ul > li:hover > p{ display: block; }*/
.header .hd-right > .chat{ display: block; width: 24px;height: 24px; line-height: 20px; flex-shrink: 0; font-size: 20px; text-align: center; align-self: center; margin-left: 10px; }
.header .hdTools{ width:60px; height: 24px; flex-shrink: 0; align-self: center; }
.search,.language{ width:24px; height:24px; }
.search{ float: left; position: relative; z-index: 800;}
.searchForm{ width:200px; height:46px; box-sizing: border-box; border-radius: 0 0 4px 4px; background-color: #FFF; position: absolute; right:0; top:52px; z-index: 1890; padding:10px 44px 10px 10px; display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; box-shadow: 0 10px 10px rgba(200,200,200,0.5)}
.sfInput{ width:100%; height: 24px; overflow: hidden; box-sizing: border-box; border:1px solid #FFF; }
.sfInput input{ width:100%; height: 24px; line-height: 24px; border:0; background-color: #FFF; font-size: 14px; text-align: left; }
.sfSubmit{ width:24px; height: 24px; overflow: hidden; position: absolute; right:10px; top:10px; }
.sfSubmit input{ width: 24px; height: 24px; border-radius: 0; border:0; background-image: url(../images/icon-search.png); background-repeat: no-repeat; background-color: #FFF; background-position: center center; background-size: 100% 100%; }
.language{ float: right; }
.search > h3,.language > h3{ width:24px; height:24px; overflow: hidden; line-height:24px; margin:0px; padding:0px;}
.language > h3 > a{ font-size:18px; margin:0px; padding:0px;line-height:24px; display:block; width:24px; height:24px; color:#848484 }
.search > h3 > img,.language > h3 > img{ width:100%; height: 100%; }
.header .nav-btn { width: 24px; height: 16px; cursor: pointer; display: none; flex-direction: column; justify-content: space-between; position: absolute; right:10px; top:50%; z-index: 650; margin-top: -8px; }
.header .nav-btn span {height: 2px; width: 100%; background-color: #5ac2ee; display: flex; position: absolute; transition: .5s;}
.header .nav-btn span:nth-child(1) {top: 0; left: 0;}
.header .nav-btn span:nth-child(2) {top: 50%; left: 0; transform: translate(0, -50%);}
.header .nav-btn span:nth-child(3) {bottom: 0; left: 0;}
.header .nav-btn-active span:nth-child(1) { left: 50%;  top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.header .nav-btn-active span:nth-child(2) { opacity: 0;}
.header .nav-btn-active span:nth-child(3) { left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);}
.header-blank{ background-color:transparent; height:100px;}
/*滚动后导航*/
.scrolltop{ background-color:rgba(19,28,33,0.8) !important; border-bottom:1px solid rgba(19,28,33,1);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop .hd-con{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; }
.scrolltop .hd-right > .nav > ul > li > a{color: #FFF !important;}
.footer{ width:100%; height: auto; background-color: #e2e2e2; min-width: 320px; box-sizing: border-box; border-top: 1px solid rgba(255,255,255,0.2);padding-top: 2.1875%; padding-bottom: 2.1875%; } 
.footer > .c-con{ box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.service{ padding-bottom: 2%; }
.servItem{ width:auto;}
.servItem > h3{ width:100%; height: auto; line-height: 36px; font-weight: 550; font-size: 14px; text-align: left; box-sizing: border-box;position: relative; transition:All 0.5s ease;}
.servItem > h3 > a{ color:#333}
.sIlist{ width:100%; box-sizing: border-box;  overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.sIlist > ul > li{ width:100%; min-width: 80px; box-sizing: border-box; padding-right: 20px; height: 24px; line-height: 24px; font-size: 12px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition:All 0.5s ease;}
.sIlist > ul > li > a{ color:#686868}
.servItem > h3:hover,.sIlist > ul > li:hover{transform:translate(8px,0);}


.servRight{ width:34%; flex-shrink: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin-left:5%;}
.srLogo,.crLogo{ display: inline-block; width:80px; overflow: hidden; }
.srLogo img,.crLogo img{ width:100%; }
.srAddr{ line-height: 24px; font-size: 12px; text-align: left;  margin-left:10%; color:#686868}
.srAddr span{ display:inline-block; font-size:20px; line-height:20px; margin-top:13px}
.footerF2{padding-top: 1.5%; border-top: 1px solid #c9c9c9;}
.crLogo{ display: none; }
.copyright{ width: 100%; font-size: 12px; line-height: 1.5; text-align: left; box-sizing: border-box; color:#686868 }
.copyright a{ color:#686868}
.footLanguage{ line-height: 1.5; font-size: 12px; flex-shrink: 0; margin-left:2%; color:#686868 }
/*主体*/

/*首页*/
/*焦点图*/
.flash{ width:100%; position: relative; }
.swiper1 .swiper-pagination {right:0; display:inline-block; padding-bottom:2%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:25px; height:1px; border-radius:0; box-sizing:border-box; border:0px solid #FFF; background-color: rgba(255,255,255,1); }
.swiper1 .swiper-pagination-bullet-active{ background-color:rgba(48,169,226,1);}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide > a{ display: block; width: 100%; color: #FFF !important; position: relative;}
/*.swiper1 .swiper-slide > a > img{ width:100%; transform: scale(1.12); -webkit-transform: scale(1.12);}
.swiper1 .swiper-slide-active > a > img{ width:100%;animation: kuoda 6s linear 0.5s 1; animation-fill-mode: forwards;}*/
.swiper1 .swiper-slide > a > img{ width:100%;}
.swiper1 .swiper-slide-active > a > img{ width:100%;}
.swiper1 .swiper-slide > a > .sliderAbout{ width:1200px; height: 100%; position: absolute; left:50%; top:0; margin-left: -600px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box; padding-bottom: 8%;}
.swiper1 .swiper-slide > a > .sliderAbout > h3,.swiper1 .swiper-slide > a > .sliderAbout > p{ line-height: 1.4; font-weight: normal; font-size: 56px; color: #FFF !important; width: 100%; text-align: left; }
.swiper1 .swiper-slide > a > .sliderAbout > p{ font-size: 24px; margin-top: 1%; color: rgba(255,255,255,0.8);}
.swiper1 .swiper-slide > a > .sliderAbout > h4{ display: inline-block; width:120px; height: 36px; box-sizing: border-box; padding-right: 20px; border: 1px solid #FFF; border-radius: 30px; line-height: 34px; font-size: 14px; text-align: center; font-weight: normal; position: absolute; left:0; bottom:10%; }
.swiper1 .swiper-slide > a > .sliderAbout > h4::after{ content:' '; width:0;height:0; position: absolute; right:16px;  top:50%;margin-top: -6px; border-top: 6px solid transparent;border-left: 10px solid #FFF; border-bottom: 6px solid transparent; }
.swiper1 .swiper-slide > a:hover > .sliderAbout > h4{ background-color: #30a9e2; color: #FFF !important; }
.swiper1 .swiper-slide > a:hover > .sliderAbout > h4::after{ border-left: 10px solid #FFF; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{  background-color:rgba(0,0,0,0.01); border-radius:0%; height:24px; width:24px; line-height:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-12px; box-sizing:border-box; background-size: 100% 100%;} 
.swiper1 .swiper-button-next{ background-image: url(../images/goRight.png); left:auto; right:6.78%;}
.swiper1 .swiper-button-prev{ background-image: url(../images/goLeft.png);  right:auto; left:6.78%;}
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:0; }
.main{   height:auto; }
.molProds,.molCases{ width:100%; min-width: 320px; height: auto; background-color: #f2f2f2;  }
.molProds > .c-con,.molCases > .c-con{ padding-top: 3%; padding-bottom: 3%; }
/*.molProds > .c-con{ padding-top: -20%; }*/
.mpHeader,.mcHeader{ width:100%; height: auto; background-color: #FFF; box-sizing: border-box; padding:1% 6% 2.5% 6%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.mphdTitle,.mchdTitle{ width: auto; flex-shrink: 0; margin-right: 30px; overflow: hidden; }
.mphdTitle > h3,.mphdTitle > p,.mchdTitle > h3,.mchdTitle > p{ width:100%; font-weight: 550;font-size: 30px; line-height: 2; overflow: hidden; min-width: 0; white-space: nowrap; text-overflow: ellipsis;  text-align: left;}
.mphdTitle > p,.mchdTitle > p{ font-size:14px; font-weight: normal; }
.mphdMenu,.mchdMenu{ width:100%; height: auto; align-self: center; transform: translateY(10px); -webkit-transform: translateY(10px);}
.mphdMenu > ul,.mchdMenu > ul{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center;; }
.mphdMenu > ul > li,.mchdMenu > ul > li{ width:auto; padding:0 3%; height: 44px; line-height: 42px; box-sizing: border-box; border:1px solid #cdcdcd; border-radius: 22px; background-color: #f9f9f9; margin-left:2%; font-size: 18px; cursor: pointer;}
.mphdMenu > ul > li:hover,.mchdMenu > ul > li:hover,.mphdMenu > ul > li.active,.mchdMenu > ul > li.active{ border:1px solid #30a9e2; color: #30a9e2 !important;}
.mphdMenu > ul > li:hover a,.mchdMenu > ul > li:hover a,.mphdMenu > ul > li.active a,.mchdMenu > ul > li.active a{ color: #30a9e2 !important; }
.molCases{ background-color: #FFF; }
.mcHeader{ background-color: #f2f2f2 }
.mcolNews .mpHeader .mphdTitle{ width:100%; }
.mcolNews .mpHeader .mphdTitle > h3,.mcolNews .mpHeader .mphdTitle > p{width:100%; text-align: center;}
.mcolNews > .c-con{ padding-top: 1%; padding-bottom: 0;}
/********/
.introMain{ padding-bottom: 3%; }
.leader-list4{width:1440px; height: auto; overflow: hidden; box-sizing: border-box; padding:0 120px;  position: relative; margin:0 auto;}
.swiper6 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper6 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper6 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper6 .swiper-slide{ position:relative;}
.swiper6 .swiper-slide > a{width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiper6 .swiper-slide > a > .cpItemImg{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiper6 .swiper-slide > a > .cpItemImg > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; position: absolute; left:0; top:0;}
.swiper6 .swiper-slide:hover > a > .cpItemImg > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}

.swiper6 .swiper-slide > a > .cpItemImg > p{ width:auto; display: inline-block; height: 24px; line-height: 24px; box-sizing: border-box; padding:0 10px; color: #FFF; background-color: #1e427c; position: absolute; left:12%; top:10%; z-index: 150; font-size: 14px; border-radius:3px }
.swiper6 .swiper-slide > a > .cpItemImg > p.shop{ background-color: #1e427c; }

.swiper6 .swiper-slide > a > .s7ItemAbout{width:100%; background-color: #FFF; height:auto; box-sizing: border-box; padding:6% 12%; }
.swiper6 .swiper-slide > a > .s7ItemAbout > h3,.swiper6 .swiper-slide > a > .s7ItemAbout > p{width:100%; font-weight: normal; line-height: 32px; overflow: hidden; font-size: 18px; color: #333 !important; text-align: left; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.swiper6 .swiper-slide > a > .s7ItemAbout > p{ -webkit-line-clamp:2; line-height: 24px; font-size: 14px; color:rgba(255,255,255,0.8) !important; color: #999 !important;}
.leader-list4 .swiper-button-next,.leader-list4 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:0px solid #e5e5e5; height:24px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -12px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;} 
.leader-list4 .swiper-button-next{ right:0; background-image: url(../images/goRight3.png);  } 
.leader-list4 .swiper-button-prev{ left:0; background-image: url(../images/goLeft3.png); }


.leader-list42{width:1440px; height: 0; overflow: hidden; box-sizing: border-box; padding:0 120px;  position: relative; margin:0 auto;}
.swiper62 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper62 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper62 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper62 .swiper-slide{ position:relative;}
.swiper62 .swiper-slide > a{width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiper62 .swiper-slide > a > .cpItemImg{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiper62 .swiper-slide > a > .cpItemImg > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; position: absolute; left:0; top:0;}
.swiper62 .swiper-slide:hover > a > .cpItemImg > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}

.swiper62 .swiper-slide > a > .cpItemImg > p{ width:auto; display: inline-block; height: 24px; line-height: 24px; box-sizing: border-box; padding:0 10px; color: #FFF; background-color: #1e427c; position: absolute; left:12%; top:10%; z-index: 150; font-size: 14px; border-radius:3px }
.swiper62 .swiper-slide > a > .cpItemImg > p.shop{ background-color: #1e427c; }


.swiper62 .swiper-slide > a > .s7ItemAbout{width:100%; background-color: #FFF; height:auto; box-sizing: border-box; padding:6% 12%; }
.swiper62 .swiper-slide > a > .s7ItemAbout > h3,.swiper62 .swiper-slide > a > .s7ItemAbout > p{width:100%; font-weight: normal; line-height: 32px; overflow: hidden; font-size: 18px; color: #333 !important; text-align: left; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.swiper62 .swiper-slide > a > .s7ItemAbout > p{ -webkit-line-clamp:2; line-height: 24px; font-size: 14px; color:rgba(255,255,255,0.8) !important; color: #999 !important;}
.leader-list42 .swiper-button-next,.leader-list42 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:0px solid #e5e5e5; height:24px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -12px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;} 
.leader-list42 .swiper-button-next{ right:0; background-image: url(../images/goRight3.png); } 
.leader-list42 .swiper-button-prev{ left:0; background-image: url(../images/goLeft3.png); }

.leader-list43{width:1440px; height: 0; overflow: hidden; box-sizing: border-box; padding:0 120px;  position: relative; margin:0 auto;}
.swiper63 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper63 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper63 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper63 .swiper-slide{ position:relative;}
.swiper63 .swiper-slide > a{width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiper63 .swiper-slide > a > .cpItemImg{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiper63 .swiper-slide > a > .cpItemImg > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; position: absolute; left:0; top:0;}
.swiper63 .swiper-slide:hover > a > .cpItemImg > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}

.swiper63 .swiper-slide > a > .cpItemImg > p{ width:auto; display: inline-block; height: 24px; line-height: 24px; box-sizing: border-box; padding:0 10px; color: #FFF; background-color: #1e427c; position: absolute; left:12%; top:10%; z-index: 150; font-size: 14px; border-radius:3px }
.swiper63 .swiper-slide > a > .cpItemImg > p.shop{ background-color: #1e427c; }


.swiper63 .swiper-slide > a > .s7ItemAbout{width:100%; background-color: #FFF; height:auto; box-sizing: border-box; padding:6% 12%; }
.swiper63 .swiper-slide > a > .s7ItemAbout > h3,.swiper63 .swiper-slide > a > .s7ItemAbout > p{width:100%; font-weight: normal; line-height: 32px; overflow: hidden; font-size: 18px; color: #333 !important; text-align: left; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.swiper63 .swiper-slide > a > .s7ItemAbout > p{ -webkit-line-clamp:2; line-height: 24px; font-size: 14px; color:rgba(255,255,255,0.8) !important; color: #999 !important;}
.leader-list43 .swiper-button-next,.leader-list43 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:0px solid #e5e5e5; height:24px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -12px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;} 
.leader-list43 .swiper-button-next{ right:0; background-image: url(../images/goRight3.png);  } 
.leader-list43 .swiper-button-prev{ left:0; background-image: url(../images/goLeft3.png); }

.leader-list5{ width:100%; height: 0; overflow: hidden; box-sizing: border-box;  position: relative; padding-bottom: 0; padding-left: 10%; padding-right: 10%;}
.swiper7 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiper7 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiper7 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiper7 .swiper-slide{ position:relative;background-color: rgba(255,255,255,0.01); border-radius: 6px;}
.swiper7 .swiper-slide > a{width: 100%; color: #333 !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative; }
.swiper7 .swiper-slide > a > .cpItemImg{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiper7 .swiper-slide > a > .cpItemImg > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; position: absolute; left:0; top:0;}
.swiper7 .swiper-slide:hover > .cpItemImg > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}

.swiper7 .swiper-slide > a > .cpItemImg > p{ width:auto; display: inline-block; height: 24px; line-height: 24px; box-sizing: border-box; padding:0 10px; color: #FFF; background-color: #1e427c; position: absolute; left:12%; top:10%; z-index: 150; font-size: 14px; border-radius:3px }
.swiper7 .swiper-slide > a > .cpItemImg > p.shop{ background-color: #1e427c; }

.swiper7 .swiper-slide > a > .s7ItemAbout{width:100%; background-color: #FFF; height:auto; box-sizing: border-box; padding:6% 12%; }
.swiper7 .swiper-slide > a > .s7ItemAbout > h3,.swiper7 .swiper-slide > a > .s7ItemAbout > p{width:100%; font-weight: normal; line-height: 32px; overflow: hidden; font-size: 32px; color: #333 !important; text-align: left; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.swiper7 .swiper-slide > a > .s7ItemAbout > p{ -webkit-line-clamp:2; line-height: 24px; font-size: 18px; color:rgba(255,255,255,0.8) !important; color: #999 !important; margin-top: 6px;}
.leader-list5 .swiper-button-next,.leader-list5 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:0px solid #e5e5e5; height:24px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -12px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;} 
.leader-list5 .swiper-button-next{ right:0; background-image: url(../images/goright3.png);  } 
.leader-list5 .swiper-button-prev{ left:0; background-image: url(../images/goleft3.png); }
/**********/
.casesList{ width:100%; height: auto; margin-top: 3%; display: none}
.casesList > ul > li{ width:32%; float: left; margin-right: 2%; margin-bottom: 2%;}
.casesList > ul > li:nth-of-type(3n){ margin-right: 0; }
.casesList > ul > li > a{ display: block; width:100%; position: relative;}
.casesList > ul > li > a > p{ width:100%; height:0; padding-top: 100%; position: relative; overflow: hidden; }
.casesList > ul > li > a > p > img{ width: 100%;height:100%; position: absolute; left:0; top:0;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }


.casesList > ul > li > a >  img{ width: 100%; position: absolute; left:0; bottom:0;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; z-index:1;}

.casesList > ul > li > a > .clItemAbout{ width:100%; height:100%; box-sizing: border-box; padding:5% 8%; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; z-index:9}
.casesList > ul > li > a > .clItemAbout > h3,.casesList > ul > li > a > .clItemAbout > p{width:100%; font-weight: normal; line-height: 32px; overflow: hidden; font-size: 18px; color: #FFF !important; text-align: left; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.casesList > ul > li > a > .clItemAbout > h3{-webkit-line-clamp:2; }
.casesList > ul > li > a > .clItemAbout > p{ line-height: 24px; font-size: 14px; color:rgba(255,255,255,0.8) !important; }
.newsMain{ width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; padding-bottom: 4%;}
.nmLeft{ width:50%;margin-right: 1%; flex-shrink: 0;  position: relative; z-index: 600;}
.nmlImg{ width:100%; height: 0; padding-top: 65.7%; position: relative; overflow: hidden; z-index: 620; }
.nmlImg > img{ width:100%; height:100%; position: absolute; left:0; top:0; z-index: 640;background-position: top center; background-repeat:no-repeat;
    background-size:contain;}
.nmlAbout{ width:100%; height: 100%; box-sizing: border-box; padding:4%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; position: absolute; left:0; top:0; z-index: 660; color: #FFF; }
.nmlAbout > h3,.nmlAbout > h4,.nmlAbout > p{width:100%; font-size: 18px; line-height: 1.4; text-align: left;overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; font-weight: normal; color: #FFF !important;}
.nmlAbout > h3{ font-size:22px; font-weight:bold}
.nmlAbout > p{box-sizing: border-box; line-height: 24px;  font-size: 14px; font-weight: normal; color:rgba(255,255,255,0.6) !important;}
.nmlAbout > h4{ font-size: 16px; color:rgba(255,255,255,0.8) !important; line-height: 30px;}
.nmlAbout:hover > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.nmlAbout:hover > h4,.nmlAbout:hover > p{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.nmRight{ width:100%; }
.nmRight > ul{ width:100%; height: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between;}
.nmRight > ul > li{ width: 49%; height: 48.5%; box-sizing: border-box; overflow: hidden; position: relative; z-index: 600;}
.nmRight > ul > li > img{ width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 640; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;background-position: center center; background-size: cover;}
.nmRight > ul > li > a{ display: flex; width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 660;  flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; box-sizing: border-box; padding:2.5% 5%;}
.nmRight > ul > li > a > h3,.nmRight > ul > li > a > p{ width:100%; font-weight: normal; line-height: 32px; overflow: hidden; font-size: 18px; color: #FFF !important; text-align: left;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.nmRight > ul > li > a > p{ line-height: 24px; font-size: 14px; color:rgba(255,255,255,0.8) !important; }
.nmRight > ul > li:hover > a > p,.casesList > ul > li:hover > a > .clItemAbout > p{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;color:rgba(255,255,255,0.6) !important;}
.nmRight > ul > li:hover > a > h3,.casesList > ul > li:hover > a > .clItemAbout > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }
.casesList > ul > li:hover > a > p > img,.nmRight > ul > li:hover > img{ transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); }
/****/
.swiperCases{ padding-bottom:0; width:80%; margin:0 auto; height: 0; overflow: hidden; }
.swiperCases .swiper-pagination {right:0; display:inline-block; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiperCases .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:12px; height:12px; border-radius:50%; box-sizing:border-box; border:0px solid #FFF; background-color: rgba(200,200,200,1); }
.swiperCases .swiper-pagination-bullet-active{ background-color:rgba(48,169,226,1);}
.swiperCases .swiper-slide{ position:relative; overflow: hidden;}
.swiperCases .swiper-slide > a{ display: block; width: 100%; color: #FFF !important; position: relative;}
.swiperCases .swiper-slide > a > img{ width:100%; background-position:center center; background-size:cover}
.swiperCases .swiper-slide > a > .casesSlideItem{ width:100%; height: 100%; position: absolute; left:0; top:0; box-sizing: border-box; padding:2% 5%; display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
.swiperCases .swiper-slide  > a > .casesSlideItem > h3,.swiperCases .swiper-slide > a > .casesSlideItem > p{ width:100%; line-height: 1.6; font-weight: normal; font-size: 32px; text-overflow: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; font-weight: normal; color: #FFF !important; }
.swiperCases .swiper-slide  > a > .casesSlideItem > h3{-webkit-line-clamp:2;}
.swiperCases .swiper-slide > a > .casesSlideItem > p{ font-size: 18px; color: rgba(255,255,255,0.8) !important; }
.swiperCases .swiper-button-next,.swiperCases .swiper-button-prev{  background-color:rgba(0,0,0,0.01); border-radius:0%; height:24px; width:24px; line-height:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-12px; box-sizing:border-box; background-size: 100% 100%; display: none; } 
.swiperCases .swiper-button-next{ background-image: url(../images/goRight.png); left:auto; right:6.78%;}
.swiperCases .swiper-button-prev{ background-image: url(../images/goLeft.png);  right:auto; left:6.78%;}
.swiperCases .swiper-button-next i,.swiperCases .swiper-button-prev i{ font-size:0; }
/********/
.swiperNews{ padding-bottom:0; width:80%; margin:0 auto; height: 0; overflow: hidden; }
.swiperNews .swiper-pagination {right:0; display:inline-block; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiperNews .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:12px; height:12px; border-radius:50%; box-sizing:border-box; border:0px solid #FFF; background-color: rgba(200,200,200,1); }
.swiperNews .swiper-pagination-bullet-active{ background-color:rgba(48,169,226,1);}
.swiperNews .swiper-slide{ position:relative; overflow: hidden;}
.swiperNews .swiper-slide > a{ display: block; width: 100%; color: #FFF !important; position: relative;}
.swiperNews .swiper-slide > a > img{ width:100%; background-position: center center; background-size: cover;}
.swiperNews .swiper-slide > a > .newsSlideItem{ width:100%; height: 100%; position: absolute; left:0; top:0; box-sizing: border-box; padding:2% 5%; display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
.swiperNews .swiper-slide  > a > .newsSlideItem > h3,.swiperNews .swiper-slide > a > .newsSlideItem > p{ width:100%; line-height: 1.6; font-weight: normal; font-size: 32px; text-overflow: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; font-weight: normal; color: #FFF !important; }
.swiperNews .swiper-slide > a > .newsSlideItem > p{ font-size: 18px; color: rgba(255,255,255,0.8) !important; }
.swiperNews .swiper-button-next,.swiperNews .swiper-button-prev{  background-color:rgba(0,0,0,0.01); border-radius:0%; height:24px; width:24px; line-height:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-12px; box-sizing:border-box; background-size: 100% 100%; display: none; } 
.swiperNews .swiper-button-next{ background-image: url(../images/goRight.png); left:auto; right:6.78%;}
.swiperNews .swiper-button-prev{ background-image: url(../images/goLeft.png);  right:auto; left:6.78%;}
.swiperNews .swiper-button-next i,.swiperNews .swiper-button-prev i{ font-size:0; }

/****内页***/
.colFlash{ width:100%; height: auto; position: relative; }
.colFlash > img{ width:100%; }
.colFlash > .cfAbout{ width: 1200px; height: 100%; position: absolute; left:50%;top:0; margin-left:-600px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box;}
.colFlash > .cfAboutAs{ padding-bottom: 3% !important; }
.colFlash > .cfAbout > h3,.colFlash > .cfAbout > p{line-height: 1.4; font-weight: normal; font-size: 36px; color: #FFF !important; width: 100%; text-align: center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.colFlash > .cfAbout > p{ font-size: 16px; color: rgba(255,255,255,0.8); margin-top: 1%; }
.colFlash > .cfAbout > h4{ width: 30px; height: 2px; background-color: #FFF; margin-top:10px; margin-bottom: 10px; }
/*****/
.location{ width:100%; min-width: 320px; background-color: #dee1e2; }
.location > .c-con{ box-sizing: border-box; padding-top: 1%; padding-bottom: 1%; }
.locationJob,.locationDetail{ width:100%; height:auto; line-height: 24px; text-align: center; font-size: 14px; } 
.locationJob > .pc{ display: block; text-align: inherit; }
.locationJob > .mob{ display: none; text-align: inherit; }
.locatinProd > .mob{ box-sizing:border-box; background-color: #FFF; padding:10px 4%; text-align: left; font-size: 20px; line-height: 2; }

/******/
.jobList{ width:100%; height: auto; }
.jobList > ul > li{ width: 100%; height: auto; }
.jobList > ul > li + li{  margin-top: 2%; }
.jobList > ul > li > .jlItemAbout{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; background-color: #dee1e2; }
.jobList > ul > li > .jlItemAbout > .jliaTitle{ width:100%; height: 60px; box-sizing: border-box; padding:0 5%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: 550; }
.jobList > ul > li > .jlItemAbout > .jliaTitle > p{ width:24px; height: 24px; box-sizing: border-box; border:1px solid #797979; flex-shrink: 0; margin-right: 20px;}
.jobList > ul > li > .jlItemAbout > .jliaTitle > p > img{ width: 22px; height: 22px; }
.jobList > ul > li > .jlItemAbout > .jliaTitle > h3{ width:100%; height: 24px; line-height: 24px; overflow: hidden;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size: inherit; text-align: left; }
.jobList > ul > li > .jlItemAbout > .jliaLink{ width:auto; height: 60px; box-sizing: border-box; padding:0 1%; line-height: 60px; background-color: #00aee7; color: #FFF !important; font-size: 16px; flex-shrink: 0; min-width:170px }
.jobList > ul > li > .jlItemAbout > .jliaLink > a{ color: #FFF !important; }
.jobList > ul > li > .jlItemMemo{ width:100%; box-sizing: border-box; padding:2% 5%; background-color: #FFF; }
.jobList > ul > li > .jlItemMemo > p{ width:100%; font-size: 14px; text-align: left;line-height: 1.5;}
.jobList > ul > li > .jlItemLink{ width: 100%; height: 60px; background-color: #00aee7; display: none; }
.jobList > ul > li > .jlItemLink > a{ display: inline-block; width:50%; box-sizing: border-box; height: 60px; line-height: 60px; font-size: 20px; font-weight: 550; text-align: center; color: #FFF !important; text-align: center;  }
.jobList > ul > li > .jlItemLink > a + a{ border-left:2px solid #FFF; }

.qaList{ width:100%; height: auto; }
.qaList > ul > li{ width: 100%; height: auto; overflow: hidden; }
.qaList > ul > li + li{  margin-top: 2%; }
.qaList > ul > li > .qlItemAbout{ wiqth: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; background-color: #dee1e2; }
.qaList > ul > li > .qlItemAbout > .qliaTitle{ width:100%; height: 60px; box-sizing: border-box; padding:0 5%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; font-size: 18px; font-weight: 550; }
.qaList > ul > li > .qlItemAbout > .qliaTitle > p{ width:24px; height: 24px; box-sizing: border-box; flex-shrink: 0; margin-right: 20px;}
.qaList > ul > li > .qlItemAbout > .qliaTitle > p > img{ width: 24px; height: 24px; }
.qaList > ul > li > .qlItemAbout > .qliaTitle > h3{ width:100%; height: 24px; line-height: 24px; overflow: hidden;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size: inherit; text-align: left; }
.qaList > ul > li > .qlItemAbout > .qliaLink{ width:auto; height: 60px; box-sizing: border-box; padding:0 3%; line-height: 60px; background-color: transparent; color: #00aee7 !important; font-size: 16px; flex-shrink: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; cursor:pointer}
.qaList > ul > li > .qlItemAbout > .qliaLink > p{ width:24px; height: 24px; line-height: 24px !important; text-align: center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.qaList > ul > li > .qlItemAbout > .qliaLink > p > i{ font-size: 22px; }
.qaList > ul > li.active > .qlItemAbout > .qliaLink > p{transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg);transform-origin:50% 50%; -webkit-transform-origin:50% 50%;}
.qaList > ul > li > .qlItemMemo{ width:100%; box-sizing: border-box; padding:2% 5%; background-color: #FFF; display: none;}
.qaList > ul > li > .qlItemMemo > p{ width:100%; font-size: 14px; text-align: left;line-height: 2; display: none;}
.qaList > ul > li.active > .qlItemMemo,.qaList > ul > li > .qlItemMemo > p{ display: block; }
.qaList > ul > li.active > .qlItemMemo > p{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}

.btnMore{ width:100%; height: auto; padding-bottom: 3%;}
.btnMore1{ width:100%; height: auto; padding-bottom: 3%; text-align:center; font-size:16px;}
.btnHomeMore{ padding-top: 2%; }
.btnMore > a{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 16px; height: 44px; line-height: 44px; width:140px; box-sizing: border-box; padding-right:20px; background-color: #f2f2f2; border-radius: 30px; margin:0 auto; position: relative; border:1px solid #f2f2f2; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.btnMore > a.btnProdMore{ background-color: #FFF; }
.btnMore > a.btnCaseMore{ border:1px solid #727272; }
.btnMore > a:hover{ background-color: #00aee7; border:1px solid #00aee7; color: #FFF !important;}
.btnMore > a::after{ content:  ' '; width:0; height:0; border-left: 6px solid transparent;border-top: 10px solid #727272; border-right: 6px solid transparent; position: absolute; right:20px; top:50%; margin-top: -4px;}
.btnMore > a:hover::after{border-top: 10px solid #FFF;}
.btnMore > span{ display:none; font-size:16px;} 
.server{ width:100%; height:auto; box-sizing: border-box; padding:3%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.serverLeft{ flex-shrink: 0; margin-right: 5%;}
.serverLeft > h3,.serverLeft > p{ text-align: left; font-weight: normal; font-size: 18px; line-height: 2; }
.serverLeft > p{ font-size: 14px; line-height: 1.4; }
.serverForm{ width:100%; height: 45px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.serverForm > .servfInput{ width:100%; height: 45px; background-color: #f9f9f9; border-radius: 6px; overflow: hidden; box-sizing: border-box; padding:10px; }
.serverForm > .servfInput > input{ width:100%; height: 25px; line-height: 25px; border:0; text-align: left; font-size: 14px; background-color: transparent; }
.serverForm .servfSubmit{ width:100px; height: 45px; flex-shrink: 0; box-sizing: border-box; background-color: #FFF; margin-left:10px; }
.serverForm .servfSubmit > button{ width:100%; height: 45px; border:0; line-height: 45px; text-align: center; padding:0 0; background-color: transparent; font-size: 18px;color: #30a9e2; border:1px solid #30a9e2; border-radius: 4px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}

.serverForm .servfSubmit > button:hover{ background-color: #30a9e2; border:1px solid #30a9e2;color:#FFF !important;}

.serverQTCode{ flex-shrink: 0; height: auto; box-sizing: border-box; padding:10px; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between;align-items: center; background-color: #f9f9f9; border-radius: 10px; margin-left:5%; cursor: pointer;}
.serverQTCode > h3{ height: 25px; line-height: 25px; text-align: center; font-weight: normal; font-size: 14px; }
.serverQTCode > p{ width: 25px; height: 25px; flex-shrink: 0; margin-left:10px; position: relative; cursor: pointer;}
.serverQTCode > p > span{ width: 114px;height: 122px; box-sizing: border-box; padding:9px 9px 17px 9px; position: absolute; left:-44px; top:-122px; background-image: url(../images/bg-QTCode.png); background-position: center center;background-repeat: no-repeat; background-size: 100% 100%; display: none;}
.serverQTCode > p > span > img{ width: 86px; height: 86px;border:5px solid #FFF; }
.serverQTCode.active > p > span,.serverQTCode:hover > p > span{ display: block; }
/*****/
.newsColtab{ width:100%; margin-bottom: 2.5%; }
.newsColtab > ul{ width:100%; height: auto;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center;}
.newsColtab > ul  li{ width:auto; padding:0 2.5%; height:48px; text-align: center; overflow: hidden; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; box-sizing: border-box; border:1px solid #c6c6c6; margin:0 2%; border-radius: 30px;}
.newsColtab > ul  li > a{ height:100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 18px; position: relative; color: #727272 !important;}
.newsColtab > ul  li.active,.newsColtab > ul  li:hover{ border:1px solid #00aee7;}
.newsColtab > ul  li.active > a,.newsColtab > ul  li:hover > a{ color: #00aee7 !important;}
.newsColtab > ul  li.tabSearch{ width:180px; padding-top: 10px; padding-bottom: 10px; padding-left:20px; padding-right: 10px; flex-direction: row; justify-content: space-between; align-items: center;}
.tsechInput{ width: 100%; height: 28px; overflow: hidden; }
.tsechInput input{ width:100%; height: 28px; line-height: 28px; font-size: 14px; border:0; background-color:transparent; }
.tsechBtn{ width:28px; height: 28px; overflow: hidden; flex-shrink: 0; margin-left:10px;}
.tsechBtn input{ width: 28px; height: 28px; border:0; padding:0; border-radius: 0; background-image: url(../images/icon-search.png); background-size: 80% 80%; background-repeat: no-repeat; background-position: center center; }

.newsColtabMob{ width:94%; box-sizing: border-box; margin:0 auto; margin-bottom: 3%; position: relative; display: none;}
.newsColtabMob > h3{ width:100%; height:64px; line-height:44px; background: rgba(255,255,255,0.8);border-radius: 50px; box-sizing: border-box; padding:10px 8%; font-size:24px;color: #333; font-weight: normal; text-align: left; position: relative;}
.newsColtabMob > h3::after{ content: '\e621'; width:30px; height: 30px; line-height: 30px; text-align: center;  position: absolute; right:8%; top:50%; margin-top: -15px; font-family:"iconfont" !important;  font-size:20px;}
.newsColtabMob > ul{ width:100%; height:auto; background-color: #FFF; position: absolute; left:0; top:64px; z-index: 550; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; display: none;}
.newsColtabMob > ul > li{ width:100%; height: 48px; line-height: 48px; box-sizing: border-box; padding:0 8%; font-size: 16px; overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: normal;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; cursor: pointer; text-align: left; }
.newsColtabMob > ul > li > a{ display: flex; width:100%; height:100%; overflow: hidden; flex-direction: row; flex-wrap: nowrap;justify-content: flex-start; align-items: center; }
.newsColtabMob:hover > ul{ display: block; }
.newsColtabMob > ul > li:hover{ background-color: rgba(0,0,0,0.02); }

.newsHot{ width:100%; height: auto; background-color: #FFF; box-sizing: border-box; padding:1.5%; }
.newsHot > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.newsHot > ul > li{ width: 49.2%; }
.newsHot > ul > li > a{ display: block; width:100%; height:0; padding-top: 65.6863%; position: relative; overflow: hidden; color: #FFF !important; }
.newsHot > ul > li > a > img{ width:100%; height: 100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.newsHot > ul > li > a > div{ width:100%; position: absolute; left:0; bottom:0; z-index:1;}
.newsHot > ul > li > a > div > .bg{ width:100%}
.newsHot > ul > li > a:hover > img,.newsList > ul > li:hover > .nlImg > img{transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03);}
.newsHot > ul > li > a > .nhAbout{ width:100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; box-sizing: border-box;padding:3.5% 5%; z-index:9;}
.newsHot > ul > li > a > .nhAbout > h3,.newsHot > ul > li > a > .nhAbout > h4,.newsHot > ul > li > a > .nhAbout > p{ width:100%; text-align: left; font-weight: normal; line-height: 1.5; font-weight: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.newsHot > ul > li > a > .nhAbout > h3{ font-size: 28px; }
.newsHot > ul > li > a > .nhAbout > h4{ font-size: 16px; }
.newsHot > ul > li > a:hover > .nhAbout > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.newsHot > ul > li > a:hover > .nhAbout > h4{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.newsHot > ul > li > a:hover > .nhAbout > p{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.newsList{ width:100%;height: auto; }
.newsList > ul > li{ width: 100%; box-sizing: border-box; background-color: #FFF; box-sizing: border-box; padding:1.5%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items:stretch; margin-top: 1.5%; cursor: pointer;}
.newsList > ul > li > .nlImg{ display: inline-block; width:295px; overflow: hidden; flex-shrink: 0; margin-right: 2%; }
.newsList > ul > li > .nlImg > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.newsList > ul > li > .nlRight{ width:100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.newsList > ul > li > .nlRight > h3,.newsList > ul > li > .nlRight > p{ width:100%; height: auto; line-height: 2; font-size: 18px; overflow: hidden; text-align: left; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.newsList > ul > li > .nlRight > p{ font-size: 14px; -webkit-line-clamp:2; font-weight: normal; color:#686868}
.newsList > ul > li > .nlRight > .nlrAside{ width:100%; height: auto; line-height: 24px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; color:#686868 }
.newsList > ul > li > .nlRight > .nlrAside > p{ height: 24px; line-height: 24px; font-size: 14px;  color:#686868}
.newsList > ul > li > .nlRight > .nlrAside > p > a{ display: inline-block; height: 24px; line-height: 24px; padding:0 10px; background-color: #f2f2f2; margin-right: 10px; color:#686868 !important }
.newsList > ul > li > .nlRight > .nlrAside > a{ color:#686868 !important } 
.newsList > ul > li > .nlRight > .nlrAside > a > i{   color:#686868}
.newsList > ul > li:hover > .nlRight > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.newsList > ul > li:hover > .nlRight > .nlrAside{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.newsBlank{ width:100%; height:1px; }
/*****/
.about{ width: 100%; height:auto; transform: translateY(-6%); -webkit-transform: translateY(-6%); transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.about > ul > li{ width: 100%; box-sizing: border-box; padding:1.5%; background-color: #FFF; margin-bottom: 2%; }
.about > ul > li > a{ display: inline-block; width:100%; height:auto; position: relative; color: #FFF !important;}
.about > ul > li > a > .aiItemImg{ width:100%; height: 0; padding-top: 37.5%; overflow: hidden; position: relative; }
.about > ul > li > a > .aiItemImg > img{ width:100%; height:100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.about > ul > li > a > .aiItemAbout{ width:100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding:3%;}
.about > ul > li > a > .aiItemAbout > h3,.about > ul > li > a > .aiItemAbout > p,.about > ul > li > .aiItemMemo > h2,.partnerImg > div > h3{ width:100%; font-weight: 550; line-height: 1.5; text-align: left; font-size: 22px; }
.about > ul > li > a > .aiItemAbout > h3,.about > ul > li > .aiItemMemo > h2{ font-size:34px; }
.about > ul > li:nth-of-type(2n) > a > .aiItemAbout > h3{ text-align: right; }
.about > ul > li > a:hover > .aiItemImg > img{ transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03); }
.about > ul > li > a:hover > .aiItemAbout > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.about > ul > li > a:hover > .aiItemAbout > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}

.about > ul > li > .aiItemMemo{ width:100%; height:auto; box-sizing: border-box; padding:1.5% 3.2%;  }
.about > ul > li > .aiItemMemo > h2{ display: none; padding-bottom: 2%; border-bottom: 1px solid #EEE; margin-bottom: 2%;}
.about > ul > li > .aiItemMemo > h3,.about > ul > li > .aiItemMemo > p{ width: 100%; height: auto; line-height: 1.5; text-align: left; font-size: 16px; }
.about > ul > li > .aiItemMemo > p{ font-size: 14px; margin-top: 5px; box-sizing: border-box; padding-right: 20%; font-weight: normal;}
.about > ul > li:nth-of-type(3) > a > .aiItemAbout > p{  position: relative; color: #000 !important;}
/*.about > ul > li:nth-of-type(3) > a > .aiItemAbout > p::after{ content:  ' '; width:30px; height: 30px; position: absolute; right: 0; top:50%; margin-top: -15px; background-image: url(../images/emp-13.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}*/
.partner{ width:97%; padding:0 1.5%; height:auto; background-color: #FFF; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transform: translateY(-12%); -webkit-transform: translateY(-12%);}
.partnerImg{ width:100%; height: 0;padding-top: 27.5%; position: relative; overflow: hidden; }
.partnerImg > img{ width: 100%; height: 100%; position: absolute; left:0; top:0;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.partnerImg:hover > img{transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03);}
.partnerImg > div{ width:100%; height: 100%; box-sizing: border-box; padding:3%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; flex-wrap: nowrap; position: absolute; left:0; top:0;}
.partnerImg > div > h3{ text-align: right; color: #FFF; font-size:34px}
.partnerImg:hover > div > h3{animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.parterMain{ width:100%; height: auto; box-sizing: border-box; padding:3%;}
.pmAbout{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;  border-bottom: 1px solid #ebebeb; box-sizing: border-box; padding-bottom: 2.5%; margin-bottom: 1%;}
.pmAbout > h3{ width:40%; font-weight: 550; line-height: 1.5; text-align: left; font-size: 22px; }
.pmAbout > div{ width:50%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start;}
.pmAbout > div > p{ width:100%; line-height: 1.5; font-size: 14px; text-align: left; }
.pmAbout > div > h4{ width: 30px; height: 30px; overflow: hidden; flex-shrink: 0; margin-left: 20%;}
.pmAbout > div > h4 > img{width: 100%; height: 100%;}
.pmFlash,.pmFlash2{ width:100%; height:auto; box-sizing: border-box; padding:0 7%; position: relative; overflow: hidden; }
/*.leader-list4{width:1440px; height: auto; overflow: hidden; box-sizing: border-box; padding:0 120px;  position: relative; margin:0 auto;}*/
.swiperParter .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiperParter .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiperParter .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiperParter .swiper-slide{ position:relative;}
.swiperParter .swiper-slide > a{width: 100%; box-sizing: border-box; padding:1% 5%;}
.swiperParter .swiper-slide > a > img{ width: 100%;}
.pmFlash .swiper-button-next,.pmFlash .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #a9a9a9; height:28px; width:28px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -14px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%;} 
.pmFlash .swiper-button-next{ right:0; background-image: url(../images/goRight2.png);  } 
.pmFlash .swiper-button-prev{ left:0; background-image: url(../images/goLeft2.png); }
.pmFlash2{ padding:0 48px; height:0; }
.swiperParter2 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiperParter2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiperParter2 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiperParter2 .swiper-slide{ position:relative;}
.swiperParter2 .swiper-slide > a{width: 100%; box-sizing: border-box; padding:1% 5%;}
.swiperParter2 .swiper-slide > a > img{ width: 100%;}
.pmFlash2 .swiper-button-next,.pmFlash2 .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:1px solid #a9a9a9; height:28px; width:28px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -14px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%;} 
.pmFlash2 .swiper-button-next{ right:0; background-image: url(../images/goRight2.png);  } 
.pmFlash2 .swiper-button-prev{ left:0; background-image: url(../images/goLeft2.png); }
/********/
.detail{ width:100%; height:auto; background-color: #FFF; }
.detTitle{ width: 100%; height: auto; box-sizing: border-box; padding:3% 6.5%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 36px; line-height: 1.4; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.detImg{ width:100%; height: auto; }
.detImg img{ width:100%; }
.detPara{ width: 100%; height: auto; box-sizing: border-box; padding:2% 6.5% 0 6.5%; border-bottom: 1px solid #f9f9f9; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.dpLeft{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; box-sizing: border-box;padding-top: 2%; padding-bottom: 2%; border-bottom: 1px solid #f2f2f2; font-size: 14px;}
.dpLeft > a{ display: inline-block; height: 28px; line-height: 26px; padding:0 10px; font-size: 14px; background-color: #f2f2f2; color: #8e8e8e !important; border:1px solid #f2f2f2; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; flex-shrink: 0; margin-right: 10px;}
.dpLeft > a:hover{ border:1px solid #000; background-color: #000; color: #FFF; }
.dpCount{ width:88px; height: 88px; background-color: #f2f2f2; border-radius: 6px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; flex-shrink: 0; margin-left:10%;}
.dpCount > h3,.dpCount > p{ line-height: 1.5; overflow: hidden; box-sizing: border-box; padding:0 10px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size: 12px; color: #878787;}
.dpCount > h3{ font-size: 24px; color: #000; }
.detMemo{ width:100%; height: auto; line-height: 2; text-align: left; font-size: 14px; box-sizing: border-box;padding:4% 6.5%; }
.detMemo img{ padding:8px 15px; max-width:1014px;display:inline !important}
.detPage{ width:100%; height:auto; margin-top: 1%; display: flex; flex-direction: row;  flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.detPage > p{ width:49.5%; height: auto; line-height: 3; box-sizing: border-box; background-color: #FFF; padding:10px 20px; text-align: left;  font-size: 14px;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow: hidden;}
.detPage > p:nth-of-type(2n){ text-align: right; }
/*******/
.locationDetail{ text-align: left; }
.locationDetail > span{ color: #00aee7; }
.downList{ width:100%; height:auto; box-sizing: border-box; }
.downList > ul > li{ width:100%; height: auto; box-sizing: border-box; padding:10px 2%; background-color: #dee1e2; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.downList > ul > li + li{ margin-top: 1%; }
.downList > ul > li > .dlItemLeft{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.downList > ul > li > .dlItemLeft > p{ flex-shrink: 0; margin-right: 2%; }
.downList > ul > li > .dlItemLeft > h3{ width:100%;height: 36px; line-height: 36px; font-weight: 550; font-size: 20px; overflow: hidden;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.downList > ul > li > .dlItemBtn{ flex-shrink: 0; margin-left:3%; width: 120px; height: 36px; background-image: linear-gradient(to bottom,#a3a3a3,#4b4b4b); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border-radius: 5px; overflow: hidden;}
.downList > ul > li > .dlItemLeft > p,.downList > ul > li > .dlItemBtn > p{ width:24px; height: 24px; overflow: hidden; }
.downList > ul > li > .dlItemBtn > p{ flex-shrink: 0; margin-right: 6px; }
.downList > ul > li > .dlItemLeft > p > img,.downList > ul > li > .dlItemBtn > p > img{ width:100%; height: 100%; }
.downList > ul > li > .dlItemBtn > span{ font-size: 14px; color: #FFF; }

/*****/
.caseTab{ width:100%; height: auto; background-color: #FFF; box-sizing: border-box; border:1px solid #d7d7d7; position: relative; }
.caseTab > .ctBtn{  width:26px; height: 26px; box-sizing: border-box; border:1px solid #a6a6a6; line-height: 24px; text-align: center;font-family:"iconfont" !important;  font-size:16px;  font-style:normal; color: #434343; position: absolute; left:50%; bottom:-13px; margin-left:-13px; background-color: #FFF; border-radius: 50%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; cursor:pointer}
.caseTab > .ctBtn.active{transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg);transform-origin:50% 50%; -webkit-transform-origin:50% 50%; }

.caseTab > ul{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.caseTab > ul > li{ width:33.3333%; box-sizing: border-box; padding:2% 20px; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; cursor: pointer; border-right:1px solid #d7d7d7; display: none; border-top: 1px solid #d7d7d7;}
.caseTab > ul > li:nth-of-type(3n){ border-right:0; }
.caseTab > ul > li:nth-of-type(1),.caseTab > ul > li:nth-of-type(2),.caseTab > ul > li:nth-of-type(3){ display: flex; border-top: 0;}
.caseTab > ul.active > li{ display: flex; }
.caseTab > ul > li > h3,.caseTab > ul > li > h4{ font-weight: 550; font-size: 18px; color: #000; line-height: 1.567; overflow: hidden;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;  }
.caseTab > ul > li > h4{ font-size: 16px; color: #666; font-weight: normal;}
.caseTab > ul > li > p{ width: 30px; height: 2px; background-color: #FFF; margin-top: 6px; }
.caseTab > ul > li.active > p{ background-color: #00aee7; }
.caseTab > ul > li > div{display: none;}
.caseMain,.caseMain2{ width:100%; background-color: #FFF;margin-top: 4%; box-sizing: border-box;padding:5%; }
.cmHeader,.cmHeader2{ width: 45%; box-sizing: border-box; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 2%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin:0 auto;}
.cmHeader > h3,.cmHeader > h4,.cmHeader2 > h3,.cmHeader2 > h4{ line-height: 2; font-size: 24px; color: #000; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; max-width: 45%;}
.cmHeader > h4,.cmHeader2 > h4{ font-size: 16px; padding:0 2%; background-color: #f2f2f2; border-radius: 30px; font-weight: normal; flex-shrink: 0; margin-left: 5%;}
.cmIMg,.cmIMg2{ width:100%; height: auto; overflow: hidden; margin-top: 2%;}
.cmIMg > img,.cmIMg2 img{ width:100%; }
.caseTab-list{ width:100%; height: 0; overflow: hidden; box-sizing: border-box;  position: relative; padding-bottom: 0; padding-left: 10%; padding-right: 10%;}
.swiperCaseTab{ background-color: #FFF; border:1px solid #d7d7d7; }
.swiperCaseTab .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiperCaseTab .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiperCaseTab .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiperCaseTab .swiper-slide{ position:relative;background-color: rgba(255,255,255,0.01); padding-top: 4%; padding-bottom: 4%;}
.swiperCaseTab .swiper-slide > h3,.swiperCaseTab .swiper-slide > h4{width:100%; font-weight: 550; line-height: 32px; overflow: hidden; font-size: 24px; color: #333 !important; text-align: center; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.swiperCaseTab .swiper-slide > h4{ -webkit-line-clamp:2; line-height: 24px; font-size: 16px; color:rgba(255,255,255,0.8) !important; color: #999 !important; font-weight: normal;}
.swiperCaseTab .swiper-slide > p{ width: 30px; height: 2px; background-color: #FFF; margin:0 auto; margin-top: 6px;}
.swiperCaseTab .swiper-slide-active > p{ width: 30px; height: 2px; background-color: #00aee7; margin:0 auto; margin-top: 6px;}
.swiperCaseTab .swiper-slide > div{ display: none; }
.caseTab-list .swiper-button-next,.caseTab-list .swiper-button-prev{ color:rgba(0,0,0,0.5);  border-radius:50%; border:0px solid #e5e5e5; height:24px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -12px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;} 
.caseTab-list .swiper-button-next{ right:0; background-image: url(../images/goright3.png);  } 
.caseTab-list .swiper-button-prev{ left:0; background-image: url(../images/goleft3.png); }
.caseMain2{ display: none; width:80%; margin:0 auto; margin-top: 3.5%;}
.cmHeader2{ width:100%;flex-direction: column;  }
.cmHeader2 > h3,.cmHeader2 > h4{  max-width: 90%;}
.cmHeader2 > h3{ font-size: 22px; }
/******/
.series{ width: 100%; height: auto; box-sizing: border-box; border:1px solid #d7d7d7; background-color: #FFF;}
.seriseHeader{ width:100%; height: 48px; box-sizing: border-box; padding:0 2%; background-color: #293033;}
.seriseHeader > h3{ display: inline-block; height: 48px;line-height: 48px; float: left; font-weight: normal; font-size: 18px; color: #FFF; }
.shSearch{ width:200px; height:32px; box-sizing: border-box; padding:4px 44px 4px 10px; float: right; background-color: #FFF; border-radius: 30px; margin-top: 8px; position: relative;}
.ssInput{ width:100%; height: 24px; overflow: hidden; box-sizing: border-box; border:1px solid #FFF; }
.ssInput input{ width:100%; height: 24px; line-height: 24px; border:0; background-color: #FFF; font-size: 14px; text-align: left; }
.ssSubmit{ width:24px; height: 24px; overflow: hidden; position: absolute; right:10px; top:4px; }
.ssSubmit input{ width: 24px; height: 24px; border-radius: 0; border:0; background-image: url(../images/icon-search.png); background-repeat: no-repeat; background-color: #FFF; background-position: center center; background-size: 100% 100%; }
.seriMain{  width: 100%; border-bottom: 1px solid #d7d7d7; box-sizing: border-box; padding-left:15%; position: relative;}
.smTitle{ width:15%; height:100%; background-color: #FFF; position: absolute; left:0;top:0; box-sizing: border-box; border-right:1px solid #d7d7d7; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.smTitle > span{ font-size: 18px;font-weight: 550; box-sizing: border-box; padding:0 10px; }

.smFlash1{ width: 100%; height:auto; position: relative; }
.swiperSmf1 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiperSmf1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiperSmf1 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiperSmf1 .swiper-slide{ position:relative; box-sizing: border-box; border-right:1px solid #d7d7d7; overflow: hidden;}
.swiperSmf1 .swiper-slide:nth-last-of-type(1){ border-right:0; }
.swiperSmf1 .swiper-slide > a{width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiperSmf1 .swiper-slide > a > p{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiperSmf1 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; position: absolute; left:0; top:0;}
.swiperSmf1 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiperSmf1 .swiper-slide > a > h3{width:100%; font-weight: normal; line-height: 40px; overflow: hidden; font-size: 14px; color: #333 !important; text-align: center; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing: border-box; padding:0 10px; }
.smFlash1 .swiper-button-next,.smFlash1 .swiper-button-prev{ color:rgba(0,0,0,0.5); background-color: #f2f2f2; border-radius:50%; border:1px solid #a2a2a2; height:24px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -12px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 70% 70%;} 
.smFlash1 .swiper-button-next{ right:-10px; background-image: url(../images/goRight3.png);  } 
.smFlash1 .swiper-button-prev{ left:-10px; background-image: url(../images/goLeft3.png); }

.smFlashBtm{ width: 100%; height:auto; position: relative; }
.swiperSmf2 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiperSmf2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiperSmf2 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiperSmf2 .swiper-slide{ position:relative; box-sizing: border-box; border-right:1px solid #d7d7d7; overflow: hidden;}
.swiperSmf2 .swiper-slide:nth-last-of-type(1){ border-right:0; }
.swiperSmf2 .swiper-slide > a{width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiperSmf2 .swiper-slide > a > p{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiperSmf2 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; position: absolute; left:0; top:0;}
.swiperSmf2 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiperSmf2 .swiper-slide > a > h3{width:100%; font-weight: normal; line-height: 40px; overflow: hidden; font-size: 14px; color: #333 !important; text-align: center; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing: border-box; padding:0 10px; }

.swiperSmf3 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiperSmf3 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiperSmf3 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiperSmf3 .swiper-slide{ position:relative; box-sizing: border-box; border-right:1px solid #d7d7d7; overflow: hidden;}
.swiperSmf3 .swiper-slide:nth-last-of-type(1){ border-right:0; }
.swiperSmf3 .swiper-slide > a{width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiperSmf3 .swiper-slide > a > p{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiperSmf3 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; position: absolute; left:0; top:0;}
.swiperSmf3 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiperSmf3 .swiper-slide > a > h3{width:100%; font-weight: normal; line-height: 40px; overflow: hidden; font-size: 14px; color: #333 !important; text-align: center; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing: border-box; padding:0 10px; }

.swiperSmf4 .swiper-pagination{right:0; display:inline-block;  padding-top:2%; padding-bottom:0; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;  display: none; }
.swiperSmf4 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:10px; height:10px; border-radius:50%; box-sizing:border-box;  background-color: #d0d0d0; color: #999; }
.swiperSmf4 .swiper-pagination-bullet-active{background-color: #1b96d5; color: #333;}
.swiperSmf4 .swiper-slide{ position:relative; box-sizing: border-box; border-right:1px solid #d7d7d7; overflow: hidden;}
.swiperSmf4 .swiper-slide:nth-last-of-type(1){ border-right:0; }
.swiperSmf4 .swiper-slide > a{width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; padding-top: 16px; padding-bottom: 16px; position: relative;}
.swiperSmf4 .swiper-slide > a > p{ width: 100%; height:0; padding-top: 64.6341%; position: relative; margin:0 auto; overflow: hidden; }
.swiperSmf4 .swiper-slide > a > p > img{ width: 100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; height: 100%; position: absolute; left:0; top:0;}
.swiperSmf4 .swiper-slide:hover > a > p > img{transform: scale(1.04,1.04); -webkit-transform: scale(1.04,1.04);}
.swiperSmf4 .swiper-slide > a > h3{width:100%; font-weight: normal; line-height: 40px; overflow: hidden; font-size: 14px; color: #333 !important; text-align: center; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; box-sizing: border-box; padding:0 10px; }



.smFlashBtm .swiper-button-next,.smFlashBtm .swiper-button-prev{ color:rgba(0,0,0,0.5); background-color: #f2f2f2; border-radius:50%; border:1px solid #a2a2a2; height:24px; width:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:0; top:auto; top:50%; margin-top: -12px; box-sizing:border-box; background-repeat: no-repeat; background-position: center center; background-size: 70% 70%;} 
.smFlashBtm .swiper-button-next{ right:-10px; background-image: url(../images/goRight3.png);  } 
.smFlashBtm .swiper-button-prev{ left:-10px; background-image: url(../images/goLeft3.png); }

/****/
.colProds{ width:100%; height:auto; }
.cpHot{ width:100%; height:auto; overflow: hidden; position: relative; display: inline-block;}
.cpHot > img{ width:100%; }
.cpHot > p{ width:100%; height: 100%; position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 36px; color: #FFF !important; background-color: rgba(0,0,0,0.3); }
.cpList{ width:100%; height: auto;box-sizing: border-box; background-color: #FFF; border:1px solid #dbdbdb; }
.cpList > ul > li{ width:33.3333%; float: left;  }
.cpList > ul > li + li{ border-left:1px solid #dbdbdb; }
.cpList > ul > li > a{ display: block; width:100%; height:auto; }
.cpList > ul > li > a > .cpItemImg{ width: 100%; height:0; padding-top: 64.6341%; position: relative; overflow: hidden; }
.cpList > ul > li > a > .cpItemImg > img{ width:100%; height:100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cpList > ul > li > a > .cpItemImg > p{ width:auto; display: inline-block; height: 24px; line-height: 24px; box-sizing: border-box; padding:0 10px; color: #FFF; background-color: #1e427c; position: absolute; left:12%; top:10%; z-index: 150; font-size: 14px; }
.cpList > ul > li > a > .cpItemImg > p.shop{ background-color: #1e427c; }
.cpList > ul > li > a > .cpItemImg > p.new{ background-color: #5ac2ee; }
.cpList > ul > li > a > .cpItemAbout{ width:100%; height:auto; box-sizing: border-box; padding:4% 6%; overflow: hidden;}
.cpList > ul > li > a > .cpItemAbout > h3,.cpList > ul > li > a > .cpItemAbout > p{ width: 100%; text-align: left; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: 550; font-size: 22px;}
.cpList > ul > li > a > .cpItemAbout > p{ font-size: 16px !important; -webkit-line-clamp:2 !important; font-weight: normal !important; margin-top: 1%;}
.cpList > ul > li > a:hover > .cpItemImg > img{ transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03); }
.cpList > ul > li > a:hover > .cpItemAbout > h3,.prodDetail > ul > li:hover > .pdItemImg > .pdiImgAbout > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.cpList > ul > li > a:hover > .cpItemAbout > p,.prodDetail > ul > li:hover > .pdItemImg > .pdiImgAbout > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}



.cpList1{ width:100%; height: auto; background-color: #FFF; border-left:1px solid #dbdbdb; border-right:none}
.cpList1 > ul > li{ width:33.25%; overflow:hidden; float: left;  border-right:1px solid #dbdbdb;  border-bottom:1px solid #dbdbdb;}
.cpList1 > ul > li:first-child,.cpList > ul > li:nth-child(3n+1){ border-left:none}
.cpList1 > ul > li > a{ display: block; width:100%; height:auto; }
.cpList1 > ul > li > a > .cpItemImg{ width: 100%; height:0; padding-top: 64.6341%; position: relative; overflow: hidden; }
.cpList1 > ul > li > a > .cpItemImg > img{ width:100%; height:100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.cpList1 > ul > li > a > .cpItemImg > p{ width:auto; display: inline-block; height: 24px; line-height: 24px; box-sizing: border-box; padding:0 10px; color: #FFF; background-color: #1e427c; position: absolute; left:12%; top:10%; z-index: 150; font-size: 14px; }
.cpList1 > ul > li > a > .cpItemImg > p.shop{ background-color: #1e427c; }
.cpList1 > ul > li > a > .cpItemImg > p.new{ background-color: #5ac2ee; }
.cpList1 > ul > li > a > .cpItemAbout{ width:100%; height:auto; box-sizing: border-box; padding:4% 6%; overflow: hidden;}
.cpList1 > ul > li > a > .cpItemAbout > h3,.cpList > ul > li > a > .cpItemAbout > p{ width: 100%; text-align: left; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: 550; font-size: 22px;}
.cpList1 > ul > li > a > .cpItemAbout > p{ font-size: 15px; line-height:25px; height:50px; overflow:hidden; -webkit-line-clamp:2; font-weight: normal; margin-top:1%}
.cpList1 > ul > li > a:hover > .cpItemImg > img{ transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03); }
.cpList1 > ul > li > a:hover > .cpItemAbout > h3,.prodDetail > ul > li:hover > .pdItemImg > .pdiImgAbout > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.cpList1 > ul > li > a:hover > .cpItemAbout > p,.prodDetail > ul > li:hover > .pdItemImg > .pdiImgAbout > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}




.pcol{ display: block; }
.mobpcol{ display: none; }
.mobMenus{ width:80%; height: 64px; margin:0 auto; margin-top: 2%; margin-bottom: 5%;/* overflow: hidden; */background-color: #FFF; border-radius: 40px; }
.mmMain,.mmAside{ width: 50%; height: 64px; float: left; box-sizing: border-box; position: relative; z-index: 600;}
.mmAside{ border-left:2px solid #f2f2f2; }
.mmMain > h3,.mmAside > h3{ width:100%; height:64px; box-sizing: border-box; padding:10px 2% 10px 7%; line-height: 44px;text-align:center; font-weight: normal; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.mmMain > h3 > p,.mmAside > h3 > p{ width:100%; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;  font-size: 24px;  }
.mmMain > h3 > span,.mmAside > h3 > span{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; width:24px; height: 24px; flex-shrink: 0; margin-left:10px;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;} 
.mmMain > h3.active > span,.mmAside > h3.active > span{ transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg);transform-origin:50% 50%; -webkit-transform-origin:50% 50%; }

.mmMain > ul,.mmAside > .mmaList{ width:100%; height: auto; background-color: #FFF; position: absolute; left:0; top:64px; z-index: 660; display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.mmMain > ul > li,.mmAside > .mmaList > ul > li{ width:100%; height: auto; line-height: 2.5; font-size: 20px; text-align: left; box-sizing: border-box; padding:0 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.mmAside > .mmaList > ul{ width:100%; height:auto; display: none;}

.mobProdList{ width:80%; height: auto;box-sizing: border-box;  box-sizing: border-box; margin:0 auto;}
.mobProdList > ul > li{ width:100%; box-sizing: border-box;background-color: #FFF;}
.mobProdList > ul > li + li{ margin-top: 3%; }
.mobProdList > ul > li > a{ display: block; width:100%; height:auto; }
.mobProdList > ul > li > a > .cpItemImg{ width: 100%; height:0; padding-top: 64.6341%; position: relative; overflow: hidden; }
.mobProdList > ul > li > a > .cpItemImg > img{ width:100%; height:100%; position: absolute; left:0; top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.mobProdList > ul > li > a > .cpItemImg > p{ width:auto; display: inline-block; height: 24px; line-height: 24px; box-sizing: border-box; padding:0 10px; color: #FFF; background-color: #1e427c; position: absolute; left:12%; top:10%; z-index: 150; font-size: 14px; }
.mobProdList > ul > li > a > .cpItemImg > p.shop{ background-color: #1e427c; }
.mobProdList > ul > li > a > .cpItemImg > p.new{ background-color: #5ac2ee; }
.mobProdList > ul > li > a > .cpItemAbout{ width:100%; height:auto; box-sizing: border-box; padding:4% 6%; overflow: hidden;}
.mobProdList > ul > li > a > .cpItemAbout > h3,.mobProdList > ul > li > a > .cpItemAbout > p{ width: 100%; text-align: left; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: 550; font-size: 22px;}
.mobProdList > ul > li > a > .cpItemAbout > p{ font-size: 16px; -webkit-line-clamp:2; font-weight: normal; margin-top: 1%;}
.mobProdList > ul > li > a:hover > .cpItemImg > img{ transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03); }
.mobProdList > ul > li > a:hover > .cpItemAbout > h3,.prodDetail > ul > li:hover > .pdItemImg > .pdiImgAbout > h3{animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.mobProdList > ul > li > a:hover > .cpItemAbout > p,.prodDetail > ul > li:hover > .pdItemImg > .pdiImgAbout > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}

/******/
.prodDetail{ width:100%; height:auto; }
.prodDetail > ul > li{ width: 100%; height:auto; overflow: hidden; background-color: #FFF; }
.prodDetail > ul > li > .pdItemImg{ width:100%; height:auto;  overflow: hidden; position: relative; }
.prodDetail > ul > li > .pdItemImg > img{ width:100%; height:auto;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.prodDetail > ul > li:hover > .pdItemImg > img{transform:scale(1.03,1.03); -webkit-transform:scale(1.03,1.03);}
.prodDetail > ul > li > .pdItemImg > .pdiImgAbout{ width:100%; height:100%; position: absolute; left:0; top:0; box-sizing: border-box; padding:4% 5%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
.prodDetail > ul > li > .pdItemImg > .pdiImgAbout > h3,.prodDetail > ul > li > .pdItemImg > .pdiImgAbout > p{width: 100%; line-height: 1.5; font-weight: normal; font-size:32px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color: #FFF !important;  }
.prodDetail > ul > li > .pdItemImg > .pdiImgAbout > p{ font-size: 16px; }
.prodDetail > ul > li > .pdItemImg > .pdiImgAbout > .pdPlay{ width:100px; height: 100px; border-radius: 50%; align-self: center; background-image: url(../images/icon-play.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; }
.pdItemAbout{ width:100%; height: auto; box-sizing: border-box; padding:4% 4%; }
.pdiaMain{ width:100%; height: auto; box-sizing: border-box; border:1px solid #ececec; border-radius: 0 0 40px 2px; padding:3%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;  }
.pdiAboutLeft{ width:33%;  }
.pdiAboutLeft > h3,.pdiAboutLeft > h4{ width:100%; font-weight: 550; font-size: 24px; line-height: 1.5; text-align: left;}
.pdiAboutLeft > h4{ font-size: 18px; font-weight: normal;}
.pdiAboutLeft > p{ width:30px; height: 2px; background-color: #60ccf0; margin-top: 2%; margin-bottom: 2%;}
.pdiAboutMemo{ width: 66%; height: auto; box-sizing: border-box; padding:0 5%; line-height: 2; font-size: 14px; text-align:justify }

.prodAside{ width: 100%; box-sizing: border-box; height:auto; padding:0 4% 4% 4%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; background-color: #FFF;}
.paLeft,.paRight{ width:35%;}
.paImg{ width:40%; margin:0 2%; order:2; margin-right:5%; margin-top:60px; position:relative}
.paImg > img{ width: 100%; }
.paLeft,.paRight > ul{ width:100%; height:100%; display: flex; flex-direction:column; flex-wrap: nowrap; justify-content: space-between; align-items:center; }
.paLeft{ width:50%; height:auto; justify-content: flex-start;  order:1;}
.prodAside > h3,.paLeft > h3,.prodPara > h3{ width:100%; line-height:1.5; font-weight: 550; font-size:28px; text-align: left; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; padding-bottom: 4%; margin-bottom: 4%; flex-shrink: 0; position: relative;}
.paLeft > h3,.prodPara > h3{ display: block; }
.prodAside > h3::after,.paLeft > h3::after,.prodPara > h3::after{ content:  ' '; width:30px; height: 2px; background-color: #00aee7; position: absolute; left:0;bottom:0; }
.prodAside > h3{ box-sizing: border-box; padding:4% 8.8%; display: none; }
.prodAside > h3::after{ left:9%; }
.paLeft  ul{ width:100%; min-height:500px}
.paLeft  ul > li{ width:100%; height: auto; margin-bottom:6%; overflow:hidden;}
/*.paLeft > ul > li + li,.paRight > ul > li + li{ margin-top: 10px; }*/
.paLeft  ul > li > p{ width:28px; height: 28px; line-height: 28px; box-sizing: border-box; background-color: #12120e; color: #FFF; font-size: 14px; text-align: center; border-radius: 50%;float:left;}
.paLeft  ul > li > h4{ width:90%; float:left; height: auto; line-height: 24px; font-weight: normal; font-size: 15px; text-align: left; overflow: hidden; padding-left:10px;}
.beizhu{ background-color:#FFF; text-align:left; font-size:14px; color:#7c7c7c; width:90%; padding:0 5%; padding-bottom:5%;}
/***/
.prodPara{ width:100%; box-sizing: border-box; height:auto; padding:0 4% 4% 4%; background-color: #FFF; }
.prodPara > h3{padding-bottom: 20px;margin-bottom: 20px;}
.pParaList{ width:100%; height:auto; box-sizing: border-box;}
.pParaList table{ border:#CCC 1px solid; border-collapse: collapse;text-align:left;}
.pParaList td{padding:9px; border:#CCC 1px solid; margin:0px; vertical-align:central !important; font-size:13px}
.pParaList img{ width:100%}
.pParaList > ul > li{ width: 100%;height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;align-items: center; background-color: #f2f2f2;}
.pParaList > ul > li:nth-of-type(2n){ background-color: #f9f9f9; }
.pParaList > ul > li > .plItem{ width: 33.3333%; height: 50px; box-sizing: border-box; padding:10px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; border-left:1px solid #FFF; font-size: 14px; text-align: center;}
.pParaList > ul > li > .plItem:nth-of-type(1){ border-left:0; }

.box{width:100%;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{ width:100%}
.tb-s310, .tb-s310 img{ width:100%}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{position:relative;z-index:1;}

.shoujitu{ display:none;}
div.zoomDiv{z-index:999;position:absolute;top:0px !important;left:-450px !important;width:300px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


/*****/
.freeback{ width:100%; box-sizing: border-box; padding: 4% 0 0 0; }
.freeback > .fbItem{ width: 32%; height:54px; background-color: #FFF; margin-right: 2%; margin-bottom: 2%; float: left; box-sizing: border-box; padding-left:100px; position: relative;}
.freeback > .fbItems{ width:66%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: column; margin-right: 0; margin-bottom: 2%;}
.freeback > .fbItems > .fbItem{ width:48.5%; box-sizing: border-box; background-color: #FFF; position: relative; padding-left: 100px;}
.freeback > .fbItem:nth-of-type(2){ margin-right: 0; }
.freeback > .fbItem:nth-of-type(4){ width:32%; }
.freeback > .fbItem:nth-of-type(5),.freeback > .fbItem:nth-of-type(8){ width:32%; margin-right:0 !important }
.freeback .fbItem span{ position:absolute; right:0px; top:0px; line-height:54px; padding-right:15px; font-size:14px}
.freeback .fbItem > h3{ width:110px; height: 54px; line-height: 54px; font-weight: normal; font-size: 16px; text-align: left; overflow: hidden; position: absolute; left:0; top:0; box-sizing: border-box; padding-left:16px; }
.freeback > .fbItems > .fbItemChk{ width:48.5%; height: 54px; padding-left:0;}
.freeback .fbItemChk > ul{ width:100%; height: 54px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; align-items: center;}

.tishi{ font-size:14px; margin-top:15px;}

.biaozhu{line-height: 24px; text-align: center; font-size: 16px; font-weight: normal;}


.freeback .fbItemChk > ul > li{ width: 25%; padding:4.2%; height: 50%; height: 54px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: left; align-items: center; }
.freeback .fbItemChk > ul > li > p{ width:20px; height: 20px; border:1px solid #4c4c4c; box-sizing: border-box; border-radius: 50%; text-align: center; line-height: 22px; position: relative; flex-shrink: 0; margin-right: 10px;}
.freeback .fbItemChk > ul > li.active > p{ border:1px solid #00aee7; }
.freeback .fbItemChk > ul > li.active > p::after{ content: ' ';width:6px; height: 6px; border-radius: 50%; background-color: #00aee7; position: absolute; left:50%; top:50%; margin-left:-3px; margin-top: -3px; }
.freeback .fbItemChk > ul > li > h3{ font-weight: normal; font-size: 14px;  }
.freeback .fbItemChk > ul > li.active > h3{ color: #00aee7; }
.freeback .fbItem > p,.fbSelect{ width:100%; height: 54px; box-sizing: border-box; border:1px solid #FFF; padding:14px 20px; cursor:pointer }
.freeback .fbItem > p > input{ width:100%; height: 24px; line-height: 24px; font-size: 16px;text-align: left; border:0; background-color: #FFF;}
.freeback > .fbItemTextarea{ width:100%; border:1px solid #FFF; box-sizing: border-box; padding:10px; background-color: #FFF; }
.freeback > .fbItemTextarea > textarea{ width:100%; resize: none; height: 180px; line-height: 30px; text-align: left; font-size: 16px; border:0; background-color: #FFF; }
.fbSubmit{ width:130px; height: 48px; margin:6% auto 2% auto; background-color: #00aee7; border-radius: 6px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 16px; color: #FFF; cursor:pointer }
.fbSubmit > p{ width:24px; height: 24px; margin-right: 10px; flex-shrink: 0; background-image: url(../images/icon-freeback.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.fbSelect{ position: relative; z-index: 240; padding:14px 10px 14px 20px;}
.fbSelect::after{ content: ' '; width:1px; height:24px; background-color: #EEE; position: absolute; left:0; top:50%; margin-top: -12px; }
.fbSelect  h4{ width:100%; height: 24px; line-height: 24px; text-align: left; font-size:16px; overflow: hidden; font-weight: normal; position: relative; }
.fbSelect  h4::after{ content: '\e621'; width:24px; height:24px; line-height: 24px; text-align: center;position: absolute; right:0; top:50%; margin-top: -12px; font-family:"iconfont" !important; font-size:14px; font-style:normal;}
.fbSelect > .fbSelectList{ width:100%; height: auto; box-sizing: border-box; border:1px solid #EEE; position: absolute; left: 0; top:54px; z-index: 360; background-color: #FFF; display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.fbSelect > .fbSelectList > p{ width:100%; height: 40px; line-height: 40px;font-size: 16px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; padding:0 20px; cursor: pointer;}
.fbSelect  h4 > span,.fbSelect > .fbSelectList > p > span{ display: none; }
.fbSelect > .fbsActive{ display: block; }
.fbSelect > .fbSelectList > p:hover{ background-color: rgba(200,200,200,0.1); }



.blank{ height:80px}
.morecp{ display:none}
.hengImg{ padding-bottom:4%}
.hengImg img{ width:100%}

.dizhi{ width:94%; padding:0 3% 0 3%; overflow:hidden; font-size:14px; line-height:32px; padding-bottom:10px; color:#666}
.dizhi > div{ width:50%; float:left; text-align:left;}
.dizhi > div > p{ font-weight:bold; line-height:20px; color:#333; font-size:16px}


.downFloat,.jobFloat{width:100%; height: 100%; background-color: rgba(0,0,0,0.7); position:fixed; left:0; top:0; /*display: flex;*/ flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; z-index: 999999; display: none;}
.downBox,.jobBox{ width:360px; height:300px; background-color: #FFF; box-shadow: 0 0 10px rgba(255,255,255,0.6); border-radius: 4px; display: flex; flex-direction: column; flex-wrap: nowrap;justify-content: space-between; align-items: center; box-sizing: border-box;}
.dbHeader{ width:100%; font-size: 16px; line-height: 4; text-align: center; box-sizing: border-box; border-bottom: 1px solid #D8D8D8; color: #3D3D3D; flex-shrink: 0; position: relative;}
.dbHeader > span{ width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; border:1px solid #FFF; line-height: 22px; text-align: center; display: inline-block; position: absolute; right:6px; top:6px; cursor:pointer }

.dbForm{ width:100%; flex:1; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;  padding:3% 5%;}
.dbfInput{ width: 250px;height: 40px; background: rgba(255,255,255,0.8); border: 1px solid #D8D8D8; box-sizing: border-box; padding:5px 0 5px 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-bottom: 5%;}
.dbfInput > p{ width:100%; height: 24px; overflow: hidden; }
.dbfInput > p > input{ width:100%; height: 24px; line-height: 24px; font-size: 14px; text-align: left; font-size: 14px; background-color: #FFF; border:0; }
.dbfInput > span{ width:100px; display: inline-block; height: 24px; line-height: 24px; font-weight: normal; font-size: 14px; color: #335BF5;padding:0 10px; flex-shrink: 0; background-color: #FFF; border:0; cursor:pointer; text-align:right}
.dbfButton{ width:100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; height:auto;  }
.dbfButton p{ width: 105px;height: 36px;background: #007DFF; border-radius: 3px; overflow: hidden;}
.dbfButton p button{ width:100%; height: 36px; line-height: 36px; border:0; background-color: #007DFF; color: #FFF; text-align: center; font-size: 14px; cursor:pointer }
.cnurl,.cntitle{ display:none}