* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1620px !important; margin:0 auto !important; padding:0px 10px; }
.main2 { max-width:1620px !important; margin:0 auto !important; padding:0px 10px; line-height:30px;}
.main_x { max-width: 1340px !important; margin: 0 auto !important; padding:0px 10px; }
.main_box { max-width: 1238px !important; margin: 0 auto !important; padding:0px 10px; }

.main_1200 { max-width: 1200px !important; margin: 0 auto !important;  }

body,html { width:100%; }


 
body::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 0;
}

body::-webkit-scrollbar-thumb {
    background: #0068b7;
    border-radius: 0;
}

body::-webkit-scrollbar-thumb:hover {
    background: #0068b7;
}

body::-webkit-scrollbar-button {
    display: none;
}









/* 导航 */

/* pc端样式 */
.H100 { height: 80px;}
.header { padding: 0px 80px; position: fixed; left: 0; top: 0; width: 100%; z-index: 99; height: 80px; transition: all 0.6s; -webkit-transition: all 0.6s; background: #EDEEFC; border-bottom: solid 1px #999; }


@media screen and (min-width: 1200px){

.header .item { display: flex; flex-direction: row; justify-content: space-between; }
.header .logo { height: 80px; display: flex; align-items: center; }

.header .header-nav .nav-ul { display: inline-block; vertical-align:top; }
.header .lang { display: inline-block; vertical-align: top; line-height: 80px; }
.header .lang img { display: inline-block; vertical-align: middle; }
.header .search { display: inline-block; vertical-align: top; padding: 0px 20px; background: #f3f3f3; height: 80px; margin-left: 40px; position: relative; }
.header .search .fom { height: 100%; display: flex; align-items: center; flex-direction: row; }
.header .search .txt { width: 90px; padding: 0px 10px; height: 40px; display: inline-block; vertical-align: top; background: none; }
.header .search .but { background: url('../images/icon18.png') no-repeat right center; width: 40px; height: 40px; display: inline-block; vertical-align: top; }


.header .header-nav .nav-ul>li { float: left; padding: 0px 20px; color: #333333; position: relative; }
.header .header-nav .nav-ul>.a_lang {  padding-right: 0px; padding-left: 10px; }
.header .header-nav .nav-ul>.a_lang>a { font-size: 16px; }
.header .header-nav .nav-ul>.a_lang img { display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 6px; }
 

.header .header-nav .nav-ul>li.active>a { color: #e91d2d !important; }
.header .header-nav .nav-ul>li>a { display: inline-block; vertical-align: middle;  line-height: 80px; text-transform: uppercase; color: #333333; font-size: 20px; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s;  }
.header .header-nav .nav-ul>li:hover>a { color: #0055c8 !important;}
.header .header-nav .nav-ul>li .icon { display: none; }
.header .header-nav .nav-ul>li:hover .nav-ul2 { animation: navUp 0.5s 0s forwards; display: block; }
.header .header-nav .nav-ul2 li a { display: block; font-size: 15px; color: #333; padding: 9px 20px;  border-bottom: 1px solid #d9d9d9;  white-space: nowrap; transition: all 0.6s; -webkit-transition: all 0.6s; }
.header .header-nav .nav-ul2 li a:hover { background: #0068b7; color: #fff; border-bottom: 1px solid #0068b7; }
.header .header-nav .nav-ul2 { position: absolute; top:80px; left: 0px; text-align: center; display: none; background:#EDEEFC; min-width: 100%;
box-shadow: 0px 0px 6px 6px rgba(29,29,29,0.08); border-top: 2px solid #0068b7; }
.header-black .header-nav .nav-ul>li>a { color: #333333; }

.header .nav-open { display: none; }
.header .close { display: none }
.header .nav-back { display: none; }

}


@media screen and (min-width:1660px) {
    .header .header-nav .nav-ul>li>a { font-size: 20px; }
	.header .header-nav .nav-ul li.active>a {color: #00479d;}
    .header .header-nav .nav-ul>li { padding: 0px 30px; }
	
}


@keyframes navUp {
    from {
        opacity: 0.6;
        transform: translateY(15px);
    } to {
        opacity: 1;
        transform: translateY(0px);
    }
}



/* 手机端样式 */
@media screen and (max-width: 1200px) {


.H100 { height: 50px; }
.header { height: 50px; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1); padding: 0px 0px; }
.header .logo img { height: 35px; margin-top: 10px; }

.header .nav-open { position: absolute; right: 20px; top: 50%; margin-top: -15px; display: block; cursor: pointer; }
.header .nav-open span { display: block; background-color: #333; height: 2px; width: 30px; margin: 6px auto;border-radius: 50px; }
.header .close { background: url('../images/close.png') no-repeat center center; background-size: 18px auto; position: absolute; right: 0px; top: 0px; width: 56px; height: 50px; display: block; }
.header .header-nav { position: fixed;width: 60%;height: 100%;float: none;top: 0;left: -60%;background-color: #202020;transition: all 0.6s;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; padding-top: 50px; overflow-y: auto; padding-bottom: 30px; }
.header .header-nav.active { left: 0; }

.header .header-nav .nav-ul { padding: 10px; padding-top: 0px; }
.header .header-nav .nav-ul>li { float: none; align-items: center; padding:0px;  position: relative; }
.header .header-nav .nav-ul>li .line { margin: 0 6px; }
.header .header-nav .nav-ul>li img { margin-right: 6px; }
.header .header-nav .nav-ul>li>a { font-size: 14px; color: #fff; text-transform: uppercase; }
.header .header-nav .nav-ul>li>a { font-size: 14px; padding: 15px 0px;  border-bottom: 1px solid #303030;  }
.header .header-nav .nav-ul>li>a { display: block; margin-right: 0px; }
.header .header-nav .nav-ul>li .icon { position: absolute; right: 0px; width: 46px; height: 51px;  z-index: 3; top: 0px; display: block; cursor: pointer; }
.header .header-nav .nav-ul>li .icon:after { content: ''; display: block; width: 9px; height: 9px; top: 0px; right: 15px; border: 2px solid rgba(255,255,255,.3); border-top: 0; border-left: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; top: 20px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.header .header-nav .nav-ul>li .icon.active:after { content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 20px; }
.header .nav-back { position: fixed;top: 0; width: 40%;height: 100%; right: -40%;background-color: rgba(0,0,0,0.4);z-index: 100;transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }

.header .header-nav .nav-ul2 { display: none; padding-left: 15px; }
.header .header-nav .nav-ul2 li a { font-size: 14px; color: #a6a6a6; display: block; padding: 10px 0px; border-bottom: 1px solid #303030; position: relative; padding-left: 12px;}
.header .header-nav .nav-ul2 li a:after { content: ''; width: 4px; height: 4px; position: absolute; left: 0px; top: 0px; background: #4c4c4c; top: 50%; margin-top: -2px;  }
.header .nav-back.active {  right: 0px; }

.header .lang {  line-height: 40px; padding-left: 10px; }
.header .lang img { display: inline-block; vertical-align: middle; }
.header .search { padding: 0px 10px;  height: 40px; width: 100%; position: relative; margin-top: 10px; }
.header .search .fom { height: 100%; width: 100%; display: flex; align-items: center; flex-direction: row; background: #f3f3f3; border-radius: 5px; position: relative; }
.header .search .txt { width: 100%; padding: 0px 10px; height: 40px; display: inline-block; vertical-align: top; background: none; }
.header .search .but { background: url('../images/icon18.png') no-repeat center center; width: 60px; height: 40px; display: inline-block; vertical-align: top; position: absolute; top: 0px; right: 0px; }

}


/* 按钮 */

.m_link { font-size: 16px; border: 1px solid #ffffff; border-radius: 50px; padding: 11px 30px 13px; display: inline-block; color: #fff; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; margin-top: 30px; font-weight: bold;  }
.m_link .yuan { content: ''; width: 9px; height: 9px; background: #fff; border-radius: 50%; display: inline-block; vertical-align: middle; margin-left: 15px; }
.m_link:before { content: ''; background: #fff; width: 0px; height: 1px; position: absolute; left: 117px; top: 50%; position: absolute; transition: all 0.4s; -webkit-transition: all 0.4s; }
.m_link:after { content: ''; width: 9px; height: 9px; border: 1px solid #fff; border-radius: 50%; position: absolute; right: -40px; top: 50%; margin-top: -5px; opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s;  }
.m_link:hover:before { width: 60px;  }
.m_link:hover:after { opacity: 1; transition: all 0.3s ease-in .4s; -webkit-transition: all 0.3s ease-in .4s; }
.m_link:hover { background: rgb(255, 255, 255,0.1); box-shadow: 0px 5px 5px 1px rgba(255, 255, 255, 0.1)  }


.m_link_1 { font-size: 16px; border: 1px solid #cd24b5; border-radius: 50px; padding: 11px 30px 13px; display: inline-block; color: #cd24b5; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; margin-top: 30px; font-weight: bold; }
.m_link_1 .yuan { content: ''; width: 9px; height: 9px; background: #cd24b5; border-radius: 50%; display: inline-block; vertical-align: middle; margin-left: 15px; }
.m_link_1:before { content: ''; background: #cd24b5; width: 0px; height: 1px; position: absolute; left: 117px; top: 50%; position: absolute; transition: all 0.4s; -webkit-transition: all 0.4s; }
.m_link_1:after { content: ''; width: 9px; height: 9px; border: 1px solid #cd24b5; border-radius: 50%; position: absolute; right: -40px; top: 50%; margin-top: -5px; opacity: 0; transition: all 0.4s; -webkit-transition: all 0.4s;  }
.m_link_1:hover:before { width: 60px;  }
.m_link_1:hover:after { opacity: 1; transition: all 0.3s ease-in .4s; -webkit-transition: all 0.3s ease-in .4s; }
.m_link_1:hover { background: rgb(205, 36, 181,0.1); box-shadow: 0px 5px 5px 1px rgba(205, 36, 181, 0.1)  }


.m_link_company:before { left: 182px; }


.section1_box { background: #f4f4f4 url('../images/icon3.png') no-repeat left top; position: relative; }
.section1_box .backbot { background: url('../images/icon4.png') no-repeat right bottom; }

.section1 { padding: 80px 0px; display: flex; flex-direction: row; justify-content: space-between; }
.section1 .img { width: 56.3%; box-shadow: 0px 5px 12px 2px rgba(29, 29, 29, 0.2); }
.section1 .img img { height: 100%; object-fit: cover; width: 100%; }
.section1 .text { width: 43.7%; padding: 0px 8%; display: flex; justify-content: center; flex-direction: column; }
.section1 .text p { font-size: 22px; color: #3d3d3d; line-height: 38px; }



.swp_section3 { width: 100%; padding-bottom: 110px; }
.swp_section3 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
  background: #000;
}

.swp_section3 .swiper-slide { position: relative; }
.swp_section3 .swiper-slide .text { position: absolute; bottom: 30px; color: #fff; z-index: 3; opacity: 0; width: 100%; text-align: center; }
.swp_section3 .swiper-slide .text h3 { font-size: 20px; color: #fff; }
.swp_section3 .swiper-slide .text p { font-size: 14px; color: #fff; margin-top: 5px; }

.swp_section3 .swiper-slide img { opacity: 0.4; }
.swp_section3 .swiper-slide .link { display: block; }
.swp_section3 .swiper-slide-active { transform: scale(1); position: relative; }
.swp_section3 .swiper-slide-active .link:after { content: ''; position: absolute; background: url('../images/icon5.png')  repeat-x left bottom; height: 100%; width: 100%; top: 0px; left: 0px; }
.swp_section3 .swiper-slide-active img { opacity: 1; }
.swp_section3 .swiper-slide-active .text { opacity: 1; }

.swp_section3 .swp_pag3:before { content: ''; position: absolute; left: 0px; bottom: 20px; height: 1px;
width: 100%; background: rgba(255, 255, 255, 0.5); z-index: -1; }
.swp_section3 .swiper-pagination-bullet { width: auto; background: none; color: #fff; opacity: 1; font-size: 16px; margin: 0px 1% !important; padding-right: 10px; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; z-index: 9; background: #157ec7; height: auto; border-radius: 0px; padding: 8px 22px 10px; border: 1px solid #157ec7;  outline: none; }
.swp_section3 .swiper-pagination-bullet:before { content: ''; background: rgba(255, 255, 255, 0.5); width: 11px; height: 11px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px; }
.swp_section3 .swiper-pagination-bullet-active {  background: #157ec7; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 40px; }
.swp_section3 .swiper-pagination-bullet-active:before { background: rgba(255, 255, 255, 1); }


.section3 { overflow: hidden; width: 100%; position: relative; padding: 0px 0px 100px;  }

.section3:before { content: ''; background: url('../images/img5.jpg') no-repeat 78% bottom; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 1;  }

.section3 .back_1 { background: url('../images/icon12.png') no-repeat right top; padding-top: 130px; }


.section3:after { content: ''; position: absolute; background: #157ec7; height: 50%; bottom: 0px; left: 0px; width: 100%; z-index: 0; }
.section3 .item { width: 110%; margin-left: -5%; }
.section4_box { background: #eff8ff url('../images/icon8.png') no-repeat 78% center; }
.section4_box .back_1 { background: url('../images/icon13.png') no-repeat left bottom; }


.section4 { display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; height: 100%; height: 642px; }
.section4 .text { width: 28%; }
.section4 .text p { font-size: 22px; color: #3d3d3d; line-height: 38px; }
.section4 .fr { width: 72%; }
.section4 .fr .img { width: 500px; height: 500px; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; }
.section4 .fr .img .icon { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; animation: btnRotate 3.5s linear infinite; -webkit-animation: btnRotate 3.5s linear infinite;  }
.section4 .fr .img h3 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; align-items: center; justify-content: center; display: flex; font-size: 20px; font-weight: bold; color: #3d3d3d; }

.in_news_box { background: url('../images/img6.jpg') no-repeat 78% top; }
.in_news_box .back_1 { background: url('../images/icon14.png') no-repeat left top; }
.in_news_box .back_2 { background: url('../images/icon15.png') no-repeat right bottom; }

.in_news { padding: 10px 8px 30px; overflow: hidden; position: relative; background:#FFF;  }
.in_news ul { display: flex; flex-direction: row; margin-left: -24px; margin-right: -24px; flex-wrap: wrap; }
.in_news ul li { width: 25%; padding: 0px 24px; }
.in_news ul li .link { display: block; box-shadow: 0px 5px 12px 2px rgba(29, 29, 29, 0.1); height: 100%; background: #fff; }
.in_news ul li .img  { overflow: hidden; }
.in_news ul li .img img { width: 100%; transform: scale(1, 1); -webkit-transform: scale(1, 1);
	transition: all 0.6s; -webkit-transition: all 0.6s; }
.in_news ul li .text { padding: 30px; }
.in_news ul li .text strong { font-size: 14px; color: #999999; }
.in_news ul li .text h3 { color: #3d3d3d; font-size: 15x; margin-top: 5px; line-height: 30px; }
.in_news ul li .text_last { text-align: center; margin-top: 15px; }
.in_news ul li .text_last .m_link_1 { margin: 0 auto; text-align: center; }
.in_news ul li .link:hover .img img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.in_news ul li .link:hover .text h3 { color: #cd24b5; }





.scroll_more { font-size: 16px; line-height: 26px; margin-top: 35px; text-align: justify;  padding-right: 20px;  }
.scroll_more.active { display: block; height: 130px; overflow: auto; }


.scroll_more::-webkit-scrollbar {
    width: 3px;
}

.scroll_more::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 5px;
}

.scroll_more::-webkit-scrollbar-thumb {
    background: #0068b7;
    border-radius: 5px;
}


.scroll_more::-webkit-scrollbar-button {
    display: none;
}

.footer_box { background:#0068b7;   }
.footer { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.footer .item { display: flex; flex-direction: row; justify-content:space-between; align-items: center; padding: 20px 0px; position: relative; }
.footer .item .nav { letter-spacing: -5px; margin-right:140px;}
.footer .item .nav a { display: inline-block; vertical-align: middle; color: #ededed; font-size: 16px; padding: 0px 17px 0px 16px;
	position: relative; letter-spacing: 0px; }
.footer .item .nav a:after { content: ''; background: #ededed; position: absolute; height: 16px; right: 0px; top: 3px; width: 1px; }
.footer .item .nav a:last-child { padding-right: 0px; }
.footer .item .nav a:last-child:after { display: none; }
.footer .item .nav a:hover { color: #fff; text-decoration: underline; }
.footer .item .icon a { display: inline-block; vertical-align: middle; margin-left: 10px; }

.footer .wx { width: 80px; height: 80px; position: absolute; right: 110px; top: 10px; }
.footer .wx:after { content: ''; position: absolute; right: -12px; top: 50%; border: 6px solid; border-color: transparent  transparent  transparent #fff; margin-top: -6px; }


.footer_fot { text-align: center; font-size: 16px; color: #ffffff; height:70px; }
.footer_fot a { color: #fff; }
 
 
 
 
/* 导航 */

.banner_nr { position: relative; }
.banner_nr .tit { height: 360px; display: flex; align-items: center; font-size: 36px; color: #fff; letter-spacing: 3px; }
.banner_nr .con { position: relative; }



/* 企业文化 */

.culture { padding: 1px 0px; }
.culture ul li { display: flex; flex-direction: row; background: #f5f5f5; }
.culture ul li:nth-child(2n) {  flex-direction: row-reverse; }
.culture ul li .text { display: flex;  width: 50%; flex-direction: column; justify-content: center; padding: 50px 4%; }
.culture ul li .text h3 { font-size: 28px; color: #000;  }
.culture ul li .text .con { margin: 20px 0px; }
.culture ul li .text p {  color: #666666; font-size: 16px; line-height: 28px; }
.culture ul li .text p span { color: #cd24b5; cursor: pointer; }
.culture ul li .text p strong { color: #333; font-size: 24px; display: block; margin-bottom: 10px; }
.culture ul li .text p strong:hover { color: #0068b7; }
.culture ul li .img { width: 50%; box-shadow: 0px 0px 8px 5px rgba(29, 29, 29, 0.1); }
.culture ul li .img img { object-fit: cover; height: 100%; width: 100%; }



.culture_back { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100; }

.culture_tc { position: fixed; top: 0px; left: 0px; z-index: 101; width: 100%;  }
.culture_tc .item_box { display: flex; align-items: center; justify-content: center; height: 100vh; }
.culture_tc .item { background: #fff; padding: 80px; max-height: 90%; overflow: auto; }
.culture_tc .item dl { position: relative; padding-left: 200px; }
.culture_tc .item dl dt { position: absolute; left: 0px; font-size: 24px; color: #333; }
.culture_tc .item dl dd p { margin-bottom: 20px; font-size: 16px; line-height: 26px; }
.culture_tc .item dl dd p strong { color: #cd24b5; font-weight: bold; }
.culture_tc .item .dow { text-align: center; font-size: 18px; margin-top: 60px; cursor: pointer; }
.culture_tc .item .dow em { display: block; margin-top:5px; }
.culture_tc .item .dow img { margin: 0 auto; }




/* 发展历程 */
.about { display: flex; padding: 80px 0px; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
.about .text { width: 38%; }
.about .text h3 { font-size: 30px; color: #333333; }
.about .text p { font-size: 16px; line-height: 28px; margin-top: 15px; text-align: justify; }
.about .img { width: 56.2%;  }

.about1 { background: url('../images/img58.jpg') no-repeat center center; background-attachment: fixed; padding: 150px 10px;
text-align: center; cursor: pointer; background-size: cover; }
.about1 .icon img { margin: 0 auto; }
.about1 h3 { font-size: 18px; color: #fff; margin-top: 15px; }

.about2 { padding: 10px 0px 80px; position: relative; }
.about2 .tit { font-size: 30px; text-align: center; color: #333333; }

.about_next { outline: none; }
.about_prev { outline: none; }

.about_swp_box { padding: 30px 180px; position: relative; }
.about_swp .swiper-slide { padding: 20px; }
.about_swp .swiper-slide .item { background: #eff8ff; box-shadow: 0px 0px 10px 3px rgba(29, 29, 29, 0.1); display: flex; flex-direction: row; }
.about_swp .swiper-slide .item .img { width: 50%; }
.about_swp .swiper-slide .item .text { width: 50%; padding: 50px; }
.about_swp .swiper-slide .item .text h3 { font-size: 48px; color: #333333; }
.about_swp .swiper-slide .item .text h3 span { font-size: 24px; }
.about_swp .swiper-slide .item .text p { font-size: 16px; color: #4c4c4c; margin-top: 10px; line-height: 26px; }


.about2 .about_pag { width: 100%; position: relative; }
.about2 .about_pag:before { content: ''; position: absolute; left: 0px; bottom: 19px; height: 1px;
width: 100%; background: rgba(238, 238, 238, 1); z-index: -1; }
.about2 .swiper-pagination-bullet { width: auto; background: none; color: #999999; opacity: 1; font-size: 16px; margin: 0px 2% !important; padding-right: 10px; position: relative; transition: all 0.6s; -webkit-transition: all 0.6s; z-index: 9; background: #fff; height: auto; border-radius: 0px; padding: 5px 10px 7px 0px; border: 1px solid #fff;  outline: none; }
.about2 .swiper-pagination-bullet-active {  background: rgb(205, 36, 181,0.1); color: rgb(205, 36, 181); border: 1px solid rgba(250, 36, 181, 1); border-radius: 40px; padding: 5px 30px 7px 0px; box-shadow: 0px 5px 5px 1px rgb(205 36 181 / 10%); }
.about2 .swiper-pagination-bullet:before { content: ''; background: rgb(205, 36, 181); width: 6px; height: 6px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 8px; margin-left: -3px; }
.about2 .swiper-pagination-bullet-active:before { background: #cd24b5;  margin-right: 30px; }

.about_next { background: none; text-align: center; right:80px; }
.about_next strong { font-size: 24px; color: #999999; }
.about_next .icon { background: url('../images/icon46.png') no-repeat left center; width: 46px; height: 46px; display: block; margin-top: 10px; margin-left: 4px; }

.about_prev { background: none; text-align: center; left:50px; }
.about_prev strong { font-size: 24px; color: #999999; }
.about_prev .icon { background: url('../images/icon47.png') no-repeat left center; width: 46px; height: 46px; display: block; margin-top: 10px; margin-left: 4px; }

/* 技术优势 */

.ztechInfo1 { padding: 5px 0px; }
.ztechInfo1 h3 { font-size: 30px; color: #00479d; text-align: left; }
.ztechInfo1 .item { display: flex; flex-direction: row; justify-content: space-between; margin-top: 1px; }
.ztechInfo1 .item .img { width: 46.7%; margin-top:100px; }
.ztechInfo1 .item .list { width: 96%; display: flex; flex-direction: column; }
.ztechInfo1 .item .list p { background: url('../images/aicon4.png') no-repeat left center; padding-left: 10px;
font-size: 16px; line-height: 30px; }




/* 市场应用 */


section {
	display: block
}

.content {
    max-width: 1200px;
    margin: 0 auto;
}

/* 案例赏析 */
.case {
   
	margin-top:30px;
}

.case .caseBd {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-around; */
    justify-content: space-evenly;
}

.case .caseBd .caseBdBig {
    position: relative;
    overflow: hidden;
    width: 550px;
   
}

.case .caseBd .caseBdBig:nth-child(1),
.case .caseBd .caseBdBig:nth-child(2) {
    margin-bottom: 20px;
}

.case .caseBd .caseBdBig img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

/* 案例欣赏遮罩 */
.case .caseBd .caseBdBigMask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

.case .caseBd .caseBdBigMask .caseBdBigMaskText {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateX(-999px);
    width: 75%;
    height: 58%;
    background-color: rgba(0, 0, 0, .6);
    margin: auto;
    padding: 20px;
}

.case .caseBd .caseBdBigMask .caseBdBigMaskText h1 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #FFF;
    font-weight: 400;
}


.case .caseBd .caseBdBigMask .caseBdBigMaskText h10 {
    font-size: 24px;
    margin-bottom: 10px;
	background:#FFF;
	
    font-weight: 400;
}


.case .caseBd .caseBdBigMask .caseBdBigMaskText p {
    width: 80%;
    color: rgba(255, 255, 255, .6);
    font-size: 16px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}

.case .caseBd .caseBdBigMask .caseBdBigMaskText a {
    position: absolute;
    top: 52px;
    right: 35px;
    font-size: 20px;
    color: #FFF;
}

/* 案例赏析鼠标悬停状态 */
@keyframes move {
    0% {
        transform: translateX(-999px);
    }

    100% {
        transform: translateX(0);
    }
}

.case .caseBd .caseBdBig:hover img {
    transform: scale(1.1);
}

.case .caseBd .caseBdBig:hover .caseBdBigMask {
    display: block;
}

.case .caseBd .caseBdBig:hover .caseBdBigMask .caseBdBigMaskText {
    animation: move .3s ease-out forwards;
}




iframe {
    width: 100%;
    height: 100%;
}
 
.bottms{
	width: 100%;
    height: 156px;}
	
/* 设置包装元素的宽度和高度，并设置宽度为100%以适应父元素的宽度 */
.video-box {
    position: relative;
    width: 100%;
     height: 440px;
}
 
.video-box2 {
    position: relative;
    width: 100%;
     height: 680px;
}