/* ==========================================================================
   Index Page
   ========================================================================== */
.ny_banner{ height: 646px; overflow: hidden; display: flex; align-items: flex-end;  /*animation: scaleDraw 5s ease-in-out infinite;
-webkit-animation: scaleDraw 5s ease-in-out infinite; animation-iteration-count: 1; */ position: relative;}
.ny_about{background:url(../img/ban_about.jpg) no-repeat center;  background-size: cover;}
.ny_news{background:url(../img/ban_news.jpg) no-repeat center;  background-size: cover;}
.ny_fw{background:url(../img/ban_fw.jpg) no-repeat center;  background-size: cover;}
.ny_con{background:url(../img/ban_con.jpg) no-repeat center;  background-size: cover;}

.ban-box{ color: #ffffff; text-align: left; }
.ban-box span{ font-size:4rem;     text-transform: uppercase; display: block;}
.ban-box p{ font-size: 5.5rem;}
.place{ text-align: right; color: #ffffff; font-size: 16px; line-height: 2; margin: 3rem 0;}
.place a{color: #ffffff; }
.place a:hover { color: #c30813;}  

.sec_sub{ background: #f0f0f0; height: 10rem; line-height: 10rem;}

.psub{ text-align: left; clear: both; overflow: hidden; height: 10rem; line-height: 10rem;}
.psub a{ display: inline-block; padding: 0 3rem;  position: relative; color:#333333; font-size: 2.2rem; transition: all 0.3s; position: relative; }
.psub a:hover,a.p_on{ background: #1c7de0; color: #ffffff;}

/*新闻*/
.sect_news{  padding:5rem 0;  }

.news-box{margin-bottom: 6rem; overflow: hidden; }
.news-box .icon{ background: #ffffff;  overflow: hidden;}
.news-box .icon img{ width: 100%; height: 100%; object-fit: cover;}

.news-box .ntit{ text-align: left; }
.news-box .ntit h3{ word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 2rem; color: #333333; margin: 2rem 0 1rem; padding: 0; text-align: left;}
.news-box .ntit p{ font-size:15px; color: #9d9d9d; line-height: 1.8;  word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news-box .ntit i{ width: 50px; height: 50px; border: 1px solid #9a9a9a; border-radius: 100%; display: block; margin-left: 0; text-align: center; line-height: 50px; margin-top: 20px; font-size: 2rem;}
.news-box:hover i{ background: #055eb0; color: #ffffff; border: 1px solid #ffffff;}


.sect_info{ background: #ffffff; padding: 5rem 0; } 
.container{ background: #ffffff; padding: 7rem 0 15rem 0;  width: 100%; margin: 0 auto;}
.sect_info .article{ text-align: center;   margin: 0 auto;  }

.sect_info .news-tit{ font-size: 4rem; text-align: center; line-height: 6rem;  padding: 0 0 3rem; color: #323232;}
.sect_info .fabu{ text-align:justify; padding: 2rem; font-size: 14px;  color: #333333; text-align: left; background: #f8f9fb;}
.sect_info .fabu .row{ display: flex; align-items: center;}
.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: 2; color: #333333; padding: 3rem 0 5rem 0;font-size: 16px;text-align: left;}
.sect_info .content p{ margin: 1rem 0;  text-align: left;}
.sect_info .content p span{ font-weight: bold;}
.fanye{ border: 1px solid #f1f1f1;}
.fanye a{ font-size: 18px;  text-align: left;  text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.fanye p{ padding: 3rem; border-right: 1px solid #f1f1f1;}
.fanye a.fr{ text-align: right; border-right: none; position: relative;}
.fanye a.fr:after{ width: 61px; height: 2px; content: ""; background: #1e73d0; display: block;left: 8px; position: absolute; bottom: 0;}
.fanye a:hover{ color: #1c7de0;}
a.back{ background: #1c7de0; color: #ffffff; text-align: center; padding: 3rem;}
a.back:hover{ color: #ffffff;}

.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;}
.bdshare-button-style0-24 .bds_qzone{ background: url(../img/kongjian.jpg) no-repeat center center; padding: 0; width: 27px;  height: 27px; display: block; background-position:center !important;}

.sect_pro{}
.sect_pro .icon img{ width: 100%; height: 100%; object-fit: cover;}
.sect_pro .flex{ display: flex; justify-content: space-between; align-items: center;}
.sect_pro .flex.ff{    flex-direction: row-reverse; } 

.pro-box{ margin-bottom: 5rem; position: relative; max-width: 700px; margin: 0 auto; width: 80%; }
.pro-box i{  width: auto; display: block;}
.pro-box span{ font-size: 5rem; color: #333333; line-height: 1.5; display: block;}
.pro-box em{ font-size: 3rem; color: #a1a1a1; font-family: 'HARMONYOS_SANS_SC_LIGHT'; display: block; text-transform: uppercase; font-style: normal; font-weight: normal;}
.pro-box p{ font-weight: normal; font-size: 2.3rem; color: #6c6c6c; font-family: 'HARMONYOS_SANS_SC_LIGHT'; display: block; text-transform: uppercase; font-style: normal; margin: 5rem 0; }
.pro-box a{ color: #0656a0; font-size: 2.3rem; font-weight: bold; display: flex; justify-content: flex-start; align-items: center;}
.pro-box a i{ margin-left: 15px; font-size: 3rem;}
.pro-box a:hover{ transform: translateY(-15px); color: #c30813;}


.sect_case{ padding: 5rem 0;}
.case-box{ position: relative; margin-bottom: 2rem;}
.case-box a{}
.case-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.case-box .full-row{ display: flex; justify-content: center; align-items: center; background: #f8f8f8;}
.case-box .full-row .span-8{ background: none;}

.case-box .ntit{   text-align: left; margin: 0 auto; padding: 3rem 6rem;}
.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: 2; -webkit-box-orient: vertical; color: #333333; margin: 4rem 0; font-family: 'HARMONYOS_SANS_SC_LIGHT'; overflow: hidden;}
.case-box .ntit h3{ position: relative; color: #2b2b2b;  font-size: 2.4rem; 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 .ntit em{ background: #ffffff; height: 42px; line-height: 42px; border-radius: 0 25px 25px 0; font-style: normal; font-size: 15px; color: #999999; max-width: 175px; display: block; overflow: hidden; display: flex; justify-content: space-between; align-items: center;     padding-left: 35px;}
.case-box .ntit em i{ width: 66px; height: 42px; line-height: 42px; background: #1c7de0; text-align: center; color: #ffffff; font-size: 18px;}

.case-box:hover .full-row{ background: #1c7de0;}
.case-box:hover .ntit h3{ color: #ffffff;}
.case-box:hover .ntit p{ color: #ffffff;}
.case-box:hover .ntit em i{ background: #e83e43;}

.gallery{ margin-top: 5rem;  overflow: hidden; position: relative;}
.gallery .mySwiper .swiper-slide{ height: auto;}
.gallery .mySwiper{ width: 80%; margin: 0 auto;}
.gallery .mySwiper2{ width: 80%; margin: 0 auto;}

.gallery .inext6{  right: 2rem; background: #1c7de0 !important;}
.gallery .iprev6{  left: 2rem;}
.gallery .iprev6:hover{ background: #1c7de0 !important;}
.gallery .iprev6,.gallery .inext6{  background: #e4e4e4; width: 8rem; height: 8rem; display: block; border-radius: 100%; text-align: center; line-height: 8rem;}
.gallery .iprev6 i,.gallery .inext6 i{ font-size: 4rem; font-weight: bold; color: #ffffff;}
.gallery .inext6,.gallery .iprev6{top: 45%;}

.pro_box1 img{ width: 100%; height: 100%; object-fit: cover;}




.pro-info{ padding: 8rem 0 0;}
.ptit{}
.ptit ul{ margin: 2rem 0; font-size:16px; line-height:1.8;}
.ptit li{ padding: 5px 0; position: relative; padding-left: 2rem; font-size: 16px; color: #6c6c6c; line-height: 2;}
.ptit li:before{ width: 8px; top: 16px; height: 8px; display: block; content: ""; background: #1c7de0; position: absolute; left: 0; border-radius: 100%;}
.ptit spanx{ font-size: 2.4rem; color: #2b2b2b; font-weight: bold; display: block; margin: 2rem 0;}
.ptit .row{ display: flex; align-items: center;}
.ptit .box_p1{ line-height: 2; font-size: 3.6rem; color: #333333;}
.ptit .box_p2{ font-size: 16px; color: #626262;}
.ptit .box_p2 i{ font-size: 18px; margin-right: 10px;}
.ptit p{ font-size: 16px; color: #000000; border-top: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc; padding: 2rem 0;}
a.more_p1{ width: 100%; max-width: 172px; height: 45px; line-height: 45px; justify-content: center; margin-top: 5rem; background: #1c7de0; color: #ffffff; display: flex; align-items: center; font-size: 16px;}
a.more_p1 i{ margin-right: 10px;}
a.more_p1:hover{ background: #c30813;}
.sect_related{ padding: 10rem 0 6rem;}
.tit_rel{ text-align: left; font-size: 3.6rem; color: #282828; font-weight: bold;}
a.related{ text-transform: uppercase; text-align: center; width: 123px; height: 39px; line-height: 39px; background: #1c7de0; display: block; color: #ffffff; font-size: 18px; margin-left: auto;}

.case-box1 { margin:0 auto; position: relative; transition: all 0.3s;}
.case-box1 img{ width: 100%; height: 100%; object-fit: cover;}
.case-box1 .ntit{ text-align: center; line-height: 24px; margin-top: 10px; padding: 2rem; color: #ffffff; background: #1c7de0; }
.case-box1 .ntit span{ padding: 0; font-size: 1.8rem; }
.inext1{left: 45%;  top: auto; bottom: 0;  text-align: center; line-height: 56px;  width: 56px; height: 56px; border-radius: 100%; display: block; color: #1c7de0; background: none; border: 1px solid  #1c7de0; }
.iprev1{ left: auto;  right: 46%; top: auto;  bottom: 0; text-align: center; line-height: 56px;   width: 56px; height: 56px; border-radius: 100%; display: block; color: #ffffff; background: #1c7de0; font-size: 3rem;}
.inext1 i,.iprev1 i{font-size: 3rem;}
#swiper_case{ padding-bottom: 13rem;}




/*联系我们*/ 
.sect_contact{ background: #fefefe; padding: 8rem 0;}
.tit_con{ text-align: center;}
.tit_con span{ font-size: 4rem; color: #131313; line-height: 2; font-weight: bold;}
.tit_con em{ width: 52px; height: 3px; background: #1c7de0; display: block; margin: 0 auto;}

.box_con{ margin-top: 12rem;}
.box_con ul{ display: flex; justify-content:space-around; align-items: center;}
.box_con ul li{ width: calc((100% - 60px)/4); margin-right: 20px;  background: #ffffff; -moz-box-shadow:0 0 10px rgba(0,0,0,0.05); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05); box-shadow:0 0 10px rgba(0,0,0,0.05); text-align: center; position: relative;}
.box_con ul li:nth-child(4){ margin-right: 0;}
.box_con ul li p{font-size: 16px; color: #6f7a87; display: block; padding: 7rem 3rem 3rem; line-height: 2; min-height: 130px;}
.box_con ul li span{  font-size: 2.2rem; color: #131313; font-weight: bold; line-height: 2; display: block;}
.box_con ul li:last-child{ border-right: none;}
.box_con ul li .cirl{ position: absolute; width: 8.8rem; height: 8.8rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; border: 1px dashed #1c7de0; left: 0; right: 0; top: -22%; margin: 0 auto;}
.box_con ul li .cirl i{ width: 6.3rem; height: 6.3rem; background: #1c7de0; border-radius: 100%; display: flex; justify-content: center; align-items: center; color: #ffffff; font-size: 2.6rem;}
.box_con ul li .img{ display: flex; justify-content: center; align-items: center; }
.box_con ul li .img img{ border: 1px solid #f7f7f7; padding: 6px;margin: 0 10px; }

.box_con ul li:hover .cirl{ transform: rotate(360deg); transition: all 0.3s;}


.box_con1{ background: #ffffff; -moz-box-shadow:0 0 40px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 40px rgba(0,0,0,0.1); box-shadow:0 0 40px rgba(0,0,0,0.1); padding: 10rem; margin-top: 8rem;}

.form{}
.form .form-group{  background: rgba(255,255,255,0);  margin: 2rem 0;}
.form .btn-default{ width: 100%; max-width: 178px; border-radius: 5px; margin-left: auto;  background:#1c7de0; color: #ffffff; border: none; font-size: 2rem; line-height: 6rem;  display: block; }
.form .btn-default:hover{ background: #c30813;}
.form-control{ border: 1px solid #e5e5e5;     border-radius: 5px; font-size: 16px;  padding: 0 2rem; margin: 0 0 2rem; height: 55px; line-height: 55px;}
textarea.form-control{align-items: baseline; min-height: 195px; }
.form p{ font-size: 16px; line-height: 2; padding: 1rem 0; color: #726e6e;}
.form p em{ color: #f80303; margin-right: 10px;}
.codex{ font-size:16px;max-width:300px;padding: 0 2rem; display: flex; justify-content: space-around; align-items: center;}
.code{border: 1px solid #eeeeee;height:50px;max-width:260px;padding:0 20px;font-size:22px;background: #fff url(../img/codebg.jpg) no-repeat center right;color: #333;display: flex; justify-content: space-around; align-items: center;}
.code .form-control{border:none;padding:0;margin-bottom:0;}
/*关于我们*/
.sect_about{position: relative;  padding: 10rem 0 5rem; overflow: hidden; 	} 

.tit-about{ position: relative; font-size: 4rem; font-weight: bold; color: #333333; max-width: 920px; border-bottom: 1px solid #ededed; padding-bottom: 5rem;}
.tit-about p{ font-size: 4rem; font-family: 'HARMONYOS_SANS_SC_MEDIUM'; }
.tit-about span{ font-size: 2.4rem; color: #333333;  font-family: 'HARMONYOS_SANS_SC_LIGHT';}

.about-box1{ color: #010101; font-size: 18px; line-height: 2; text-align: left; padding: 4rem 0;}
.about-box1 p{ padding: 1rem 0;}


.box_a1{ clear: both; overflow: hidden; }
.box_a1 ul{ list-style: none;}
.box_a1 ul li{ width:25%; float: left; text-align: center; }
.box_a1 ul li .row{ max-width: 200px; width: 100%; margin: 0 auto;}
.box_a1 ul li:nth-child(2) p{ font-size: 4rem; font-weight: bold;} 
.box_a1 ul li:nth-child(4) p{ font-size: 4rem; font-weight: bold;}
.box_a1 ul li:nth-child(3) p{ font-size: 4rem; font-weight: bold;}
.box_a1 ul li:nth-child(2) .row{ max-width: 260px;}

.box_a1 ul li p{  color: #1c1c1c;  font-size: 2.2rem;  color: #1c7de0;  display: flex; align-items: flex-end; justify-content: flex-start; line-height: 1;}
.box_a1 ul li p b{ padding: 0 10px; font-size: 4rem; font-weight: bold;}
.box_a1 ul li span{ text-align: left; color: #999999; font-size: 16px; line-height: 2;  padding: 1rem 0 0 13px; display: block;}

.list_n1{ list-style: none; margin-top: 5rem; clear: both; overflow: hidden;}
.list_n1 li{ width: calc((100% - 60px)/4); margin-right: 20px; float: left; -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.2); box-shadow:0px 2px 10px rgba(0,0,0,0.2);}
.list_n1 li:last-child{ margin-right: 0;}
.list_n1 li:hover img{ transform: scale(1.2);}
.pro_box2 { margin-bottom: 0;}
.pro_box2 img{ width: 100%; height: 100%; object-fit: cover;}


.sect_about1{position: relative; background: #f0f0f0;  padding: 12rem 0; overflow: hidden;} 

.tit_n2{ text-align: center;}
.tit_n2.t_left{ text-align: left !important;}
.tit_n2 span{ font-size: 4rem; font-weight: bold; display: block; }
.list_n2{ list-style: none;  clear: both; overflow: hidden;}
.list_n2 li{ width: calc((100% - 30px)/2); margin-bottom: 30px; margin-right: 30px; float: left; }
.list_n2 li:nth-child(2n){ margin-right: 0;}
.list_n2 li div{  background: #ffffff; padding: 8rem 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.list_n2 li div span{ font-size: 3rem; color: #333333; line-height: 2;}
.list_n2 li div p{ font-size: 18px; color: #666666; line-height: 2;}
.list_n2 li:hover img{ filter: grayscale(100%) brightness(400%);}
.list_n2 li:hover div{ background: #3189e2;}
.list_n2 li:hover div span{ color: #ffffff;}
.list_n2 li:hover div p{ color: #ffffff;}
.list_n2 li div img{ object-fit: contain; }



.inext4{  right: 2rem; opacity: 0.5;}
.iprev4{  left: 2rem;}
.iprev4:hover{ background: #1c7de0 !important;}
.iprev4,.inext4{  background: #1c7de0; width: 7rem; height: 7rem; display: block;  text-align: center; line-height: 7rem;}
.iprev4 i,.inext4 i{ font-size: 4rem; font-weight: bold; color: #ffffff;}
.inext4,.iprev4{top: 40%;}


.sect_about2{ background: url(../img/bg_h1.jpg) no-repeat center bottom; padding: 8rem 0; overflow: hidden; background-size: cover;} 

.tit_n3{ text-align: center;}
.tit_n3 span{ font-size: 4rem; font-weight: bold; display: block; color: #ffffff; }
.list_n3{ width: 80%; margin: 0 auto;}
.list_n3 .row{ display: flex; align-items: center;}
.list_n3 img{ width: 100%; height: 100%; object-fit: cover;}
.list_n3 .ndot{ color: #ffffff; text-align: left; padding-left: 15%;}
.list_n3 .ndot li{padding-left:15px; font-size: 18px; position: relative; line-height: 2; font-family: 'HARMONYOS_SANS_SC_LIGHT'; text-align: left;}
.list_n3 .ndot ul{ padding-top: 2rem;line-height:1.8;font-size: 16px;}
.list_n3 .ndot li:before{ width: 5px; height: 5px; content: ""; position: absolute; left: 0; display: block; background: #ffffff; border-radius: 100%; top: 17px;}
.list_n3 .ndot span{ display: flex; line-height: 1; justify-content: flex-start; align-items: flex-end; font-size: 3rem; color: #ffffff;}
.list_n3 .ndot span em{  font-style: normal; font-size: 6.8rem;}
.dot_2{ color: #ffffff; text-align: center; padding: 3rem 0;}
.dot_2 .yc1{ font-size: 2.4rem; position: relative;}
.dot_2:before{ width: 14px; height: 14px; background: #ffffff; position: absolute; left: 0; right: 0; margin: 0 auto; content: ""; opacity: 0.5; display: block; border-radius: 100%; top: 6%;}
.dot_2 .yc{ display: none; font-size: 2.4rem; position: relative;margin-top: -8rem;}
.dot_2 .yc em{ font-size: 1.8rem; font-style: normal;}
.dot_2 i{ display: none;   transform: translateY(0);    transition: all 0.3s; font-size: 2.5rem;}
.mySwiper3{ position: relative;      padding: 5rem 0 0; margin-top: 6rem;}
.mySwiper3:before{ width: 100%; content: "";  border-bottom: 2px dashed rgba(255,255,255,0.2); position: absolute; left: 0; right: 0; margin: 0 auto; top: 6.2rem;}
.mySwiper3 .swiper-slide-thumb-active .dot_2 .yc{ display: block;}
.mySwiper3 .swiper-slide-thumb-active .dot_2 .yc1{ display: none;}
.mySwiper3 .swiper-slide-thumb-active .dot_2 i{ display: block; transform: translateY(5.5rem); transition: all 0.3s;}
.mySwiper3 .swiper-slide-thumb-active .dot_2:before{ opacity: 1;}

.sect_about3{ padding: 8rem 0 15rem; position: relative;}

.honor-box{ position: relative; margin-bottom: 2rem; background: #f9f9f9; border-radius: 15px;}
.honor-box a{ padding: 4rem 7rem;}
.honor-box .icon img{ width: 100%; height: 100%; object-fit: cover;}
.honor-box .ntit{margin: 0 auto; border-top: 1px solid #e8e8e8; text-align: center; position: relative; font-size: 2.4rem; line-height: 2;  text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #333333;   padding: 2rem; }
.case_inext{ width: 6.8rem; height: 6.8rem; border-radius: 100%; display: block; background: #1c7de0; border-radius: 1px solid #1c7de0; text-align: center; line-height: 6.8rem; top: 85%;  right: 46%;}
.case_inext:hover{ -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.3); box-shadow:0px 2px 10px rgba(0,0,0,0.3);}
.case_iprev:hover{ -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.3); -webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.3); box-shadow:0px 2px 10px rgba(0,0,0,0.3);}
.case_iprev{ width: 6.8rem; height: 6.8rem; display: block; background: #ffffff; border: 1px solid #1c7de0; border-radius: 100%;  text-align: center; line-height: 6.8rem; top: 85%; left: 46%;}
.case_iprev i{ color: #1c7de0 !important;}
.case_inext i,.case_iprev i{ color: #ffffff; font-size: 3rem;}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .big-box{position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{ padding: 8% 8% 0; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%; text-align: center; display: flex; justify-content: center; align-items: center;}
.big_img .swiper-slide img{  max-height: 90%; max-width: 90%; margin: 0 auto;}
.big_img .swiper-slide .txt{ background-color: #fff; line-height: 28px; padding: 0 8%;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: #fff; width: 5rem; height: 5rem; line-height: 5rem; border-radius: 100%; }
.big_img .swiper-button-next{ right: 10%; opacity: 1; background-color: #326df0;}
.big_img .swiper-button-prev{ left: 10%; opacity: 1;  }
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 2rem; font-weight: normal; color: #d3d3d3; display: block; text-align: center;}
.big_img .swiper-button-next i{ color: #fff;}