/* ==========================================================================
   Index Page
   ========================================================================== */
.ny_top{ margin-top: 88px;}
.pos{ position: relative;}
.ny_banner.n1{ justify-content: flex-start;}
.ny_banner.n1 .tit_ban{ text-align: left;}
.ny_banner{ height: 600px; position: relative; justify-content: center; 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; */}
@keyframes scaleDraw {  
            0%{
                transform: scale(1.2);  
            }
            100%{
                transform: scale(1);
            }
        }
.ny_banner .ping{ width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; top: 0;}        
.ny_banner .ban-box{ max-width: 1570px; width: 92%; margin: 0 auto;}
.ny_pro{background:url(../img/pro.jpg) no-repeat center;  background-size: cover;}
.ny_pro1{ background:url(../img/ban_p1.jpg) no-repeat center;  background-size: cover;}
.ny_pro2{ background:url(../img/ban_yanfa.jpg) no-repeat center;  background-size: cover;}
.ny_case{ background:url(../img/ban_case.jpg) no-repeat center;  background-size: cover;}
.ny_service{ background:url(../img/ban_service.jpg) no-repeat center;  background-size: cover;}
.ny_about{ background:url(../img/ban_about.jpg) no-repeat center;  background-size: cover;}
.ny_zs{ background:url(../img/ban_about.jpg) no-repeat center;  background-size: cover;}
.ny_zs a{ position: relative; width: 200px;  display: flex; justify-content: space-around; align-items: center; text-align: center; height: 53px; line-height: 53px; color: #ffffff; font-size: 18px; margin: 5rem auto 0; background: #002E92; border: 1px solid #002E92; border-radius: 10px;}
.ny_zs a:hover{ background:#ffffff; border: 1px solid #002E92; color:#002E92;}
.tit_ban{ text-align: center; color: #ffffff; position: relative; font-family:'MISANS-REGULAR';}  
.tit_ban span{ font-size: 5.4rem; } 
.tit_ban p{ font-size: 2.4rem; font-family:'MISANS-EXTRALIGHT';  font-weight: 300; margin: 1rem 0; display: block;}          
        
.place{ text-align: left; background: #f2f2f2; color: #949494; font-size: 18px; line-height: 9rem; }
.place.cor_1{background: #f9f9f9;}
/*内页分类*/
.psub{ text-align: center; display: flex; justify-content: flex-start; clear: both; overflow: hidden;  }
.psub a{ display: inline-block; font-family: 'SourceHanSansCN-Normal';  position: relative; padding:1rem; color:#939393; margin: 0 1.5rem; font-size: 13px; transition: all 0.3s; position: relative;}
.psub a.mar{ margin: 0 3rem; line-height: 4;}
.psub a:before{ width: 0; height: 2px; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; background: #1e34a9; content: ""; display: block; transition: all 0.3s;}
.psub a span{ z-index: 10; position: relative; display: block; line-height: 2;}
.psub a:hover,.psub a.active1{  color: #1e34a9; font-weight: bold; transition: all 0.3s; content: ""; display: block;}
.psub a.active1::before{ width:80%; height:2px position: absolute; left: 0; right: 0; botoom: 0; background: #1e34a9; content: ""; display: block;}

.psub a:hover::before{ width: 80%; transition: all 0.3s;}

/*.tiao{ margin:15rem auto 18rem; max-width: 100px; cursor: pointer; text-align: center;}
.tiao p{ font-size: 14px; color: #b5a7a9;}
.tiao img{  animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;}
@keyframes bounce {
  0% {
    transform: translate3d(0, 0, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;
  }
  100% {
    transform: translate3d(0, -1em, 0);
    text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;
  }
}
*/
.tit_n1{ text-align: left;}
.tit_n1 span{ font-size: 4rem; color: #000000;}
.tit_n1 p{ font-size: 16px; line-height: 2; max-width: 700px; color: #666666; display: block; margin: 2rem 0;}

.tit_n2{ text-align: center;}
.tit_n2 span{ font-size: 4rem; color: #000000;}
.tit_n2 p{ font-size: 4rem; color: #000000; font-weight: bold;}

.tit_n3{ text-align: center;}
.tit_n3 span{ font-size: 4rem; color: #FFFFFF;}

/*产品列表*/
.sect_pro{ background: url(../img/p_bg1.png) no-repeat center top; background-size: cover; padding: 8rem 0; }

.pro_box{ background: #ffffff; padding: 2rem;}
.pro_list {width: 100%;  margin:0 auto 4rem auto; height: 100%; background: #ffffff;position: relative;}
.pro_list:hover{-moz-box-shadow:0px 6px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 6px 8px rgba(0,0,0,0.1); box-shadow:0px 6px 8px rgba(0,0,0,0.1); }
.pro_list .ptit{ text-align: left; line-height: 24px; padding: 2rem; }
.pro_list .ptit span{ padding: 0; font-size: 18px; line-height: 2;  text-align: left; color: #666666;}
.pro_list .ptit p{ font-size: 12px; color: #666666; text-align: left; line-height: 2; }

.pro_list a:hover .ptit{}
.pro_list a:hover .icon:after{ background: rgb(255,255,255,0); }
.pro_list .icon{ position: relative;}
.pro_list .icon img{ width: 100%;}
.pro_box1{ background: #f2f2f2; padding: 2rem;}
.pro_box1 ul{ clear: both; overflow: hidden;}
.pro_box1 ul li{ float: left;}
.sect_pro1{ background: url(../img/bg_p1.jpg) no-repeat center top; background-size: cover; padding: 8rem 0; min-height: 68rem; }
.list_1{ text-align: left; color: #ffffff;  padding-top: 12%;}
.list_1 span{ font-size: 4rem; line-height: 1.5;}
.list_1 p{ font-size: 16px; line-height: 2; margin: 3rem 0;}

.sect_pro2{ background: url(../img/bg_p2.jpg) no-repeat center top; background-size: cover; padding: 8rem 0; min-height: 68rem; }
.list_2{ text-align: left; color: #000000;  padding-top: 12%;}
.list_2 span{ font-size: 4rem; line-height: 1.5;}
.list_2 p{ font-size: 16px; line-height: 2; margin: 3rem 0;}

.sect_pro3{ background: url(../img/bg_p3.jpg) no-repeat center top; background-size: cover; padding: 8rem 0; min-height: 68rem; }
.sect_pro3 .wrap1{ padding-top: 4%;}
.list_2{ text-align: left; color: #000000; }
.list_2 span{ font-size: 4rem; line-height: 1.5;}
.list_2 p{ font-size: 16px; line-height: 2; margin: 3rem 0;}
.list_3{ list-style: none; margin-top: 10rem; clear: both; overflow: hidden;}
.list_3 li{ width: calc((100% - 40px)/3); text-align: center; margin-right: 20px; margin-right: 10px; float: left;  }
.list_3 li div{background: #f2f2f2; padding: 15px;}
.list_3 li:nth-child(3){ margin-right: 0;}
.sect_pro4{ padding: 8rem 0;}

.img-box{ position: relative; margin-bottom: 0; border: 1px solid #eeeeee;  overflow: hidden; margin-bottom: 2rem; }
.img-box:hover{ -moz-box-shadow:0px 6px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 6px 8px rgba(0,0,0,0.1); box-shadow:0px 6px 8px rgba(0,0,0,0.1); transition: all 0.5s;}
.img-box:hover .ptit em{ background: #002e91; border: 1px solid #002e91; color: #ffffff;}
.img-box .ptit{ padding: 3rem; text-align: left;}
.img-box .ptit h3{ font-size: 16px; color: #000000; text-align: left;}
.img-box .ptit p{ font-size: 11px; color: #999999; display: block;}
.img-box .ptit em{ border: 1px solid #000000; border-radius: 5px; font-size: 11px; font-style: normal; padding: 5px 15px; display: inline-block; margin: 2rem 0;}
.img-box .icon{overflow: hidden;  position: relative;}
.img-box .icon img{ width: auto; height: 100%; transition: all 0.3s;}
.img-box a{position: relative; transition: all 0.8s;}
.caseinfo img{ width: 100%; height: 100%; object-fit: cover;}
.sect_pinfo{ background: #F9F9F9; padding: 5rem 0; }
.pro_tit{ color: #000000; font-size: 3.2rem;}
.sect_pinfo1{ background: #ffffff; padding: 8rem 0; margin-bottom: 25rem;}
.p_info{ display: flex; justify-content: space-between;}
.p_info .p_left{ width: 63%; margin-right: 4%;}
.p_info .p_right{ width: 33%; background: #f9f9f9;}
.inext3{ right: 10px;  width: 40px;  height: 40px; background: #122a88; border-radius: 100%; text-align: center;}
.inext3 i,.iprev3 i{ color: #ffffff; font-size: 3rem; line-height: 40px;}
.iprev3{ left: 10px;  width: 40px;  height: 40px; background: #122a88; border-radius: 100%; text-align: center;}
.p_tit{ background: #002e95; padding: 3rem; color: #ffffff; font-size: 3rem;}
.p_tit span{ font-size: 5rem; font-weight: bold; display: block;}
.p_tit1{ background: #002e95; color: #ffffff; display: block; line-height: 2; margin-top: 3rem; font-size: 18px; padding-left: 3rem; font-weight: bold;}
.p_tit2{ display: flex; justify-content: space-between; align-items: flex-start; padding: 3rem 3rem 0;}
.p_tit2 ul{ width: 48%; margin-right: 4%;}
.p_tit2 ul:nth-child(2){ margin-right: 0;}
.p_tit2 ul li{ display: flex; justify-content: space-between; border-bottom: 1px dashed #a1a1a2; line-height: 2; font-size: 14px;}
.p_tit3{ padding: 0.5rem 3rem;}
.p_tit3 span{ border-bottom: 1px dashed #a1a1a2; line-height: 2; font-size: 14px; display: block;}
.p_tit3 p{ line-height: 2; font-size: 14px; padding: 5px 0;}
.p_tit3 p em{ float: right; display: flex; justify-content: flex-start;}
.p_tit3 p em b{ width: 35px; height: 15px; display: block; margin-right: 10px;}
.p_tit3 p em b:first-child{ background: #404040;}
.p_tit3 p em b:nth-child(2){ background: #3d1f0b;}
.p_tit4{ background: #F6F7F7; padding: 25rem 8rem;}
.p_box{ max-width: 600px; margin-left: 0;}
.p_box h3{ font-size: 6rem; color: #002caf; border-bottom: 2px solid #6f6c6c;}
.p_box h3 span{ display: block;}
.p_box img{ max-width: 100%; width: auto; margin: 2rem 0;}
.p_box1{ margin: 12rem 0 5rem;}
.p_box1 span{ font-size: 3.7rem; font-weight: bold; color: #002CAF; display: block;}
.p_box1 em{ font-style: normal; color: #BFBFC0; font-size: 2.2rem; font-weight: bold;}
.p_box1 p{ font-size: 19px; color: #656464; line-height: 2; text-align: left; margin: 4rem 0;}
/*anli*/
.sect_case{ background: #f2f2f2; padding: 8rem 0;}
.sect_case1{ background: #ffffff;}
.list_case{ list-style: none;}
.list_case li{ text-align: left; margin-bottom: 4rem;}
.list_case li:nth-child(3){ margin-bottom: 0;}
.list_case li span{ font-size: 2.4rem; line-height: 2; color: #002e8e; font-weight: bold;}
.list_case li p{ font-size: 18px; line-height: 2;}
.line{ width: 1px; height: 4rem; border-left: 1px dashed #888888; display: block; position: absolute; right: 10.5%; top: 55%;}
.box_case{ padding: 4rem 5%; background: #e4e4e4; clear: both; overflow: hidden; position: relative; }
.box_case span{ color: #002E8E; font-size: 2rem;}
.box_case ul{ margin-top: 4rem; padding-top: 10px;}
.box_case li{ float: left; width: calc(100%/8); text-align: center; position: relative;}
.box_case li:last-child::after{ display: none;}
.box_case li:after{ width: 80%; height: 1px; border-top: 1px dashed #888888; content: ""; position: absolute; top: 8px; left: 59%;}
.box_case li em{ width: 20px; height: 20px; line-height: 20px; margin: 0 auto; display: block; font-style: normal; background: #888888; color: #ffffff; border-radius: 100%; }
.box_case li p{ display: block; font-size: 16px; margin-top: 15px;}

.pro_list1 {width: 100%;  margin:0 auto 4rem auto; height: 100%; background: #ffffff;position: relative;}
.pro_list1 .icon{ position: relative;}
.pro_list1 .icon img{}
#swiper_info{ padding-bottom: 4rem;}
.case_next{ background: #e4e4e4; top: 95%; border: 1px solid #909090; right: 0; width: 45px; height: 45px; line-height: 45px; text-align: center;}
.case_next i,.case_prev i{ font-size:2rem; color: #8f8f8f;}
.case_prev{ background: #e4e4e4; top: 95%; border: 1px solid #909090; left: 0; width: 45px; height: 45px; line-height: 45px; text-align: center;}
#swiper_info .swiper-scrollbar{ bottom: 4.5%; z-index: 1; width: 90%; left: 5%;}
.box_case1{ text-align: left;}
.box_case1 span{ font-size: 3rem; color: #000000;}
.box_case1 p{ font-size: 2rem; text-transform: uppercase; display: block; margin-top: 1.5rem;}
.box_case2{ text-align: left;}
.box_case2 p{ font-size: 16px; line-height: 2;}
.box_case2 p span{ color: #000000; font-weight: bold;}

.img-box1{ position: relative; background: #E9E9E9; overflow: hidden; margin-bottom: 4rem; }
.img-box1:hover{ -moz-box-shadow:0px 6px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 6px 8px rgba(0,0,0,0.1); box-shadow:0px 6px 8px rgba(0,0,0,0.1); transition: all 0.5s;}
.img-box1:hover .ptit em{ background: #002e91; border: 1px solid #002e91; color: #ffffff;}
.img-box1 .ptit{ padding: 3rem 3rem 3rem; text-align: left;     min-height: 16rem;}
.img-box1 .ptit h3{ font-size: 2.2rem; color: #000000; text-align: left;}
.img-box1 .ptit p{ font-size: 18px; color: #999999; display: block; min-height: 50px;}
.img-box1 .ptit em{ border: 1px solid #000000; border-radius: 5px; font-size: 16px; font-style: normal; padding: 5px 15px; display: inline-block; margin: 2rem 0;}
.img-box1 .icon{overflow: hidden;  position: relative;}
.img-box1 .icon img{ width: 100%; object-fit: cover; height: 100%; transition: all 0.3s;}
.img-box1 a{position: relative; transition: all 0.8s;}

/*服务体系*/
.sect_service{ background: #F1F1F1; padding: 10rem 0 20rem;}
.sect_service.mm{ padding: 10rem 0 ; margin-bottom: 26.6rem;}
.tit_1{ text-align: center; position: relative; z-index: 3;}
.tit_1.cor{ color: #ffffff;}
.tit_1.cor p{ color: #ffffff;}
.tit_1.cor span{ font-size: 3.4rem; color: #ffffff;}
.tit_1 p{ font-size: 4rem; color: #000000; font-weight: bold;}
.tit_1 span{ font-size: 3.4rem; color: #000000; display: block;}
.tit_1 b{ font-size: 15px; color: #000000; margin: 2rem 0; display: block;}
.box_s1{ background: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 8.4rem 15px; position: relative; overflow: hidden; transition: 0.5s all ease; cursor: pointer;}
.box_s1:hover .pimg{ bottom: 0; opacity: 1; transition: 0.5s all ease;}
.box_s1:hover .pimg img{ filter:none;}
.box_s1:hover img{ filter: grayscale(100%) brightness(400%);}
.box_s1:hover p{ color: #ffffff;}
.box_s1:hover span{ color: #ffffff;}
.box_s1 .pimg{ position: absolute; left: 0; right: 0; bottom: -100%; z-index: 1; opacity: 0;}
.box_s1 img{ position: relative; z-index: 2;}
.box_s1 p{ display: block; margin-top: 3rem; font-size: 2.4rem; font-weight: bold; color: #282828; position: relative; z-index: 2;}
.box_s1 span{ font-size: 14px; color: #282828; display: block; margin-top: 1rem; line-height: 1.8; position: relative; z-index: 2;}

.sect_service1{ background: url(../img/bg_s1.jpg) no-repeat center center; position: relative; padding: 10rem 0 20rem; z-index:1;}
.sect_service1 .i_img{ position: absolute; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 2;}
.sect_service1 .span-w{ width: calc((100% - 80px)/5); margin: 0 20px 20px 0; float: left;}
.sect_service1 .span-w:last-child{ margin-right: 0px;}

.box_s2{ background: rgba(255,255,255,0.8); text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 9.7rem 15px; position: relative; overflow: hidden; transition: 0.5s all ease; cursor: pointer; z-index: 2;}
.box_s2:hover { background: rgba(0,0,0,0.8);}
.box_s2:hover img{ filter:invert(1);}
.box_s2:hover p{ color: #ffffff;}
.box_s2 img{ position: relative; z-index: 2; max-width: 100px; width: 100%; }
.box_s2 p{ display: block; margin-top: 3rem; font-size: 2.4rem; font-weight: bold; color: #282828; position: relative; z-index: 2;}

.ser_list {width: 100%;  margin:0 auto 4rem auto; height: 100%; position: relative;}
.ser_list .ptit{ text-align: center; line-height: 2; padding:6rem 2rem; background: #2C313D; }
.ser_list .ptit p{ font-size: 2.4rem; color: #ffffff; text-align: center; line-height: 2; }
.ser_list .icon{ position: relative; background: #2C313D;}
.ser_list .icon img{ width: 100%; opacity: 0.5;}

/*研发*/
.sect_yf{ background: #f8f9fa; padding: 8rem 0;}
.box_yf{ text-align: left; margin-top: 8rem;}
.box_yf span{ font-size: 2.4rem; color: #000000; font-weight: bold; display: block; margin-bottom: 2rem;}
.box_yf p{ font-size: 15px; line-height: 2; color: #666666;}

#honor .swiper-slide{ width: 350px; opacity: 1 !important;}
#honor .swiper-slide-active{ opacity: 1 !important;}
#honor{ margin-bottom: 0rem; max-width:95%; margin-left: auto;}
.box_i2 {margin:0 auto; height: 100%; background: #ffffff; position: relative; transition: all 0.3s;}
.box_i2 .icon{ position: relative; -webkit-box-reflect: below 4px -webkit-linear-gradient(top,rgba(255,0,0,0),rgba(255,0,0,0.1));}
.box_i2 .icon img{ width: 100%; height: 100%; object-fit: cover; margin:  0 auto; }

.box_yf1{ background: #002E91; padding: 4.5rem 15px; clear: both; overflow: hidden;}
.box_yf1 li{ width: 25%; float: left; text-align: center; color: #ffffff;}
.box_yf1 li span{ font-size: 4.5rem; color: #ffffff; font-style: italic; line-height: 2; font-family: 'bahnschrift';}
.box_yf1 li p{ font-size: 15px;}
.sect_yf1{ background: #ffffff; padding: 10rem 0 20rem 0;}
.box_yf2{ background: url(../img/bg_y1.png) no-repeat center center; min-height: 501px; margin-top: 8rem; background-size: cover; transition: all 0.5s;}
.box_yf2:hover .b1{ transform: translateY(150%); transition: all 0.5s;}
.box_yf2 .b1{ text-align: left; color: #ffffff; padding: 5rem; transform: translateY(0); transition: all 0.5s;}
.box_yf2 .b1 span{ font-size: 3.4rem;}
.box_yf2 .b1 p{ font-size: 15px; padding-top: 1rem;}
.box_list1{ list-style: none; margin-top: 2rem; clear: both; overflow: hidden;}
.box_list1 li{ width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px; float: left; min-height: 321px; position: relative; z-index: 1;}
.box_list1 li:first-child{ background: url(../img/bg_y2.png) no-repeat center center; background-size: cover;}
.box_list1 li:nth-child(2){ background: url(../img/bg_y3.png) no-repeat center center; background-size: cover;}
.box_list1 li:last-child{ margin-right: 0; background: url(../img/bg_y4.png) no-repeat center center; background-size: cover;}
.box_list1 li:hover div{ bottom: 50%; transition: all 0.5s;}

.box_list1 li div{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; color: #ffffff; padding: 3rem 2rem; transition: all 0.5s;}
.box_list1 li div span{ font-size: 3.4rem;} 
.box_list1 li div p{ font-size: 15px; padding-top: 1rem; line-height: 1.5; min-height: 60px;}
.sect_yf2{ background: url(../img/bg_y5.jpg) no-repeat center center; padding: 14rem 0; background-size: cover; margin-bottom: 38.5rem; }
.box_list2{ text-align: center; color: #ffffff; max-width: 550px; margin: 0 auto;}
.box_list2 h3{ font-size: 4rem; display: block; margin: 0 0 5rem;}
.box_list2 span{ font-size: 2.4rem; line-height: 2; margin: 0 0 5rem; display: block; font-weight: bold;}
.box_list2 p{ font-size: 2.1rem; line-height: 2;}
.box_list2 .ziti{ font-size: 1.8rem;}
/*关于我们*/
.sect_about{position: relative; background: #ffffff;  padding: 8rem 0; overflow: hidden;} 
.box_a1{ text-align: left; max-width: 600px; margin-left: 0;}
.box_a1 span{ font-size: 4rem; color: #000000; line-height: 2; display: block;}
.box_a1 p{ font-size: 15px; color: #666666; line-height: 2; margin: 2rem 0;}
.box_a1.b_a1{ margin-left: auto;}
.sect_about1{}
.box_yf3{ background: #f2f2f2; padding: 3rem 15px; clear: both; overflow: hidden;}
.box_yf3 li{ width: 25%; float: left; text-align: center; color: #002E8D;}
.box_yf3 li span{ font-size: 5rem; color: #002E8D; line-height: 2; font-weight: bold;}
.box_yf3 li span b{ font-weight: bold; font-family: 'bahnschrift';}
.box_yf3 li p{ font-size: 2rem; color: #090909;}
.sect_about2{ background:  url(../img/bg_qyfz.png) no-repeat center; background-size: cover; padding: 8rem 0; }
.sect_about2 .tit_lc{ text-align: center; color: #ffffff; font-size: 4rem; margin-bottom: 8rem;}
.sect_about2 .dot_l1{ color: #ffffff; display: flex; justify-content: space-around; align-items: center; margin-bottom: 13rem;}
.sect_about2 .dot_l1 .left{ width: 50%; float: left;}
.sect_about2 .dot_l1 .left img{}
.sect_about2 .dot_l1 .right{ width: 50%; float: left;}
.sect_about2 .dot_l1 .right h3{ font-size: 11.6rem; color: #ffffff;font-family: 'bahnschrift';}
.sect_about2 .dot_l1 .right span{ font-size: 3rem; font-weight: bold; color: #ffffff;}
.sect_about2 .dot_l1 .right p{ font-size: 15px; color: #ffffff; margin: 2rem 0 0; line-height: 2;}
.sect_about2 .dot_l2{ color: #ffffff; font-size: 2.2rem; position: relative; cursor: pointer; padding-top: 30px; text-align: center;}
.sect_about2 .dot_l2:before{ width: 2px; height: 9px; position: absolute; left: 50%; top: 6px; content: ""; z-index: 1; background: #ffffff; display: block; left: 50%;}
.sect_about2 .dot_l2:hover::before{height: 15px; top: 0;}
.sect_about2 .dot_l2:after{ width: 63px; height:8px; background:  url(../img/pic_jj.png) no-repeat center bottom;  position: absolute; left:72%; top: 6px; content: ""; z-index: 1; display: block;}
.gallery{ margin: 6rem auto; position: relative; max-width: 1580px;}
.gallery .mySwiper .swiper-slide{ height: auto;}
.gallery .mySwiper{ width: 100%; margin: 0 auto; position: relative;  }
.gallery .mySwiper:after{ width: 100%; height: 1px; background: #ffffff; position: absolute; left: 0; right: 0; content: ""; display: block; top: 14px;}
.gallery .swiper-slide-thumb-active .dot_l2:before{ height: 15px; top: 0;}


.gallery{ margin: 6rem auto; position: relative; max-width: 1580px;}
.gallery .mySwiper3 .swiper-slide{ height: auto;}
.gallery .mySwiper3{ width: 100%; margin: 0 auto; position: relative;  }
.gallery .mySwiper3:after{ width: 100%; height: 1px; background: #ffffff; position: absolute; left: 0; right: 0; content: ""; display: block; top: 14px;}
.gallery .swiper-slide-thumb-active .dot_l2:before{ height: 15px; top: 0;}

.box_yf4{ text-align: center; cursor: pointer; transition: 0.3s all; color: #ffffff; padding: 8rem 0; margin-bottom: 4rem; overflow: hidden;}
.box_yf4:hover i{ transform: translateY(-10px); transition: 0.3s all;}
.box_yf4:hover span{ transform: translateY(-10px); transition: 0.3s all;}
.box_yf4:hover p{ transform: translateY(-10px); transition: 0.3s all;}
.box_yf4 i{ display: block; transition: 0.3s all;}
.box_yf4 span{ font-size: 15px; display: block; margin: 1rem 0 2rem; transition: 0.3s all;}
.box_yf4 p{ font-size: 3rem; transition: 0.3s all;}
.box_yf4.c_1{ background:url(../img/pic_c11.jpg) no-repeat center; background-size:cover;}
.box_yf4.c_2{ background:url(../img/pic_c2.jpg) no-repeat center; background-size:cover;}
.box_yf4.c_3{ background:url(../img/pic_c3.jpg) no-repeat center; background-size:cover;}
.box_yf4.c_4{ background:url(../img/pic_c4.jpg) no-repeat center; background-size:cover;}
.sect_about3{ background: #F2F2F2; padding: 8rem 0;}
.sect_about3 .pic{ margin-left: auto; position: relative; text-align: right; margin-top: 5rem;}
.sect_about3 .pic .wenzi{ position: absolute; left: 0; top: 0; text-align: left; font-size: 15px; line-height: 2;}
.sect_about4{ background:  url(../img/bg_fw.jpg) no-repeat center; background-size: cover; padding: 25rem 0;}
.box_fw{ text-align: center; color: #ffffff;}
.box_fw i{ display: block;}
.box_fw span{ font-size: 4rem; font-weight: bold; margin: 2rem 0; display: block;}
.box_fw p{ font-size: 17px; line-height: 2;}
a.more4{ position: relative; width: 200px;  display: flex; justify-content: space-around; align-items: center; text-align: center; height: 53px; line-height: 53px; color: #1e34a9; font-size: 18px; margin-top: 10rem; border: 1px solid #1e34a9; border-radius: 10px; margin: 5rem auto;}
a.more4 i{  font-size: 16px; color: #1e34a9; }
a.more4:hover{ background: #1e34a9; border:1px solid #1e34a9; color: #ffffff;}
a.more4:hover i{ color: #ffffff;}
/*招商加盟*/
.sect_zs{ z-index: 0; padding: 10rem 0 25rem; background:url(../img/bg_zsjm.jpg) no-repeat center;  background-size: cover; position: relative; }
.sect_zs .wrap{ position: relative; z-index: 3;}
.sect_zs .zs_bg{ z-index: 1; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}
.box_zs{ background: rgba(0,0,0,0.5); padding: 4rem 15px; text-align: center; margin-top: 3rem;  transition: all 0.5s; cursor: pointer;}
.box_zs:hover{ transform: translateY(-15px); transition: all 0.5s;}
.box_zs i{ display: block;}
.box_zs span{ color: #ffffff; font-size: 2.4rem; display: block; margin: 2rem 0 1rem;}
.box_zs p{ font-size: 14px; color: #ffffff;}
.sect_zs1{ background: #eef1f2; padding: 0 0 8rem 0;}
.box_lc{ text-align: center;}
.sect_zs2{ background:url(../img/bg_jm.jpg) no-repeat center;  background-size: cover; padding: 18rem 0 12rem; margin-bottom: 42rem; position: relative;}
.sect_zs2 .zs_bg{ z-index: 1; background: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%;}
.sect_zs2 .wrap_zs{width: 92%; max-width: 1670px; margin: 0 auto; position: relative; z-index: 3;}
.tit_zs{ text-align: left; color: #ffffff;}
.tit_zs span{ font-size: 4rem; font-weight: bold; display: block; margin: 0 0 2rem 0;}
.tit_zs p{ font-size: 2rem;}
.m-form{ margin: 6rem 0;}
.msg-btn{ display: flex; justify-content: flex-start; align-items: center;}
.m-form .btn{ margin-left: 0; margin-right: 3rem; font-size: 16px;  line-height: 8rem; width: 100%; max-width: 250px; color: #ffffff; padding: 0;  display: block; background: #1e34a9; border: none; border-radius: 60px; border: 1px solid #1e34a9;}
.m-form p{ margin-top: 3rem; color: #808080 !important;}
.m-form .form-control{ border: none; border-bottom: 1px solid #676767; color: #bddd90; height: 60px; font-size: 16px; background-color: rgba(255,255,255,0); padding-left: 0;     box-shadow: none;}
.m-form .btn:hover{ background-color: #ffffff; border: 1px solid #1e34a9; color: #1e34a9;  }
.m-form textarea.form-control{ height: auto;}
.m-form .form-group{ margin-bottom: 1rem;}
.m-form .form-group span{ font-size: 2rem; color: #ffffff;}
.m-form .form-group input::-webkit-input-placeholder{color:rgba(255,255,255,0.8);}
.m-form .form-group textarea::-webkit-input-placeholder{color:#ffffff;}
.m-form .form-group p{font-size: 16px; color: #ffffff;}
.m-form .form-group select{ border-top: none; border-left: none; border-right: none; width: 100%; font-size: 14px; border-bottom: 1px solid #676767;  background: none; height: 60px; line-height: 60px; color: #ffffff;}
.m-form .form-group select option{ color: #000000;}
.m-form input[type="radio"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		display: block;
		width: 13px;
		height: 13px;
		border-radius: 50%;
		background-size: 100% auto;
		box-sizing:border-box;
		border:solid 1px #ffffff;
		}
.m-form input[type="radio"]:checked:before{
		content:"";
		display: block;
		width: 9px;
		height: 9px;
		margin: 1px;
		border-radius: 10px;
		background-color: #ffffff;}
/*联系我们*/ 
.sect_contact{ background:  url(../img/bg_con.jpg) no-repeat center; background-size: cover; padding: 8rem 0;}
.sect_contact1{ background:  url(../img/bg_con1.jpg) no-repeat center; background-size: cover;}
.sect_contact1 .wrap1{ max-width: 1500px;    margin: 0 auto;}
.box_con{  margin:3rem auto; padding: 3rem; text-align: center;}
.box_con i{ font-size: 4rem;}
.box_con p{ color: #ffffff; font-size: 18px; margin-top: 1rem;}

.fullline { width: 100%; position: relative;  z-index: 1; overflow: hidden; margin-top: 3.8%; height: 1px; background-color: rgba(255, 255, 255, 0.2);}
.fullline:before { content: ''; position: absolute; left: -100%; bottom: 0; z-index: 2; width: 100%;  height: 2px; background-color: #fff;  -webkit-animation: widthgrow 20s linear infinite; animation: widthgrow 20s linear infinite;}
@-webkit-keyframes widthgrow {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
@keyframes widthgrow {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.dot_con1{ text-align: left; position: relative; max-width: 1200px; width: 94%; display: flex; justify-content: center; margin: 6rem auto 3rem;}
.dot_con1 a{ font-size:2.2rem; line-height: 2; margin: 2rem 0; color: #ffffff; margin: 0 2rem;}
.dot_con1 a i{ background: #ffffff; width:28px; margin-right: 15px; height: 28px; line-height: 28px; border-radius: 100%; color: #3e4045; text-align: center; font-size: 18px; display: inline-block;}
.lxbtnout{ display: flex; justify-content: center; margin-top: 8rem;}
.lxbtnout a{ width: 65px; height: 65px; margin: 0 40px; border-radius: 100%; border: 1px solid #ffffff; text-align: center; line-height: 65px; display: inline-block; position: relative;}
.lxbtnout a i{ font-size: 3rem;}
.lxbtnout .bigewm{  position: absolute; width: 120px;height: 120px;bottom: 110%; left: -40%; z-index: 1;  display: none;}
.lxbtnout a:hover .bigewm{ display: block;}
.door{ width: 480px;  height: 784px; background: url(../img/bg_c1.jpg) no-repeat center; z-index: 1; position: relative;}
.door:after{ width: 18px; height: 18px; content: ""; background: url(../img/c_dot1.png); display: block; position: absolute; right: 5px; top: 6px;}
.door .svg { display: block; z-index: 0; width: 100%; height: 100%; position: absolute;left: 0;top: 0;}
.door .svg svg {overflow: visible;}
.door .path {stroke-dasharray: 1904; stroke-dashoffset: 0; -webkit-animation: dash 10s linear infinite;  animation: dash 10s linear infinite;}
@-webkit-keyframes dash {
  from {
    stroke-dashoffset: 3808;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes dash {
  from {
    stroke-dashoffset: 3808;
  }
  to {
    stroke-dashoffset: 0;
  }
}    

.form{ margin: 0; padding:7rem 5rem; }
.tit_c1{ color: #ffffff; position: relative; margin-bottom: 3rem;}
.tit_c1 span:after{ width: 16px; height: 16px; content: ""; background:url(../img/dot_1.png) no-repeat center; right: -18px; top: -6px;  position: absolute;}
.tit_c1 span{ font-size: 3rem; font-family: 'SourceHanSansCN-Bold'; line-height: 2;  position: relative;} 
.tit_c1 p{ font-size: 18px !important; color: #ffffff !important; padding: 0 !important; font-family: 'SourceHanSansCN-Light';}
.form .form-group{  background: rgba(255,255,255,0); display: flex;  align-items: baseline;    margin: 2rem 0;}
.form .btn-default{ width: 100%; max-width: 170px; margin: 4rem 0 0 0; border: 2px solid #e8453c; background:#e8453c; color: #ffffff; font-size: 18px; line-height: 5rem;  display: block; border-radius: 35px;}
.form .btn-default:hover{ background: none; color: #e8453c;}
textarea.form-control{align-items: baseline; min-height: 140px; width: 95%; padding: 15px;}
.form p{ font-size: 14px; line-height: 2; color: rgba(255,255,255,0.5);  font-family: 'SourceHanSansCN-Light'; padding: 2rem 1rem;}
.form select option{ background: #000000;}
.form-control{ border: none; width: 92%; font-size: 18px; border: 1px solid #363a40; padding: 0;margin:0; padding-left: 2rem; color: #ffffff;}
.door1{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; height:calc(100% - 10rem); padding: 5rem;}
.door1 img:first-child{ margin-right: auto;}
.door1 img:last-child{ margin-left: auto;}
/*新闻*/
.sect_info{ background:#ffffff; padding: 0 0 6rem; } 
.sect_news{position: relative;}
.sect_news .nimg{ position: absolute; right: 0; top: 10%;}
.news-box{margin-bottom: 0; padding-top: 5rem;}
.news-box .icon{ max-width: 655px; background: #ffffff; position: relative; z-index: 1; -moz-box-shadow:0px 4px 10px #000000; -webkit-box-shadow:0px 4px 10px #000000; box-shadow:0px 4px 10px #000000;}
.news-box .icon img{ width: 100%; height: 100%; z-index: 1;}
.news-box .time{ background: #292929; color: #ffffff;  text-align: center;-moz-box-shadow:0px 3px 10px #000000; padding: 1rem; -webkit-box-shadow:0px 3px 10px #000000; box-shadow:0px 3px 10px #000000; margin-top: 4rem; border-radius: 8px;}
.news-box .time span{ font-size: 3rem; display: block; font-family: 'Mechsuit'; color: #d0d0d0; line-height: 1; }
.news-box .time em{ font-size: 16px; color: #d0d0d0; font-style: normal; margin-top: 10px; display: block;}
.news-box .ntit{ padding: 4rem 3rem; max-width: 640px; margin: 0 auto;}
.news-box .ntit span{ font-size: 2.4rem; display: block; font-family: 'SourceHanSansCN-Bold'; }
.news-box .ntit h4{ text-align:left;  font-size: 16px; color: #e83240; }
.news-box .ntit h4 i{ display: inline-block; font-size: 16px; margin-left: 15px; transition: all 0.5s ease;}
.news-box:hover .ntit h4 i{ margin-left: 80%; transition: all 0.5s ease;}
.news-box:hover .ntit span{ color: #e83240;}
.news-box .ntit p{ font-size: 16px; color:rgba(255,255,255,0.6); line-height: 2; margin: 4rem 0;     word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.news-box .ntit em { font-style: normal; font-size: 16px; margin-top: 4rem; display: block;}
.news-box .ntit em i{ border: 1px solid #ffffff; border-radius: 100%; margin-left: 1rem; display: inline-block; font-size: 14px; color: #ffffff; padding: 5px; margin-top: 4rem;}
.news-pagination{  text-align: left; max-width: 300px; left: 0; bottom: -4rem;}
.news-pagination .swiper-pagination-bullet{ background: rgba(255,255,255,0.3); opacity: 1; margin: 0 2px;}
.news-pagination .swiper-pagination-bullet-active{ background: #e83240;}

.news-box1 { margin-top: 6rem;}
.news-box1 ul{ list-style: none; clear: both; overflow: hidden; }
.news-box1 li{ width:calc((100% - 120px)/3); margin-right: 60px; margin-bottom: 60px; float: left; background:linear-gradient(45deg, transparent 25px, #202428 0) bottom left;}
.news-box1 li:nth-child(3n){ margin-right: 0;}
.news-box1 li .nit{padding: 3rem;}
.news-box1 li .nit span{ font-size: 2.2rem; color: #ffffff; position: relative; font-family: 'SourceHanSansCN-Bold';}
.news-box1 li .nit p{ font-size: 16px; line-height: 2; margin: 1rem 0; color: #d6d6d7;}
.news-box1 li .nit em{ font-size: 16px; color: rgba(255,255,255,0.5);font-family: 'Flat'; font-style: normal;}
.news-box1 li .icon{ overflow: hidden;}
.news-box1 li img{ width: 100%; height: 100%; transition: .6s ease-out; overflow: hidden;}
.news-box1 li:hover img{transform: scale(1.2);}
.news-box1 li:hover span{ color: #e83240;}
.news-box1 li:hover .time span{ color: #e4e4e4;}
.news-box1 .time{max-width: 72px; background: #383f46; color: #ffffff;  text-align: center;-moz-box-shadow:0px 3px 10px #000000; padding: 1rem 0; -webkit-box-shadow:0px 3px 10px #000000; box-shadow:0px 3px 10px #000000; margin: 3rem auto 0; border-radius: 8px;}
.news-box1 .time span{ font-size: 2.4rem; display: block; font-family: 'Mechsuit'; color: #e4e4e4; line-height: 1; }
.news-box1 .time em{ font-size: 14px; color: #ffffff; font-style: normal; margin-top: 10px; display: block;}
.info_news{ background: url(../img/bg_ninfo.jpg) no-repeat center top; background-size: cover; height: 213px; padding: 0;}
.container{ background: #ffffff; padding: 7rem 0;  width: 100%; margin: -7rem auto 0; max-width: 1340px;}
.wrap_ninfo{ max-width: 1340px; width: 92%; margin: 0 auto; padding-top: 5rem;}

.sect_info .article{ margin: 0 auto; max-width: 1300px; }
.describe{ background: #f6f8fa; padding: 3rem; font-size: 18px; line-height: 1.5; color: #333333; text-align: left;}
.sect_info .news-tit{ font-size: 4rem; text-align: center; line-height: 1.8;font-family: 'SourceHanSansCN-Bold';padding: 0 0 3rem; color: #333333;}
.sect_info .fabu{ text-align:justify; font-size: 16px; color: #666666; padding: 2rem 0; text-align: left; }

.sect_info .content{line-height: 2; color: #333333; padding: 3rem 0;font-size: 18px;}
.sect_info .content p{text-align: left;}
.sect_info .content p span{ font-weight: bold;}

.tit_news{ text-align: left; font-size: 3rem; color: #ffffff; line-height: 2; margin: 3rem auto 0;  font-family: 'Reeji-CloudZongYi-GB Regular';}
.tuijian{margin: 3rem auto;}
.news_pages{ padding: 3rem; background: #f4f4f4;     margin-bottom: 8rem;}
.news_pages p{ font-size: 1.8rem; line-height: 4rem; color: #333333;}
.news_pages p a{ color: #ee7534; text-line-through: inherit; border-bottom: 1px solid #ee7534;}


.news_pages1{ padding: 3rem 15px; border-radius: 0 0 15px 15px; text-align: left;  width: calc(100% - 30px); margin: 3px auto; background: #e83240;}
.news_pages1 p{ font-size: 18px; line-height: 4rem; }
.news_pages1 p a{ color: #ffffff;}
.news_pages1 p a:hover{ color: #ffffff; }
.news_pages1 .right_n{ text-align: right;}
.news_pages1 a.back{font-size: 18px; line-height: 4rem;}
.news_pages1 a.back i{ font-size: 18px; margin-right: 10px;}

.news-box2 { margin:0 auto 4rem auto; position: relative; transition: all 0.3s;}
.news-box2 .icon{}
.news-box2 .icon img{ width: 100%; height: 100%; object-fit: cover;}
.news-box2 .ptit{ text-align: left; line-height: 24px; padding: 2rem 0 0; color: #333333; }
.news-box2 .ptit b{ font-size: 14px; color:rgba(255,255,255,0.4); display: block;font-weight: normal; margin-top: 1rem; }
.news-box2 .ptit span{ padding: 0; font-size: 2rem; line-height: 1.8;  text-align: left; color: #ffffff; }
.news-box2:hover .ptit span{ color: #e8453c;}