*{margin:0;padding:0;list-style:none; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all;-o-transition:all;-ms-transition:all;-moz-transition:all;-webkit-transition:all;}

body,html{font-family:"Microsoft YaHei",'微软雅黑'; width: 100%; background: #f5f5f5;  }



a{text-decoration:none; color: #fff; }

a:hover{text-decoration:none;}

em,i,strong{font-style:normal;}

img{ border: 0; vertical-align: middle; display: inline-block; width: 100%; }

input,textarea,select{ font-family: '微软雅黑';  outline: none;}

input[type="submit"],

input[type="reset"],

input[type="button"],

input[type='file'],

button, select{ -webkit-appearance: none; }



@font-face {

    /* font-properties */

    font-family: ITCAvantGardeStdBk;

    src:url('../font/ITCAvantGardeStdBk.TTF');

    src: url('../font/ITCAvantGardeStdBk.woff') format('OpenType'); 

}



.clearFloat{ clear: both;  }

.table{  width: 100%; height: 100%; }

.table .middle{ display: table-cell; vertical-align: middle; }

.content{ margin: 0 auto; width: 1288px; height: 100%; position: relative;}

.transy{transform: translateY(60px);-webkit-transform: translateY(60px); transition: 700ms;-webkit-transition: 700ms;transition-timing-function: ease-out;-webkit-transition-timing-function: ease-out; opacity: 0;} 

.tranShow{ transform: translate(0); -webkit-transform: translate(0); opacity: 1;}

.anim{

	-webkit-transform: translateY(100px) translateX(0);

	-moz-transform: translateY(100px) translateX(0);

	transform: translateY(100px) translateX(0);

	opacity: 0;

	-webkit-transition-timing-function: ease-in-out;

	transition-timing-function: ease-in-out;

}



.anim-show{

	-webkit-transform: translateY(0px) translateX(0);

	-moz-transform: translateY(0px) translateX(0);

	transform: translateY(0px) translateX(0);

	opacity: 1;

}





.main{ font-size: 0.12rem; position: relative; overflow: hidden; }

.content{ width: 10rem; margin: 0 auto; box-sizing: border-box; }

.row{ display: flex; flex-direction: row; }



/* 导航 */

.top-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }

.top-nav .content{ justify-content: center; align-items: center;  }

.top-nav .logo{ width: 1rem; margin-right: 0.05rem; height: 0.68rem; display: flex; flex-direction: row; align-items: center; justify-content: center; background: rgba(0,8,38,0.5); }

.top-nav .logo a{ display: block; width: 0.63rem; height: 0.49rem;  background: url(../image/nav-logo.png) no-repeat; background-size: cover; }

.top-nav .content ul{ align-items: center; background: rgba(0,8,38,0.5); position: relative; height: 0.68rem; }

.top-nav .content ul::after{ content: ''; position: absolute; right: -1920px; width: 1920px; height: 100%; background: rgba(0,8,38,0.5);  }

.top-nav .content ul li{ width: 1.12rem; border-left: 1px solid rgba(255, 255, 255, 0.13); height: 100%; position: relative; } 

.top-nav .content ul li .table a{ display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; color: #aeaeae; }

.top-nav .content ul li.active .table a,.top-nav .content ul li:hover .table a{ color: #fff; }

.top-nav .content ul li.active::after,.top-nav .content ul li:hover::after{ content: ''; width: 100%; height: 0.04rem; background: #174cf6; position: absolute; bottom: 0; left: 0; }

.top-nav .content ul li .navIphone{ display: none; background: #224e90; padding: 0.2rem 0; }

.top-nav .content ul li .navIphone a{ padding-left: 0.6rem; display: block; position: relative; margin-bottom: 0.2rem; color: #fff; }

.top-nav .content ul li .navIphone a::after{ content: ''; position: absolute; top: 50%; left: 20px; width: 2px; height: 2px; background: #fff; border-radius: 50%; margin-top: -1px; }

.top-nav .content ul li .navIphone a.active{ color: rgba(84, 215, 239, 0.8); }





/* 轮播图 */

.banner{ position: relative; }

.banner .swiper{ width: 100%; }

.banner .swiper .swiper-slide img{ width: 100%; }

.banner .swiper .swiper-slide a{ display: block; width: 100%; height: 100%; position: relative; }

.banner .swiper .swiper-slide a .content{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%;  }

.banner .swiper .swiper-slide a .content .text{ font-size: 0.36rem; color: #fff; margin-top: 1.95rem; margin-left: 0.4rem; }



.banner .swiper .swiper-pagination{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0.8rem; background: rgba(0, 0, 0, 0.36); display: flex; flex-direction: row; align-items: center; justify-content: center; } 

.banner .swiper .swiper-pagination span{ width: 7px; height: 7px; background: transparent; border: 2px solid #cbc9ca; margin: 0 0.05rem; opacity: 1; }

.banner .swiper .swiper-pagination span.swiper-pagination-bullet-active{ background: #cbc9ca; }



/* 聚焦祥光 */

.newsAndAchi{ overflow: hidden; }

.newsAndAchi .child{  padding-top: 0.35rem; width: 50%; box-sizing: border-box; }

.newsAndAchi .news{ padding-right: 0.5rem; }

.newsAndAchi .child .moduleTitle{ margin-bottom: 0.3rem; }

.moduleTitle{ background: url(../image/tit-icon.png) no-repeat left center; font-size: 0.24rem; }

.moduleTitle .en{ font-family: 'ITCAvantGardeStdBk'; font-size: 0.5rem; color: #004b90; padding-left: 0.3rem; letter-spacing: -0.03rem; }

.moduleTitle .zh{ color: #3f3f3f; }

.news .list{  }

.news .list .dec{ padding-bottom: 0.5rem; }

.news .list .dec .date{ font-size: 0.13rem; color: #9297a3; }

.news .list .dec h4{ font-size: 0.21rem; color: #333; font-weight: normal; margin: 0.1rem 0; }

.news .list .dec .info{  color: #9297a3; line-height: 0.22rem; }



/* 祥光成就 */

.achievement { position: relative; z-index: 1; }

.achievement .moduleTitle{ margin-left: 0.2rem; }

.achievement::after{ content: ''; position: absolute; top: 0; left: 0; width: 8rem; height: 100%; background: url(../image/achievement-bg.jpg) no-repeat top center; background-size: cover; z-index: -1; }

.achievement .dec{ background: #044080; }

.achievement .dec .video-box{ width: 100%; position: relative; }

.achievement .dec .video-box img{ width: 100%; }

.achievement .dec .video-box .btn{ width: 0.53rem; height: 0.53rem; background: url(../image/video-btn.jpg) no-repeat; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; }

.achievement .dec .info{  color: #fff; padding: 0.15rem; box-sizing: border-box; background: url(../image/video-box-bg2.png) no-repeat center 0.35rem; background-size: 3.96rem 1.22rem; overflow: hidden; padding-bottom: 0.35rem; line-height: 0.22rem; }

.achievement .dec .info a{ float: right; background: #2568b0; padding: 0.02rem 0.1rem 0.02rem; margin-top: 0.1rem; }





/* 祥光业务 */

.businessbox{ position: relative; }

.business{ background: url(../image/business-bg.jpg) no-repeat top center; position: relative; background-size: 100% 5.86rem; padding-top: 0.4rem; padding-bottom: 0.9rem; }

.business .icon2{ color: #fff; background-image: url(../image/tit-icon2.png); margin-left: 0.3rem; }

.business .icon2 .en,.business .icon2 .zh{ color: #fff; }

.business .content{ padding-left: 0; }

.business .list{ padding-top: 0.8rem; display: flex; flex-direction: row; justify-content: space-between; }

.business .list .dec{ width: 2.3rem; position: relative; }

.business .list .dec .pic{ width: 100%; height: 3.45rem; background: url(../image/business-pc-pic1.jpg) no-repeat; background-size: cover; }

.business .list .dec:nth-child(2) .pic{ background-image: url(../image/business-pc-pic2.jpg); }

.business .list .dec:nth-child(3) .pic{ background-image: url(../image/business-pc-pic3.jpg); }

.business .list .dec:nth-child(4) .pic{ background-image: url(../image/business-pc-pic4.jpg); }

.business .list .dec .text{ position: relative; padding: 0 0.2rem 0.2rem; box-sizing: border-box; background: #000; }

.business .list .dec .text .tit{ font-size: 0.4rem; position: relative; top: -0.3rem;  }

.business .list .dec .text .tit::after{ content: ''; position: absolute; bottom: -0.1rem; left: 0; width: 0.6rem; height: 2px; background: #044080; }

.business .list .dec:nth-child(odd){ margin-top: 0.68rem; }







/* footer*/

.footer{ width: 100%; background: #031319;  color: #b6b6b6; }

.footer .content{ display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0.3rem 0;  }

.footer .footer-nav ul{ display: flex; flex-direction: row; padding: 0 0.5rem 0.15rem; justify-content: center; border-bottom: 1px solid rgba(146, 151, 163, 0.2); width: 6.7rem; box-sizing: border-box;  }

.footer .footer-nav ul a{ display: block; color: #b6b6b6; margin: 0 0.25rem; width: 100%; }

.footer .footer-nav ul a:hover{ color: #fff; }

.footer .copy{ padding-top: 0.25rem; }



/* 菜单按钮 */

.menu-handler { width: 0.8rem; height: 0.8rem; cursor: pointer; position: absolute; top: 0; right: 0.3rem; margin-left: 15px; z-index: 149; display: none; }

.menu-handler .burger { width: 0.6rem; height: 4px; background: #fff; display: block; position: absolute; z-index: 5; top: 0.2rem; left: 50%; margin: 0px 0px 0px -12px; border-radius: 3px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}

.menu-handler .burger-2 { top: 0.4rem;}

.menu-handler .burger-3 { top: 0.6rem;}

.menu-handler.active .burger-1 { top: 0.4rem; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;}

.menu-handler.active .burger-3 { top: 0.4rem; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out;}

.trans-fast,.trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }



.maskNav{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 5; display: none; }





/* 关于祥光-公司介绍 */

.s-content{ position: absolute; bottom: 0; width: 10rem; left: 50%; transform: translateX(-50%); box-sizing: border-box;display: flex; flex-direction: row; }

.s-content .tit{ padding: 0.1rem 0.25rem; background:rgba(0, 61, 118, 0.8); font-size: 0.36rem; color: #fff; margin-right: 0.05rem; }

.s-content .s-nav{ display: flex; flex-direction: row; align-items: flex-end; }

.s-content .s-nav ul{ background: rgba(0, 61, 118, 0.8); display: flex; flex-direction: row; justify-content: space-between; padding: 0 2.2rem 0 0.2rem; position: relative; box-sizing: border-box; }

.s-content .s-nav ul::after{ content: ''; position: absolute; top: 0; right: -100%; width: 100%; height: 100%; background: rgba(0, 61, 118, 0.8);  }

.s-content .s-nav ul li{ padding: 0.08rem 0.25rem; position: relative; }

.s-content .s-nav ul li a{ font-size: 0.12rem; color: #4993d3; position: relative;  text-align: center; display: block; width: 100%; height: 100%; }

.s-content .s-nav ul li::after{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 0.13rem; background: #fff; }

.s-content .s-nav ul li:last-child::after{ display: none; }

.s-content .s-nav ul li.active a,.s-content .s-nav ul li a:hover{ color: #fff; }

.s-content .s-nav ul li.active a::after{ content: ''; position: absolute; top: 50%; left: -0.1rem; width: 4px; height: 4px; margin-top: -2px; background: #fff; }



.n-content{ padding-top: 0.8rem; background: #fff; }

.n-content .moduleTitle{ background: none; text-align: center; margin-bottom: 0.35rem; }

.n-content .moduleTitle a{ position: relative; }

.n-content .moduleTitle a::after{ content: ''; position: absolute; top: 50%; left: -0.30rem; margin-top: -0.115rem; width: 0.22rem; height: 0.23rem; background: url(../image/tit-icon.png) no-repeat; background-size: cover; color: #003f81; }

.n-content .moduleTitle a span{ color: #003f81;  }



.about .modular1 { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }

.about .modular1 .pic img{ width: 100%; }

.about .modular1 .text{ background: #f4f4f4; padding: 0.22rem 0.85rem 0.2rem; }

.about .modular1 .text p{ border-bottom: 2px solid #275e9b; padding-bottom: 0.30rem; font-size: 0.14rem; line-height: 0.24rem; }



.about .modular2{ background: url(../image/about1-pic2.jpg) no-repeat center bottom; height: 3.4rem; background-size: 100% auto; margin-top: 0.25rem; background-attachment:fixed }

.about .modular2 .text{ background: #f4f4f4; position: absolute; bottom: 0; padding: 0.3rem 0.7rem 0.1rem 0.7rem;  font-size: 0.14rem; }

.about .modular2 .text .tit{ font-size: 0.18rem; border-bottom: 3px solid #275e9b; line-height: 0.3rem; }

.about .modular2 .text .info{  padding-top: 0.1rem;}

.about .modular2 .text::after{ content: ''; position: absolute; left: -100%; width: 100%; top: 0; height: 100%; background: rgba(0, 0, 0, 0.62); }

.about .modular2 .text::before{ content: ''; position: absolute; right: -100%; width: 100%; top: 0; height: 100%; background: rgba(0, 0, 0, 0.62); }



.about .modular3{ padding: 1rem 0 0.7rem;  }

.about .modular3 .dec{ display: flex; flex-direction: row; justify-content: space-between; }

.about .modular3 .dec .left{ width: 3.9rem; height: 2.63rem; }

.about .modular3 .dec .left img{ width: 100%; height: 100%; }

.about .modular3 .dec .right{ width: 6.10rem;  background: #f4f4f4; }

.about .modular3 .dec .tit{ font-size: 0.18rem; color: #333333; padding-left: 0.4rem; border-bottom: 3px solid #1c4e86; padding-top: 0.1rem; line-height: 0.4rem; background: #fff; padding-right: 0.5rem; }

.about .modular3 .dec .info{ padding-left: 0.4rem; padding-top: 0.1rem; padding-right: 0.5rem; font-size: 0.14rem; }



.about .modular4 .text{ background: #f4f4f4; padding: 0.3rem 0.7rem; }

.about .modular4 .text .tit{ border-bottom: 2px solid #275e9b; color: #333333; font-size: 0.18rem; line-height: 0.36rem; }

.about .modular4 .text .info{ font-size: 0.14rem; padding-top: 0.1rem; }



.about .modular5{ background: url(../image/about1-pic5.jpg) no-repeat center bottom; height: 2.85rem; background-size: 100% auto; background-attachment: fixed; margin-bottom: 0.65rem; }

.about .modular5 .content{ display: flex; flex-direction: column; justify-content: flex-end;  color: #fff; }

.about .modular5 .content .tit { padding: 0 0.75rem; }

.about .modular5 .content .tit span{ font-size: 0.18rem; background: #1c4e86; padding: 0.05rem 0.3rem 0.05rem 0.1rem; display: inline-block; }

.about .modular5 .content .info{ padding: 0.3rem 0.8rem 0.4rem; background: rgba(0, 0, 0, 0.6); font-size: 0.14rem; line-height: 0.24rem; position: relative; }

.about .modular5 .content .info::after{ content: ''; position: absolute; left: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; }

.about .modular5 .content .info::before{ content: ''; position: absolute; right: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; }





/* 关于祥光-领导人介绍 */

.about1 .modular1 .dec{ position: relative; color: #3d3d3d; margin-bottom: 0.8rem; }

.about1 .modular1 .dec .bg{ width: 100%; height: 1.2rem; background: #275e9b; position: absolute; bottom: 0; left: 0;  }

.about1 .modular1 .dec .content{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }

.about1 .modular1 .dec .pic{ width: 380px; height: 400px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; position: relative; z-index: 1; }

.about1 .modular1 .dec .pic img{ position: relative; z-index: 1; }

.about1 .modular1 .dec .pic::after{ content: ''; position: absolute; bottom: 0; left: 0;  width: 100%; height: 55%; background: rgba(0, 0, 0, 0.1); z-index: -1; }

.about1 .modular1 .dec .pic::before{  content: ''; position: absolute; bottom: 0; left: 0;  width: 100%; height: 1.2rem; background: #275e9b; z-index: 0; }

.about1 .modular1 .dec .text{ background: #f4f4f4; width: calc(100% - 380px); padding: 0.2rem 0.4rem; min-height: 400px; display: flex; flex-direction: column; justify-content: center; border-top: 2px solid #144983; position: relative; }

.about1 .modular1 .dec .text::after{ content: ''; position: absolute; top: -0.1rem; left: 0; width: 1.4rem; height: 0.1rem; background: #144983; }

.about1 .modular1 .dec .text .name{ font-size: 0.21rem; color: #444; }

.about1 .modular1 .dec .text .zw{ font-size: 0.16rem; color: #757575; margin: 0.05rem 0 0; }

.about1 .modular1 .dec .text .motto{ font-size: 0.16rem; border-bottom: 1px solid #144983; line-height: 0.25rem; padding: 0.1rem 0 0.1rem; }

.about1 .modular1 .dec .text .list ul li{ line-height: 0.3rem; padding-left: 0.2rem; position: relative; }

.about1 .modular1 .dec .text .list ul li::after{ content: ''; position: absolute; top: 50%; left: 0.05rem; width: 0.05rem; height: 0.05rem; border-radius: 50%; margin-top: -0.025rem; background: #4b4b4b; }



/* 关于祥光-祥光历程 */

.about2 .modular1{ border-top: 1px solid #cdcdcd; padding-top: 0.9rem;  position: relative; }

.about2 .modular1 .content{ width: 9.08rem; position: relative; z-index: 1; padding-bottom: 0.8rem; }

.about2 .modular1 .content::after{ content: ''; position: absolute; left: 0.49rem; top: 0; height: 100%; border: 1px solid #134a87; z-index: -1; }

.about2 .modular1 .content .dec{ width: 9.08rem; margin: 0 auto; }

.about2 .modular1 .content .dec .year{ width: 100%; height: 0.39rem; background: url(../image/about3-pic1.jpg) no-repeat center left; background-size: cover; font-size: 0.14rem; color: #134a87; padding-left: 0.08rem; box-sizing: border-box; }

.about2 .modular1 .content .dec .year span{ font-size: 0.3rem; }

.about2 .modular1 .content .dec .list ul{ margin-left: 0.5rem; padding: 0.35rem 0; }

.about2 .modular1 .content .dec .list ul li{ display: flex; flex-direction: row; position: relative; padding-left: 0.1rem; font-size: 0.14rem; margin-bottom: 0.2rem; }

.about2 .modular1 .content .dec .list ul li img{ max-width: 100%; width: auto; }

.about2 .modular1 .content .dec .list ul li:last-child{ margin-bottom: 0; }

.about2 .modular1 .content .dec .list ul li::after{ content: ''; position: absolute; top: 0.04rem; left: -0.065rem; width: 0.12rem; height: 0.12rem; background: #134a87; transform: rotate(45deg); }

.about2 .modular1 .content .dec .list ul li .month{ width: 0.46rem; height: 0.2rem; background: #144983; color: #fff; border-radius: 5px; padding-left: 0.1rem; box-sizing: border-box; margin-right: 0.3rem; }

.about2 .modular1 .content .dec .list ul li p{ width: calc(100% - 0.46rem - 0.3rem); }

.loading-text{ text-align: center; margin-top: 0.2rem; }

.loading-text p{ display: inline-block; width: 4.4rem; border-bottom: 1px solid #c5c5c5; line-height: 0.3rem; }



/* 关于祥光-企业文化 */

.about3 .modular1 .dec1{ padding: 0 1.17rem 1rem 0.38rem; position: relative; }

.about3 .modular1 .dec1 .text{ width: 7.7rem; position: absolute; top: 2.55rem; left: 1.76rem; }

.about3 .modular1 .dec1 .text .tit{ font-size: 0.28rem; color: #fff; display: inline-block; background: #144983; padding: 0 0.24rem; }

.about3 .modular1 .dec1 .text .info{ background: #f4f4f4; border-top: 2px solid #144983; padding: 0.2rem 0.2rem 0.3rem 0.2rem; }

.about3 .modular1 .dec1 .text .info p{ padding-top: 0.15rem; border-top: 1px solid #144983; }

.about3 .modular1 .dec-box{ padding: 0 0.4rem; }

.about3 .modular1 .dec-box .dec{ display: flex; flex-direction: row; justify-content: center; align-items: flex-end; margin-bottom: 0.5rem; }

.about3 .modular1 .dec-box .dec .pic{ width: 5.30rem; height: 0.86rem; overflow: hidden; position: relative; }

.about3 .modular1 .dec-box .dec .pic div{ position: absolute; top: 0; left: 0; background: rgba(0, 61, 118, 0.64); width: 1.4rem; height: 0.9rem; color: #fff; font-size: 0.6rem; text-align: center;}

.about3 .modular1 .dec-box .dec .text{ border-bottom: 1px solid #275e9b; width: calc(100% - 5.37rem); display: flex; flex-direction: column; justify-content: center; line-height: 0.24rem; color: #585858; position: relative; height: 0.86rem; padding-bottom: 0.1rem; }

.about3 .modular1 .dec-box .dec .text::after{ content: ''; position: absolute; width: 0.05rem; height: 0.05rem; background: #144983; bottom: -0.028rem; left: 0; transform: rotate(-45deg); }



.about3 .modular1 .dec-box .dec:nth-child(2n){ flex-direction: row-reverse; }

.about3 .modular1 .dec-box .dec:nth-child(2n) .pic div{ left: auto; right: 0; }

.about3 .modular1 .dec-box .dec:nth-child(2n) .text{ margin-left: 0.1rem; }





/* 关于祥光-联系方式 */

.about4 .modular1 .pic{ border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }

.about4 .modular1 .text{ background: #f4f4f4; position: relative; top: -0.4rem; width: 7.7rem; margin: 0 auto; padding: 0.4rem 0.85rem 0.3rem; border-bottom: 2px solid #4a77aa; box-sizing: border-box; }

.about4 .modular1 .text p{ display: inline-block; margin-right: 0.15rem; line-height: 0.24rem; position: relative; }

.about4 .modular1 .text p.yuan::after{ content: ''; width: 5px; height: 5px; background: #4a77aa; border-radius: 50%; position: absolute; top: 50%; left: -0.1rem; transform: translateY(-50%); color: #4a77aa; }

.about4 .modular1 .dec1 { margin-top: 0.1rem; }

.about4 .modular1 .tit{ display: inline-block; width: 1.2rem; height: 0.35rem; background: #4a77aa; text-align: center; line-height: 0.35rem; color: #fff; font-size: 0.14rem; }

.about4 .modular1 .info{ border-top: 1px solid #4a77aa; padding-top: 0.1rem; }

.about4 .modular1 .dec1 p.yuan{ color: #4a77aa; }





/* 祥光业务-产品分布 */

.businessPage .modular1{ padding-top: 0.5rem; border-top: 1px solid #cdcdcd; padding-bottom: 0.5rem; }



/* 祥光业务-服务支持 */

.businessPage1 .content{ padding: 0 0.2rem; box-sizing: border-box; }

.businessPage1 .modular1 .text{ background: #275e9b; color: #fff; width: 5.4rem; padding: 0.3rem; box-sizing: border-box; position: relative; top: -0.5rem; left: 3.27rem; }

.businessPage1 .modular2 .content{ padding: 0 0.2rem 0.8rem 0.2rem; display: flex; flex-direction: row; justify-content: space-between; }

.businessPage1 .modular2 .content .dec{ width: 3.12rem; position: relative; overflow: hidden; }

.businessPage1 .modular2 .content .dec .text{ position: absolute; bottom: 0; left: 0; width: 100%; height: 1.88rem; background: rgba(0, 0, 0, 0.54); color: #fff; padding: 0.25rem; box-sizing: border-box; line-height: 0.18rem; }

.businessPage1 .modular2 .content .dec .text .tit{ font-size: 0.16rem; border-bottom: 1px solid #fff; line-height: 0.35rem; margin-bottom: 0.1rem; }



/* 祥光业务-产品目录 */

.businessPage2{ padding-bottom: 0.5rem; }

.businessPage2 .content{ padding: 0 0.2rem; box-sizing: border-box; }

.businessPage2 .modular1 .text{ background: #275e9b; padding: 0.3rem 0.3rem 0.1rem; color: #fff; position: relative; }

.businessPage2 .modular1 .text .tit{ background: #1a4e88; display: inline-block; font-size: 0.24rem; padding: 0.02rem 0.15rem; position: absolute; top: -0.2rem; }

.businessPage2 .modular1 .text .info{ border-top: 1px solid #fff; line-height: 0.24rem; }

.businessPage2 .modular2{ margin: 0.4rem 0; }

.businessPage2 .modular2 .content{ display: flex; flex-direction: row; justify-content: space-between; }

.businessPage2 .modular2 .dec{ width: 3.14rem; position: relative; overflow: hidden; background: #275e9b; }

.businessPage2 .modular2 .text{  color: #fff; padding: 0.3rem 0.2rem 0.1rem; position: relative; }

.businessPage2 .modular2 .text .tit{ background: #1a4e88; display: inline-block; font-size: 0.24rem; padding: 0.02rem 0.15rem; position: absolute; top: -0.2rem; }

.businessPage2 .modular2 .text .info{ border-top: 1px solid #fff; line-height: 0.24rem; }

.businessPage2 .modular3 .content{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.businessPage2 .modular3 .dec{ width: 4.73rem; overflow: hidden; display: flex; flex-direction: row; background: #275e9b; color: #fff; margin-bottom: 0.1rem; }

.businessPage2 .modular3 .dec .pic{ width: 2.02rem; }

.businessPage2 .modular3 .dec .text{ width: calc(100% - 2.02rem); }

.businessPage2 .modular3 .dec .text .tit{ background: #1a4e88; font-size: 0.24rem; display: inline-block; padding-left: 0.22rem; width: 1.85rem; height: 0.45rem; line-height: 0.45rem; box-sizing: border-box; }

.businessPage2 .modular3 .dec .text .info{ line-height: 0.24rem; box-sizing: border-box; width: calc(100% - 0.44rem); margin: 0.1rem auto; border-top: 1px solid #fff; }



/* 祥光业务-物流 */

.businessPage3{ padding-bottom: 0.5rem; }

.businessPage3 .content{ padding: 0 0.2rem; box-sizing: border-box; }

.businessPage3 .modular1 .text{ background: #144983; width: 8.2rem; padding: 0.3rem 0.5rem; box-sizing: border-box; color: #fff; position: relative; top: -0.5rem; line-height: 0.24rem; }

.businessPage3 .modular2 .content{ padding: 0 0.6rem; }

.businessPage3 .modular2 p{ position: relative; line-height: 0.24rem; margin-bottom: 0.14rem; }

.businessPage3 .modular2 p::after{ content: ''; width: 5px; height: 5px; background: #4a77aa; border-radius: 50%; color: #144983; position: absolute; top: 13px; left: -0.1rem; }



/* 祥光业务-行业应用 */

.businessPage4{ padding-bottom: 0.5rem; }

.businessPage4 .modular1 .text{ background: #275e9b; display: flex; flex-direction: row; justify-content: center; position: relative; width: 6.5rem; left: 50%; transform: translateX(-50%); top: -0.5rem; }

.businessPage4 .modular1 .text .logo{ width: 30%; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #194474; }

.businessPage4 .modular1 .text .logo img{ width: auto; max-width: 90%; }

.businessPage4 .modular1 .text .info{ padding: 0.25rem; box-sizing: border-box; color: #fff; width: 70%; box-sizing: border-box; }

.businessPage4 .modular1 .text .info p{ border-top: 1px solid #fff; padding-top: 0.1rem; line-height: 0.20rem; }

.businessPage4 .modular2 .content{ display: flex; flex-direction: row; justify-content: space-between; }

.businessPage4 .modular2 .dec{ width: 4.86rem; position: relative; }

.businessPage4 .modular2 .dec .text{ background: #275e9b; }

.businessPage4 .modular2 .dec .text .logo{ padding: 0.05rem 0.3rem; border-bottom: 1px solid #fff; }

.businessPage4 .modular2 .dec .text .logo img{ width: auto; }

.businessPage4 .modular2 .dec .text .info{ color: #fff; padding: 0.1rem 0.3rem; line-height: 0.2rem; }





/* 智慧祥光-标准体系 */


.wisdomPage .moduleTitle .t{ font-size: 0.16rem; color: #5e5e5e; }

.wisdomPage .modular1{ border-top: 1px solid #000; background: #f0f0f0; }

.wisdomPage .modular1 .pic{ width: 4rem; margin: 0 auto; }

.wisdomPage .modular2 .content{ padding: 0.2rem 1rem; }

.wisdomPage .modular2 .dec{ margin-bottom: 0.15rem; }

.wisdomPage .modular2 .tit{ font-size: 0.20rem; color: #003970; }

.wisdomPage .modular2 .info{ padding: 0.05rem 0 0.15rem; border-bottom: 1px solid #003970; line-height: 0.2rem; position: relative; }

.wisdomPage .modular2 .info::after{ content: ''; position: absolute; width: 0.05rem; height: 0.05rem; background: #144983; bottom: -0.028rem; left: 0; transform: rotate(-45deg); }

.wisdomPage .modular2 .dec:last-child .info{ border-bottom: 0; }

.wisdomPage .modular2 .dec:last-child .info::after{ display: none; }



/* 智慧祥光-先进技术 */

.wisdomPage1 .content{ display: flex; flex-direction: row; padding: 0 0.5rem 7rem; box-sizing: border-box; }

.wisdomPage1 .content .dec .pic-box{ width: 0.62rem; overflow: hidden; position: relative; cursor: pointer; -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s;

	transition: all .8s;}

.wisdomPage1 .content .dec .pic-box img{ width: 4.71rem; }

.wisdomPage1 .content .dec .pic-box .tit{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(19, 61, 108, 0.68); font-size: 0.18rem; writing-mode: vertical-lr;  writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr; line-height: 0.62rem; color: #6b859e; padding-top: 0.15rem; box-sizing: border-box; -webkit-transition: all .8s;

    -moz-transition: all .8s;

    -o-transition: all .8s;

	transition: all .8s; }

.wisdomPage1 .content .dec .text{  position: absolute; top: 2.74rem; left: 0.5rem; box-sizing: border-box; width: calc(10rem - 1rem); overflow: hidden; overflow-y: auto; height: 7rem; padding-top: 0.7rem; box-sizing: border-box; display: none; }

.wisdomPage1 .content .dec .text .p-tit{ font-size: 0.16rem; color: #5e5e5e; text-align: center; margin-bottom: 0.3rem; }

.wisdomPage1 .content .dec .text p{ color: #585858; line-height: 0.2rem; line-height: 0.2rem; margin-bottom: 0.2rem; }



.wisdomPage1 .content .dec.active .pic-box{ width: 4.71rem; }

.wisdomPage1 .content .dec.active .pic-box .tit{ width: 0.35rem; line-height: 0.35rem; height: auto; padding-bottom: 0.15rem; color: #fff; }

.wisdomPage1 .content .dec.active .text{ display: block; }



/* 企业公民-员工关怀 */

.ecologyPage{ padding-bottom: 1.1rem; }

.ecologyPage .modular1 .content{ display: flex; flex-direction: row; justify-content: center; }

.ecologyPage .modular1 .content .pic{ width: 45%;  }

.ecologyPage .modular1 .content .text{ width: 55%; background: #f5f5f5; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 0.35rem 0.7rem; }

.ecologyPage .modular1 .content .text .dec{ margin: 0.2rem 0; }

.ecologyPage .modular1 .content .text .dec .tit{ font-size: 0.2rem; color: #1663b8;  }

.ecologyPage .modular1 .content .text .dec .info{ line-height: 0.2rem; margin-top: 0.1rem; padding-top: 0.1rem; border-top: 1px solid #000; }

.ecologyPage .modular2{ background: #f5f5f5; margin-top: 0.9rem; }

.ecologyPage .modular2 .content{ display: flex; flex-direction: row; justify-content: center; }

.ecologyPage .modular2 .content .text{ width: 55%; padding: 0.3rem 0.2rem; box-sizing: border-box;  }

.ecologyPage .modular2 .content .text .tit{ font-size: 0.2rem; color: #1663b8; }

.ecologyPage .modular2 .content .text .info{ line-height: 0.2rem; margin-top: 0.1rem; padding-top: 0.1rem; border-top: 1px solid #000; }

.ecologyPage .modular2 .content .pic{ width: 45%; }



/* 企业公民-社会责任 */

.ecologyPage1{ padding-bottom: 0.5rem; }

.ecologyPage1 .modular1 .content{ overflow: hidden; }

.ecologyPage1 .modular1 .text{ width: 5rem; background: #f5f5f5; padding: 0.3rem 1.3rem 0.3rem 0.2rem; float: right; position: relative; top: -0.3rem; }

.ecologyPage1 .modular1 .text .tit{ font-size: 0.2rem; color: #1663b8; }

.ecologyPage1 .modular1 .text .info{ line-height: 0.2rem; margin-top: 0.1rem; padding-top: 0.1rem; border-top: 1px solid #000; }

.ecologyPage1 .modular2 .pic{ width: 100%; height: 3.7rem; background: url(../image/ecology1-pic2.jpg) no-repeat center; background-size: 100% auto; background-attachment: fixed; }

.ecologyPage1 .modular2 .text{ background: #1663b8; color: #fff; padding: 0.3rem 0.55rem; box-sizing: border-box; position: relative; top: -0.3rem; }

.ecologyPage1 .modular2 .text .tit{ font-size: 0.2rem;  }

.ecologyPage1 .modular2 .content .text .info{ line-height: 0.2rem; margin-top: 0.1rem; padding-top: 0.1rem; border-top: 1px solid #fff;  }

.ecologyPage1 .modular3 .text{ background: #f5f5f5; width: 70%; margin: 0 auto; position: relative; top: -0.3rem; padding: 0.2rem 0.4rem; box-sizing: border-box; line-height: 0.2rem; }





/* 企业公民-可持续发展 */

.ecologyPage2 .dec{ overflow: hidden; }

.ecologyPage2 .dec .pic{ width: 100%; height: 3rem; background: url(../image/ecology2-pic1.jpg) no-repeat center; background-size: 100% auto; }

.ecologyPage2 .dec .content{ padding: 0 0.2rem; box-sizing: border-box; overflow: hidden; position: relative; top: -0.8rem;  }

.ecologyPage2 .dec .text{ width: 70%; float: right; position: relative; }

.ecologyPage2 .dec .text::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 3px; height: 40%; background: #3959a4; }

.ecologyPage2 .dec .text .tit{ display: inline-block; background: #3959a4; color: #fff; padding: 0 0.25rem; font-size: 0.26rem; }

.ecologyPage2 .dec .text .info{ padding: 0.25rem; background: #f4f4f4; line-height: 0.2rem; text-align: left; }

.ecologyPage2 .dec .text .info p:nth-child(1){ border-top: 1px solid #3959a4; padding-top: 0.2rem; }

.ecologyPage2 .dec:nth-child(2n) .text{ float: none; float: left; }

.ecologyPage2 .dec:nth-child(2n) .text::after{ left: auto; right: 0; }

.ecologyPage2 .dec:nth-child(2n) .text{ text-align: right; }

.ecologyPage2 .dec:nth-child(2) .pic{ background-image: url(../image/ecology2-pic2.jpg); }

.ecologyPage2 .dec:nth-child(3) .pic{ background-image: url(../image/ecology2-pic3.jpg); }

.ecologyPage2 .dec:nth-child(4) .pic{ background-image: url(../image/ecology2-pic4.jpg); }



/* 聚焦祥光-企业新闻 */

.newsPage{ padding-bottom: 0.5rem; }

.newsPage .modular1 .dec{ display: flex; flex-direction: row; justify-content: center;  border-bottom: 1px solid #e6e6e6; padding: 0.2rem 0; }

.newsPage .modular1 .dec a{ color: #000; }

.newsPage .modular1 .dec .pic{ width: 2.23rem; }

.newsPage .modular1 .dec .text{ width: calc(100% - 2.23rem); padding-left: 0.5rem; box-sizing: border-box; position: relative; }

.newsPage .modular1 .dec .text .tit{ font-size: 0.16rem; color: #275e9b; }

.newsPage .modular1 .dec .text .day{ border-bottom: 1px solid #e6e6e6; margin: 0.05rem 0; padding-bottom: 0.05rem; }

.newsPage .modular1 .dec .text .day .area{ color: #275e9b; }

.newsPage .modular1 .dec .text .info{ line-height: 0.2rem; color: #000; position: relative; }

.newsPage .modular1 .dec .text .move{ position: absolute; bottom: 0; right: 0.2rem; color: #275e9b; }

.newsPage .modular1 .dec .text .move::after{ content: ''; position: absolute; right: -0.1rem; top: 50%; transform: translateY(-50%); width: 0.091rem; height: 0.063rem; background: url(../image/jt.png) no-repeat; background-size: cover; }

.newsPage .modular1 .loading-text{ margin-top: 0.8rem; }



/* 聚焦祥光-企业新闻详情 */

.newsDeatilsPage{ padding-bottom: 0.5rem; }

.newsDeatilsPage .modular1 .tit{ text-align: center; padding-bottom: 0.1rem; border-bottom: 1px solid #d8d8d8; }

.newsDeatilsPage .modular1 .tit .z{ font-size: 0.2rem; color: #003f81; }

.newsDeatilsPage .modular1 .tit .f{ font-size: 0.16rem; }

.newsDeatilsPage .modular1 .day{ text-align: center; padding: 0.1rem 0; }

.newsDeatilsPage .modular1 .day .area{ color: #003f81; }

.newsDeatilsPage .modular1 .info{ line-height: 0.2rem; }

.newsDeatilsPage .modular1 .info .pic{text-align: center; margin: 0.2rem 0; }

.newsDeatilsPage .modular1 .info img{ width: auto; max-width: 100%; }



/* 聚焦祥光-祥光成就 */

.news1Page .modular1{ padding-bottom: 1rem; }

.news1Page .modular1 .content{display: flex; flex-direction: row; justify-content: space-between; position: relative; }

.news1Page .modular1 .pic-bg{  width: 20%; position: relative; }

/* .news1Page .modular1 .content::after{ content: ''; position: absolute; top: 0; left: -180%; width: 200%; height: 100%; background: url(../image/news1-pic1.jpg) no-repeat right top; background-size: auto 100%; } */
.news1Page .modular1 .content::after{ content: ''; position: absolute; top: 0; left: -180%; width: 200%; height: 100%; background: url(../image/news1-pic1.jpg) no-repeat right top; background-color: #275e9b;}

.news1Page .modular1 .list{ background: #275e9b; width: 80%; padding-top: 0.8rem; }

.news1Page .modular1 .list::after{ content: ''; position: absolute; right: -100%; top: 0; width: 100%; height: 100%; background: #275e9b; }

.news1Page .modular1 .list .swiper{  border-top: 1px solid #fff; padding-top: 0.2rem; position: relative; width: 100%; }

.news1Page .modular1 .list .swiper .box{ background: #e9e9e9; border-left: 8px solid #113e70; padding: 0.2rem 0; position: relative; padding-bottom: 0.5rem; }

.news1Page .modular1 .list .swiper .box::after{ content: ''; position: absolute; right: -100%; width: 100%; height: 100%; background: #e9e9e9; top: 0; z-index: 2; }

.news1Page .modular1 .list .swiper::after{ content: ''; position: absolute; right: -100%; top: -1px; width: 100%; height: 100%; border-top: 1px solid #fff; z-index: 2; box-sizing: border-box; }

.news1Page .modular1 .list .swiper .box .swiper-container{ width: 100%; position: relative; }

.news1Page .modular1 .list .swiper .box .swiper-container::after{ content: ''; position: absolute; top: 50%; left: 0.3rem; width: 100%; height: 1px; background: #275e9b; }

.news1Page .modular1 .list .swiper .swiper-slide{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0.3rem; box-sizing: border-box; }

.news1Page .modular1 .list .dec{ display: flex; flex-direction: row; width: 40%; padding: 0.4rem 0; min-height: 1.2rem; }

.news1Page .modular1 .list .dec .pic{ width: 0.9rem; display: flex; flex-direction: row; justify-content: center; align-items: center; }

.news1Page .modular1 .list .dec .text{ display: flex; flex-direction: column; align-items: left; width: calc(100% - 0.9rem); justify-content: center; padding-left: 0.1rem; box-sizing: border-box; }

.news1Page .modular1 .list .dec .text .tit{ font-size: 0.14rem; color: #275e9b; }

.news1Page .modular1 .btn{ position: absolute; bottom: 0.3rem; left: 0.3rem; width: 100%; display: flex; flex-direction: row; }

.news1Page .modular1 .btn .btns{ color: #fff; background: #275e9b; position: static; width: auto; height: auto; padding: 0 0.1rem; cursor: pointer; border-radius: 5px; margin-top: 0;  }

.news1Page .modular1 .btn .swiper-pagination{ position: static; margin: 0 0.1rem; }

.news1Page .modular1 .btn .swiper-pagination span{ background: transparent; border: 1px solid #848484; opacity: 1; margin: 0 2px; width: 5px; height: 5px; }

.news1Page .modular1 .btn .swiper-pagination span.swiper-pagination-bullet-active{ background: #848484; }

.news1Page .modular1 .list .swiper.m{ display: none; }



/* 加入我们-人才战略 */

.joinPage .modular1 .content{ padding-left: 0.2rem ; box-sizing: border-box; overflow: hidden; }

.joinPage .modular1 .pic{ width: 60%; }

.joinPage .modular1 .text{ background: #f4f4f4; border-top: 5px solid #275e9b; width: 70%; float: right; position: relative; top: -1rem; padding: 0.25rem 0.6rem; box-sizing: border-box; }

.joinPage .modular1 .text h2{ font-size: 0.16rem; font-weight: normal; }

.joinPage .modular1 .text .list .dec{ margin-top: 0.2rem; line-height: 0.2rem; }

.joinPage .modular1 .text .list .dec .tit{ color: #174a82; font-size: 0.14rem; border-bottom: 1px solid #174a82; }



/* 加入我们-职位招聘 */

.join1Page .modular1 .list{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.join1Page .modular1 .list .dec{ width: 48%; margin-bottom: 0.5rem; }

.join1Page .modular1 .list .dec .tit{ border-top: 1px solid #275e9b; border-bottom: 1px solid #275e9b; font-size: 0.16rem; color: #275e9b; position: relative; padding: 0.05rem 0 0.05rem 0.2rem; }

.join1Page .modular1 .list .dec .tit::after{ content: ''; position: absolute; left: 0.1rem; top: 50%; width: 5px; height: 0.1rem; margin-top: -0.05rem; background: #275e9b; }

.join1Page .modular1 .list .dec .info{ padding: 0.05rem 0.15rem 0; position: relative; }

.join1Page .modular1 .list .dec .info .yq{ display: flex; flex-direction: row; margin-bottom: 0.15rem; }

.join1Page .modular1 .list .dec .info .yq p{ margin-right: 0.35rem; }

.join1Page .modular1 .list .dec .info .yq p:last-child{ margin-right: 0; }

.join1Page .modular1 .list .dec .info .yq span{ color: #777; }

.join1Page .modular1 .list .dec .info .tits{ border-bottom: 1px solid #777; line-height: 0.25rem; }

.join1Page .modular1 .list .dec .info .list{ display: flex; flex-direction: column; color: #777; line-height: 0.2rem; padding-right: 0.6rem; }

.join1Page .modular1 .list .dec .info .list p{ position: relative; }

.join1Page .modular1 .list .dec .info .list p::after{ content: '●'; position: absolute; top: 0; left: -0.1rem; color: #777; font-size: 12px; }

.join1Page .modular1 .list .dec .info .yp{ background: #2568b0; color: #fff; padding: 0.02rem 0.2rem 0.02rem 0.1rem; position: absolute; bottom: 0; right: 0; cursor: pointer; }

.join1Page .modular1 .list .dec .info .yp::after{ content: ''; position: absolute; top: 50%; right: 0.05rem; width: 0.091rem; height: 0.063rem; background: url(../image/video-icon.png) no-repeat; background-size: cover; margin-top: -0.0315rem; }



.contactPop{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 5; display: none; }

.contactPop .dec{ width: 660px; height: 175px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -330px; margin-top: -87.5px; }

.contactPop .dec .decTop{ border-bottom: 2px solid #275e9b; padding-left: 100px; line-height: 45px; height: 45px; position: relative; }

.contactPop .dec .decTop i{ position: absolute; top: 0px; right: 30px; cursor: pointer; }

.contactPop .dec .decTop p{ font-size:18px; color: #275e9b; position: relative; display: inline-block; }

.contactPop .dec .decTop p:after{ content: ''; position: absolute; width: 5px; height: 5px; background: #275e9b; border-radius: 50%; top: 50%; left: -10px; margin-top: -2.5px; }

.contactPop .dec .decTop p:before{ content: ''; position: absolute; width: 130%; height: 4px; background: #275e9b; bottom: 0; left: -20px; }

.contactPop .dec .info{ margin-left: 80px; padding-top: 20px; padding-left: 20px; padding-bottom: 10px; width: 480px; border-bottom: 1px solid #bebebe; }

.contactPop .dec .info div{ overflow: hidden; margin-bottom: 10px;}

.contactPop .dec .info div p{ display: inline-block; color: #777;}

.contactPop .dec .info div p a{ color: #777; margin-right: 5px;}





.video-pop{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 10; display: none; }

.video-pop #video{ width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.video-pop #video video{ width: 100%; } 

.video-pop .close{ width: 0.4rem; height: 0.4rem; background: url(../image/close.png) no-repeat; background-size: cover; position: absolute; top: 0.2rem; right: 0.2rem; cursor: pointer;  }





@media screen and (max-width: 860px){

    .news1Page .modular1,.about .modular5,.about1 .modular1 .dec,.about3 .modular1 .dec-box .dec:last-child,.businessPage1 .modular2 .content,.businessPage2,.businessPage2 .modular3 .dec:last-child,.businessPage4,.businessPage4 .modular2 .dec:last-child,.wisdomPage .modular2 .content,.ecologyPage,.ecologyPage1,.newsPage,.news1Page .modular1,.joinPage .modular1 .content{ margin-bottom: 0; padding-bottom: 0; }

    body,html{ background: #fff; line-height: 0.38rem; }

    .row{ flex-direction: column; }

    .table{ height: auto; }
    .content{ width: 100%; padding-left: 0; }

    .top-nav .content{ align-items: flex-start; padding-left: 0.3rem; z-index: 10; background: transparent; }

    .top-nav{ position: relative; background: #13336e; height: 0.85rem; z-index: 100; }

    .top-nav .content ul{ position: fixed; top: 0; right: -100%; height: 100%; background: #2e5b9f; box-sizing: border-box; width: 3rem; padding: 1.05rem 0 0; } 

    .top-nav .content ul li{ height: auto; border-left: 0; font-size: 14px; width: 100%; }

    .top-nav .content ul li .table{  padding: 0 0.2rem; box-sizing: border-box; }

    .top-nav .content ul li .table a{ border-bottom: 1px solid #557ab1; }

    .top-nav .content ul li .table a{ justify-content: flex-start; padding: 0.3rem 0 0.3rem 0; box-sizing: border-box; color: rgba(255, 255, 255, 0.8); padding-left: 0.2rem; }

    .top-nav .content ul li.active .table a{ color: rgba(84, 215, 239, 0.8); }

    .top-nav .content ul li.active::after, .top-nav .content ul li:hover::after{ display: none; }

    .banner .swiper .swiper-slide a .content .text{ margin-top: 1.2rem; font-size: 0.58rem; }

    .maskNav{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 5; display: none; }

    .menu-handler{ display: block; }

    

    .newsAndAchi .child{ width: 100%; }

    .newsAndAchi .news{ padding-right: 0; }

    .newsAndAchi .child .moduleTitle{ margin-left: 0.3rem; font-size: 0.35rem; margin-bottom: 0;}

    .news .moduleTitle::after{ content: ''; position: absolute; bottom: -0.0rem; left: -0.3rem; width: 80%; height: 1px; border-bottom: 1px solid #224894; }

    .moduleTitle .en{ font-size: 0.65rem; padding-left: 0.5rem; }



    .news .list .dec{ padding: 0.4rem 0.2rem; line-height: 0.38rem;  }

    .news .list .dec .date{ font-size: 0.22rem; }

    .news .list .dec h4{ font-size: 0.36rem; line-height: 0.45rem; }

    .news .list .dec .info{ line-height: 0.38rem; font-size: 0.22rem; }

    .news .list .dec:nth-child(2n){ background: #f5f5f5; }



    .newsAndAchi .achievement{ padding-top: 0.7rem; }

    .achievement::after{ display: none; }

    .achievement .dec .video-box .btn{ width: 0.8rem; height: 0.8rem; }

    .achievement .dec .info{ font-size: 0.18rem; line-height: 0.38rem; padding-bottom: 0.8rem; background-position-y: 0.82rem; padding-right: 0.5rem; }



    .business{padding-bottom: 0; }

    .business .list{ flex-direction: column; padding-top: 0.3rem; }

    .business .list .dec{ width: 100%; }

    .business .list .dec:nth-child(odd){ margin-top: 0; }

    .business .list .dec .pic{ height: 2.87rem; background-image: url(../image/business-m-pic1.jpg); }

    .business .list .dec:nth-child(2) .pic{ height: 2.87rem; background-image: url(../image/business-m-pic2.jpg); }

    .business .list .dec:nth-child(3) .pic{ height: 2.87rem; background-image: url(../image/business-m-pic3.jpg); }

    .business .list .dec:nth-child(4) .pic{ height: 2.87rem; background-image: url(../image/business-m-pic4.jpg); }

    .business .list .dec .text{ padding-bottom: 0.5rem;  }

    .business .list .dec .text .tit{ font-size: 0.5rem; }

    .business .list .dec .text .info{ font-size: 0.22rem; }



    .footer .content{ padding-top: 0; }

    .footer .footer-nav ul{ flex-direction: column; width: 100%; padding: 0; border: 0; }

    .footer .footer-nav ul a{ margin: 0; text-align: center; line-height: 0.95rem; border-bottom: 1px solid #202d35; font-size: 0.24rem; }

    .footer .footer-nav{ width: 100%; }

    .footer .copy{ padding-top: 0.8rem; font-size: 0.18rem; color: #6f757b; }



    /* 内页通用 */

    .main{ font-size: 0.28rem; }

    .s-content{ width: 100%; }

    .s-content .tit{ width: 100%; text-align: center; margin-right: 0; font-size: 0.49rem; padding: 0.15rem;  }

    .s-content .s-nav{ display: none; }

    .n-content{ padding-top: 0.6rem; }

    .moduleTitle{ font-size: 0.36rem; }



    /* 关于祥光-公司简介 */

    .about .modular1 .text{ padding: 0.3rem; }

    .about .modular2,.about .modular5{ background-attachment: scroll; height: auto; background-position: top center; }

    .about .modular1 .text p{ font-size: 0.28rem; line-height: 0.38rem; }

    .about .modular2 .content{ padding-top: 3rem; }

    .about .modular2 .text{ position: static; padding: 0.3rem; font-size: 0.28rem; line-height: 0.38rem; }

    .about .modular2 .text .tit{ font-size: 0.31rem; padding-bottom: 0.1rem; font-weight: bold; line-height: 0.45rem; }

    .about .modular2 .text .info{ padding-top: 0.1rem; }

    .about .modular3 .dec{ display: flex; flex-direction: column; }

    .about .modular3 .dec .left{ width: 100%; height: auto; }

    .about .modular3 .dec .right{ width: 100%; }

    .about .modular3 .dec .tit,.about .modular4 .text .tit{ font-size: 0.31rem; padding-bottom: 0.1rem; font-weight: bold; line-height: 0.45rem; }

    .about .modular3 .dec .info,.about .modular4 .text .info{ font-size: 0.28rem;  }

    .about .modular4 .text{ padding: 0.3rem; }

    .about .modular5{ padding-top: 2rem; background: url(../image/about1-pic5-750.jpg); margin-top: 0.5rem; }

    .about .modular5 .content .tit{ padding: 0 0.3rem; }

    .about .modular5 .content .tit span{ font-size: 0.30rem; padding: 0.15rem; font-weight: bold;  }

    .about .modular5 .content .info{ padding: 0.45rem; font-size: 0.28rem; line-height: 0.38rem; }





    /* 关于祥光-领导人介绍 */

    .about1 .modular1 .dec .content{ display: flex; flex-direction: column;  }

    .about1 .modular1 .dec .pic{ width: 100%; height: auto; justify-content: center; }

    .about1 .modular1 .dec .pic img{ width: 3.8rem; height: 4rem; }

    .about1 .modular1 .dec .text{ width: 100%; box-sizing: border-box; min-height: auto; margin-top: 0.2rem; }

    .about1 .modular1 .dec .text .name{ font-size: 0.4rem; }

    .about1 .modular1 .dec .text .zw{ font-size: 0.3rem; margin-top: 0.3rem; }

    .about1 .modular1 .dec .text .motto{ font-size: 0.3rem; padding: 0.2rem 0; line-height: 0.4rem; }

    .about1 .modular1 .dec .text .list ul li{ line-height: 0.5rem; }

    .about1 .modular1 .dec:nth-child(2) .content{ flex-direction: column-reverse; }



    /* 关于祥光-祥光历程 */

    .about2 .modular1 .content{ padding: 0 0.3rem 0.8rem; }

    .about2 .modular1 .content,.about2 .modular1 .content .dec{ width: 100%; }

    .about2 .modular1 .content .dec .year{ background-image: url(../image/about3-pic1-750.jpg); height: 0.58rem; line-height: 0.58rem;  }

    .about2 .modular1 .content .dec .year span{ font-size: 0.45rem; }

    .about2 .modular1 .content::after{ left: 0.79rem; }

    .about2 .modular1 .content .dec .list ul li{ font-size: 0.28rem; }

    .about2 .modular1 .content .dec .list ul li .month{ width: 0.85rem; height: 0.4rem; line-height: 0.4rem; margin-left: 0.1rem; }

    .about2 .modular1 .content .dec .list ul li p{ width: calc(100% - 0.85rem); }

    .about2 .modular1 .content .dec .list ul li::after{ width: 0.2rem; height: 0.2rem; left: -0.1rem; top: 0.1rem; }



    /* 关于祥光-企业文化 */

    .about3 .modular1 .dec1{ padding: 0; }

    .about3 .modular1 .dec1 .text{ width: 100%; position: relative; top: -0.63rem; left: 0; }

    .about3 .modular1 .dec1 .text .tit{ height: 0.63rem; line-height: 0.63rem;  }

    .about3 .modular1 .dec1 .text .info p{ border-top: 0; } 

    .about3 .modular1 .dec-box .dec,.about3 .modular1 .dec-box .dec:nth-child(2n){ flex-direction: column-reverse; }

    .about3 .modular1 .dec-box{ padding: 0; }

    .about3 .modular1 .dec-box .dec .pic{ width: 100%; height: auto; }

    .about3 .modular1 .dec-box .dec .pic div{ height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 2rem; font-size: 0.8rem; }

    .about3 .modular1 .dec-box .dec .text{ width: 100%; height: auto; border: 0; background: #f4f4f4; padding: 0.2rem 0.2rem 0.3rem 0.2rem; box-sizing: border-box; line-height: normal; }

    .about3 .modular1 .dec-box .dec .text::after{ display: none; }

    .about3 .modular1 .dec-box .dec:nth-child(2n) .text{ margin-left: 0; }

    .about3 .modular1 .dec-box .dec:nth-child(2n) .pic div{ right: auto; left: 0; }



    /* 关于祥光-联系方式 */

    .about4 .modular1 .text{ padding: 0.35rem 0; }


    .about4 .modular1 .text p{ line-height: 0.44rem; }

    .about4 .modular1 .text p.yuan::after{ left: -0.3rem; top: 0.15rem; transform: translateY(0); font-size: 0.12rem; }

    .about4 .modular1 .tit{ width: 1.6rem; font-size: 0.35rem; padding: 0.1rem 0.5rem; }

    .about4 .modular1 .info{ padding: 0 0.6rem; }





    /* 祥光业务-服务支持 */

    .businessPage1 .modular1 .text{ width: 100%; left: 0; top: 0; line-height: 0.38rem; }

    .businessPage1 .content{ padding: 0; }

    .businessPage1 .modular2 .content{ display: flex; flex-direction: column; padding: 0 0 1rem; }

    .businessPage1 .modular2 .content .dec{ width: 100%; margin-top: 0.7rem; }

    .businessPage1 .modular2 .content .dec .text{ height: auto; line-height: 0.38rem; }

    .businessPage1 .modular2 .content .dec .text .tit{ font-size: 0.43rem; line-height: 0.6rem; }



    /* 祥光业务-产品目录 */

    .businessPage2 .content{ padding: 0; }

    .businessPage2 .modular1 .text .tit{ font-size: 0.48rem; top: -0.4rem; left: 0; padding: 0.05rem 0.3rem; }

    .businessPage2 .modular1 .text{ padding-top: 0.5rem; padding-bottom: 0.5rem; }

    .businessPage2 .modular1 .text .info { line-height: 0.4rem; }

    .businessPage2 .modular1 .text .info tr{ display: flex; flex-direction: column; }

    .businessPage2 .modular2 .content{ flex-direction: column; }

    .businessPage2 .modular2 .dec{ width: 100%; margin-bottom: 0.5rem; }

    .businessPage2 .modular2 .text .tit{ font-size: 0.48rem; left: 0; padding: 0.05rem 0.3rem; top: -0.3rem; }

    .businessPage2 .modular2 .text{ padding-top: 0.8rem; }

    .businessPage2 .modular2 .text .info{ padding-top: 0.3rem; padding-bottom: 0.3rem; line-height: 0.4rem; }

    .businessPage2 .modular3 .dec{ width: 100%; margin-bottom: 0.5rem; }

    .businessPage2 .modular3 .dec .text .tit{ font-size: 0.48rem; width: 3.15rem; height: 0.8rem; line-height: 0.8rem; }

    .businessPage2 .modular3 .dec .text .info{ padding-top: 0.2rem; line-height: 0.4rem; }



    /* 祥光业务-物流 */

    .businessPage3 .content{ padding: 0; }

    .businessPage3 .modular1 .text{ width: 100%; padding: 0.3rem; line-height: 0.38rem; }

    .businessPage3 .modular2 .content{ padding: 0 0.5rem; }

    .businessPage3 .modular2 p::after{ left: -0.2rem; }

    .businessPage3 .modular2 p{ line-height: 0.38rem; margin-bottom: 0.5rem; }



    /* 祥光业务-行业应用 */

    .businessPage4 .modular1{ margin-bottom: 1rem; }

    .businessPage4 .modular1 .text{ width: 100%; top: 0; display: flex; flex-direction: column; }

    .businessPage4 .modular1 .text .logo,.businessPage4 .modular2 .dec .text .logo{ width: 100%; height: 1rem; display: flex; justify-content: flex-start; align-items: center; padding-left: 0.4rem; box-sizing: border-box; background: #194474; }

    .businessPage4 .modular1 .text .info,.businessPage4 .modular2 .dec .text .info{ width: 100%; box-sizing: border-box; }

    .businessPage4 .modular1 .text .info p,.businessPage4 .modular2 .dec .text .info p{ line-height: 0.38rem; }

    .businessPage4 .modular2 .content{ flex-direction: column; }

    .businessPage4 .modular2 .dec{ width: 100%; margin-bottom: 1rem; }



    /* 智慧祥光-标准体系 */

    .wisdomPage .moduleTitle .t{ font-size: 0.3rem; }

    .wisdomPage .modular1 .pic{ width: auto; }

    .wisdomPage .modular2 .content{ padding: 0.3rem; }

    .wisdomPage .modular2 .tit{ font-size: 0.43rem; }

    .wisdomPage .modular2 .info{ line-height: 0.4rem; padding-bottom: 0.3rem; }

    .wisdomPage .modular2 .dec{ margin-bottom: 0.3rem; }

    .wisdomPage .modular2 .info::after{ width: 0.15rem; height: 0.15rem; bottom: -0.075rem; }



    /* 智慧祥光-先进技术 */

    .wisdomPage1 .content{ flex-direction: column; padding: 0 ; }

    .wisdomPage1 .content .dec .pic-box{ width: 100%; }

    .wisdomPage1 .content .dec .pic-box img{ width: 100%; }

    .wisdomPage1 .content .dec .pic-box .tit{ writing-mode: horizontal-tb; width: 100%; display: flex; flex-direction: row; align-items: center; top: auto; bottom: 0; font-size: 0.36rem; padding: 0.1rem 0.3rem; }

    .wisdomPage1 .content .dec .text{ position: static; height: auto; width: 100%; padding: 0.3rem; font-size: 0.3rem; line-height: 0.38rem; }

    .wisdomPage1 .content .dec .text .p-tit{ font-size: 0.3rem; }

    .wisdomPage1 .content .dec .text p{  line-height: 0.4rem;}



    .wisdomPage1 .content .dec.active .pic-box{ width: 100%; }

    .wisdomPage1 .content .dec.active .pic-box .tit{ writing-mode: horizontal-tb; width: auto; top: auto; bottom: 0; font-size: 0.36rem; padding: 0.1rem 0.3rem; }

    .wisdomPage1 .content .dec.active .pic-box .pic{ height: auto; }

    .wisdomPage1 .content .dec .pic-box .pic{ height: 1.5rem; overflow: hidden; }



    /* 企业公民-员工关怀 */

    .ecologyPage .modular1 .content{ flex-direction: column; }

    .ecologyPage .modular1 .content .pic,.ecologyPage .modular2 .content .pic{ width: 100%; }

    .ecologyPage .modular1 .content .text,.ecologyPage .modular2 .content .text{ width: 100%; padding: 0.3rem; }

    .ecologyPage .modular1 .content .text .dec .tit,.ecologyPage .modular2 .content .text .tit{ font-size: 0.48rem; }

    .ecologyPage .modular1 .content .text .dec .info,.ecologyPage .modular2 .content .text .info{ line-height: 0.38rem; }

    .ecologyPage .modular2 .content{ flex-direction: column-reverse; }



    /* 企业公民-社会责任 */

    .ecologyPage1 .modular1 .text,.ecologyPage1 .modular2 .text,.ecologyPage1 .modular3 .text{ width: 100%; padding: 0.3rem; box-sizing: border-box; line-height: 0.38rem; top: 0; }

    .ecologyPage1 .modular1 .text .tit,.ecologyPage1 .modular2 .text .tit{ font-size: 0.38rem; }

    .ecologyPage1 .modular1 .text .info,.ecologyPage1 .modular2 .content .text .info{ line-height: 0.38rem; }

    .ecologyPage1 .modular2 .pic{ background-attachment: scroll; }

    .ecologyPage1 .modular3{ margin-top: 0.5rem; }

    .ecologyPage2 .dec .pic{ background-attachment: scroll; }

    .ecologyPage2 .dec .content{ top: -0.6rem; padding: 0; }

    .ecologyPage2 .dec .text{ width: 100%; }

    .ecologyPage2 .dec .text .tit{ font-size: 0.4rem; }

    .ecologyPage2 .dec .text::after{ display: none; }

    .ecologyPage2 .dec .text .info{ line-height: 0.38rem; }

    .ecologyPage2 .dec:nth-child(2n) .text{ float: none; text-align: left; }



    /* 聚焦祥光-企业新闻 */

    .newsPage .modular1 .dec .text .tit{ font-size: 0.28rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

    .newsPage .modular1 .dec .text .info{ height: 0.7rem; overflow: hidden; line-height: .38rem; font-size: 0.24rem; }

    .newsPage .modular1 .dec .text .move{ display: none; }

    .newsPage .modular1 .dec .text .day{ margin-top: 0; }



    .newsDeatilsPage .modular1 .tit .z{ font-size: 0.38rem; }

    .newsDeatilsPage .modular1 .tit .f{ font-size: 0.32rem; }

    .newsDeatilsPage .modular1 .info{ padding: 0.3rem; line-height: 0.38rem; }



    /* 聚焦祥光-祥光成就 */

    .news1Page .modular1 .content::after{ display: none; }

    .news1Page .modular1 .content{ display: flex; flex-direction: column; }

    .news1Page .modular1 .pic-bg{ width: 100%; height: 4.13rem; background: url(../image/news1-pic1-750.jpg) no-repeat center; background-size: cover; display: none; }

    .news1Page .modular1 .list .swiper.pc,.news1Page .modular1 .list .swiper .box .swiper-container::after,.news1Page .modular1 .btn .btns{ display: none; }

    .news1Page .modular1 .list .swiper.m{ display: block; padding-top: 0; border-top: 0; }

    .news1Page .modular1 .list{ width: 100%; background: transparent; padding-top: 0; }

    .news1Page .modular1 .list .swiper .box{ border-left: 0; padding-bottom: 0.8rem; }

    .news1Page .modular1 .list .dec{ width: 100%; display: flex; flex-direction: column; align-items: center; }

    .news1Page .modular1 .list .dec .pic{ width: auto; height: 3rem; margin-bottom: 0.3rem; }

    .news1Page .modular1 .list .dec .pic img{ max-height: 100%; width: auto; max-width: 100%; }

    .news1Page .modular1 .list .dec .text .tit{ font-size: 0.4rem; text-align: center; }

    .news1Page .modular1 .list .dec .text .info{ width: 80%; margin: 0 auto; text-align: center; }

    .news1Page .modular1 .btn{ display: flex; flex-direction: row; justify-content: center; left: 0;  }

    .news1Page .modular1 .list .dec .text{ width: 100%; padding: 0; }

     /* 加入我们-人才战略 */

    .joinPage .modular1 .content{ box-sizing: border-box; padding: 0 0 0.5rem 0; }

    .joinPage .modular1 .pic{ width: 100%; box-sizing: border-box; }

    .joinPage .modular1 .text{ width: 100%; top: 0; padding: 0.3rem; }

    .joinPage .modular1 .text h2{ font-size: 0.33rem; }

    .joinPage .modular1 .text .list .dec{ margin-bottom: 0.3rem; }

    .joinPage .modular1 .text .list .dec .tit{ font-size: 0.3rem; line-height: 0.38rem; padding-bottom: 0.1rem; margin-bottom: 0.1rem; }

    .joinPage .modular1 .text .list .dec .info{ line-height: 0.38rem; }



     /* 加入我们-职位招聘 */

    .join1Page .modular1 .list .dec{ width: 100%; }

    .join1Page .modular1 .list .dec .tit{ font-size: 0.3rem; padding-left: 0.3rem; }

    .join1Page .modular1 .list .dec .tit::after{ height: 0.2rem; margin-top: -0.1rem; }

    .join1Page .modular1 .list .dec .info{ font-size: 0.24rem; padding: 0 0.3rem; }

    .join1Page .modular1 .list .dec .info .tits{ padding-bottom: 0.1rem; margin-bottom: 0.1rem; }

    .join1Page .modular1 .list .dec .info .list{ line-height: 0.38rem; }

    .join1Page .modular1 .list .dec .info .list p::after{ font-size: 10px; left: -0.15rem; }

    .join1Page .modular1 .list .dec .info .yp{ bottom: auto; top: -0.465rem; right: 0.3rem; }

    .join1Page .modular1 .list .dec .info .yq p{ margin-right: 0.15rem; }



    .contactPop .dec{ width: 80%; margin-left: -40%; height: auto; }

    .contactPop .dec .info{ width: 80%; margin: 0 auto; } 

    .contactPop .dec { width: 90%; margin-left: -45%; }

    .contactPop .dec .info{ width: 93%; font-size: 0.18rem; }



    .video-pop #video{ width: 100%; } 

}