/* ==========================================================================
   Index Page
   ========================================================================== */
  
.ny-header .child a{ color: #;}  
  
.ny_top{ margin-top: 127px;}
.ny_banner{ height: 659px; overflow: hidden; display: flex; align-items: center;  /*animation: scaleDraw 5s ease-in-out infinite;
-webkit-animation: scaleDraw 5s ease-in-out infinite; animation-iteration-count: 1; */ position: relative;}
.ny_news{background:url(../img/banner_news.jpg) no-repeat center;  background-size: cover;}
.ny_technology{background:url(../img/ban_js.jpg) no-repeat center;  background-size: cover;}
.ny_case{background:url(../img/ban_case.jpg) no-repeat center;  background-size: cover;}
.ny_equipment{background:url(../img/ban_sb.jpg) no-repeat center;  background-size: cover;}
.ny_pro{background:url(../img/ban_pro.jpg) no-repeat center;  background-size: cover;}
.ny_con{background:url(../img/ban_con.jpg) no-repeat center;  background-size: cover;}

.ban-box{  text-align: center; margin-top: -10%;}
.box_b1{  font-weight: bold; text-transform: uppercase; letter-spacing: 10px; font-size: 3rem; color: #ffffff;}
.box_b2{font-family: 'Swis721_Blk_BT_Black'; font-weight: bold; font-size: 4.2rem; text-transform: uppercase; color: #ffffff;}
.box_b3{ font-size: 3rem; font-weight: bold; line-height: 1.5; color: #ffffff;}
.line{ max-width: 347px; margin: 2rem auto; border-top: 1px solid rgba(255,255,255,0.37); position: relative; display: block;}
.line p{background: #ffffff; width: 13px; height: 13px; border-radius: 100%; display: block; margin: 0 auto; position: absolute; left: 0; right: 0; top: -7px;}
.place{ text-align: center; color: #ffffff; font-size: 16px; line-height: 2; margin-top: 5rem; }
.place a{color: #ffffff; }
.place a:hover, a.on { color: #00b392;}  

.place1{ text-align: left; color: #969696; font-size: 16px; line-height: 2; }
.place1 a{color: #969696; }
.place1 a:hover, a.on { color: #00b392;}  

/*内页分类*/
.psub2{ text-align: center; clear: both; overflow: hidden; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; z-index: 2; background: #2253a0; height: 9.5rem; line-height: 9.5rem; max-width: 1600px;}
.psub2.flex{ display: flex; justify-content: space-between; }

.psub2 a{ display: inline-block; padding: 0 8rem;  position: relative; color:rgba(255,255,255,1); font-size: 16px; transition: all 0.3s; position: relative; }
.psub2 a span{ z-index: 10; position: relative;}
.psub2 a:after{ width: 1px; opacity: 0.24; height: 18px; content: ""; position: absolute; right: 0; top:calc(50% - 9px); background: #ffffff; z-index: 0;}
.psub2 a:hover{ background: #00a497;}
.psub2 a:hover,.psub a.active{ background: #00a497; color: #ffffff; transition: all 0.3s; }
.psub2 a:before{ width: 13px;background: url(../img/p_on.png) no-repeat left center; height: 9px; content: ""; position: absolute; left: 26%; top: calc(50% - 4px);}
.psub2 a:last-child::after{ display: none;}


.psub1{ text-align: center; clear: both; overflow: hidden;  margin: 4rem auto; background: #2253a0; height: 9.5rem; line-height: 9.5rem; max-width: 1600px;}
.psub1.flex{ display: flex; justify-content: space-between; }
.psub1 a{ display: inline-block; padding: 0 8rem;  position: relative; color:rgba(255,255,255,1); font-size: 16px; transition: all 0.3s; position: relative; }
.psub1 a span{ z-index: 10; position: relative;}
.psub1 a:after{ width: 1px; opacity: 0.24; height: 18px; content: ""; position: absolute; right: 0; top:calc(50% - 9px); background: #ffffff; z-index: 0;}
.psub1 a:hover{ background: #00a497;}
.psub1 a:hover,.psub1 a.active{ background: #00a497; color: #ffffff; transition: all 0.3s; }
.psub1 a:before{ width: 13px;background: url(../img/p_on.png) no-repeat left center; height: 9px; content: ""; position: absolute; left: 26%; top: calc(50% - 4px);}
.psub1 a:last-child::after{ display: none;}


/*新闻*/
.sect_news{  padding: 10rem 0; background: #f2f2f2; }
.tit_news{ text-align: left; color: #323232; line-height: 1;}
.tit_news span{ display: block; font-size: 10rem; font-weight: bold; text-transform: uppercase;}
.tit_news p{ font-size: 18px; padding-left: 8px; line-height: 2;}

.news-box{margin-bottom: 0; color: #323232;}
.news-box .time{ text-align: center; color: #323232;}
.news-box .time span{ font-size: 7.2rem; font-weight: bold; display: block; line-height: 1;}
.news-box .time em{ font-size:18px; font-style: normal;}
.news-box .ntit{}
.news-box .ntit p{ font-size: 2.2rem; color: #2a2a2a; line-height: 2;  word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.sect_news .news-pagination{ left: 0; text-align: left; }
.sect_news .swiper-pagination-bullet{ background: #a8a8a8; opacity: 1;}
.sect_news .swiper-pagination-bullet-active{ background: #00b392;}

.news-box1 { margin-bottom: 3rem;}
.news-box1 a{ background: #ffffff; border: 1px solid #eaeaea; padding: 3rem;}
.news-box1 .icon{ background: #ffffff; border-radius: 15px; overflow: hidden;}
.news-box1 .icon img{ border-radius: 15px;}
.news-box1 .ntit{ text-align: left; margin-top: 2rem;overflow:hidden;}
.news-box1 .ntit p{ position: relative; font-size: 16px; line-height: 1.5; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; color: #878787; padding: 2rem 0; border-bottom: 1px solid #dedede; margin-bottom: 2rem; overflow:hidden;}
.news-box1 .ntit p:after{ width: 60px; height: 3px; background: #00b392; left: 0; bottom: -2px; position: absolute; content: ""; display: block;}
.news-box1 .ntit h3{ font-size: 18px; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left;}
.news-box1 .ntit span{ font-size: 14px; font-weight: bold;}
.news-box1 b{ color: #00b392; font-size: 16px; font-weight: bold; line-height: 1;}
.news-box1:hover .ntit h3{ color: #00b392;}
.news-box1:hover .ntit p:after{ width: 100%;}

.sect_info{ background: #f2f2f2; padding: 5rem 0; } 
.container{ background: #ffffff; padding: 7rem 0 15rem 0;  width: 100%; margin: 0 auto;}
.sect_info .article{ text-align: center;  max-width: 1400px; width: 94%; margin: 0 auto;  }
.sect_info .news-tit{ font-size: 4rem; text-align: center; line-height: 6rem;font-family: 'SourceHanSansCN-Bold';padding: 0 0 3rem; color: #333333;}
.sect_info .fabu{ text-align:justify; padding: 2rem 0; font-size: 14px;  color: #333333; text-align: left; border-bottom: 1px solid #ededed;}
.sect_info .dot_1{ display: flex; justify-content: flex-start; align-items: center;}
.sect_info .dot_1 p{ margin-right: 2rem;}
.sect_info .dot_1 p i{ margin-right: 10px;}
.sect_info .content{line-height: 36px; color: #333333; padding: 3rem 0 5rem 0;font-size: 18px;text-align: left;}
.sect_info .content p{ margin: 1rem 0;  text-align: left;}
.sect_info .content p span{ font-weight: bold;}
.fanye a{ font-size: 18px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left;}
.fanye a.fr{ text-align: right;}

.share{ display: flex; justify-content: flex-end; align-items: center;}
.share p{ margin-right: 10px;}
.bdshare-button-style0-24 .bds_weixin{ background: url(../img/weixin.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}
.bdshare-button-style0-24 .bds_tsina{ background: url(../img/weibo.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}
.bdshare-button-style0-24 .bds_sqq{ background: url(../img/qq.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}

.sect_related{ padding: 8rem 0; background: #f2f2f2; }
.sect_related .news-pagination{ left: 0; text-align: center; }
.sect_related .swiper-pagination-bullet{ background: #a8a8a8; opacity: 1;}
.sect_related .swiper-pagination-bullet-active{ background: #00b392;}
.tit_rel{ text-align: center;}
.tit_rel span{ font-size: 4.2rem; font-weight: bold; text-transform: uppercase; display: inline-block;}
.tit_rel p{ font-size: 3rem; font-weight: bold;}
.news-box2 { margin:0 auto 4rem auto; position: relative; transition: all 0.3s;}
.news-box2 .ptit{ text-align: left; line-height: 24px; padding: 2rem 0 0; color: #333333; }
.news-box2 .ptit b{ font-size: 14px; color: #666666; display: block;font-weight: normal; font-family: 'Flat';}
.news-box2 .ptit span{ padding: 0; font-size: 1.8rem; line-height: 1.8;  text-align: left; color: #333333; font-family: 'SourceHanSansCN-Bold';}
.news-box2:hover .ptit span{ color: #e8453c;}

.sect_technology{ padding: 8rem 0; background: #f2f2f2;}
.news-box3 { margin-bottom: 3rem; }
.news-box3 a{ background: #ffffff; border: 1px solid #eaeaea; padding: 6rem; -moz-box-shadow:2px 3px 5px rgba(237,237,237,0.75); -webkit-box-shadow:2px 3px 5px rgba(237,237,237,0.75); box-shadow:2px 3px 5px rgba(237,237,237,0.75); position: relative;}
.news-box3 a:before{ width: 2rem; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: #9ddccf;}

.news-box3 .ntit{ text-align: left; margin-top: 2rem;}
.news-box3 .ntit p{ position: relative; font-size: 16px; line-height: 1.8; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #878787; margin: 2rem 0; overflow: hidden;}
.news-box3 .ntit h3:after{ border-radius: 3px; width: 25px; height: 4px; background: #00b392; left: 0; bottom: -2px; position: absolute; content: ""; display: block;}
.news-box3 .ntit h3{ position: relative; border-bottom: 1px solid #dedede; color: #00b392;  font-size: 2rem; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; margin: 0 0 2rem 0; overflow: hidden;     padding: 0;}
.news-box3 .ntit span{ font-size: 2rem; color: #00b392;}
.news-box3 b{ color: #00b392; font-size: 16px; font-weight: bold; line-height: 1;}
.news-box3:hover .ntit h3{ color: #00b392;}
.news-box3:hover .ntit h3:after{ width: 100%;}

.down{ background: #ffffff; padding: 10rem;}
.down_list{ background: #f2f2f2; padding: 5rem; margin-bottom: 20px;}
.down_list p{ font-size: 18px; padding-bottom: 3rem; display: flex; justify-content: flex-start; align-items: center; font-weight: bold; border-bottom: 1px solid #ffffff;}
.down_list p i{ margin-right: 10px;}
.down_1{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; font-size: 16px; padding: 3rem 0;}
.down_1 p{ font-weight: normal; border-bottom: none; font-size: 16px; margin-right: 3rem;}
.down_list a{ padding: 1rem 0; background: #00b392; font-size: 16px; color: #ffffff; border-radius: 25px; display: flex; justify-content: center; align-items: center; max-width: 180px; margin-left: 0;}
.down_list a img{ margin-right: 10px;}

.more{ max-width: 223px; padding: 1.5rem 0; width: 100%; font-size: 18px; color: #ffffff; text-align: center; margin: 5rem auto; border-radius: 30px; display: block; background: linear-gradient(to right,#00a398,#00b791); transition: all 0.3s;}
.more:hover{ background: linear-gradient(to right,#00b791,#00a398); transition: all 0.3s;}

.sect_case{ padding: 5rem 0;}
.case-box{ border: 1px solid #bfbfbf; position: relative; padding-bottom: 10rem;}
.case-box a{ padding: 3rem;}
.case-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.case-box i{ text-align: center; color: #ffffff; font-size: 2rem; background: linear-gradient(to bottom,#00b592,#00a099); width: 50px; line-height: 50px; height: 50px; display: block; border-radius: 100%; margin-top: 2rem;}
.case-box .ntit{ max-width: 555px; padding: 3rem 5rem; width: 80%; background: #ffffff; text-align: left; position: absolute; left: 0; right: 0; margin: 0 auto; -moz-box-shadow:2px 3px 5px rgba(161,161,161,0.75); -webkit-box-shadow:2px 3px 5px rgba(161,161,161,0.75); box-shadow:2px 3px 5px rgba(161,161,161,0.75); bottom: 10%;}
.case-box .ntit p{ position: relative; font-size: 16px; line-height: 1.8; text-align: left; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #111111; }
.case-box .ntit h3{ position: relative; color: #111111;  font-size: 18px; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; }
.case-box:hover .ntit{ background: #2253a0;}
.case-box:hover .ntit h3{ color: #ffffff;}
.case-box:hover .ntit p{ color: #aec6ec;}

.case-info{ background: #ffffff; padding: 3.5rem;}

.ctit{}
.ctit h3{ font-size: 3rem; font-weight: bold; border-bottom: 1px solid #dcdcdc; padding: 2rem 0 3rem;}
.ctit p{ font-size: 16px; line-height: 2; margin: 3rem 0;}
.ctit p span{ font-weight: bold;}
.case-m{ display: flex; justify-content: flex-start; align-items: center;}
.case-m .more_c1{ background: #00a398; padding: 0 3rem; margin-right: 2rem; font-size: 20px; font-weight: bold; color: #ffffff; border-radius: 35px; height: 45px; line-height: 45px;}
.case-m .more_c1 i{ margin-right: 10px; font-size: 2.3rem;}
.case-m .more_c2{background: #2253a0; padding: 0 6rem; font-size: 20px; font-weight: bold; color: #ffffff; border-radius: 35px; height: 45px; line-height: 45px;}
.case-m .more_c2 i{ margin-right: 10px; font-size: 2.3rem;}
.case_content{ text-align: left;}
.case_content h3{ margin-bottom: 2rem; font-size: 3rem; font-weight: bold; color: #333333; border-bottom: 1px solid #d4d4d4; line-height: 2; padding-bottom: 2rem;}
.case_content p{ font-size: 16px; color: #818181; text-align: left; line-height: 2;}

.case-box1{ margin-bottom: 5rem;  background: #ffffff; position: relative; border-bottom-right-radius: 30px;}
.case-box1 a{ padding: 3rem;}
.case-box1 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.case-box1 .ntit{}
.case-box1 .ntit p{ margin-top: 2rem; position: relative; font-size: 16px; line-height: 1.8; text-align: left; color: #ffffff; background: #00b691; height: 32px; line-height: 32px; width: 164px; text-align: center; border-radius: 0 15px 15px 0;}
.case-box1 .ntit p i{ margin-left: ;}
.case-box1 .ntit h3{ position: relative; border-bottom: 1px solid #c8c8c8; color: #111111;  font-size: 18px; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; padding: 2rem 0;}
.case-box1:hover .ntit h3{ color: #00b392;}

.sect_related .news-pagination1{ left: 0; text-align: center; bottom: 0; }
.sect_related .news-pagination1 .swiper-pagination-bullet{ background: #a8a8a8; opacity: 1; width: 16px; height: 16px;}
.sect_related .news-pagination1 .swiper-pagination-bullet-active{ background: #00b392;}

.list_1{ list-style: none;}
.list_1 li{ border: 1px solid #e5e5e5; background: #f9f9f9; padding: 15px; position: relative; margin: 12rem 0;}
.list_1 li:nth-child(2n) .dot_2{left: 7rem; }
.list_1 li .c-img{ width: 100%; height: 100%; object-fit: cover;}
.list_1 li .c-img img{ width: 100%; height: 100%; object-fit: cover;}
.list_1 li .dot_2{ background: #ffffff; padding: 10rem 5rem; -moz-box-shadow:0px 0px 10px rgba(188,188,188,0.75); -webkit-box-shadow:0px 0px 10px rgba(188,188,188,0.75); box-shadow:0px 0px 10px rgba(188,188,188,0.75); position: absolute; right: 7rem; top: -4rem; max-width: 325px; width: 50%; text-align: left;}
.list_1 li .dot_2 em{ font-size: 6rem; font-family: impact; font-style: normal; display: block;}
.list_1 li .dot_2 span{ font-size: 24px; font-weight: bold; display: block; border-bottom: 1px solid #000000; line-height: 1.5; padding: 2rem 0 1.5rem;}
.list_1 li .dot_2 p{ font-size: 16px; color: #818181; line-height: 2; text-align: left; margin: 3rem 0;}
.list_1 li .dot_2 a{ background: #2253a0; color: #ffffff; width: 240px; display: block; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: bold; height: 55px; line-height: 55px;}
.list_1 li .dot_2 a:hover{ background: #00b591;}
.list_1 li .dot_2 a img{ border-radius: 0; margin-right: 10px;}


.sect_pro{ padding: 3rem 0;}
.pro-box{ margin-bottom: 5rem; position: relative;  background: #ffffff; position: relative; max-width: 500px; margin-left: 15px;}
.pro-box:before{ width:100%; height: 100%; background: #f9f8f8; position: absolute; left: -15px; top: -15px; content: ""; z-index: 2;}
.pro-box a{ padding: 3rem; background: #ffffff; border: 1px solid #ededed; border-bottom-right-radius: 30px; position: relative; z-index: 3;}
.pro-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.pro-box .ntit{}
.pro-box .ntit p{ margin-top: 2rem; position: relative; font-size: 16px; line-height: 1.8; text-align: left; color: #7a7a7a; text-overflow: -o-ellipsis-lastline;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 min-height: 90px;}

.pro-box .ntit h3{ position: relative; border-bottom: 1px solid #c8c8c8; color: #000000;  font-size: 18px; line-height: 1.5;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: left; padding: 2rem 0;}
.pro-box .ntit em{margin-top: 2rem; position: relative; font-size: 16px; line-height: 1.8; text-align: left; color: #ffffff; background: #00b691; height: 32px; line-height: 32px; width: 164px; text-align: center; border-radius: 0 15px 15px 0; display: block; font-style: normal;}
.pro-box .ntit em i{ margin-left: 10px;}
.pro-box:hover .ntit h3{ color: #00b392;}


.pro-info{ background: #2758a2; border-bottom-right-radius:30px;}
.pro-info .icon{ background: #ffffff;}
.pro-info .ptit{ padding: 5rem 8rem;}
.pro-info .ptit h3{ font-size: 3rem; border-bottom: 1px solid #ffffff; color: #ffffff; line-height: 2; padding-bottom:2rem;}
.pro-info .ptit p{ color: #ffffff; font-size: 16px; text-align: left; line-height: 2; padding: 5rem 0;}
.pro-info a.more_p1{ background: #00a398; padding: 0 3rem; margin-right: 2rem; font-size: 20px; font-weight: bold; color: #ffffff; border-radius: 35px; height: 45px; line-height: 45px; display: flex; justify-content: center; max-width: 250px;}
.pro-info a.more_p1 i{ margin-right: 10px; font-size: 2.3rem;}

.pro-main{ margin: 4rem 0;}
.list-psub{ list-style: none; background: #2758a2; border-radius: 15px 0 0 0; height: 8rem; line-height: 8rem; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; clear: both; overflow: hidden;}
.list-psub li{ display: flex; justify-content: flex-start; align-items: center; color: #ffffff; font-size: 2rem; font-weight: bold;}
.list-psub li i{ margin-right: 10px;}
.list-psub li a{ color: #ffffff; padding: 0 5rem;}
.list-psub li a.on{ background: #00a398; color: #ffffff; }


.pro-content{ background: #ffffff; padding: 5rem; font-size: 16px; border: 1px solid #e0e0e0; color: #4c4d4d; line-height: 2; text-align: left;}
.pro-content ul{ list-style: none; clear: both; overflow: hidden;}
.pro-content li{ width: 33.33%; float: left; color: #1c1c1c; border-bottom: 1px solid #bfbfbf; font-size: 18px; line-height: 2; padding: 15px 0;}
.pro-content li span{ font-weight: bold;}
.pro-sl{ background: url(../img/bg_pp.jpg) no-repeat center bottom #ffffff; margin-top: 3rem; border: 1px solid #e0e0e0; padding: 8rem ;}
.pro-sl ul{ list-style: none; clear: both; overflow: hidden;}
.pro-sl ul li{ width: 33%; float: left; border-left: 1px solid #d1d1d1; font-size: 16px; position: relative;}
.pro-sl ul li:first-child{ margin-left: 5px;}
.pro-sl ul li:before{ width: 10px; height: 10px; content: ""; background: #2758a2; position: absolute; display: block;     left: -5px;}
.pro-sl ul li em{ padding-left: 5rem; font-style:normal; font-size: 4.8rem; color: #191919; font-weight: bold; font-family: impact; line-height: 2; display: block;}
.pro-sl ul li span{ padding-left: 5rem; font-size: 20px; font-weight: bold;}
.pro-sl ul li p{ padding-left: 5rem; color: #a1a1a1; line-height: 2; min-height:115px; text-align: left; max-width: 300px; width: 100%; padding-top: 3rem;}
.pro-content table {border: #83a3cc solid 1px;border-right: none; border-bottom: none;}
.pro-content table td{border: #83a3cc solid 1px;border-top: none; border-left: none; padding: 5px 15px; background: #e7ebf6; color: #7f7e83;}
.pro-content table tr td:first-child{background: #4076bc; color: #fff;}
/*联系我们*/ 
.sect_contact{ background: #ffffff; padding: 8rem 0;}

.box_con{  border:1px solid #dadada; }
.box_con ul{ display: flex; justify-content:space-around; align-items: center;}
.box_con ul li{ width: calc((100% - 2px)/3); padding: 2rem 0; display: flex; justify-content:flex-start; align-items: center; border-right: 1px solid #dadada;}
.box_con ul li i{ margin-right: 10px; margin-left: 10%;}
.box_con ul li p{ font-size: 16px; color: #333333; text-align: left; line-height: 2;}
.box_con ul li span{ font-size: 20px; font-weight: bold; display: block;}
.box_con ul li:last-child{ border-right: none;}

.tit-con{ text-align: left;}
.tit-con span{ font-size: 4.2rem; font-weight: bold; color: #2a2a2a; text-transform: uppercase;}
.tit-con p{ font-size: 3rem; color: #2a2a2a; font-weight: bold;}

.dot_con{ text-align: left; position: relative; border-top: 1px solid #e3e3e3; margin-top: 3rem; padding-top: 3rem; width: 100%; max-width: 650px;}
.dot_con p{ font-size: 16px; color: #777474; line-height: 2;}
.dot_con img{ border: 1px solid #e3e3e3; padding: 10px; border-radius: 10px; margin-top: 5rem;}
.dot_con1{ list-style: none; margin-top: 3rem;}
.dot_con1 li{ width: 100%; max-width: 650px; border-bottom: 1px solid #e3e3e3;  line-height: 2; padding: 10px 0; font-size: 16px; color: #777474;}
.dot_con1 li i{ margin-right: 10px;}
.dot_con1 li strong{ color: #333333;}

.form{ margin: 0;}
.form .form-group{  background: rgba(255,255,255,0);  margin: 2rem 0;}
.form .btn-default{ width: 100%; margin: 2rem 0 0 0; background:#00b392; color: #ffffff; border: none; font-size: 2rem; line-height: 5rem;  display: block; }
.form .btn-default:hover{ background: #2253a0;}
.form-control{ border: 1px solid #eeeeee; font-size: 16px;  padding: 0 2rem; margin: 0 0 2rem; height: 55px; line-height: 55px;}
textarea.form-control{align-items: baseline; min-height: 195px; margin-top: 2rem;}
.form p{ font-size: 16px; line-height: 2; padding: 1rem 0; color: #b7b7b7;}
.code{ border: 1px solid #eeeeee; font-size: 16px;  padding: 0 2rem; display: flex; justify-content: space-around; align-items: center;}
.code .form-control{ border: none; padding: 0; margin-bottom: 0;}

/*关于我们*/
.sect_about{position: relative; background: url(../img/bg_about1.jpg) no-repeat center center;  padding: 10rem 0 3rem; overflow: hidden; background-size: cover;} 
.about-img{}
.tit-about{ position: relative; border-bottom: 1px solid rgba(255,255,255,0.11); padding-bottom: 3rem;}
.tit-about p{ font-size: 3rem; color: #ffffff; font-weight: bold; transform: translateY(-30px);}
.tit-about:after{ width: 76px; height: 7px; position: absolute; left: 0; bottom: -3px; border-radius: 5px; background: #ffffff; content: "";}
.about-box1{ color: #bad6e6; font-size: 16px; line-height: 2; text-align: left; padding: 4rem 0;}
.place-about{ text-align: right; color: #bad6e6; font-size: 16px; margin-top: 12rem;}
.place-about a{ color: #bad6e6; }

.about{ position: relative; z-index: 1;}
.about_c1{ position: absolute; z-index: 0; right: 0; top: 0; max-width: 1217px; width: 63.38%; }
.about_c1 ul{ display: flex;}

.about_c2{ margin-left: 10%; max-width: 630px; text-align: justify; padding: 4rem 0;}
.about_c2 span{ color: #ffe6c2; font-size: 2.4rem;font-family: 'SourceHanSansCN-Regular'; display: block; padding-bottom: 4rem;}
.about_c2 p{ font-size: 18px; color: #ffffff; line-height: 2;}

.box_a1{ clear: both; overflow: hidden; border-bottom: 1px solid #c9c9c9;  border-top:1px solid #c9c9c9; margin-top: 3rem;}
.box_a1 ul{ list-style: none;}
.box_a1 ul li{ width:calc(25% - 1px); padding: 3rem 0; float: left;  border-right: 1px solid #c9c9c9; text-align: center;}

.box_a1 ul li:nth-child(4){ border-right: none;}
.box_a1 ul li p{  color: #1c1c1c;  font-size: 4rem;  font-family:impact; display: flex;align-items: center; justify-content: center; line-height: 1;}
.box_a1 ul li p b{ padding: 0 10px;}
.box_a1 ul li span{ color: #1c1c1c; font-size: 16px; line-height: 2;  padding: 1rem 0 0; display: block;}


.sect_about1{position: relative; background: url(../img/bg_honor.jpg) no-repeat center bottom;  padding: 10rem 0 20rem; overflow: hidden;} 
.sect_about1 .swiper-container{ overflow: visible;}
.sect_about1  .news-pagination2{ font-size: 16px; color: #ffffff; bottom: 10%;}
.sect_about1 .inext_h{ background: none; top: auto; bottom: 7.7%; right: 44%;} 
.sect_about1 .iprev_h{ background: none; top: auto; bottom: 10%;  left: 45%; transform: rotate(180deg);}
.sect_about1 .inext_h i,.sect_about1 .iprev_h i{ color: #ffffff; font-size: 24px;}
.tit_n2{ text-align: center;}
.tit_n2 p{ text-transform: uppercase; font-size: 4.2rem; line-height: 1; font-weight: bold;  font-family: 'Swis721_Blk_BT_Black';}
.tit_n2 span{ font-size: 3rem; font-weight: bold; display: block; padding: 10px 0;}
.img-box1{ position: relative; margin-bottom: 0; overflow: hidden; }
.img-box1 .icon img{ width: 100%; height: 100%;}
.img-box1 a{position: relative; transition: all 0.8s;}
.img-box1:hover .ntit p{ color: #ffffff;}
.img-box1 a:hover .icon img{transform:scale(1.1);}
.img-box1 .ntit{ margin: 0 auto; text-align: center; width: 100%; transform: translateY(-35px);}
.img-box1 .ntit p{ color: #ffffff; font-size: 16px; line-height: 1.5;}

.sect_about2{ background: url(../img/bg_a2.jpg) no-repeat center bottom; padding: 8rem 0; overflow: hidden; background-size: cover;} 
.sect_about3{ background: url(../img/bg_a1.jpg) no-repeat center bottom; background-size: cover; }
.culture{ clear: both; overflow: hidden;}
.dot_wh{ padding-left: 200px;}
.culture .culture_1{ width: 40%; float: left; padding: 8rem 0;}
.culture .culture_2{ width: 60%; float: left;}
.tit_cul{ color: #ffffff; font-size: 4.2rem;}
.tit_cul span{ font-size: 4.2rem; text-align: left; text-transform: uppercase; font-weight: bold;     font-family: 'Swis721_Blk_BT_Black';}
.tit_cul p{ font-size: 3rem; font-weight: bold; padding: 4rem 0 0;}
.tit_cul b{ width: 68px; height: 9px; background: #ffffff; display: block; border-radius: 10px; margin: 14rem 0;}
.tit_cul1{ font-size: 2.4rem; text-align: left; color: #ffffff;}
.tit_cul1 p{line-height: 2; }
.tit_cul1 em{ font-size: 16px; line-height: 1.5; color: #b4c2ea; font-style: normal;}
.culture_2{ list-style:none;}
.culture_2 ul{list-style:none;}
.culture_2 ul li{ width: calc(33.33% - 1px); text-align: center; position: relative; float: left; color: #ffffff; border-left: 1px solid rgba(255,255,255,0.4); padding: 14rem 0; cursor: pointer;}
.culture_2 ul li:before{ width: 100%; height: 0; background: linear-gradient(to bottom,rgba(0,181,145,0.85),rgba(0,160,153,0.85)); content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 0;}
.culture_2 ul li:hover::before{ height: 100%;}
.culture_2 ul li:hover b{ transform: translateY(-50px); opacity: 0; display: none;}
.culture_2 ul li:hover p{ display: block; padding: 6rem 0;}
.culture_2 ul li img{ position: relative; z-index: 1;}
.culture_2 ul li b{ width: 32px; height: 1px; background: rgba(255,255,255,1); display: block; margin: 15rem auto; position: relative; z-index: 1;}
.culture_2 ul li p{ font-size: 18px; color: #d3fcf6; text-align: center; line-height: 2; display: none; position: relative; z-index: 1;}
.culture_2 ul li:hover .list_a1 p{ padding: 0;}
.culture_2 ul li .list_a1{ text-align: center; position: relative; z-index: 1;}
.culture_2 ul li .list_a1 p{ font-size: 3rem; color: #ffffff; font-weight: bold; display: block;}
.culture_2 ul li .list_a1 em{ font-size: 18px; color: #ffffff; font-style: normal;}

.sect_about4{ background: url(../img/bg_a3.jpg) no-repeat center bottom; padding: 8rem 0;}
.img-box2{ position: relative; margin-bottom: 1.5rem;  overflow: hidden; border: 1px solid #dff0fa;}
.img-box2 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.img-box2 a{position: relative; transition: all 0.8s;}
.img-box2 a:hover .icon img{transform:scale(1.2);}
.sect_about4 .span-2{  margin-right: 1%; width: 15.66666667%}

.gallery{ margin: 6rem 0 0; position: relative;}
.gallery:before{ width: 140%; height: 3px; background: url(../img/line.png) no-repeat center bottom; position: absolute; display: block; content: "";  left: -20%; right: 0; margin: 0 auto; bottom: 9.8%;}
.gallery .mySwiper .swiper-slide{ height: auto;}
.gallery .mySwiper{ width: 90%; margin: 0 auto;}
.gallery .mySwiper2{ margin-top: 0; width: 90%; margin: 5rem auto;}
.gallery .swiper-button-next{  background:linear-gradient(to bottom,#00b692,#00a199); line-height: 75px; right: 0; width: 75px; height: 75px;border-radius: 100%; text-align: center;}
.gallery .swiper-button-prev{ background:linear-gradient(to bottom,#2d88c9,#1a64b0);  line-height: 75px; left: 0; width: 75px; height: 75px; border-radius: 100%; text-align: center;}
.gallery .swiper-button-prev i{ display: block;     transform: rotate(180deg);}
.gallery .swiper-button-prev i,.gallery .swiper-button-next i{ font-size: 2rem; color: #ffffff; font-weight: bold;}
.gallery .swiper-button-next,.gallery .swiper-button-prev{top: 45%;}
    
.gallery .dot_1{ position: absolute; background: url(../img/pic_l2.png) no-repeat right bottom #ffffff; margin: 0 auto; max-width: 962px; border-radius: 40px 0 40px 0;  display: flex; justify-content: flex-start; align-items: center; left: 0; right: 0;top: 30%;}
.gallery .dot_1 .left{ width: 50%; position: relative; z-index: 2;}
.gallery .dot_1:before{ width: 46.9%; height:100%; z-index: 1; border-radius: 40px 0 0 0; left: -15px; position: absolute;  top: 15px; content: ""; background: #206ebf;}
.gallery .dot_1 .left img{ object-fit: cover; border-radius: 40px 0 0 0;}

.gallery .dot_1 .right{ list-style: none;width: 50%; position: relative; z-index: 2;}
.gallery .dot_1 .right span{ font-size: 6rem; color: #2779bd; font-weight: bold;}
.gallery .dot_1 .right span em{ font-style: normal; font-size: 3rem;}
.gallery .dot_1 .right p{ font-size: 18px; color: #302f2f;}
.gallery .d_time{  font-family: 'HELVETI1-1'; font-size: 50rem; text-align: center; color: #daeaf7; font-weight: bold; line-height: 1;}

.gallery .mySwiper .swiper-slide-thumb-active .dot_2:before{opacity: 1;}
.gallery .mySwiper .swiper-slide-thumb-active .dot_2 .yc{ opacity: 1;}
.gallery .mySwiper .swiper-slide-thumb-active .dot_2 p{ opacity: 0;}


.gallery .dot_2{ position: relative; padding: 10rem 0 0; text-align: center;}
.gallery .dot_2 .yc{ position: absolute; left: 0; right: 0; top: 0; opacity: 0; font-size: 3.6rem; font-weight: bold; color: #333333;}
.gallery .dot_2:before{ width: 11px; height: 11px;  content:""; background: #032d76; position: absolute; left: 0px; right: 0; margin: 0 auto; top: calc( 50% - 6px); border-radius: 100%; z-index: 2; opacity: 0;}
.gallery .dot_2:after{ width: 27px; height: 27px; background:#ffffff; border: 1px solid #cbd6e5; position: absolute; left: 0px; right: 0; margin: 0 auto; top: 40%; content: ""; opacity: 1; z-index: 1; border-radius: 100%;}

.gallery .dot_2 p{ font-size:18px; line-height: 40px; color: #333333;}

.subNavBox{background:#ffffff; padding:6rem 8rem 10rem; border-top:none;}
.color{ background: #f2f2f2;}
.sub_cont{}
.jboicon{ position: relative; float: right !important; text-align: center; line-height: 29px; width: 29px; height: 29px; background: #00b392; border-radius: 100%; margin-top: 19px;}
.subNav.open .jboicon:before{ display: block;}
.subNav.open .jboicon:after{ display: none;}
.jboicon:after{ content: "\e622"; display: block; font-size:18px; color: #ffffff; font-family: "iconfont" !important;}
.jboicon:before{   content: "\e623"; display: none; font-size: 18px; color: #ffffff; font-family: "iconfont" !important;}

.subNav{border-bottom:1px solid rgba(0,0,0,0);cursor:pointer;font-size:14px;line-height:60px; padding: 2rem 3rem;}
.subNav p{ font-size: 18px; color: #333333;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.subNav i{margin-right: 15px; display: block;float: left;}
.subNav:hover{color:#eb408c;}
.subNav.open{ background: #ffffff; border-bottom: 1px solid #dedede;}
.navContent{display: none;border-bottom:solid 1px #e5e3da;  padding:30px 3rem; font-size:16px;color:#727887; line-height:34px;}
.navContent i{ float: left;}
.navContent p{ padding-left: 6rem; font-size: 16px; color: #999999; line-height: 2;}
.navContent span{ font-size: 18px; color: #62bb97; font-weight: bold; display: block; padding-top: 4rem;}