@charset "utf-8";


.body:before { background: rgba(0,0,0,0.5); content: ''; position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }
.w-91 { width: 97%; max-width: 1860px; margin: 0 auto; }
.w-74 { width: 76%; max-width: 1410px; margin: 0 auto; }
.w-90 { width: 90%; max-width: 1730px; margin: 0 auto; }
.w-1440 { width: 91%; max-width: 1440px; margin: 0 auto; }
.w-1200 { width: 91%; max-width: 1200px; margin: 0 auto; }
.menu-box .w-74 { margin: 0; }
.MenuList_f1, .language { vertical-align: middle; display: inline-block; }
.MenuList_f1 .menu li:first-child, .MenuList_f1 .menu ul.child li:first-child { margin-left: 0; }
.BannerShow_b1, #swiper-container1, #BannerShow_b1 img { height: 100%; width: 100%; }
.s3 a:hover, .language1 a:hover, .NavList_a1 a:hover, .NavList_a1 .on, .language span:hover, .MenuList_c1 a:hover { color: #eb6100; }
.pro-img:before, .logo:before, .s2-box:before, .s3-BL:before, .s3-BR li:before, .s3-boxT:before, .s3-bg2:before, .s4-box:before, .s4-TT2:before, .s5-box li a:before, .s6-contact:before, .s3-box:before, .photo .PhotoList_i1 li a:before { width: 0; content: ''; display: inline-block; vertical-align: middle; height: 100%; margin-left: -5px; }
.s3-Tbox a:hover img, .news-box1 a:hover img, .ProductList_d1 li a:hover img { transform: scale(1.1); }
.menu-remove { transform: translateX(-150%);  }
.body { height: 100%; width: 100%; position: fixed; overflow: hidden; }
/*down*/
.DownloadClass_a1 { position: relative; }
.DownloadClass_a1_Top, .DownloadClass_a1_Bottom { display: none; }
.DownloadClass_a1_1stGrade li { border-bottom: 1px solid #eee; }
.DownloadClass_a1_1stGrade li:last-child { border-bottom: none; }
.DownloadClass_a1_1stGrade li a { display: block; padding: 20px; }
.DownloadClass_a1_1stGrade li a:hover { background-color: #005bac; color: #fff; }
.DownloadClass_a1_1stGrade li a.on { background-color: #005bac; color: #fff; }
.DownList_a1 { }
.DownList_a1 li { border-bottom: 1px solid #ddd; }
.DownList_a1 li:last-child { border-bottom: none; }
.DownList_a1 li:hover { }
.DownList_a1 li span { font-size: 20px; }
.DownList_a1 li a { display: block; float: right; padding: 0 10px; text-align: center; background-color: #228acc; color: #fff; border-radius: 8px; font-size: 14px; }
.DownList_a1 li a:hover { background-color: #eb6100; color: #fff; }

/*service*/
/*.close:before, .close:after { content: ''; background: #333; width: 20px; height: 2px; display: block; position: absolute; right: 0; }
.close:before { transform: rotateZ(45deg); }
.close:after { transform: rotateZ(-45deg); }
ul.service li { opacity: 0.8; border-radius: 5px; padding: 5px 18px; color: #fff; display: inline-block; background: #eb6100; }
ul.service { bottom: 70px; z-index: 2; right: -80%; position: fixed;  transition: 0.5s linear 0s; }
.se-ul { right: 50px !important; opacity: 1 !important; }
ul.service span { vertical-align: middle; }
ul.service img { vertical-align: middle; margin-right: 5px; width: 20px; display: inline-block; }
ul.service li:hover, div.service:hover { opacity: 1; }
ul.service a:hover img { animation: qq 1s linear 0s infinite; }
div.service { transition: 0.3s ease 0s; opacity: 0.8; cursor: pointer; border-radius: 5px; right: 10px; background: url(../images/QQ1.png) no-repeat 50% #eb6100; background-size: 25px auto; font-size: 14px; bottom: 70px; z-index: 9; position: fixed; width: 35px; height: 35px; }
@keyframes qq { 0% {
transform:translateY(0px);
}
50% {
transform:translateY(-8px);
}
100% {
transform:translateY(0px);
}
}*/
/*@keyframes qq{0%{transform:translateY(0px) rotateZ(0deg);} 35%{transform:translateY(-10px);} 50%{ transform:translateY(-10px) rotateZ(15deg);} 65%{ transform:translateY(-10px) rotateZ(0deg);} 80%{ transform:translateY(-10px) rotateZ(-15deg);} 100%{transform:translateY(0px) rotateZ(0deg);}}*/
/*slide*/
/*.page-slide { transition: 0.3s ease 0s; margin-top: -122px; top: 50%; z-index: 999; left: -151px; position: fixed; }
.page-slide:hover { left: 0px; }
.page-slide a { padding: 15px 0; 0 height: 100%;
display: block; }
.page-slide li:before { transition: 0.3s ease 0s; left: 50%; bottom: -1px; background: #fff; content: ''; height: 1px; position: absolute; width: 0%; }
.page-slide li:hover:before { left: 0; width: 100%; }
.page-slide li { border-bottom: 1px solid rgba(255,255,255,0.2); width: 105px; text-align: center;position: relative; transition: 0.3s linear 0s; cursor: pointer; display: block; white-space: nowrap; margin: 0 auto; }
.page-slide a:hover img { transform: translateY(-5px); }
.page-slide span { line-height: normal; transition: 0.3s linear 0s; height: 100%; text-align: center; vertical-align: middle; display: inline-block; }
span.slide-text { color: #fff; font-size: 14px; padding-right: 0; padding-left: 15px;}
.page-slide li:hover span { }
.page-slide li:hover { }
.page-slide img { vertical-align: middle; display: inline-block; width: 25px; margin: 0 auto; }
.page-slide ul, .ol-service { vertical-align: middle; display: inline-block; }
.ol-service img { width: 22px; }
.ol-service span { font-size: 14px; margin: 0 auto; height: auto; display: block; }
.ol-service { margin-left: -5px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; padding: 20px 0; color: #fff; background: #eb6100; width: 40px; text-align: center; font-size: 0; }
.ol-service span:first-child { width: 16px; margin-bottom: 10px; }
.page-slide ul { width: 150px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; background: #eb6100;  padding: 20px 0;}
*/
.body:before { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2; left: 0; top: 0; content: ''; }
/*bg*/
.bg1 .pc, .bg1 .mob { width: 100%; height: 100%; }
.bg1 .pc, .s2-box, .s3-box, .s4-box, .s6-box {  width: 100%;   }
.bg2 { background: url(../images/bg2.jpg) no-repeat left top; background-size: 100% 100%; }
.bg3 { background: url(../images/bg3.jpg) no-repeat left top; background-size: 100% 100%; }
.bg4 { background: url(../images/bg4.jpg) no-repeat left top; background-size: 100% 100%; }
.bg5 { background: url(../images/bg5.jpg) no-repeat left top; background-size: 100% 100%; }
.bg6 { background: url(../images/bg6.jpg) no-repeat left top; background-size: cover; }
/*主导航菜单*/
.fix { transition: 0.3s ease 0s; width: 100%; top: 0; left: 0; z-index: 2; background: #fff; position: fixed; }
.MenuList_f1 { height: 100%; line-height: 100px; }
.MenuList_f1 .container { position: relative; overflow: visible; z-index: 99; }
.MenuList_f1 .menu { display: inline-block; vertical-align: top; width: 100%; height: 100%; }
.MenuList_f1 .menu li { text-align: center; display: inline-block; font-size: 14px; margin-left: 2.3vw; vertical-align: top; }
.MenuList_f1 .menu li h3 { font-weight: normal; display: block; }
.MenuList_f1 .menu li a.drop { text-transform: capitalize; z-index: 1; position: relative; display: block; color: #333; font-size: 16px; }
.MenuList_f1 .menu li a.selected, /*.MenuList_f1 .menu li a.drop:hover */ .navhover, .stmenu h3 a.on { color: #eb6100 !important; }
.MenuList_f1 .menu li a.drop span { }
.MenuList_f1 .menu li a.selected span, .MenuList_f1 .menu li a.navhover span, .MenuList_f1 .menu li a.drop:hover span { cursor: pointer; }
.MenuList_f1 .menu li a.navhover span, .MenuList_f1 .menu li a.drop:hover span { width: 100px; }
.MenuList_f1 .menu ul.child { text-align: center; left: 0; height: 80px; z-index: 1; display: none; position: absolute; /* top: 40px; */ /* left: 3px; */ width: 100%; background: #FFF; background: rgba(255,255,255,0.96); /* border: 2px solid #1a529c; */ /* border-top: 0; */ line-height: 80px; }
.MenuList_f1 .menu ul.child li { max-width: none; float: none; margin-left: 80px; width: auto; padding: 0px; display: inline-block;/* font-size: 14px; */ }
.MenuList_f1 .menu ul.child li h3 { display: block; width: 100%; }
.MenuList_f1 .menu ul.child li a { text-transform: capitalize; width: 100%; /* height: 16px; */ /* line-height: 16px; */ overflow: hidden; /* padding: 3px 0; */ display: block; color: #666; text-align: center; text-decoration: none; font-size: 14px; }
.MenuList_f1 .menu ul.child li a:hover { color: #eb6100; /* background-color: #eee; */ /* text-decoration: none; */ font-weight: bold; }
.MenuList_f1 .menu li a.drop:after { transition: 0.3s ease 0s; content: ''; z-index: -1; bottom: 0; left: 50%; background: #eb6100; height: 4px; width: 0%; position: absolute; }
/*.MenuList_f1 .menu li a.drop:hover:after,*/.navhover:after, .stmenu h3 a.on:after { width: 100% !important; left: 0 !important; }
/*menu-box*/
.menu-box { position: relative; z-index: 2; }
.menu-box .w-91 { text-align: right; height: 100px; }
.menu-box .w-74 { transition: 1.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) 0s; text-align: right; height: 100%; }
.logo-box { text-align: left; z-index: 99; transition: 0.3s ease 0s;  /* text-align: left; */ width: 20.36vw; top: 0; left: 0; padding-left: 1.825%; position: absolute; height: 100%; /* display: inline-block; */ /* vertical-align: top; */ max-width: 391px; }
.logo-fix { position: fixed; padding-left: 1.825%; height: auto; left: 0; }
.fix-bg { background: none; position: fixed; left: 0; top: 0; }
/*logo*/
.logo { height: 100%; }
.logo a { display: inline-block; vertical-align: middle; width: 100%; }
/*menu-ico*/
.body .menu-icon span:after { transform: rotateZ(-45deg); }
.body .menu-icon span:before { transform: rotateZ(45deg); }
.body .menu-icon span { background: transparent !important; }
.body .menu-icon span:before, .body .menu-icon span:after { bottom: 0 !important; top: 0 !important; }
.menu-icon span, .menu-icon span:before, .menu-icon span:after { transition: 0.3s ease 0s; display: inline-block; height: 3px; background: #fff; content: ''; width: 40px; }
.menu-icon span:before, .menu-icon span:after { position: absolute; left: 0; }
.menu-icon span:before { top: -12px; }
.menu-icon span:after { bottom: -12px; }
.menu-icon span { position: relative; margin: 0 auto; }
.menu-i { transition: 0.5s ease 0.5s;  top: 0; right: -100px; overflow: hidden; width: 100px; line-height: 100px; margin-left: 0; text-align: center; position: fixed; z-index: 1; }
.menu-icon { cursor: pointer; background: #eb6100; }
.menu-i1 { transition: 0.3s ease 0.8s; opacity: 1; right: 0; }
/*language*/
.language span img { margin-left: 10px; }
.language1 a { border: 1px solid #eb6100; text-align: center; vertical-align: top; width: 80px; display: inline-block; margin: 0 10px; }
.language1 { font-size: 14px; line-height: 30px; text-align: center; margin-top: 25px; }
.language { margin-left: 1.8vw; font-size: 14px; cursor: pointer; color: #999; position: relative; height: 100%; line-height: 100px; }
.language span { padding-left: 1.8vw; border-left: 1px solid #ddd; }
.language ul { transition:0.3s ease 0s; transform:scale(1,0); transform-origin:top; color: #333; line-height: 45px; top: 100px; text-align: center; background: #fff; z-index: 999; width: 140px; position: fixed; text-transform: uppercase; right: 0; }
.language:hover ul{transform:scale(1);}
.language>ul a { display: block; }
.language>ul a:hover { background: #f5f5f5; color: #eb6100; }
.language1 a:first-child { background: #eb6100; color: #fff; }
.language1 a:last-child { color: #eb6100; }
/*swiper*/
#fp-nav ul li a:before { font-size: 14px; position: absolute; left: 0; color: #eb6100; display: none; top: -20px; font-weight: bold; }
#fp-nav ul li a.active:before { display: block; }
#fp-nav ul li:nth-child(1) a:before { content: 'TOP'; }
#fp-nav ul li:nth-child(2) a:before { content: '关于广源'; }
#fp-nav ul li:nth-child(3) a:before { content: '产品中心'; }
#fp-nav ul li:nth-child(4) a:before { content: '工程实例'; }
#fp-nav ul li:nth-child(5) a:before { content: '资讯中心'; }
#fp-nav ul li:nth-child(6) a:before { content: '联系我们'; }
.swiper-pagination-bullet { width: 30px; height: 3px; display: inline-block; border-radius: 0; background: #fff; opacity: .3; margin: 0 10px !important; vertical-align: top; }
.swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; text-align: center; }
#fp-nav ul li a:after { width: 5px; content: ''; height: 5px; border: 1px solid transparent; position: absolute; right: -6px; border-radius: 50%; top: -3px; }
#fp-nav ul li a.active:after { border-color: #eb6100; }
/*.page*/
.page { font-size: 14px; text-align: center; margin-top: 40px; }
.page span, .page a { display: inline-block; padding: 0 10px; height: 38px; line-height: 38px; border: #e3e3e3 solid 1px; color: #666; background: #fff; min-width: 18px; text-align: center; margin-right: 5px; }
.page span.cur, .page a:hover { background: #eb6100; color: #fff; border: #eb6100 solid 1px; }
.pageinfo { float: right; line-height: 28px; display: none; }
.conT { font-size: 24px; color: #009c73; }
/*photo*/
#PhotoList_i1 ul { width: 100%; vertical-align: top; display: inline-block; }
.photo .PhotoList_i1 li:hover span { color: #eb6100; }
.photo .PhotoList_i1 li:hover a { background: #eb6100; }
.photo2 .PhotoList_i1 li:hover a { background: #fff; }
.photo .PhotoList_i1 li { float: left; width: 32%; margin-right: 2%; margin-bottom: 40px; color: #666; }
.PhotoList_i1 li:nth-child(3n+3) { margin-right: 0; }
.rid13 .PhotoList_i1 li { float: left; }
.PhotoList_i1 li span { margin-top: 10px; font-size: 16px; line-height: normal; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.photo .PhotoList_i1 li a { width: 100%; display: block; text-align: center; overflow: hidden; background: #fff; height: 45vw; max-height: 285px; }
.photo .PhotoList_i1 li a img { max-width: 90%; max-height: 90%; vertical-align: middle; display: inline-block; }
.PhotoList_i1 li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
/*.PhotoList_i1 li a h4 { position: absolute; z-index: 10; display: none; transition: 0.6s; color: #fff; top: 0%; left: 0; width: 90%; padding: 0 5%; text-align: center; line-height: 40px; font-size: 22px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.PhotoList_i1 li a:hover h4 { opacity: 1; top: 30%; transition: 0.6s; }*/
.PhotoList_i1 li a::after { display: none; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background: rgba(0,0,0,.5) no-repeat center 70%; background-size: 10%; z-index: 1; transition: 0.6s; }
.PhotoList_i1 li a:hover::after { width: 100%; height: 100%; z-index: 1; transition: 0.6s; display: none; }
/*detail*/
.detail img { width: 100%; }
.detail a:hover { opacity: 1; }
.detail a { opacity: 0.7; text-align: center; margin: 30px auto 0; width: 140px; display: block; background: #eb6100; color: #fff; font-size: 16px; line-height: 40px; border-radius: 7px; }
.detail h2 { margin-bottom: 30px; text-align: center; color: #eb6100; }
/*news_detail*/
.NewsDetail_a1 img { width: auto; max-width: 100%; margin: 0 auto; height: auto; }
.NewsDetail_a1 { width: 100%; }
.NewsDetail_a1 #nt { padding: 10px 0; margin-bottom: 10px; font-size: 26px; line-height: 40px; font-weight: bold; border-bottom: 1px dotted #ccc; text-align: center; letter-spacing: 1px; }
.NewsDetail_a1 #nf { width: 160px; margin: 0 auto; margin-bottom: 20px; height: 30px; line-height: 20px; }
.NewsDetail_a1 #nf em { font-size: 14px; font-style: normal; display: block; padding-top: 2px; margin-right: 2px; float: left; }
.NewsDetail_a1 #nf span.nf_on { background: #e62129; color: #ffff00; }
.NewsDetail_a1 #nf span { display: block; padding: 2px; border-radius: 5px; font-size: 12px; width: 18px; margin-right: 4px; float: left; background: #999999; color: #fff; text-align: center; cursor: pointer; }
.NewsDetail_a1 .nf1, .NewsDetail_a1 .nf2, .NewsDetail_a1 .nf3 { padding-bottom: 20px; }
.NewsDetail_a1 .nf1, .NewsDetail_a1 .nf1 p, .NewsDetail_a1 .nf1 span { font-family: "微软雅黑", "Microsoft YaHei" !important; line-height: 2 !important; font-size: 16px !important; color: #666 !important; background: none !important; }
.NewsDetail_a1 .nf2, .NewsDetail_a1 .nf2 p, .NewsDetail_a1 .nf2 span { font-family: "微软雅黑", "Microsoft YaHei" !important; line-height: 2 !important; font-size: 18px !important; color: #666 !important; background: none !important; }
.NewsDetail_a1 .nf3, .NewsDetail_a1 .nf3 p, .NewsDetail_a1 .nf3 span { font-family: "微软雅黑", "Microsoft YaHei" !important; line-height: 2 !important; font-size: 20px !important; color: #666 !important; background: none !important; }
.NewsDetail_a1 #nb { padding: 10px 0px; text-align: center; color: #777; border-top: 1px dotted #ccc; font-size: 14px; }
.NewsDetail_a1 #nb a { color: #777; }
.NewsDetail_a1 #newtb { line-height: 30px; font-size: 14px; }
.NewsDetail_a1 #newskw { clear: both; font-size: 14px; font-weight: bold; margin: 10px 0; line-height: 30px; word-spacing: 1em; }
.NewsDetail_a1 #newtb em { font-style: normal; text-align: right; display: block; width: 50%; float: left; }
.NewsDetail_a1 #newtb span { display: block; width: 50%; float: left; }
/*rid34*/
.messages_titile { line-height: 60px; font-size: 20px; font-family: "微软雅黑"; border-bottom: solid 1px #e8e8e8; margin-top: 30px; }
.floatleft { float: left; }
.Gbook_b1 { width: 100%; display: inline-block; vertical-align: top; }
.Gbook_b1 .name { width: 31%; float: left; margin-bottom: 20px; }
.Gbook_b1 .phone { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .email { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.Gbook_b1 .company { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .content { width: 100%; float: left; margin-bottom: 20px; }
.Gbook_b1 .vcode { width: 32%; float: left; }
.Gbook_b1 .vcode .InputV1 { width: 280px; }
.Gbook_b1 .btn { width: 31%; float: left; margin-left: 2%; }
.InputV1 { height: 38px; width: 98%; line-height: 38px; padding: 0 10px; border: 1px solid #ddd; background-color: #fafafa; }
.InputV1:focus { border: 1px solid #eb6100; background-color: #fff; }
.ButtonV1 { opacity: 0.8; height: 40px; line-height: 40px; padding: 0 20px; background-color: #eb6100; color: #fff; font-size: 18px; cursor: pointer; transition: 0.3s ease 0s; }
.ButtonV1：hover { opacity: 1; }
.TextareaV1 { line-height: 150%; width: 98%; padding: 10px; border: 1px solid #ddd; background-color: #fafafa; resize: none; }
.TextareaV1:focus { border: 1px solid #eb6100; background-color: #fff; }
/*map*/
.map_a1:first-child { margin-top: 0; }
.map_a1 { width: 100%; height: 600px; border: #ccc solid 1px; font-size: 12px; margin-top: 30px; }
.map_a1 img { display: inline-block; }
.map_a1 .BMap_omCtrl { display: none; }
.map_a1 .BMap_scaleCtrl { display: none; }
.map img { transition: none; }
.map { margin: 0 auto; max-width: 1200px; width: 91%; }
/*招聘*/
.hrList_a1_item { width: 100%; margin-bottom: 40px; }
.hrList_a1_item:nth-child(3n) { margin-right: 0; }
.hrList_a1_title { font-size: 30px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid #ddd 1px; padding-bottom: 10px; line-height: 50px; color: #eb6100; }
.hrList_a1_button { padding: 15px 0; }
.hrList_a1_button a.more:hover { background-color: #eb6100; transition-duration: .3s; opacity: 1; }
.hrList_a1_button a.more, .DownList_a1 li a { cursor: pointer; display: block; height: 40px; line-height: 40px; padding-left: 30px; width: 80px; color: #fff; background: url(../images/more2.png) no-repeat 12px center #eb6100; transition-duration: .3s; border-radius: 8px; font-size: 16px; opacity: 0.7; }
.hrList_a1_item ul { width: 100%; display: inline-block; vertical-align: top; padding: 15px 0; border-bottom: dotted 1px #ddd; }
.hrList_a1_item ul li { width: 33%; display: inline-block; line-height: 20px; padding: 5px 0; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hrList_a1_item ul li.other { width: 100%; line-height: 22px; padding: 5px 0; color: #777; text-overflow: inherit; white-space: inherit; }
.hrList_a1_item ul li span { display: inline-block; width: 90px; color: #0077cc; font-weight: bold; }
.jobapply_d1 { display: inline-block; }
.jobapply_d1 .til1 { line-height: 50px; font-size: 20px; border-bottom: solid 1px #eee; margin-bottom: 20px; float: left; width: 100%; }
.jobapply_d1 .til1 span { color: #eb6100; font-weight: bold; }
.jobapply_d1 .float1 { width: 31%; float: left; margin-bottom: 20px; }
.jobapply_d1 .float2 { width: 31%; margin-left: 3%; float: left; margin-bottom: 20px; }
.jobapply_d1 .float3 { width: 100%; float: left; margin-bottom: 20px; }
.jobapply_d1 .SelectV1 { height: 38px; width: 103%; line-height: 38px; padding: 0 10px; border: 1px solid #ddd; background-color: #fafafa; }
.jobapply_d1 .vcode { width: 32%; float: left; }
.jobapply_d1 .vcode .InputV1 { width: 280px; }
.jobapply_d1 .btn { width: 31%; float: left; margin-left: 2%; }
.ButtonV1:hover { opacity: 1; }
/*s2*/
.page-menu .menu-box { background: #fff; }
.s2-13 .a:hover { color: #fff; }
.s2-box { text-align: center;    margin: 32px 0 67px 0; }
.s2-1 { width: 98%; max-width: 1440px; }
.s2-left { position: relative; width: 41.8%; transform: translate(0, -100%) scale(1);  transition: 0.5s ease 0.2s; }
.s2-left .video-img { left: -6%; bottom: -5%; width: 73.42%; position: absolute; cursor: pointer; }
.s2-left .video-img:hover { bottom: -3%; }
.s2-right { margin-bottom: 2.2vw; text-align: left; width: 45.1%; margin-left: 3.5%; transform: translate(0, 100%) scale(1);  transition: 0.5s ease 0.2s; }
.s2-11 h3 { font-weight: bold; font-size: 1.75vw; }

.s2-11 h1 { font-weight: bold; font-size: 1.75vw; }


.s2-11 p { font-size: 1.875vw; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase;  }
.s2-11 strong { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 2.5vw; }
.s2-11, .s2-13 span:first-child, .a { color: #eb6100; }
.s2-13 span:first-child { font-family: Arial, Helvetica, sans-serif; }
.s2-12 { margin: 2.6vw 0; font-size: 14px; color: #666; line-height: 2.14; }
.s2-13 { width: 100%; }
.s2-13 ul { margin-bottom: 3.64vw; vertical-align: top; display: inline-block; width: 100%; }
.s2-13 li { float: left; width: 25%; }
.s2-13 span:first-child { margin-right: 5px; font-size: 1.8vw; font-family: Arial, Helvetica, sans-serif; }
.s2-13 span { font-size: 12px; color: #999; }
.s2-13 dt { font-size: 16px; color: #666; }
.a, #load_more_button { width: 178px; height: 58px; border: 1px solid #eb6100; line-height: 58px; display: block; text-align: center; }
#load_more_button { background: #eb6100; color: #fff; }
#load_more_button { display: none; }
.a.left_right:hover { color: #ff0000; }
.s2-video { left: 0; height: 100%; width: 100%; position: fixed; z-index: 999; top: 0; display: none; }
.s2-video div { background: rgba(0,0,0,0.5); width: 100%; height: 100%; }
.s2-video video { display: none; margin-top: -15.1vw; top: 50%; margin-left: -26.666666vw; left: 50%; width: 53.3333333vw; position: fixed; z-index: 1; }
/*s3*/
.s3-boxB { position: absolute; width: 100%; left: 0; background: rgba(0,0,0,0.6); bottom: 0; transform: translate(0, 200px) scale(1);  transition: 0.5s ease 0.2s; }
.s3-Bbox { height: 160px; width: 98%; margin: 0 auto; max-width: 1440px; }
.s3-BL { border-right: 1px solid rgba(255,255,255,0.1); height: 100%; vertical-align: top; display: inline-block; width: 15%; }
.ResTitle_a1 { color: #fff; display: inline-block; vertical-align: middle; }
.ResTitle_a1 em { font-weight: bold; font-size: 1.875vw; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.ResTitle_a1 span { font-size: 1.562vw; }
.s3-BR { width: 84%; vertical-align: top; display: inline-block; height: 100%; }
.s3-BR ul { height: 100%; width: 100%; }
.s3-BR li { cursor: pointer; margin-left: 1.5%; padding-left: 1.5%; width: 16.6%; height: 100%; display: inline-block; padding-bottom: 40px; vertical-align: top; transition: 0.3s ease 0s; }
.s3-BR p { height: 32px; margin-top: 10px; line-height: 16px; font-size: 12px; color: #999; font-family: Arial, Helvetica, sans-serif; transition: 0.3s ease 0s; }
.s3-BR h3 { font-size: 18px; color: #fff; font-weight: normal; }
.s3-BR div { position: relative; }
.s3-BR img {  position: absolute; transition: 0.3s ease 0s; bottom: -30px; }
.s3-BR li:hover, .s3-BR li.on { background: #eb6100; transform: translate(0, -40px); }
.s3-BR li:hover p, .s3-BR li.on p { color: #f19b74; }
.s3-BR li:hover img, .s3-BR li.on img { opacity: 1; }
.s3-boxT { text-align: center; top: 100px; position: absolute; width: 100%; height: 70%; height: calc(100% - 260px); transform: translate(0, 0) scale(0.5);  transition: 0.5s ease 0.2s; }
.s3-Tbox a { border-radius: 50%; display: block; width: 100%; transition: none; }
.s3-bg1 { text-align: center; width: 100%; position: relative; background: rgba(255,255,255,0.1); height: 100%; border-radius: 50%; margin: 6vw auto 0; }
.s3-bg2 { overflow: hidden; top: 5%; left: 5%; margin: 0 auto; height: 90%; width: 90%; border-radius: 50%; background: rgba(255,255,255,1); position: absolute; box-shadow: 0 0 32px rgba(0,0,0,0.05); }
.s3-bg1 img { height: 78%; vertical-align: middle; display: inline-block; width: auto; }
.s3-boxT li { height: 30vw }
.s3-boxT li.swiper-slide-next { height: 26vw; margin-top: 0; }
.s3-Tbox>div { position: relative; }
.s3-Tbox .next, .s3-Tbox .prev { transition: 0.3s ease 0s; margin-top: -32.5px; top: 50%; position: absolute; width: 65px; height: 65px; line-height: 65px; border-radius: 0; z-index: 2; }
.s3-Tbox .prev { left: 0; background: url(../images/left.png) no-repeat 50% #3d4548; background-size: 13px 23px; }
.s3-Tbox .prev:hover { background: url(../images/left-hover.png) no-repeat 50% #eb6100; background-size: 13px 23px; }
.s3-Tbox .next { right: 0; background: url(../images/right.png) no-repeat 50% #3d4548; background-size: 13px 23px; }
.s3-Tbox .next:hover { background: url(../images/right-hover.png) no-repeat 50% #eb6100; background-size: 13px 23px; }
.s3-Tbox .leftLoop { margin: 0 auto; width: 85%; max-width: 1440px; overflow: hidden; transition: 0.5s ease 0s; transform: scale(1); opacity: 1; }
.s3-Tbox { width: 100%; }
.s3-boxT .swiper-slide .s3-bg1 { width: 14vw; height: 14vw; }
.s3-boxT .swiper-slide-next .s3-bg1 { width: 100%; height: 26vw; margin-top: 0; transition: 0.5s ease 0.5s; }
.s3-boxT .swiper-slide-next a { transition: none; width: 26vw; position: absolute; left: 50%; margin-left: -13vw; }
.s3-boxT .swiper-slide p { font-size: 18px; color: #fff; margin-top: 1vw; }
.s3-boxT .swiper-slide-next p { font-size: 24px; }
.leftLoop.scale { transform: scale(0.5);  }
/*s4*/
.s4-1box { width: 90%; max-width: 1440px; position: relative; }
.s4-box { text-align: center; }
.s4-T ul, .s4-B ul { display: inline-block; vertical-align: top; width: 100%; }
.s4-T li, .s4-B li { position: relative; float: left; width: 25%; }
.s4-T li>a, .s4-B li>a { z-index: 1; color: #fff; position: relative; display: block; width: 100%; height: 100%; }
.s4-TT2 { border: 1px solid #fff; height: 100%; height: calc(100% - 20px); width: 100%; width: calc(100% - 20px); margin: 10px; transition: 0.3s ease 0s;  transform: scale(0); }
.s4-T li>a:hover .s4-TT2 { transform: scale(1); opacity: 1; transition: 0.3s cubic-bezier(0.62, -0.29, 0.49, 1.36) 0.1s; }
.s4-TT { left: 0; top: 0; background: none; height: 100%; z-index: 3; width: 100%; position: absolute; z-index: 1; transition: 0.3s ease 0s; }
.s4-T li>a:hover .s4-TT { background: rgba(0,0,0,0.6); }
.s4-TT p { font-size: 14px; margin-bottom: 5px; }
.s4-TT2 div>span { font-size: 30px; margin: 0 0 35px; display: block; }
.s4-TT img { margin: 0 auto; }
.s4-none>div, .s4-none>div>div { width: 100%; margin: 0; border: none; background: none; height: 100%; text-align: left; opacity: 1; transform: scale(1); }
.s4-none .a { color: #fff; background: #eb6100; }
.s4-none .a:hover { transform: translateY(-10px); }
.s4-TT .ResTitle_a1 span { margin: 5px 0 65px; }
.s4-TT .ResTitle_a1 { color: #333; vertical-align: top; display: block; }
.s4-T li>a .dis-m img:hover { transition: 0.3s ease 0s; transform: rotateZ(270deg); }
.s4-B { height: 0; }
.s4-B li:first-child { right: 0; position: absolute; top: 0; }
.s4-B li:last-child { left: 0; bottom: 0; position: absolute; }
.s4-T li:nth-child(4) { margin-left: 25%; }
/*s5*/
.date .pc { display: inline-block; }
.s5-box { max-width: 1440px; height: 100%; width: 98%; text-align: center; margin: 0 auto; }
.s5-box ul { height: 100%; }
.s5-box li { height: 100%; overflow: hidden; width: 25%; float: left; }
.s5-box li a:hover .news-box>span { line-height: 13px; color: #fff; opacity: 1; height: 13px; font-size: 16px; }
.s5-box li a:hover .news-box>span:before { height: 13px; }
.s5-box li a:hover .date:after { background: #fff; }
.s5-box li a:hover .date, .s5-box li a:hover .news-box h3, .s5-box li a:hover .news-box p { color: #fff; }
.s5-box li a:hover .news-img { opacity: 1; }
.s5-box li a:hover { background: #eb6100; }
.s5-box li a:hover .dis-m { margin-bottom: 20px; }
.s5-box li:first-child a { border-left: 1px solid rgba(255,255,255,0.4); }
.s5-box li a { display: block; height: 100%; border-right: 1px solid rgba(255,255,255,0.4); }
.date span:first-child { margin-right: 10px; font-size: 36px; }
.date { margin-bottom: 30px; font-size: 14px; color: #555; font-family: Arial, Helvetica, sans-serif; }
.news-box h3 { overflow: hidden; color: #eb6100; font-size: 18px; width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.date:after { margin-top: 25px; width: 20px; background: #666; display: block; content: ''; height: 1px; }
.news-box p { margin: 15px 0 30px; font-size: 14px; line-height: 24px; color: #555; max-height: 72px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.s5-box li:nth-child(odd) .news-img { margin-top: 30px; margin-bottom: 0; }
.news-img { margin-bottom: 30px;  }
.news-box>span { display: block; transition: 0.3s ease 0s; overflow: hidden; font-size: 0; height: 0;  line-height: 0; color: #fff; }
.news-box>span:before { background: #ef8133; content: ''; width: 2px; display: inline-block; height: 0; margin-right: 10px; vertical-align: top; transition: 0.3s ease 0s; }
.s5-box .dis-m { text-align: left; width: 83.5%; transition: 0.3s ease 0s; }
.s5-box>div { width: 100%; height: 100%; }
/*s6*/
.s6-contact { left: 12.5%; position: absolute; height: calc(92% - 360px); margin: 0 auto; text-align: right; width: 75%; top: 100px; }
.s6-CR { vertical-align: middle; display: inline-block; text-align: left; }
.s6-CRL { margin-right: 10.4vw; }
.s6-CRL, .s6-CRR { vertical-align: top; display: inline-block; }
.s6-CRL .ResTitle_a1 { color: #eb6100; }
.s6-CRL:after { margin-top: 45px; content: ''; width: 40px; height: 4px; display: block; background: #eb6100; }
.s6-CRR li:first-child { margin-top: 0; }
.s6-CRR li { margin-top: 1vw; }
.s6-CRR h3 { font-weight: normal; font-size: 1.25vw; color: #eb6100; }
.s6-CRR img { margin-right: 10px; vertical-align: middle; display: inline-block; width: 14px; }
.s6-CRR span { vertical-align: middle; display: inline-block; color: #666; }
.s6-CRB { margin-top: 3.125vw; }
.MenuList_c1 .MenuItems>li:first-child { display: none; }
.s6-footer { bottom: 0; width: 100%; position: absolute; text-align: center; background: #fff; }
.footer-T { max-width: 1760px; text-align: left; display: inline-block; width: 98%; margin: 0 auto; vertical-align: top; padding: 2% 0; }
.footer-TL { width: 91%; float: left; }
.footer-TL ul { vertical-align: top; display: inline-block !important; width: 100%; }
.footer-TL .MenuItems>li { width: 11.1%; float: left; }
.MenuList_c1 .MenuItems>li>a { display: block; font-weight: normal; position: relative; padding-bottom: 15px; width: 100%; margin-bottom: 15px; }
.footer-TL .MenuItems>li>a { font-size: 16px; color: #666; }
.MenuList_c1 a { font-size: 12px; color: #999; line-height: 2; }
.MenuList_c1 .MenuItems>li>a:after { bottom: 0; position: absolute; width: 20px; content: ''; display: block; height: 2px; background: #c0c0c0; left: 0; }
.MenuList_c1 .MenuItems>li>a:before { bottom: -1px; position: absolute; width: 50%; max-width: 100%; content: ''; display: block; height: 1px; left: 0; background: #eee; }
.footer-TR { float: left; width: 9%; text-align: right; }
.footer-TR p { font-size: 12px; color: #999; text-align: center; line-height: 18px; margin-top: 10px; }
.ewm { display: inline-block; vertical-align: top; }
.footer-B { font-size: 12px;/* height: 40px;*/ color: #fff; clear: both; width: 100%; background: #eb6100; line-height: 40px; }
.footer-BW { width: 98%; max-width: 1760px; margin: 0 auto; }
/*.footer-BL, */.footer-BL li { float: left; }
.footer-BR { /*float: right;*/ }
.footer-BR img { display: inline-block; vertical-align: middle; }
.footer-BR span { vertical-align: top; }
.footer-BR a { display: inline-block; vertical-align: top; }
.footer-BL li:first-child { border: none; }
.footer-BL li { margin-left: -5px; border-left: 1px solid #fff; padding: 0 5px; line-height: normal; display: inline-block; vertical-align: middle; float: none; }
.s6-T { height: 65%; }
.footer { text-align: center; }
/*p-nav*/
.p-box { font-size: 16px; line-height: 2; color: #666; }
.rid34-T, .rid40-T, .page-box, .NavList_a1, .location, .select { width: 92%; max-width: 1200px; margin: 0 auto; }
.NavList_a1 li { position: relative; text-align: center; float: left; width: auto; }
.NavList_a1 a { display: block; height: 100%; font-size: 14px; line-height: 80px; width: 125px; height: 80px; }
.NavList_a1 a.on { color: #fff; background: #eb6100; }
.NavList_a1 ul { display: inline-block; vertical-align: top; width: 100%; }
.NavList_a1 a.on:after { bottom: -6px; margin-left: -4px; left: 50%; position: absolute; border-style: solid; content: ''; border-color: #eb6100 transparent transparent; border-width: 8px 6px 0 6px; }
.p-section { width: 100%; background: #f5f5f5; }
.nav { background: #fff; width: 100%; }
.location { line-height: 40px; text-align: right; }
.location img { margin-right: 5px; display: inline-block; vertical-align: middle; }
.PosList_a1 b { color: #eb6100; }
.PosList_a1 { font-size: 12px; vertical-align: middle; display: inline-block; color: #999; }
.ResTitle_a3 { text-align: center; text-transform: uppercase; }
.p-title { margin-bottom: 50px; margin-top: 55px; }
.ResTitle_a3 span, .ResTitle_a3 em { color: #eb6100; font-weight: bold; font-size: 36px; display: inline-block; position: relative; line-height: normal; vertical-align: top; padding-bottom: 30px; }
.ResTitle_a3 span:before, .ResTitle_a3 span:after, .ResTitle_a3 em:before, .ResTitle_a3 em:after { content: ''; bottom: 0; width: 30px; position: absolute; height: 3px; }
.ResTitle_a3 span:before, .ResTitle_a3 em:before { background: #eb6100; right: 50%; }
.ResTitle_a3 span:after, .ResTitle_a3 em:after { background: #e0e3e4; left: 50%; }
.ResTitle_a3 em { display: none; }
.rid34-B, .rid40-B { margin-top: 70px; }
.location-box { border-bottom: 1px solid #eee; }
.page-section { padding-bottom: 100px; }
/*news_list*/
.news-box1 ul { display: inline-block; width: 100%; vertical-align: top; }
.news-box1 li:nth-child(3n+1) { margin-left: 0; }
.news-box1 li { margin-bottom: 40px; height: 50vw; margin-left: 2%; width: 32%; float: left; max-height: 465px; }
.news-box1 li a { background: #fff; padding: 20px 30px; height: calc(100% - 40px); display: block; }
.news-date { color: #999; transition: 0.3s ease 0s; }
.news-title { text-overflow: ellipsis; width: 100%; white-space: nowrap; margin: 15px 0 25px; font-weight: normal; font-size: 18px; color: #eb6100; transition: 0.3s ease 0s; overflow: hidden; display: block; }
.news-detail { font-size: 14px; margin-top: 25px; height: 72px; line-height: 1.7; color: #666; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: 0.3s ease 0s; }
.news-box1 li a:hover { background: #eb6100; }
.news-box1 li a:hover .news-date, .news-box1 li a:hover .news-title, .news-box1 li a:hover .news-detail { color: #fff; }
.news-img1 { width: 100%; overflow: hidden; max-height: 215px; }
.news-box1 .dis-m { width: 100%; }
/*rid37*/
.case .rid37 img { height: 50vw; max-height: 250px; width: auto; max-width: none; }
.case .photo-img:before { display: none; }
.rid37 li a { display: block; }
.photo-img { overflow: hidden; }
.case1 .photo-img { height: 50vw; max-height: 250px; }
.photo-img:before { /*content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle;*/ }
.rid37 img { vertical-align: middle; display: inline-block; width: auto; height: 263px; }
.rid37 li:hover { background: #eb6100; }
.rid37 li:hover h4 { color: #fff; }
.rid37 li h4 { line-height: 3.75; margin-top: 0; color: #666; transition: 0.3s ease 0s; font-weight: normal; }
.rid37 li { overflow: hidden; cursor: pointer; transition: 0.3s ease 0s; background: #fff; margin-bottom: 40px; vertical-align: bottom; display: inline-block; margin-right: 2%; width: 31.6%; text-align: center; }
.rid37 li span { display: none; }
/*rid38*/
.year { margin-top: 20px; display: inline-block; color: #eb6100; font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.year-detail { color: #333; border-bottom: 1px solid #eee; padding-left: 30px; padding-bottom: 30px; }
.year.sanjiao-B:after { vertical-align: middle; border-color: #eb6100 transparent transparent transparent; }
.page-box { font-size: 16px; line-height: 2; color: #666; }
/*rid40*/
.ResTitle_a4 { margin-bottom: 20px; line-height: normal; }
.ResTitle_a4 span { font-weight: bold; font-size: 22px; color: #666; }
.ResTitle_a4 em { font-size: 14px; font-weight: bold; color: #eb6100; text-transform: uppercase; font-family: arial; }
.culture { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ddd; }
.quality>p { font-size: 14px; background: #ddd; padding: 10px 20px; }
.quality li { border-radius: 10px; padding: 20px; margin-top: 30px; background: #fff; }
.quality img { width: 14%; border-radius: 10px; display: inline-block; vertical-align: middle; }
.qu-text { margin-left: 4%; width: 80%; vertical-align: middle; display: inline-block; }
.qu-text h3 { font-size: 16px; line-height: normal; margin-bottom: 15px; }
.qu-text p { font-size: 14px; }

.technology .img100{margin: 3vw auto;}
.technology .img100 img{display: block;width: 100%;max-width: 100%;}
.technology .list-paddingleft-2 img{border-radius: 0;width: 35%;}
.technology .list-paddingleft-2 li{padding: 10px 2.6vw;border-radius: 0;margin-top: 1.5vw;font-size: 0;}
.technology .list-paddingleft-2 .qu-text{width: 57.6%;margin-left: 7.4%;}
.technology>p{ font-size: 14px; background: #ddd; padding: 10px 20px; }
.technology .list-reicon{display: block;text-align: center;margin-top: 2vw;}
.technology .list-reicon li{display: inline-block;border-radius: 0;background: none;padding: 0;margin: 0 3.2%;}
.technology .list-reicon li img{height: 3vw;margin-bottom: 1.3vw;max-height: 57px;width: auto;}
.technology .list-reicon li p{color: #000000;text-align: center;}
.technology .list-reicon li p br{display: none;}
/*video*/
.vdobx embed, .vdobx iframe { width: 100%; }
.vdobx h3 { font-weight: normal; margin-bottom: 30px; text-align: center; font-size: 16px; }
.vdobx { border-radius: 5px; margin-bottom: 30px; margin-left: 2%; width: 94%; height: 650px; background: #fff; display: inline-block; vertical-align: top; padding: 2%; }
.vdobx:nth-child(2n+1) { margin-left: 0; }
.page-box video { margin: 0 auto; display: block; width: 100%; }
/*product*/
.ClassList_b1 li.on a { background: #eb6100; }
.ClassList_b1 li:first-child { margin-left: 0; }
.ClassList_b1 li { margin-left: 35px; height: 50px; text-align: center; color: #fff; vertical-align: top; display: inline-block; font-size: 16px; width: 160px; line-height: 50px; }
.ClassList_b1 a { display: block; width: 100%; background: #999; height: 100%; }
.ClassList_b1 { text-align: center; margin-bottom: 40px; }
.ProductList_d1 ul { width: 100%; vertical-align: top; display: inline-block; }
.ProductList_d1 li:nth-child(3n+1) { margin-left: 0; }
.ProductList_d1 li { text-align: center; float: left; margin-left: 2%; width: 32%; margin-bottom: 30px; }
.ProductList_d1 li a { max-height: 300px; height: 60vw; overflow: hidden; border: 1px solid transparent; display: block; padding: 30px 0; background: #fff; }
.ProductList_d1 li span { font-size: 16px; white-space: nowrap; margin: 60px auto 0; width: 90%; display: block; color: #333; overflow: hidden; text-overflow: ellipsis; }
.ProductList_d1 img { vertical-align: top; max-width: 90%; height: 220px; display: inline-block; width: auto; }
.ProductList_d1 li a:hover { border-color: #eb6100; }
.ProductList_d1 li a:hover span { color: #eb6100; }
/*case-button*/
.case-menu { margin-bottom: 40px; text-align: center; }
.case-menu li:first-child { margin-left: 0; }
.case-menu li { margin-left: 35px; height: 50px; vertical-align: top; display: inline-block; width: 160px; }
.case-menu a { font-size: 16px; background: #999; color: #fff; line-height: 45px; width: 100%; height: 100%; display: block; }
.case-menu a.on { background: #eb6100; }
.case-menu img { margin-right: 10px; vertical-align: middle; display: inline-block; }
.case-menu span { vertical-align: middle; }
/*文字模式*/
.case-ul1>li:first-child { margin-top: 0; }
.case-ul1>li { margin-top: 10px; background: #fff; }
.case-ul1 dd { padding: 12px 30px; color: #333; font-size: 18px; cursor: pointer; }
.case-ul1 dd:after { font-family: "黑体"; content: '>'; color: #999; font-weight: bold; float: right; }
.case-ul1 dt { display: none; padding: 10px 0 30px; }
.case-ul2 { display: inline-block; color: #333; font-size: 14px; width: 100%; vertical-align: top; }
.case-ul2 li:nth-child(4n+1) { }
.case-ul1>li:first-child dt { display: block; }
.case-ul2 li { transition: 0.3s ease 0s; cursor: pointer; margin-top: 20px; margin-left: 2.5%; border: 1px solid #eee; padding: 17.5px 0; background: #f5f5f5; line-height: normal; width: 21.7%; float: left; }
.case-ul2 p { padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-ul2 p:before { transition: 0.3s ease 0s; content: ''; display: inline-block; border-style: solid; border-color: transparent transparent transparent #eb6100; border-width: 5px 0 5px 5px; margin-left: 5px; margin-right: 10px; }
.case-ul2 li:hover { background: #666; color: #fff; border-color: #666; }
.case-ul2 li:hover :before { border-color: transparent transparent transparent #fff; }
.case-ul1 .on { color: #fff; background: #eb6100; }
.case-ul1 .on:after { color: #fff; }
/*色板*/

.PhotoList_h1 { border-radius: 5px; padding: 20px 0 10px; vertical-align: top; display: inline-block; background: #fff; text-align: center; }
.PhotoList_h1 li { margin-bottom: 25px; font-size: 14px; margin-left: 1.125%; width: 13%; float: left; line-height: normal; }
.PhotoList_h1 img { width: 100%;height:100px; }
.PhotoList_h1 p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.net img { margin: 40px auto 0; max-width: 100%; }
.net { font-size: 14px; text-align: center; color: #666; line-height: 1.7; }
/*联系方式*/
.rid75 .about-title { padding-bottom: 2vw; }
.rid75 .about-title span:first-child { color: #eb6100; font-size: 30px; }
.rid75 .about-title span:last-child { line-height: normal; font-size: 16px; }
.about-title span { text-transform: capitalize; display: block; }
.rid75>ul li:nth-child(2n+1) { margin-left: 0; }
.rid75>ul li { display: inline-block; vertical-align: top; width: 48%; margin: 10px 0 10px 2%; }
.rid75 img { width: 20px; vertical-align: middle; display: inline-block; margin-right: 15px; }
.rid75 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd; }
.rid75 li span { width: 88%; width: calc(100% - 35px); display: inline-block; vertical-align: top; }
/*product_detail*/
.select select { margin-top: 15px; }
.pro-TL { font-size: 20px; float: left; font-weight: bold; color: #eb6100; }
.pro-TR { float: right; }
.productT { border-bottom: 1px dashed #ddd; display: inline-block; width: 100%; vertical-align: top; padding-bottom: 15px; }
.pro-TR select { cursor: pointer; padding: 5px 15px; font-size: 14px; max-width: 100%; }
.photo.product-detail .PhotoList_i1 li a:before { display: none; }
.photo.product-detail .PhotoList_i1 li a img { max-height: 100%; max-width: 100%; }
.photo.product-detail .PhotoList_i1 li a { height: 65vw; max-height: 530px; }
.pro-img { height: 84%; text-align: center; background: #fff; overflow: hidden; padding: 10px; }
.product-detail h4 { overflow: hidden; font-weight: normal; padding: 10px 20px; white-space: nowrap; }
.photo.product-detail .PhotoList_i1 li:hover a { background: #fff; }
.photo.product-detail .PhotoList_i1 li a:hover h4 { color: #eb6100; }
.section { overflow: hidden; }
.s6-CR { transform: translate(200px, 0) scale(1);  transition: 0.5s ease 0.3s; }
.s5-box li:nth-child(1), .s5-box li:nth-child(3) { transform: translate(0, -100%) scale(1);  transition: 0.5s ease 0.3s; }
.s5-box li:nth-child(2), .s5-box li:nth-child(4) { transform: translate(0, 100%) scale(1);  transition: 0.5s ease 0.3s; }
.s4-T li:nth-child(1) { transform: translate(-150px, -150px) scale(1);  transition: 0.5s ease 0.3s; }
.s4-T li:nth-child(2), .s4-T li:nth-child(3) { transform: translate(0, -150px) scale(1);  transition: 0.5s ease 0.3s; }
.s4-T li:nth-child(4) { transform: translate(0, 150px) scale(1);  transition: 0.5s ease 0.3s; }
.s4-T li:nth-child(5) { transform: translate(150px, 150px) scale(1);  transition: 0.5s ease 0.3s; }
.s4-B li:first-child { transform: translate(150px, -150px) scale(1);  transition: 0.5s ease 0.3s; }
.s4-B li:last-child { transform: translate(-150px, 150px) scale(1);  transition: 0.5s ease 0.3s; }
.fp-section.active .s6-CR, .fp-section.active .s5-box li:nth-child(1), .fp-section.active .s5-box li:nth-child(3), .fp-section.active .s5-box li:nth-child(2), .fp-section.active .s5-box li:nth-child(4), .fp-section.active .s2-left, .fp-section.active .s2-right, .fp-section.active .s3-boxT, .fp-section.active .s3-boxB, .fp-section.active .s4-T li:nth-child(1), .fp-section.active .s4-T li:nth-child(2), .fp-section.active .s4-T li:nth-child(3), .fp-section.active .s4-B li:first-child, .fp-section.active .s4-B li:last-child, .fp-section.active .s4-T li:nth-child(4), .fp-section.active .s4-T li:nth-child(5) { transform: translate(0, 0) scale(1); opacity: 1; }
/*返回*/
.goback { opacity: 0.8; width: 70px; display: none; color: #fff; background: #eb6100; margin-right: 20px; font-size: 14px; text-align: center; }
.goback:hover { opacity: 1; }
.goback.mob-720 { display: none; }
/*add*/
.add :before { display: none !important; }



#pbpage_38{overflow-y: auto!important;}



@charset "utf-8";
*{margin:0; border:0; padding:0;}
body{font-size:14px; font-family:"微软雅黑",Microsoft YaHei;}
a{color:inherit; outline:none; text-decoration:none; transition:0.3s linear 0s;}
ul,li,ol{list-style-type:none;}
input,textarea,button,select{outline:none; font-family:"微软雅黑",Microsoft YaHei;}
img{transition:0.5s linear 0s;}
em,i{font-style:normal;}
b{font-weight:normal;}
/*宽度*/
.w-100{width:100%;}
.mw-100{max-width:100%;}
.w-1200{width:100%; max-width:1200px; margin:0 auto;}
.w-1400{width:100%; max-width:1400px; margin:0 auto;}
/*字体*/
.font-size24{font-size:24px;}
/*对齐方式*/
.dis-t,.dis-m,.dis-b,.dis-s{display:inline-block;}
.dis-t{vertical-align:top;}
.dis-m{vertical-align:middle;}
.dis-b{vertical-align:bottom;}
.dis-s{vertical-align:sub;}
/*显示/隐藏尺寸*/
.pc,.pc-720,.pc-1200{display:block;}
.mob,.mob-720,.mob-1200{display:none;}
.vis{overflow:visible !important;}
/*形状*/
.sanjiao-L:after {content: '';display: inline-block;border-style: solid;border-color: transparent transparent transparent #fff;border-width: 4px 0 4px 5px;margin-left: 5px;}
.sanjiao-B:after {content: '';display: inline-block;border-style: solid;border-color: #fff transparent transparent transparent;border-width: 4px 5px 0px 5px;margin-left: 5px;}
/*浮动*/
.float-right{float:right;}
#service img{display: inline-block;}
#service {
    background-color: #eb6100 ;
    padding: 1em 0.8em 3.5em 0.8em;
    position: fixed;
    right: 0;
    top: auto;
    bottom: 50px;
    z-index: 6;
    text-align: center;
    display: block;
    color: #fff;
}
@media screen and (max-width: 640px){
    #service p{font-size: 3.6vw;}
    #service{min-height: 6em;padding: 0.5em 0.5em 2.5em 0.5em;}
}




.fanye{  text-align:center;  margin:30px 0 20px 0;}
.fanye li{display:inline}
.fanye a, .fanye span{ border:#bbb solid 1px; 
    padding:0px 15px; 
    font-size:14px; 
    color:#666; 
    line-height: 36px; 
    display: inline-block; 
    border-radius: 5px;
    margin:0 1px;}
.fanye a:hover{ color:white; 
    background-color:#dc2017; 
    border:#dc2017 solid 1px;}
.fanye span.current{ color:white; 
    background-color:#dc2017; 
    border:#dc2017 solid 1px;}
.fanye span.disable{  }
.fanye .active span{background:#dc2017;color:#ffffff}