@charset "utf-8";
/* CSS Document */
body{ background-color:#F9F9F9; }

.vfloat{ width:100%; left:0; top:0; height:100%; position:fixed; background-color:rgba(0,0,0,0.9); z-index:1200; /*display:none;*/ display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.vfVideo{ width:800px; height: auto; position: relative; box-sizing: border-box; }
.vfVideo > div{ width:100%; height: auto; box-sizing: border-box; padding:30px; background-color: #FFF; border-radius: 10px; }
.vfVideo > div > p{ width:100%; height: 100%; border-radius: 10px; overflow: hidden;}
.vfVideo > div > span{ display: inline-block; width:20px; height: 20px; line-height: 20px;  border-radius: 50%; overflow: hidden; position: absolute; right:8px; top:8px; cursor: pointer;}

.fTool{ width:35px; height:auto; box-sizing: border-box; padding:10px 5px; position: fixed; right:10px; bottom:280px; background-color: #FFF; border-radius: 30px; z-index: 800; /*transition: all 0.5s linear; -webkit-transition: all 0.5s linear;*/}
.fTool > .ftItem{ width:25px; height:37px;  box-sizing: border-box; padding:9px 3px; overflow: hidden; border-top:1px solid #EEE;}
.fTool > .ftItem:nth-of-type(1){ border-top: 0; }
.fTool > .ftItem  img{ width:19px; height:19px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transform: scale(0.9,0.9);-webkit-transform: scale(0.9,0.9);}
.fTool > .ftItem:hover img{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.fTool > .gotop{ display:none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; }

.kuang{height:100px; width:100%;}

.float{ width:768px; left:0; top:60px; height:100%; position:fixed; margin-left:-384px; background-color:rgba(11,130,255,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:auto;overflow:hidden; text-align:left; box-sizing:border-box; padding-left:5%; padding-right:5%; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.float > .f-navlist > ul > li > a > p{ height: 60px; line-height: 60px; font-size: 16px; width:100%; }
.float > .f-navlist > ul > li > a > span{ width:24px; height: 24px; text-align: center; display: inline-block; line-height: 24px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg);}
.float > .f-navlist > ul > li > a > span > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li > p{ width:100%; height:auto; display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.float > .f-navlist > ul > li > p > a{ display: block; width:100%; height: 40px; line-height: 40px; text-align: left; overflow: hidden; color: #FFF !important; font-size: 14px; }
.float > .f-navlist > ul > li:hover > p{ display: block; }
.float > .f-navlist > ul > li:hover > a > span{ transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); }
.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;}
/**/
.jidibiao{ width:100%; max-width:800px; margin:0 auto}
 .jidibiao td{ text-align:left; padding:10px}
  .jidibiao td img{ width:100% !important}
 .jidibiao  tr td:first-child{ width:50%}

.header{ width:100%; min-width: 320px; height:auto; box-sizing:border-box; background-color:#F9F9F9; /*position:fixed; left:0; top:0;*/ position: relative;  z-index:1100;  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; }
.logo{ display:block; width:200px; flex-shrink: 0;padding-top:10px; padding-bottom:10px; }
.logo img{ width:100%;}
.hd-right{ width:100%; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:center; align-items:center;}
.navlist{ width:100%; height:100%;}
.navlist > ul{ width:100%; height:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.navlist > ul > li{ width: 100%; }
.navlist > ul > li::after{content: ' '; width: 100%; height: 60px; background-color: rgba(11,130,255,0.9); position: absolute; left:0; top:100px; display: none;  z-index: 90;}
.navlist > ul > li > div{ width: 100%; position: relative;}
.navlist > ul > li > div > a{ width: 100%;height: 100px; text-align: center; line-height: 100px; font-size: 16px; display: block;  color: #333 !important; cursor:pointer}

.navlist > ul > li > div > p{ width:1000%; position: absolute; left:-100px; top:100px; display:none; line-height: 65px; height: 75px; font-size: 14px; z-index: 100; animation: fadeIn 0.6s ease-in-out; -webkit-animation: fadeIn 0.6s ease-in-out; text-align: left; padding:0 11%; box-sizing: border-box;}
.navlist > ul > li > div > p > a{ color: #FFF !important; display: inline-block;  padding:0 15px; height: 56px; line-height: 56px; transition:All 0.5s ease;}

.navlist > ul > li > div > p > a:hover{transform:translate(0,-5px);}


.navlist > ul > li.liMenu:hover::after{ display: block; }
.navlist > ul > li:hover > div > a,.navlist > ul > li.active > div > a{ /*background-color: #7dc62d;*/ color: #0B82FF !important; }
.navlist > ul > li.liMenu:hover > div > p{ display: block;}
.navlist > ul > li:nth-of-type(8) > div > p,.navlist > ul > li:nth-of-type(9) > div > p,.navlist > ul > li:nth-of-type(10) > div > p,.navlist > ul > li:nth-of-type(11) > div > p,.navlist > ul > li:nth-of-type(12) > div > p,.navlist > ul > li:nth-of-type(13) > div > p{ left:auto; right:0; text-align: right; }
.tools{ flex-shrink: 0; width:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-left:10%; }
.search{width: 148px;height: 28px;background: #FFFFFF;border-radius: 25px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; box-sizing: border-box; padding:0 5px 0 10px;}
.sechInput{ width:100%; height: 24px;overflow: hidden; }
.sechInput > input{ width:100%; height: 24px; line-height: 24px; border:0; border-radius: 0; font-size: 14px; background-color: #FFF;}
.sechBtn{ width: 24px; height: 24px; overflow: hidden; flex-shrink: 0; }
.sechBtn input{ width:24px; height:24px; border:0; border-radius: 0; background-color: transparent; background-image: url(../images/btn-search.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;}
.map,.language{ width: 24px; height:24px; flex-shrink: 0; margin-left:15px; }
.map a,.language a{ display: block; width:24px; height: 24px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; }
.map a{ background-image: url(../images/icon-mapActive.png); }
.map a:hover{ background-image: url(../images/icon-map.png); }
.language a{ background-image: url(../images/icon-language-en.png); }
.language a:hover{ background-image: url(../images/icon-languageActive-en.png); }


.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center; overflow: hidden;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:30px; color: #bdbdbd; transform: translateY(-8px); -webkit-transform: translateY(-8px);}
.menu > h3 > i{ font-size:18px;}

.header-blank{ background-color:transparent; height:100px; display: none;}


/*滚动后导航*/
.scrolltop{ border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto; }
/*底部*/
.foot-blank{ height:auto; width:100%; }
.service{ width:100%; min-width: 320px; background-color: #17213C; }
.service > .c-con{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; box-sizing: border-box; padding-top: 4%; padding-bottom: 4%;}
.servMenu{ width:100%;  }
.servMenu > h2{ display: none; }
.servMenu > ul{ width:100%;height:auto; display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.servMenu > ul > li{ width:13%;}
.servMenu > ul > li:last-child{ width:23%;}
.servMenu > ul > li > h3{ width:100%; font-weight: normal; font-size:14px; text-align: left; color: #FFF; }
.servMenu > ul > li > .smItem,.servMenu > ul > li > .smItemContact{ width:100%; height:auto; margin-top: 10px; }
.servMenu > ul > li > .smItem > p{ width:100%; height: 30px; line-height: 30px; overflow: hidden; text-align: left; font-size: 12px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.servMenu > ul > li > .smItem > p > a{ color: #BDBDBD;}


.servMenu > ul > li > .smItem > p{transition:All 0.5s ease;}
.servMenu > ul > li > .smItem > p:hover{transform:translate(8px,0);}

.sicLi{ width:100%; height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgba(255,255,255,0.6); }
.sicLi > p{ float: left; margin-top: 5px; }
.mbService{ border-top: 1px solid rgba(255,255,255,0.3); display: none; }
.mbServlist{ width:100%; height:auto; box-sizing:border-box; padding:0 10px; }
.mbServlist > ul{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.mbServlist > ul > li{ width: 32%; height:36px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; line-height: 36px; font-size: 20px; color: #FFF; }
.sicLi > p,.mbServlist > ul > li > p{ width:24px; height: 24px; overflow: hidden; flex-shrink: 0; margin-right: 10px; }
.sicLi > p >img,.mbServlist > ul > li > p > img{ width:24px; height: 24px;  }
.sicLi > p,.sicLi > p > img{ width:16px; height: 16px; }

.online{ height:auto; flex-shrink: 0;  }
.onlineItem{ width:26px; height: auto; margin-left:20px; float: left; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; cursor: pointer;}
.onlineItem > p{ width:100%; overflow: hidden; border-radius: 50%; }
.onlineItem > p img{ width:100%; }
.onlineBtn{ position: relative; z-index: 300; }
.onlineBtn > div{ width: 82px; height:82px; box-sizing: border-box; padding:10px; position: absolute; left:50%; margin-left: -41px; top:-98px; display: none; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; background-color: #FFF; border-radius: 6px;}
.onlineBtn > div::after{ content: ' ';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;
border-top: 10px solid #FFF; position: absolute; left:33px; bottom:-9px;}
.onlineBtn > div > img{ width:62px; height: 62px; }
.onlineBtn:hover > div{ display: block; }
.onlineDouyin > p{ border-radius: 6px; }

.footer{ box-sizing:border-box; /*background-color: #5c6461;*/ height: auto;}
.footer > .c-con{ box-sizing: border-box; padding-top:1%; padding-bottom:1%; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: flex-start; align-self: stretch; }
.copyright,.mbCopyright{ width:100%; height:auto; line-height: 24px; text-align: left; font-size:14px; }
.mbCopyright{ font-size: 18px; line-height: 1.7; display: none; text-align: center; color:#737373; padding-top: 1%; padding-bottom: 1%; }
.mbCopyright a{ color:#737373;}
/*首页*/
/*导航*/



/*焦点图*/
.flash{ width:100%; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:36px; height:3px; border-radius:0; box-sizing:border-box; background-color: #D8D8D8; }
.swiper1 .swiper-pagination-bullet-active{background-color:#FF7B47;}
.swiper1 .swiper-slide{ position:relative; overflow: hidden;}
.swiper1 .swiper-slide > a{ display: block; width: 100%;}
.swiper1 .swiper-slide > a > img{ width:100%; transform:scale(1.1);vertical-align:middle;}
.swiper1 .swiper-slide-on > a >  img{animation:upin 13s ease}
.swiper1 .swiper-slide > a > .slideAbout{ width:1000px; height:100%; position: absolute; left:50%; margin-left:-500px; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; color: #FFF !important;}
.swiper1 .swiper-slide > a > .slideAbout > h3,.swiper1 .swiper-slide > a > .slideAbout > p{ width:100%; font-weight: normal; font-size: 48px; }
.swiper1 .swiper-slide > a > .slideAbout > p{ font-size:20px; margin-top: 2%;}

.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:50%; 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/btn-goRight.png); right:3%; left:auto; }
.swiper1 .swiper-button-prev{background-image: url(../images/btn-goLeft.png); left:2%; right:auto; }
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:0; }
.swiper1 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiper1 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}

/***********/
.pords,.super{ width:100%; min-width: 320px; background-color: #F9F9F9; }
.pords > .c-con,.super > .c-con{ box-sizing: border-box; padding-top: 4%; padding-bottom: 4%; }
.mcolHeader{ width:100%; height: auto; box-sizing: border-box; padding-bottom: 4%; }
.mcolHeader > h3,.mcolHeader > p{ width: 100%; height: auto;font-size: 36px; line-height: 1.4; text-align: center; font-weight: normal;}
.mcolHeader > p{ color: #999; text-transform: capitalize; font-size: 14px; }

.mcolMore{ width:100%; height: auto; }
.mcolMore > a{ width: 120px;height: 44px; line-height: 42px; font-size:16px; margin:0 auto; display: inline-block; background: #007DFF; border-radius: 5px; color: #FFF; box-sizing: border-box; border:1px solid #007DFF; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.mcolMore > a:hover{ height: 44px; line-height: 42px; font-size:16px; background:#FFF; color:#007DFF !important;border:1px solid #007DFF;}

/*****/
.prodTab{ width:100%; margin-bottom: 1.5%;}
.prodTab > h3{ display: none; }
.prodTab > ul{ background-color: #E6E6E6; width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.prodTab > ul > li{ box-sizing: border-box; padding:10px; flex:1;  font-size: 16px; line-height: 2; text-align: center; overflow: hidden; text-overflow: ellipsis; 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; cursor: pointer;}
.prodTab > ul > li.ptItemActive{ background-color: #1666b1; color:#FFF; border-radius:5px }
.prodList{ width:100%; height:auto; padding-bottom: 4%; box-sizing: border-box; display: none;}
.prodList > ul > li{ width:32%; float: left; margin-right: 2%; background-color: #FFF; }
.prodList > ul > li:nth-of-type(3n){ margin-right: 0%; }
.prodList > ul > li > a{ display: block; width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.prodList > ul > li > a:hover{ background-color: #007DFF; color: #FFF !important; }
.prodList > ul > li > a > p{ width: 100%; height:0; padding-top: 54.9412%; position: relative; overflow: hidden; }
.prodList > 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;}
.prodList > ul > li > a:hover > p > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }
.prodList > ul > li > a > .plAbout{width:100%; box-sizing: border-box; padding:5% 20px; }
.prodList > ul > li > a > .plAbout > h3{ width:100%; height: 20px; line-height: 20px; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -webkit-box-orient:vertical; font-weight: normal; }

.prodList > ul > li > a > .plAbout > h4{font-weight:100; text-align: center; font-weight: normal;}
.prodList > ul > li > a > .plAbout p{ width:100%; overflow:hidden; height: 24px; line-height: 24px; font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;  }


.prodList > ul > li > a > .plAbout > h4{ font-size:13px; color: #999 !important; text-align: left; margin-bottom: 0;}
.prodList > ul > li > a:hover > .plAbout > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }
.prodList > ul > li > a:hover > .plAbout > h4{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; color:rgba(255,255,255,0.8) !important; }


/*******/
.mColMap{ width:100%; height:auto; min-width: 320px; background-color: #F9F9F9; position: relative; z-index: 100; }
.mColMap::before{ content: ' '; width:100%; height:50%; background-color: #FFF; position: absolute; left:0; bottom:0; z-index: 120; }
.mColMap > .c-con{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; background-color: #FFF; position: relative; z-index: 150;}
.mMapBrand,.mMapWork{ width:36%; padding:20px 30px; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;  }
.mMapBrand{flex-shrink: 0; margin-right: 1%;}
.mMapRight{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.mMapBrand > h3,.mMapWork > h3{ width:100%; font-weight: normal; font-size:24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -webkit-box-orient:vertical; text-align:left;}
.mMapBrand > p,.mMapWork > p{ width:100%; height:72px; line-height: 24px; font-weight: normal; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -webkit-box-orient:vertical; text-align:left; color: #3D3D3D;}
.mMapBrand > h4,.mMapWork > a{ width:100%; height:24px; line-height: 24px; font-weight: normal; font-size:14px; text-align: left; }
.mMapBrand > h4  i{ font-size:18px; }
.mMapBrand > h4 > a{ display:block; color: #1677FF; transition:All 0.5s ease;}
.mMapBrand > h4 > a:hover{transform:translate(8px,0);}

.mMapWork > a{transition:All 0.5s ease;}
.mMapWork > a:hover{transform:translate(8px,0);}

.mMapWork{ width:100%; }
.mMapWork > a{ color: #BDBDBD; font-weight: 550; font-family:'Montserrat-Bold'}
.mMapWorkMap{ width:300px; box-sizing: border-box; padding:20px 30px; overflow: hidden;flex-shrink: 0;}
.mMapWorkMap > img{ width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }

/******/
.super{ background-color: #FFF; }
.superList{ width:100%; height:auto; padding-bottom: 4%; box-sizing: border-box; z-index:400; position:relative}
.superList > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.superList > ul > li{ width:18.4%; }
.superList > ul > li:nth-of-type(5n){ margin-right: 0%; }
.superList > ul > li > a{ display: block; width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; position: relative; cursor:pointer }
.superList > ul > li > a > p{ width: 80px; height:80px; margin:0 auto; position: relative; overflow: hidden; }
.superList > ul > li > a > p > img{ width:80px; height:80px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.superList > ul > li > a:hover > p > img{ transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); }
.superList > ul > li > a > .slAbout{width:100%; box-sizing: border-box; padding:20px; }
.superList > ul > li > a > .slAbout > h3{ width:100%; height: 24px; line-height: 24px; font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -webkit-box-orient:vertical; font-weight: normal; }
.superList > ul > li > a:hover > .slAbout > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }
.superList > ul > li > a > .slAside{ width:100%; height:auto; box-sizing: border-box; border-radius: 10px; background-color: #0B82FF; position: absolute; left:0; top:144px; padding:8%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.superList > ul > li > a > .slAside > h4{ text-align: center; font-size:14px; line-height: 22px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; font-weight: normal; color: #FFF !important; }
.superList > ul > li > a:hover > .slAside{ display: block; }
.superList > ul > li > a > .slAside::after{ content: ' '; width:0; height:0; position: absolute; left:50%; top:-12px; margin-left:-8px; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 12px solid #0B82FF;}

/*****/
.newsList{ width:100%; height:auto; padding-bottom: 4%; box-sizing: border-box;}
.newsList > ul > li{ width:32%; float: left; margin-right: 2%; background-color: #FFF; }
.newsList > ul > li:nth-of-type(3n){ margin-right: 0%; }
.newsList > ul > li > a{ display: block; width:100%;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.newsList > ul > li > a:hover{ background-color: #007DFF; color: #FFF !important; }
.newsList > ul > li > a > p{ width: 100%; height:0; padding-top: 54.9412%; position: relative; overflow: hidden; }
.newsList > 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;}
.newsList > ul > li > a:hover > p > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }
.newsList > ul > li > a > .nlAbout{width:100%; box-sizing: border-box; padding:5% 20px; }
.newsList > ul > li > a > .nlAbout > h3,.newsList > ul > li > a > .nlAbout > p,.newsList > ul > li > a > .nlAbout > h4{ width:100%; height: 48px; line-height: 24px; font-size: 16px; text-align: left; overflow: hidden; text-overflow: ellipsis; disp.servMenu > ul > li > .smItem, .servMenu > ul > li > .smItemContactlay: -webkit-box; -webkit-line-clamp:1;  -webkit-box-orient:vertical; font-weight: normal;transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.newsList > ul > li > a > .nlAbout > h4,.newsList > ul > li > a > .nlAbout > p{ line-height: 2.5; font-size:14px; color: #999; }
.newsList > ul > li > a > .nlAbout > p{ height: auto; -webkit-line-clamp:2; line-height: 1.5; margin-top: 5px;}
.newsList > ul > li > a:hover > .nlAbout > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }
.newsList > ul > li > a:hover > .nlAbout > p{ color: rgba(255,255,255,0.8); }
.newsList > ul > li > a:hover > .nlAbout > h4{ color: rgba(255,255,255,0.8); animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; }


.colNewsList,.colDetail{ width: 100%; height: auto; box-sizing: border-box; }
.colNewsList > ul > li{ width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; background-color: #FFF; }
.colNewsList > ul > li:nth-of-type(3n){ margin-right: 0; }
.colNewsList > ul > li > a{ display: block; width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.colNewsList > ul > li > a:hover{ background-color: #007DFF; color: #FFF !important; }
.colNewsList > ul > li > a > p{ width: 100%; height: 0; padding-top: 53%; position: relative; }
.colNewsList > 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;}
.colNewsList > ul > li > a:hover > p > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }

.colNewsList > ul > li > a > .cnlAbout{ width:100%;height:auto; box-sizing: border-box;  padding:10px 20px; }
.colNewsList > ul > li > a > .cnlAbout > p{ height: auto;  line-height: 1.5; font-size:14px; color: #999;}
.colNewsList > ul > li > a > .cnlAbout > h3,.colNewsList > ul > li > a > .cnlAbout > h4{ width: 100%; height: 52px; line-height: 26px; font-size: 16px; overflow: hidden; font-weight: normal; text-align: left; text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;}
.colNewsList > ul > li > a:hover > .cnlAbout > p{ color: rgba(255,255,255,0.8); }
.colNewsList > ul > li > a > .cnlAbout > h4{ height: 24px; font-size: 14px; line-height: 24px; color: #999; text-align: left; }
.pages{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;padding-top: 0; padding-bottom: 4%; margin-top: 4%;}

.colNewsList > ul > li > a > .cnurl{ display:none}

.colNewsList > ul > li > a:hover > .cnlAbout > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }
.colNewsList > ul > li > a:hover > .cnlAbout > p{ color: rgba(255,255,255,0.8); }
.colNewsList > ul > li > a:hover > .cnlAbout > h4{ color: rgba(255,255,255,0.8); animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; }


.colNewsList1{ width: 100%; height: auto; box-sizing: border-box; }
.colNewsList1 > ul > li{ width: 23%; float: left; margin-right: 2%; margin-bottom: 2%; background-color: #FFF; }
.colNewsList1 > ul > li:nth-of-type(4n){ margin-right: 0; }
.colNewsList1 > ul > li > a{ display: block; width:100%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.colNewsList1 > ul > li > a:hover{ background-color: #007DFF; color: #FFF !important; }
.colNewsList1 > ul > li > a > p{ width: 100%; height:auto}
.colNewsList1 > ul > li > a > p > img{ width:100%; height:auto; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.colNewsList1 > ul > li > a:hover > p > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }

.colNewsList1 > ul > li > a > .cnlAbout{ width:100%;height:auto; box-sizing: border-box;  padding:10px 20px; }
.colNewsList1 > ul > li > a > .cnlAbout > p{ height: auto;  line-height: 1.5; font-size:14px; color: #999;}
.colNewsList1 > ul > li > a > .cnlAbout > h3,.colNewsList1 > ul > li > a > .cnlAbout > h4{ width: 100%; height: 30px; line-height: 30px; font-size: 18px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; font-weight: normal; text-align: left; }
.colNewsList1 > ul > li > a:hover > .cnlAbout > p{ color: rgba(255,255,255,0.8); }
.colNewsList1 > ul > li > a > .cnlAbout > h4{ height: 24px; font-size: 14px; line-height: 24px; color: #999; text-align: left; }
.pages{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;padding-top: 0; padding-bottom: 4%; margin-top: 4%;}

.colNewsList1 > ul > li > a:hover > .cnlAbout > h3{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }
.colNewsList1 > ul > li > a:hover > .cnlAbout > p{ color: rgba(255,255,255,0.8); }
.colNewsList1 > ul > li > a:hover > .cnlAbout > h4{ color: rgba(255,255,255,0.8); animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; }



/***************/
.colFlash{ width:100%; min-width: 320px; overflow: hidden; position: relative; }
.colAboutFlash{ width:100%; overflow: hidden; }
.colFlash > img,.colAboutFlash  img{ width: 100%; }
.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; }
.cfAbout > h3,.cfAbout > p{ font-weight: normal; font-size: 42px;  color: #FFF; text-align:center}
.cfAbout > h3{ margin-bottom: 10px; }
.cfAbout > p{ font-size: 14px; text-transform: capitalize; color: rgba(255,255,255,0.6); }
.cfAbout > h4{ width:36px; height: 36px; overflow: hidden; border-radius: 50%; cursor: pointer; background-image:url(../images/icon-play2.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; margin-top: 10px;}
/*.cfAbout > h4 > img{ width:100%; height: 100%;  }*/

.colProdList > ul > li{ margin-bottom: 2%; }
.mcolProdMore{width:100%; height: auto; }
.mcolProdMore > a{ width: 120px;height: 40px; line-height: 38px; font-size:16px; margin:0 auto; display: inline-block; background: #FFF; border-radius: 5px; color: #007DFF; box-sizing: border-box; border:1px solid #007DFF; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; position: relative; padding-right:20px;}
.mcolProdMore > a::after{ content: ' '; width:0; height:0; position: absolute; top:50%; right:15px; margin-top:-5px; border-top: 6px solid transparent;border-bottom: 6px solid transparent; border-left: 8px solid #0B82FF; }
.mcolProdMore > a:hover{ height: 40px; line-height: 38px; font-size:16px; background:#007DFF; color:#FFF !important;border:1px solid #007DFF;}
.mcolProdMore > span{ font-size:16px; color:#666; display:none}
.prodColtab,.prodColtab3{ width:100%; margin-bottom: 2.5%; }
/*.prodColtab > h3{width:100%; height:30px; cursor:pointer; display:block; align-self: center; display: none;}*/
/*.prodColtab > h3,.prodColtab3 > h3{ width:100%; height:30px; line-height: 30px; font-size:20px; font-weight:normal; text-align:center; line-height:20px; color: #333; text-align: left; display: none; }*/
/*.prodColtab > h3 > i{ font-size:20px;}*/
.prodColtab > ul,.prodColtab3 > ul{ width:100%; height: auto;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; background-color: #E6E6E6;}
.prodColtab > ul > li,.prodColtab3 > ul > li{ display: block; height:80px; line-height: 80px; text-align: center; 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; padding:0 20px; width:14.2857%; cursor: pointer;}
.prodColtab > ul > li.pctItemActive,.prodColtab > ul > li:hover{ background-color: #FFF;  }

.mcolProdMore > a:hover::after{border-left: 8px solid #FFF; }
.pcTab2 > ul > li{ width:20%; }
.prodColtab3 > ul > li{ width:50%; }
.prodColtab3 > ul > li.pctItemActive,.prodColtab3 > ul > li:hover{ background-color: #FFF; position: relative; }
.prodColtab3 > ul > li.pctItemActive::after/*,.prodColtab3 > ul > li:hover::after*/{ content: ' '; width:24%; height:3px; background-color: #0B82FF; position: absolute; left:50%; margin-left: -12%; bottom:20px; border-radius: 3px; display: none; }
.prodColSTab{ width:100%; box-sizing: border-box; padding:2% 5%;}
.prodColSTab > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.prodColSTab > ul > li{ display: block; height:36px; line-height: 36px; text-align: center; 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; padding:0 20px; width:23.5%; cursor: pointer; background-color: #EEE; border-radius: 30px;}
.prodColSTab > ul > li:hover,.prodColSTab > ul > li.pcstActive{ background-color: #007DFF; }
.prodColSTab > ul > li:hover > a,.prodColSTab > ul > li.pcstActive > a{ color: #FFF !important;}
.pcstCity{ padding-left:0; padding-right: 0; }
.pcstCity > ul{ flex-wrap: wrap; justify-content: flex-start;}
.pcstCity > ul > li{ width:11.625%; margin-bottom: 10px; margin-right: 1%; display: none;}
.pcstCity > ul > li:nth-of-type(8n),.pcstCity > ul > li:nth-last-of-type(1){ margin-right: 0; }
.pcstCity > ul > li:nth-of-type(1),.pcstCity > ul > li:nth-of-type(2),.pcstCity > ul > li:nth-of-type(3),.pcstCity > ul > li:nth-of-type(4),.pcstCity > ul > li:nth-of-type(5),.pcstCity > ul > li:nth-of-type(6),.pcstCity > ul > li:nth-of-type(7),.pcstCity > ul > li:nth-last-of-type(1){display: block;}

.prodColtabMob{ width:94%; box-sizing: border-box; margin:0 auto; margin-bottom: 5%; position: relative; display: none;}
.prodColtabMob > h3{ width:100%; height:80px; line-height:60px; background: rgba(255,255,255,0.8);border-radius: 10px; box-sizing: border-box; padding:10px 5%; font-size:24px;color: #0B82FF; font-weight: normal; text-align: left; position: relative;}
.prodColtabMob > h3::after{ content: ' '; width:0; height:0; position: absolute; top:50%; right:20px; margin-top:-8px; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 12px solid #0B82FF;}
.prodColtabMob > ul{ width:100%; height:auto; background-color: #FFF; position: absolute; left:0; top:50px; z-index: 550; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; display: none;}
.prodColtabMob > ul > li{ width:100%; height: 44px; line-height: 44px; box-sizing: border-box; padding:0 30px; font-size: 14px; 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; padding:0 20px; cursor: pointer; text-align: left; }
.prodColtabMob > ul > li > a{ display: flex; width:100%; height:100%; overflow: hidden; flex-direction: row; flex-wrap: nowrap;justify-content: flex-start; align-items: center; }
.prodColtabMob:hover > ul{ display: block; }
.prodColtabMob > ul > li:hover{ background-color: rgba(0,0,0,0.02); }

/*****/
.cooperate{ width:100%; height: auto; background-color: #FFF; box-sizing: border-box; padding:1% 4% 3% 4%; margin-top: 6%;}
.cooperate > h3{ width:100%; font-size: 24px; font-weight: normal; line-height: 2.5; text-align: left; position: relative; }
.cooperate > h3::after{ content: ' '; width: 24px;height: 3px;background: #007DFF; position: absolute; left:0; bottom:0;}
.cooperate > .cooperateList{ width:100%; height: auto; }
/*.cooperate:hover > .cooperateList{ display: block; }*/
.cooperate > .cooperateList > ul > li{ width: 18.4%; float: left; margin-right: 2%; margin-top: 2%; }
.cooperate > .cooperateList > ul > li:nth-of-type(5n){ margin-right: 0; }
.cooperate > .cooperateList > ul > li > a{ display: block; width:100%; height: 0; padding-top: 37.5%;position: relative; background-color: #D3ECF6; border-radius: 6px; overflow: hidden;}
.cooperate > .cooperateList > ul > li > a > img{ width: 100%; height:100%; position: absolute; left:0; top:0; }
.cooperateAside{ width:100%; box-sizing: border-box; font-size: 12px; text-align: center; line-height: 2; margin-top: 3%; }

/************/
.location{ width:100%; height: auto; background-color: #FFF; min-width: 320px; }
.location > .c-con{ height:80px; line-height:80px; font-size:14px; text-align: left; overflow: hidden; text-overflow: ellipsis; 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;}
.location > .conFb{ line-height: 30px; height: auto; padding-top:20px; padding-bottom: 20px; text-align: center; }
/*焦点图*/
.prodFlash{ width:1400px; height:auto; min-width: 320px; box-sizing: border-box; padding:0 100px; margin:0 auto; margin-top: 1%;  position: relative;}
.colBanner{ width:100%; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; background-color: #FFF; padding:10px; }
.swiper2 .swiper-pagination {right:0; display:inline-block;  padding-top:10px; padding-bottom:10px; bottom:10px; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:10px; height:10px; border-radius:50%; box-sizing:border-box; background-color: rgba(255,255,255,1); }
.swiper2 .swiper-pagination-bullet-active{background-color:rgba(11,13,255,1);}
.swiper2 .swiper-slide{ position:relative; overflow: hidden;}
.swiper2 .swiper-slide > a{ display: block; width: 100%;}
.swiper2 .swiper-slide > a > img{ width:100%;}
.prodFlash .swiper-button-next,.prodFlash .swiper-button-prev{ /*color:rgba(255,255,255,0.2);*/ background-color:rgba(0,0,0,0.001); border-radius:6px; height:40px; width:40px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; background-position:center center; background-repeat: no-repeat; background-size: 100% 100%;} 
.prodFlash .swiper-button-next{ background-image: url(../images/btn-goRight2.png); }
.prodFlash .swiper-button-prev{ background-image: url(../images/btn-goLeft2.png); }
.prodFlash .swiper-button-next:hover,.prodFlash .swiper-button-prev:hover{ /*color:rgba(237,31,36,1) !important;*/ } 
.prodFlash .swiper-button-next i,.prodFlash .swiper-button-prev i{ /*font-size:1.0rem;*/ }
/*.swiper2 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiper2 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}*/

.prodCol{ width:100%; margin:0 auto; }
.prodColAbout,.prodDetail{ width:100%; height: auto; background-color: #FFF; margin:0 auto;}

.prodDetail img{ display:inline}
.abfMemo video{ width:100% !important; max-width:617px !important; height:auto !important}

.prodColAbout{ margin-bottom: 2%; padding:0 6.5%; box-sizing: border-box;}
.prodColAbout > h3{ width:100%; height:auto; box-sizing: border-box; border-bottom: 1px solid #D8D8D8;height: auto; line-height:3; font-size: 28px; font-weight: 600; text-align: left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.prodDetail > h3{ width: 100%;height: auto; line-height: 3; font-size: 16px; font-weight: normal; background: #737373; box-sizing: border-box; padding:0 6.5%; color: #FFF; text-align: left;overflow: hidden; text-overflow: ellipsis; 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;}
.pcaMemo{width:100%; height: auto; box-sizing: border-box; padding:2% 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.pcaMemoText,.pdMemo{ width:100%; height: auto; box-sizing: border-box; padding:2% 0; line-height: 30px; text-align: left; font-size: 14px;  }
.prodDetail > p{ width:100%; height: auto; box-sizing: border-box; padding:2% 0; line-height: 30px; text-align: left; font-size: 14px;  }
.prodDetail > p{ padding:2% 6.5%; }
.pcaMemoText{ padding:0; }
.pcaMemoLink{ flex-shrink: 0; margin-left:10%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.pcaMemoLink > a{ display: flex; width: 120px;height: 34px;border-radius: 5px 5px 5px 5px;border: 1px solid #007DFF; box-sizing: border-box; line-height:32px; padding:4px 10px; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; cursor:pointer}
.pcaMemoLink > a + a{ margin-top: 10px;}
.pcaMemoLink > a > p{ width:24px; height:24px; flex-shrink: 0;overflow: hidden; margin-right:10px; }
.pcaMemoLink > a > p > img{ width:24px; height: 24px; }
.pcaMemoLink > a > h4{ display: inline-block; height: 24px; line-height:24px;font-weight: normal; font-size:14px; color:#737373; }
.prodFlashHeader{ width:100%; height: auto; font-size: 20px; color: #252B42;line-height: 3; text-align: left; }
.prodFlash3,.prodFlash2{ margin-bottom: 5%; }
.swiper3 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display: none; }
.swiper3 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:10px; height:10px; border-radius:50%; box-sizing:border-box; background-color: rgba(255,255,255,1); }
.swiper3 .swiper-pagination-bullet-active{background-color:rgba(11,13,255,1);}
.swiper3 .swiper-slide{ position:relative; overflow: hidden;}
.swiper3 .swiper-slide > a{ display: block; width: 100%;}
.swiper3 .swiper-slide > a > p{ width:100%; height:0; padding-top:55%; overflow: hidden; position: relative; }
.swiper3 .swiper-slide > a > p > img{ width:100%; height: 100%; position: absolute; left:0; top:0; }
.swiper3 .swiper-slide > a > h3{ width:100%; height:auto; padding:10px;overflow: hidden; text-overflow: ellipsis; 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; font-weight: normal;font-size: 20px; text-align: center;  }

.prodFlash2{ width:100%; height:0; overflow: hidden; padding:0; box-sizing: border-box; padding:0 40px; position: relative;}
.colBanner2{ width:100%; height: auto; box-sizing: border-box;padding:0; }
.swiper4 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper4 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:14px; height:14px; border-radius:50%; box-sizing:border-box; background-color: rgba(255,255,255,1); display: none;}
.swiper4 .swiper-pagination-bullet-active{background-color:rgba(11,13,255,1);}
.swiper4 .swiper-slide{ position:relative; overflow: hidden;}
.swiper4 .swiper-slide > a{ display: block; width: 100%;}
.swiper4 .swiper-slide > a > img{ width:100%;}
.prodFlash2 .swiper-button-next,.prodFlash2 .swiper-button-prev{ /*color:rgba(255,255,255,0.2);*/ background-color:rgba(0,0,0,0.001); border-radius:6px; height:40px; width:40px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; background-position:center center; background-repeat: no-repeat; background-size: 100% 100%;} 
.prodFlash2 .swiper-button-next{ background-image: url(../images/btn-goRight2.png); left:auto; right:0;}
.prodFlash2 .swiper-button-prev{ background-image: url(../images/btn-goLeft2.png); left:0; right:auto;}
.prodFlash2 .swiper-button-next:hover,.prodFlash2 .swiper-button-prev:hover{ /*color:rgba(237,31,36,1) !important;*/ } 
.prodFlash2 .swiper-button-next i,.prodFlash2 .swiper-button-prev i{ /*font-size:1.0rem;*/ }

/*******/
.aboutColtab{ width:100%; margin-bottom: 2.5%; }
.aboutColtab > ul{ width:100%; height: auto;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; background-color: #FFF;}
.aboutColtab > ul > li{ flex:1; height:80px; 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 #FFF;}
.aboutColtab > ul > li > a{ /*display: block; */ height:100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 18px; position: relative;}
.aboutColtab > ul > li > a::after{ content: ' '; width: 100%; height:2px; background: #FFF; position: absolute; left:0; bottom:3px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.aboutColtab > ul > li.abiActive > a::after,.aboutColtab > ul > li:hover > a::after{ background-color: #0B82FF; }
.aboutBrand{ width:100%; height:auto;box-sizing: border-box; padding:0 7% 4% 7%; background-color: #FFF; margin-top: 1.5%; }
.aboutBrandF1{ width: 100%; height:auto; }
.aboutBrandF1 > h3,.abf3Item > h3{ width: 100%; line-height: 1.8; box-sizing: border-box; font-weight: normal; font-size: 20px; text-alig:left; font-weight: 550; padding-bottom: 10px; position: relative; margin-bottom: 10px; overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.aboutBrandF1 > h3::after,.abf3Item > h3::after,.colAboutFlash > div > p::after,.colCultureFlash > div > p::after,.colCultureHeader > div > p::after,.colCultureList > ul > li > div > a > p::after{content: ' '; width:30px; height: 4px; background-color: #0B82FF; position: absolute; left:0; bottom:0;}
.aboutBrandF1 > h3{ text-align:center}
.aboutBrandF1 > h3::after{ left:50%; margin-left:-15px;}

.aboutBrandF1 > p{ width:100%; height: auto; line-height: 2; color: #737373; font-size: 14px; text-align: center; }
.abfMemo,.abfMemoF3{ width:100%; height:auto; line-height: 2; font-size:14px; text-align:justify;overflow: hidden; }
.abfMemoF3{ overflow: hidden;  display: -webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.aboutBrandF3{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.abf3Item,.abf3Img{ width: 48%; height:auto; box-sizing: border-box; padding:5% 0;}
.abf3Img{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.abf3Img > img{ width: 72% }
.aboutBrandF2{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; margin-top:0; box-sizing: border-box; padding:0 7%; background-color: #FFF; }
.abf2Logo{ width:100%; background-color: #1677FF; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.abf2Logo img{ width:65%; }
.abf2Banner{ width: 65%; flex-shrink: 0; overflow: hidden; margin-left: 10px; }
.abf2Banner img{ width:100%; }
/******/
.colAboutFlash,.colCultureFlash{ position: relative; }
.colAboutFlash > img,.colCultureFlash > img{ width:100%; }
.colAboutFlash > div,.colCultureFlash > div,.colCultureHeader > div,.colCultureList > ul > li > div{ width:100%;height: 100%; background-color: rgba(0,0,0,0.1); position: absolute; left:0; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; box-sizing: border-box; padding:2% 5%;}
.colAboutFlash > div > p,.colCultureFlash > div > p,.colCultureFlash > div > h4,.colCultureHeader > div > p,.colCultureHeader > div > h4,.colCultureList > ul > li > div > a > p,.colCultureList > ul > li > div > a > h4{ width:100%; font-size: 24px; line-height: 3; overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; position: relative; color: #FFF;}
.colCultureFlash > div,.colCultureHeader > div{ justify-content: space-between; }
.colCultureFlash > div > p,.colCultureHeader > div > p,.colCultureList > ul > li > div > a > p{ font-size: 20px; }
.colCultureFlash > div > h4,.colCultureHeader > div > h4,.colCultureList > ul > li > div > a > h4{ font-weight: normal; }

.historyFlash,.historyFlash2{ background-color: #FFF; width:100%; height:auto;  box-sizing: border-box; padding:4% 44px; margin:0 auto; position: relative;}

.swiper5 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display: none; }
.swiper5 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:10px; height:10px; border-radius:50%; box-sizing:border-box; background-color: rgba(255,255,255,1); }
.swiper5 .swiper-pagination-bullet-active{background-color:rgba(11,13,255,1);}
.swiper5 .swiper-slide{ position:relative; overflow: hidden; cursor:pointer}
.swiper5 .swiper-slide > .histSlideAbout{ width:100%; height:auto; box-sizing: border-box; padding:20px; background-color: #FAFAFA;}
.swiper5 .swiper-slide > .histSlideAbout > h3{ width:100%; height: 40px; font-size: 18px; color: #252B42;line-height: 40px;overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align: center;}
.swiper5 .swiper-slide > .histSlideAbout > p{width:100%; height: 48px; font-size: 14px; color: #252B42;line-height: 24px;overflow: hidden;  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align: center;} 
.swiper5 .swiper-slide > .histSlideYear{ width:100%; height: 60px; line-height: 60px; font-size: 24px; overflow: hidden; background-color: #1677FF; font-weight: 550; color: #FFF;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align: center; margin-top: 10px;}

.historyFlash .swiper-button-next,.historyFlash .swiper-button-prev{ /*color:rgba(255,255,255,0.2);*/ background-color:rgba(0,0,0,0.001); border-radius:6px; height:24px; width:24px; line-height:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; background-position:center center; background-repeat: no-repeat; background-size: 100% 100%;} 
.historyFlash .swiper-button-next{ background-image: url(../images/btn-goRight2.png); }
.historyFlash .swiper-button-prev{ background-image: url(../images/btn-goLeft2.png); }
.historyFlash .swiper-button-next:hover,.historyFlash .swiper-button-prev:hover{ /*color:rgba(237,31,36,1) !important;*/ } 
.historyFlash .swiper-button-next i,.historyFlash .swiper-button-prev i{ /*font-size:1.0rem;*/ }

.historyFlash2{ padding:0 12%; height:0; overflow: hidden; padding:0; background-color: transparent; margin-top: 5%;}
.swiper6 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; 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: rgba(255,255,255,1); }
.swiper6 .swiper-pagination-bullet-active{background-color:rgba(11,13,255,1);}
.swiper6 .swiper-slide{ position:relative; overflow: hidden;}
.swiper6 .swiper-slide > .histSlideAbout{ width:100%; height:auto; box-sizing: border-box; padding:20px; background-color: #FFF;}
.swiper6 .swiper-slide > .histSlideAbout > h3{ width:100%; height: 40px; font-size: 18px; color: #252B42;line-height: 40px;overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align: center;}
.swiper6 .swiper-slide > .histSlideAbout > p{width:100%; height: 48px; font-size: 14px; color: #252B42;line-height: 24px;overflow: hidden;  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align: center;} 
.swiper6 .swiper-slide > .histSlideYear{ width:100%; height: 48px; line-height: 48px; font-size: 20px; overflow: hidden; background-color: #1677FF; font-weight: 550; color: #FFF;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align: center; margin-top: 10px;}
.historyFlash2 .swiper-button-next,.historyFlash2 .swiper-button-prev{ /*color:rgba(255,255,255,0.2);*/ background-color:rgba(0,0,0,0.001); border-radius:6px; height:24px; width:24px; line-height:24px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-40px; box-sizing:border-box; background-position:center center; background-repeat: no-repeat; background-size: 100% 100%;} 
.historyFlash2 .swiper-button-next{right:0; left:auto; background-image: url(../images/btn-goRight2.png); }
.historyFlash2 .swiper-button-prev{ left:0; right:auto; background-image: url(../images/btn-goLeft2.png); }
.historyFlash2 .swiper-button-next:hover,.historyFlash2 .swiper-button-prev:hover{ /*color:rgba(237,31,36,1) !important;*/ } 
.historyFlash2 .swiper-button-next i,.historyFlash2 .swiper-button-prev i{ /*font-size:1.0rem;*/ }


.saleFlash{ height:0; overflow: hidden; }
.swiper7 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; 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: rgba(255,255,255,1); }
.swiper7 .swiper-pagination-bullet-active{background-color:rgba(11,13,255,1);}
.swiper7 .swiper-slide{ position:relative; overflow: hidden;}
.swiper7 .swiper-slide > .histSlideAbout{ width:100%; height:auto; box-sizing: border-box; padding:20px; background-color: #FFF; display: flex; flex-direction: column;flex-wrap: nowrap; justify-content: center; align-items: center;}
/*.swiper7 .swiper-slide > .histSlideAbout > h3{ width:100%; height: 40px; font-size: 18px; color: #252B42;line-height: 40px;overflow: hidden;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align: center;}*/

.swiper7 .swiper-slide > .histSlideAbout > h3{ width:90px; height: 90px; border-radius: 50%; background-color: #EEE; line-height: 90px; text-align: center; font-size: 18px; font-weight: normal; }
.swiper7 .swiper-slide > .histSlideAbout .ssaleItem{ width:100%; height: auto; margin-top: 4%;}
.swiper7 .swiper-slide > .histSlideAbout .ssaleItem p{ font-size: 16px; width:100%; height: auto; line-height: 30px;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; text-align: center; }

/**********/
.colCultureJzg{ width:100%; height: auto; }
.colCultureJzg > ul{ width: 100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 2%;}
.colCultureJzg > ul > li{ width:49%; margin-top: 2%; }
.colCultureJzg > ul > li > p{ width: 100%; height: 0; padding-top: 40.4%; position: relative; border:1px solid #EEE; }
.colCultureJzg > ul > li > p > a{ width:100%; height:100%; display: flex; position: absolute; left:0; top:0; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 24px; color: #FFF !important; }
.colCultureJzg > ul > li:nth-of-type(1) > p > a{ background-color:#007DFF;  }
.colCultureJzg > ul > li:nth-of-type(2) > p > a{ background-color:#F7AD13;  }
.colCultureJzg > ul > li:nth-of-type(3) > p > a{ background-color:#1AB0B1;  }
.colCultureJzg > ul > li:nth-of-type(4) > p > a{ background-color:#FF7B47;  }
.colCultureHeader{ width:100%; height:0; padding-top: 20%; background-color: #E6E6E6; position: relative;}
.colCultureHeader > div{ 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; }
.colCultureHeader > div > h4{ color: #3D3D3D; }
.colCultureHeader > div > p{ color: #999; }
.colCultureList{ width:100%; height: auto; }
.colCultureList > ul > li{ width: 100%; height:auto; position: relative; margin-bottom: 2%;}
.colCultureList > ul > li > p{ width:100%; overflow: hidden; }
.colCultureList > ul > li > p > img{ width: 100%; }
.colCultureList > ul > li > div{ justify-content: flex-start; flex-direction: row; padding:4%; }
.colCultureList > ul > li:nth-of-type(2n) > div{ justify-content: flex-end; flex-direction: row; padding:4%; }
.colCultureList > ul > li > div > a{ display: flex; width:30%; height:100%; background-color: #007DFF; box-sizing: border-box; padding:1% 3% 3% 3%; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.colCultureList > ul > li > div > a > p::after{ background-color: #FFF; }
.colCultureList > ul > li > div > a > h4{ -webkit-line-clamp:2; line-height: 1.6;}
.colCultureList > ul > li:nth-of-type(2n) > div > a > p{ text-align: center; }
.colCultureList > ul > li:nth-of-type(2n) > div > a > p::after{ left:50%; margin-left:-15px; /*right:0; left:auto;*/ }
.colCultureList > ul > li:nth-of-type(2n) > div > a > h4{ text-align: center; }
/********/

.servDownList > ul > li > .cnurl,.servDownList > ul > li > .cntitle{ display:none}

.pages > .page-num,.pages > .pageText{ display: inline-block; height: 32px; line-height: 30px; box-sizing: border-box; border:1px solid #e5e5e5; border-radius: 4px; padding:0 12px; font-size: 14px; margin:0 5px 10px 5px; }
.pages > .page-num{ transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.pages > .page-num:hover,.pages > .page-num-current{ border:1px solid #f08519; background-color: #f08519; color: #FFF !important; }

.colJobList{ width:100%; height: auto; }
.colJobList > ul > li{ width:100%; margin-bottom: 2%; background-color: #FFF; }
.colJobList > ul > li > .cjlTitle,.colJobList > ul > li > .cjlMemo{ width:100%; height: auto; background-color: #EEE; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.cjtBtn,.cjMemoBtn{ flex-shrink: 0; width: 180px; height: 60px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; font-size:16px; background-color: #007DFF; color: #FFF; cursor: pointer }
.cjtAbout,.cjlMemoAbout{ width:100%; height: 60px; box-sizing: border-box; padding:10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.cjtAbout > p{ width:30px; height:30px; overflow: hidden; flex-shrink: 0; margin-right: 10px;}
.cjtAbout > p > img{ width:30px; height:30px; }
.cjtAbout > span{ width:100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;font-size: 18px;}
.colJobList > ul > li > .cjlMemo{ background-color: #FFF;  }
.cjMemoBtn{ background-color: #FFF; color: #333 !important; }
.cjlMemoAbout{ padding:10px 20px; height:auto; font-size:16px; overflow: hidden; line-height:40px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; border-right:#eee 1px solid }
/*********/
.baseItem{ margin-top: 0; margin-bottom: 0; padding-top: 0; }
.baseImgList{ width:100%; height:auto; }
.baseImgList > ul > li{ width:32%; float: left;margin-right: 2%; margin-top: 2%; }
.baseImgList > ul > li:nth-of-type(3n){ margin-right: 0; }
.baseImgList > ul > li > a{ display: block; width:100%; height:0;  padding-top: 52.9412%; position: relative; overflow: hidden; }
.baseImgList > ul > li > a > img{ width:100%; height:100%; position: absolute; left:0; top:0; }
/*********/
.colHonorTitle{ width:100%; height:auto; line-height: 2.5; font-size: 16px; padding-top: 2%; padding-bottom: 2%; margin-bottom: 2%;text-align: left; }

/*******/
.colDetail{ width:100%;box-sizing: border-box; padding:4%; background-color: #FFF; height:auto; }
.detHeader{width:100%; height:auto; box-sizing: border-box; border-bottom: 1px solid #EEE; padding-bottom: 2%; margin-bottom: 2%;}
.detHeader > h3{ width:100%; box-sizing: border-box; font-size: 20px; color: #333; text-align: center; padding-top: 1%; padding-bottom: 1%; margin-bottom: 1%;}
.detHdAside{ width:100%; height: auto; line-height: 2; font-size: 14px; color: #666; text-align: center;}
.detHdAside > span{ color: #999; }
.colDetailPage{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; margin-bottom: 4%;}
.colDetailPage > p{width: 49%; height: 60px; line-height: 40px; box-sizing: border-box;  padding:10px 20px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size: 14px; text-align: left;background-color: #FFF; overflow:hidden}

/********/
.servNet{ width:100%; height:auto; }
.servMap{ width:100%; height: auto; box-sizing: border-box; padding:0 0 0 0;}
.servMap > p{ width: 100%; height: auto; overflow: hidden; padding:1% 6% 6% 6%; box-sizing: border-box; display: none; }
.servMap > p > img{ width:100%; }
.servNetTab{ width:100%; height:auto; }
.servNetTab > p{ display: inline-block; width: 120px;height: 42px; line-height: 40px; background-color: #FFF; box-sizing: border-box; border:1px solid #007DFF; color: #007DFF; border-radius: 5px; cursor: pointer; margin-right: 10px; font-size: 16px; float: left;}
.servNetTab > p.active,.servNetTab > p:hover{background-color: #007DFF;  color: #FFF;}
/*********/
.servDownList{ width:100%; height: auto; }
.servDownList > ul > li{ width:100%; height: auto; background-color: #FFF; margin-top: 1%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.sdlItemTitle{ width:100%; height: 60px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-align: left; line-height: 60px; font-size: 16px; overflow: hidden; box-sizing: border-box; padding-left:20px; padding-right: 20px;}
.sdlItemTitle > p{ width: 30px; height:30px; overflow: hidden; display: inline-block; float: left; margin-right: 10px; margin-top: 15px; }
.sdlItemTitle > p > img{ width:100%; height: 100%; }
.sdlItemBtn{ width:180px; height: 60px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 14px; color: #FFF; flex-shrink: 0; background-color: #007DFF; cursor: pointer }
.sdlItemBtn > p{ width:30px; height: 30px; overflow: hidden; flex-shrink: 0; margin-right: 10px;  }
.sdlItemBtn > p > img{ width:100%; height: 100%;  }
.sdlItemBtn a > span{ color:#FFF;}


.sdlItemBtn1 a{ width:180px; height: 60px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 14px; color: #FFF; flex-shrink: 0; background-color: #007DFF; cursor: pointer }
.sdlItemBtn1  p{ width:30px; height: 30px; overflow: hidden; flex-shrink: 0; margin-right: 10px;  }
.sdlItemBtn1  p > img{ width:100%; height: 100%;  }
.sdlItemBtn1  span{ color:#FFF;}


/*********/
.servProcess{ width:100%; height: auto; text-align:justify;line-height: 2;
    font-size: 14px; overflow:hidden}
.servProcess > ul{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.servProcess > ul > li{ width:32%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.servProcess > ul > li > h3{ width:90px; height: 90px; border-radius: 50%; background-color: #EEE; line-height: 90px; text-align: center; font-size: 18px; font-weight: normal; transition:All 0.5s ease; cursor:pointer}
.servProcess > ul > li > h3:hover{ background-color:#0B82FF; color:#FFF}
.servProcess > ul > li > .spItem{ width:100%; height: auto; margin-top: 4%;}
.servProcess > ul > li > .spItem > p{ font-size: 14px; }
.colContact{ width:100%; height: auto;  }
.colContact > ul{ width:80%; margin:0 auto; height:auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding-left:15% }
.colContact > ul > li{ width:46%; box-sizing: border-box; padding:10px; border:1px solid #FFF; margin-top: 2%; margin-right: 2%;}
.servProcess > ul > li > .spItem > p,.colContact > ul > li > p{ width:100%; height:auto; line-height: 26px; overflow:hidden; text-align: left; font-size: 15px;}
.colContact > ul > li > p > span{ font-weight: 550; }
.servProcess > ul > li > .spItem > p{ text-align: center; }

/********/
.freeback{ width:100%; box-sizing: border-box;}
.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 > .fbItem:nth-of-type(3n){ margin-right: 0; }
.freeback > .fbItem > h3{ width:100px; 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 > .fbItem > p{ width:100%; height: 54px; box-sizing: border-box; padding:14px 20px; cursor:pointer; text-align:left; font-size:14px;overflow:hidden;text-overflow:ellipsis; }
.fbSelect{ width:100%; height: 54px; box-sizing: border-box; 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;font-family:"微软雅黑","宋体"; border:0; background-color: #FFF; }
.fbSubmit{ width:130px; height: 48px; margin:6% auto 0 auto; background-color: #007DFF; 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); }

/*******/
.fFloat11{width:100%; height: 100%; background-color: rgba(0,0,0,0.7); position:fixed; left:0; top:100%; /*display: flex;*/ flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; z-index: 900;}
.xunjiak{ background-color: #f9f9f9; padding: 40px;border-radius:8px}
.col5Flash11{ width:50%; position: absolute; left:25%; top:50%;margin-top: -18%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; /*padding:10px; background-color: #FFF;*/ }
.xunjiak .freeback > .fbItem{ width: 100% !important;}


/*******/
.fFloat{width:100%; height: 100%; background-color: rgba(0,0,0,0.7); position:fixed; left:0; top:100%; /*display: flex;*/ flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; z-index: 900;}



.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: 900; 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:center}
.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; }


/****/
/*焦点图*/
.col5Flash{ width:60%; position: absolute; left:20%; top:50%;margin-top: -18%; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; /*padding:10px; background-color: #FFF;*/ }
.swiperc5{ box-sizing: border-box; border:10px solid #FFF; border-radius: 6px;}
.swiperc5 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:1%; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display: none;}
.swiperc5 .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:36px; height:3px; border-radius:0; box-sizing:border-box; background-color: #D8D8D8; }
.swiperc5 .swiper-pagination-bullet-active{background-color:#FF7B47;}
.swiperc5 .swiper-slide{ position:relative; overflow: hidden;}
.swiperc5 .swiper-slide > a{ display: block; width: 100%;}
.swiperc5 .swiper-slide > a > img{ width:100%;}
.swiperc5 .swiper-slide > a > .slideAbout{ width:1200px; height:100%; position: absolute; left:50%; margin-left:-600px; top:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; color: #FFF !important;}
.swiperc5 .swiper-slide > a > .slideAbout > h3,.swiperc5 .swiper-slide > a > .slideAbout > p{ width:100%; font-weight: normal; font-size: 48px; }
.swiperc5 .swiper-slide > a > .slideAbout > p{ font-size:20px; margin-top: 2%;}

.swiperc5 .swiper-button-next,.swiperc5 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:50%; height:36px; width:36px; line-height:36px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-18px; box-sizing:border-box; background-size: 100% 100%;} 
.swiperc5 .swiper-button-next{ background-image: url(../images/btn-goRight.png); right:3%; left:auto; }
.swiperc5 .swiper-button-prev{background-image: url(../images/btn-goLeft.png); left:2%; right:auto; }
.swiperc5 .swiper-button-next:hover,.swiperc5 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiperc5 .swiper-button-next i,.swiperc5 .swiper-button-prev i{ font-size:0; }
.swiperc5 .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important; }
.swiperc5 .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}

.vFloatClose{ display: inline-block; width:44px; height: 44px; box-sizing: border-box; border:2px solid #FFF; color: #FFF; border-radius: 50%; line-height: 40px; margin-top: 2%; position:absolute; top:-22px; right:-48px; z-index: 999;}
.vFloatClose:hover{ border:2px solid #007DFF; color: #FFF !important; background-color: #007DFF; transform: scale(.95,.95); -webkit-transform: scale(.95,.95); }

/********/
.jobQTCode{ width:100%; height:auto; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.jobQTCode > p{ width:100px; height: 100px; overflow: hidden; border-radius: 14px; background-color: #EEE; }
.jobQTCode > p > img{ width:100%; height:100%; }
.jobQTCode > h3{ font-weight: normal; font-size: 14px; line-height: 2.5; text-align: center; }
.jobEmail{ width:100%;height: 30px;font-size: 14px;color: #3D3D3D; text-align: center; margin-top: 3%;}

/******/
.colNav{ width:100%; height:auto; box-sizing: border-box; padding:0 3%; }
.colNav > header{ width:100%; height:auto; font-size: 28px; line-height: 3; text-align: left; position: relative; height:auto; }
.colNav > header > span{ display: inline-block; width:24px; height:24px; line-height: 24px; position: absolute; right:0; top:50%; margin-top: -10px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;transform: rotateZ(0); -webkit-transform: rotateZ(0);}
.colNav > header:hover > span{ transform: rotateZ(0); -webkit-transform: rotateZ(0); }
.colNav > header > span > i{ font-size: 20px; }
.colNavList{ width:100%; height: auto; }
.colNavList > ul > li{ width:100%; height:auto; }
.colNavList > ul > li > h3{ width: 100%; height:auto; box-sizing: border-box; padding:10px 20px; line-height: 2.4; background-color: #FFF; border-radius: 10px; font-size: 24px; font-weight: 550; color: #0B82FF; text-align: left;}
.colNavList > ul > li > h3 > a{ color: #0B82FF; }
.colNavList > ul > li > p{ width:100%; height:auto; box-sizing: border-box; padding:10px 20px; }
.colNavList > ul > li > p > a{ display:block; height: auto; line-height: 2.2; text-align: left; font-size:24px; }

/********/
.casesMain{ width:100%; height: auto; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; }
.colCaseList{ width:240px; height:300px; align-self: flex-end;flex-shrink: 0; margin-right:3%; } 
.colCaseList > h3{ width: 100%;  font-weight: normal; font-size: 20px; text-align: left; line-height: 2.5; }
.calMain{ width:100%; padding: 10px;background:#F6F6F6;	border-radius: 6px;box-sizing: border-box; }
.content{overflow: auto;position: relative;padding: 10px;background:#F6F6F6;border-radius: 6px;margin: 0px;	/*width: 100%;*/
	max-width: 99%;	height: 230px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.objList{ width:100%; height:auto; }
.olItem{ width: 100%;line-height: 32px; font-size:14px; text-align: left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0; }
.echartMap{width:100%; height: 0; padding-top: 48%;position: relative; box-sizing: border-box; border:1px solid #FFF; }


.badge{ font-size:12px; padding:4px; line-height:12px; border-radius:3px; display:inline-block; background-color:#1666b1; color:#FFF}
.badge-warning{ background-color:#f08519}
.badge-info{ background-color:#F00}


.colProdList > h3{
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    font-weight: 550;
	padding-left:20px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.colProdList > h3::after{content: ' '; width:4px; height: 100%; background-color: #0B82FF; position: absolute; left:0; bottom:0;}

@keyframes upin{0%{transform:scale(1.1)}100%{transform:scale(1)}}




/****/
.banner{ width:100%; position: relative; transition: all 0.5s linear;  -webkit-transition: all 0.5s linear; }
.swiperB{padding-bottom: 2%;}
.swiperB .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:0.5%; bottom:140px; left:auto; text-align:center; padding-right:10px; box-sizing:border-box;}
.swiperB .swiper-pagination-bullet{opacity:1; margin:0 5px!important; width:12px; height:12px; border-radius:6px; border:#fff 2px solid; position:3px; box-sizing:border-box; background-color: #1C7AD3; }
.swiperB .swiper-pagination-bullet-active{background-color:#fff;}
.swiperB .swiper-slide{ position:relative; overflow: hidden;}
.swiperB .swiper-slide{ display: block; width: 100%;}
.swiperB .swiper-slide > img{ width:100%; padding-bottom:148px; background-color:#1C7AD3}
.swiperB .swiper-slide > .slideAbout{ width:100%; height:auto; position: absolute; left:0; bottom:0; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; color: #FFF !important; background-color: #1C7AD3;}
.swiperB .swiper-slide > .slideAbout > .c-con{ box-sizing: border-box; padding-top: 2%; padding-bottom: 2%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }




.bannerSaLeft{ width:100%; height:auto; }
.bannerSaLeft > h3,.bannerSaLeft > p{ width:100%; font-weight: normal; line-height: 1.4; font-size: 32px; }
.bannerSaLeft > p{ font-size:14px; margin-top: 2%; line-height: 1.5;}
.swiperB a.bannerSaBtn{ flex-shrink: 0; margin-left:2%; width: 122px;height: 44px; line-height: 42px;border-radius: 5px 5px 5px 5px;opacity: 1;border: 1px solid #FFFFFF; font-size: 16px; color:#FFF; text-align:center;transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.swiperB a.bannerSaBtn i{ font-size: 14px; }
.swiperB a.bannerSaBtn:hover{ background:#FFF; color:#007DFF !important;border:1px solid #007DFF;}

.chpAbout2 > h4{transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.chpAbout2 > h4:hover{ background:#FFF; color:#007DFF !important;border:1px solid #ffffff;}
.chpAbout3 > h4{transition:All 0.5s ease;}
.chpAbout3 > h4:hover{transform:translate(8px,0);}

.swiperB .swiper-button-next,.swiperB .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:50%; 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;} 
.swiperB .swiper-button-next{ background-image: url(../images/btn-goRight.png); right:3%; left:auto; }
.swiperB .swiper-button-prev{background-image: url(../images/btn-goLeft.png); left:2%; right:auto; }
.swiperB .swiper-button-next:hover,.swiperB .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiperB .swiper-button-next i,.swiperB .swiper-button-prev i{ font-size:0; }
.swiperB .swiper-slide > a > h3 > p:hover{background-color: rgba(73,7,94,1); color: rgba(255,255,255,1) !important;}
.swiperB .swiper-slide > a > h3 > p:hover > i{ background-color: rgba(255,255,255,0.2);}


/*******/
.colHotPord,.colHotPord > ul > li{ width:100%; height:auto; box-sizing: border-box;}
.colHotPord{ padding-top: 4%; padding-bottom: 8%;}
.colHotPord > ul > li{ background-color: #FFF;  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.15));}
.colHotPord > ul > li + li{ margin-top: 2%; }
.colHotPord > ul > li > div{ width: 100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.colHotPord > ul > li:nth-of-type(2n) > div{ flex-direction: row-reverse; }
.chpImg{ width:44%; flex-shrink: 0; }
.chpImg > img{ width:100% !important; height:auto !important }
.chpAbout{ width:100%; box-sizing: border-box; padding:3%; }
.chpAbout > h3{width:100%; height:auto; line-height:3; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size: 22px; font-weight: 550; position: relative; margin-bottom: 2%;}
.chpAbout > h3::after{ content: ' '; width: 30px;height: 4px;background-color: #0B82FF; position: absolute; left:0; bottom:0;}
.chpAbout p{ width:100%; height:auto; line-height: 1.8; text-align: left; overflow: hidden; font-size: 14px;}
.colPords{ padding-top: 2%; padding-bottom: 2%; }
/**/
.colHotPord2,.colHotPord2 > ul > li{ width:100%; height:auto; box-sizing: border-box;}
.colHotPord2{ padding-top: 4%; padding-bottom: 2%;}
.colHotPord2 > ul > li{ background-color: #F79106;  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.15));}
.colHotPord2 > ul > li + li{ margin-top: 2%; }
.colHotPord2 > ul > li > div{ width: 100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; color: #FFF !important;}
.colHotPord2 > ul > li:nth-of-type(2n) > div{ flex-direction: row-reverse; }
.chpImg2{ width:50%; flex-shrink: 0; }
.chpImg2 > img{ width:100%; }
.chpAbout2{ width:100%; box-sizing: border-box; padding:3% 5%; }
.chpAbout2 > h3{width:90%; height:auto; line-height:2; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 22px; font-weight: 550; position: relative; margin-bottom: 2%; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom: 2%;}
/*.chpAbout2 > h3::after{ content: ' '; width: 30px;height: 4px;background-color: #0B82FF; position: absolute; left:0; bottom:0;}*/
.chpAbout2 > p{ width:90%; height:auto; line-height: 2.5; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size: 15px; padding-bottom: 2%;}
.chpAbout2 > h4{width: 124px;height: 44px; text-align: center; line-height: 42px; border-radius: 5px 5px 5px 5px; box-sizing: border-box; opacity: 1;border: 1px solid #FFFFFF; font-size: 16px; font-weight: normal; margin-top: 2%;}
.chpAbout2 > h4 i{ font-size: 14px; }
.chpAbout2 > h4 > a{ color:#FFF}

/**/
.colHotPord3,.colHotPord3 > ul > li{ width:100%; height:auto; box-sizing: border-box;}
.colHotPord3{ padding-top: 4%; padding-bottom: 2%;}
.colHotPord3 > ul > li{ filter: drop-shadow(0 5px 5px rgba(0,0,0,0.15)); background-color: #FFF;}
.colHotPord3 > ul > li + li{ margin-top: 2%; }
.colHotPord3 > ul > li > div{ width: 100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; color: #333 !important;}
.colHotPord3 > ul > li:nth-of-type(2n) > div{ flex-direction: row-reverse; }
.chpImg3{ width:50%; flex-shrink: 0; }
.chpImg3 > img{ width:100%; }
.chpAbout3{ width:100%; box-sizing: border-box; padding:3% 4%;display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.chpAbout3 > h3{width:90%; height:auto; line-height:2; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size: 22px; font-weight: 550; position: relative;  /*border-bottom:1px solid rgba(255,255,255,0.5);*/ padding-bottom: 2%; flex-shrink: 0; margin-bottom: 4%;color: #0E7FF8 !important;}
.chpAbout3 > h3::after{ content: ' '; width: 30px;height: 4px;background-color: #0B82FF; position: absolute; left:0; bottom:0;}
.chpAbout3 > div{ width:90%; height:auto; line-height: 24px; text-align: left;  font-size: 14px; margin-bottom: 2%; }
.chpAbout3 > h4{width: 90%;height: 54px; text-align: center; line-height: 42px; padding-top: 10px; border-radius: 5px 5px 5px 5px; box-sizing: border-box; opacity: 1;border-top: 1px solid #D8D8D8; font-size: 16px; font-weight: normal; margin-top: 2%; text-align: left;  flex-shrink: 0; margin-top: auto;}
.chpAbout3 > h4 i{ font-size: 14px; }
.chpAbout3 > h4 a{color: #0E7FF8 !important;}