body,html,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td { margin:0; padding:0; } body,button,input,select,textarea { font:15px/1 'Microsoft YaHei','\5fae\8f6f\96c5\9ed1','\5b8b\4f53',sans-serif; color:#323232; } address,cite,dfn,em,var,i { font-style:normal; } code,kbd,pre,samp,tt { font-family:'Courier New',Courier,monospace; } b { font-weight:normal; } ul,ol { list-style:none; } a { text-decoration:none; color:inherit; } a:hover,a:link,a:visited { cursor:pointer; text-decoration:none; color:inherit; } fieldset,img { border:none; } button,input,select,textarea { font-size:100%; } input:focus { outline:none; } table { border-spacing:0; border-collapse:collapse; } .pr { position:relative; } .pa { position:absolute; } .fl { float:left; } .fr { float:right; } dt,dd { float:left; } .clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical > .btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after { display:none; } .navbar-collapse { padding:0; } @keyframes footShow { from { height:5px; } to { height:130px; } }@-webkit-keyframes footShow { from { height:5px; } to { height:130px; } }@keyframes footHide { from { height:130px; } to { height:5px; } }@-webkit-keyframes footHide { from { height:130px; } to { height:5px; } }@keyframes footIconDeg { 0% { transform:rotate(0deg); } 100% { transform:rotate(180deg); } }@-webkit-keyframes footIconDeg { 0% { transform:rotate(0deg); } 100% { transform:rotate(180deg); } }@keyframes footIconDegBack { 0% { transform:rotate(180deg); } 100% { transform:rotate(0deg); } }@-webkit-keyframes footIconDegBack { 0% { transform:rotate(180deg); } 100% { transform:rotate(0deg); } }video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width:calc(100% + 30px); } #header { position:fixed; z-index:1000; top:0; width:100%; height:70px; background:#fff; box-shadow:0px 3px 10px #eee; } .logo { top:-10px; left:calc( 50% - 42px); width:84px; } .logo img { width:100%; margin-top:10px; } .header { width:100%; height:70px; } nav .navbar-toggle span { background:#000; } .header .navbar-collapse { width:100%; margin-top:56px; background:#fff; } .navbar-toggle { margin:20px 0 13px 0; } .header .navbar-collapse { width:135px; } .navbar-nav { width:135px; margin:0; } .nav_line { display:none; width:135px; } .navbar-collapse.in { overflow:hidden; } .navbar-toggle { float:left; } .nav > li > a:hover,.nav > li > a:focus { color:#fff; background:#ea5529; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .language { margin-top:24px; padding-right:10px; padding-left:10px; } .nav_Rline { display:none; width:120px; } .dropdown-menu { border:none; box-shadow:none; border-radius:0px; margin-top:0; } .language:hover .dropdown0 { display:block; } .language:hover .nav_Rline { z-index:1001; top:39px; right:0; left:auto; display:block; width:120px; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .dropdown-menu.dropdown0 { top:22px; right:0; left:auto; min-width:120px; padding-top:33px; } .dropdown-menu.dropdown0 > li { width:120px; padding:0 15px; } .dropdown-menu.dropdown0 > li > a { padding:12px 10px; } .dropdown0 li img { width:26px; } .dropdown0 > li:hover a,.dropdown0 > li:focus a { background:none; color:#fff; } .dropdown0 > li:hover,.dropdown0 > li:focus { color:#fff; background:#ea5529; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .dropdown-menu .space a { letter-spacing:-1px; } .compareLine { color:#ea5529; } .freetel{ display: none; } @media (min-width:768px) { #header { height:140px; } .logo { top: 20px; left:10%; width:115px; } .header { margin:90px auto 0; width:80%; max-width:1440px; height:50px; } .header nav .bodor-nav-box > .nav { display:flex; flex-direction:row; width:600px; height:50px; justify-content:flex-start; clear:both; } #header .navBox li { width:96px; } #header .navBox li .hoverTop { display:inline-block; } #header .navBox li .dropmenu li { width:100%; } #header .navBox li .dropmenu li a { display:block; } #header .header .nav-center { width:384px; line-height:40px; height:40px; margin:0 auto; font-size:16px; } .header .navbar-collapse { margin-top:0px; width:384px; } .language { margin-top: 11px; } .nav>li>a { padding:10px 0; } .dropmenu { width:160px; border-radius:0? } .dropmenu>li>a { padding:10px 12px; } .nav > li:hover .hoverTop,.nav > li:focus .hoverTop { border-top:2px solid #ea5529; background:transparent; color:#444; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .nav > li:hover .nav_line,.nav > li:focus .nav_line { display:block; width:160px; top:44px; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .nav > li:hover .dropmenu,.nav > li:focus .dropmenu { display:block; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .dropmenu>li>a:hover,.dropmenu>li>a:focus { background:#ea5529; color:#fff; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .language:hover .nav_Rline { top:34px; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .freetel{ display: block; top: 40px; right:calc(10% + 10px); font-size: 16px; } .freetel span{ color: #ea5529; font-weight: 800; } } @media (min-width:960px) { .compareLinePC{ margin-right: 22px; } } @media (min-width:1280px) { #header { height:100px; } .header{ margin: 50px auto; } .logo { top:0px; } .nav-center{ padding-left: 140px; } .freetel{ top: 26px; } } @media (min-width:1800px) { .logo { left: calc( 50% - 720px); } .freetel{ right: calc( 50% - 710px); } } .blackLayer { width:100%; overflow:hidden; z-index:399; position:absolute; left:0; background-color:rgba(0,0,0,0.6); top:70px; display:none; } @media (min-width:768px) { .blackLayer { top:100px; } } @media (min-width:1600px) { .blackLayer { top:90px; } } .banner .carousel-indicators li { background-color:#eee; border:1px solid #eee; } .allBox { overflow:hidden; width:100%; margin-top:70px; } #banner { overflow:hidden; width:100%; } .banner { width:100%; } .b_video { display:none; } .carousel-inner>.item>img { max-width:100%; margin-left:0%; } .leader { top:10%; padding:0 10%; color:#fff; } .leader p { font-size:18px; font-weight:800; line-height:1.5; letter-spacing:2px; } .leader i { font-size:14px; font-style:italic; line-height:1.5; display:block; } .moreDetail { font-size:16px; line-height:36px; width:120px; height:36px; margin-top:10px; text-align:center; background:#ea5529; } .moreDetail a { display:block; width:120px; height:36px; } .moreDetail img { width:16px; margin-top:14px; margin-left:4px; } #banner .moreDetail:hover { color:#ea5529; background:#ccc; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .animate { font-size:16px; top:16px; right:16px; color:#fff; cursor:pointer; } .compareLinePC { display:none; color:#ea5529; } @media (min-width:540px) { .leader { top:15%; } }@media (min-width:640px) { .carousel-inner>.item>img { width:100%; margin-left:0; } .banner { display:none; } .b_video { display:block; } }@media (min-width:768px) { .allBox { margin-top:140px; } .leader p { font-size:26px; letter-spacing:4px; } .moreDetail { margin-top:30px; } .leader i { margin-top:6px; } .nav .compareLine { display:none; } .compareLinePC{ display:block; padding:11px 4px; } .compareLinePC img { width:16px; margin-right:4px; } .compareLinePC a,.yuyan { font-size:16px; display:block; } .yuyan img { width:18px; margin-right:4px; } .compareLinePC:hover .compareLinePCdropmenu,.compareLinePC:hover .nav_line { display:block; } .compareLinePCdropmenu { overflow:hidden; padding-top:18px; } .compareLinePCdropmenu a { font-size:14px; } .compareLinePC .nav_line { width:160px; top:44px; z-index:9999; left:-1px; } }@media (min-width:1080px) { .leader p { font-size:32px; letter-spacing:6px; } .moreDetail { line-height:40px; width:140px; height:40px; margin-top:40px; } .moreDetail a { display:block; line-height:40px; width:140px; height:40px; } .moreDetail img { margin-top:16px; } .leader i { margin-top:10px; } } @media (min-width:1280px) { .allBox { margin-top:90px; } } #content { overflow:hidden; width:100%; } .content1 { overflow:hidden; width:90%; margin:0px 5% 40px; } .content1 li { padding:0; } .content1 li img { width:100%; } .content1 li img:hover { overflow:hidden; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); } .classfy h3 { font-size:16px; line-height:1.5; text-align:center; } .classfyList { margin-top:10px; overflow:hidden; } .classfyList li { margin-bottom:20px; } .classfyList li p { font-size:15px; line-height:2; text-align:center; margin-top:10px; } .classfyList li p span { color:#ea5529; } .BodorGenius { width:100%; overflow:hidden; padding:55px 0; } .BodorGenius h3,.BodorGenius h4 { font-size:18px; text-align:center; line-height:1.5; letter-spacing:2px; } .BodorGenius h4 { font-weight:900; } .BodorGenius h4 span { color:#ea5529; } .bgBox { width:100%; max-width:1000px; margin:0 auto; } .bgBox img { display:block; width:40%; max-width:350px; margin:20px auto 0; } .BG1 { top:58%; right:60%; } .BG1 h4 { letter-spacing:0; font-size:14px; text-align:right; } .BG1 p { font-size:12px; text-align:right; line-height:1.5; } .BG2 p,.BG3 p { font-size:12px; text-align:left; line-height:1.5; } .BG2 h4,.BG3 h4 { letter-spacing:0; font-size:14px; text-align:left; } .BG2 { top:16%; left:60%; } .BG3 { top:88%; left:55%; } .blackTri { width:26px; height:16px; margin:70px auto 0; text-align:center; } .black { top:0; left:0; } .orange { display:none; } .blackTri:hover .black { display:none; } .blackTri:hover .orange { display:block; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .BG1:hover,.BG2:hover,.BG3:hover { color:#ea5529; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } #videoBox { width:100%; overflow:hidden; padding:40px 5%; background:url(../Images/videobg.jpg) no-repeat; background-size: cover; } .video { width:100%; box-shadow:0px 3px 12px 3px #aaa; -moz-box-shadow:0px 3px 12px 3px #aaa; -webkit-box-shadow:0px 3px 12px 3px #aaa; } .videoWord { margin-top:20px; } .videoWord h3 { font-size:16px; font-weight:800; line-height:1.5; } .videoWord p { font-size:15px; line-height:1.5; } .videoBox { width:100%; overflow:hidden; max-width:1440px; margin:0 auto; padding:10px; } .videoBox .moreDetail { margin:20px auto; color:#fff; } .videoWord:hover h3,.videoWord:hover p { color:#ea5529; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .technology .carousel-indicators li{ border: 1px solid #ea5529; } .technology a{ display: block; width: 100%; } .technology a img{ display: block; width: 100%; } @media (min-width:450px) { .content1 { overflow:hidden; width:80%; margin:0px 10% 40px; } .BodorGenius { padding:40px 0; } .BG1 h4,.BG2 h4,.BG3 h4 { font-size:16px; } .BG1 p,.BG2 p,.BG3 p { font-size:14px; } .videoWord h3 { font-size:18px; } }@media (min-width:540px) { .carousel-inner>.item>.ironBg { width:120%; margin-left:-10%; } .BG1 { right:65%; } .BG2 { left:65%; } .BG3 { left:60%; } .beamWord { padding-left:20%; } .BG1 p,.BG2 p,.BG3 p { font-size:15px; } }@media (min-width:640px) { .carousel-inner>.item>.ironBg { width:100%; margin-left:0; } .BG1 { right:68%; } .BG2 { left:67%; } .BG3 { left:63%; } }@media (min-width:768px) { .classfyList li { padding:0 10px; } .classfy h3 { font-size:18px; } .classfyList li p { font-size:16px; line-height:1.5; } .content1 { margin:0px 10% 70px; } .BG1 h4,.BG2 h4,.BG3 h4 { font-size:18px; } .BG1 p,.BG2 p,.BG3 p { font-size:16px; } #videoBox { padding:70px 10%; } .video { float:left; width:60%; } .videoWord { float:left; width:40%; padding-left:5%; /* margin-top:20px; */ } .videoWord h3 { font-size:18px; } .videoWord p { font-size:16px; margin-top:8px; } .videoBox .moreDetail { margin-left:0; margin-top:30px; } }@media (min-width:960px) { .BodorGenius h3,.BodorGenius h4 { font-size:20px; } .BG1 h4,.BG2 h4,.BG3 h4 { font-size:18px; } .BG1 p,.BG2 p,.BG3 p { font-size:16px; } .video { float:left; width:50%; /* margin-top:20px; margin-bottom:20px; */ } .videoWord { float:left; width:50%; padding-left:5%; /* margin-top:70px; */ } }@media (min-width:1200px) { .content1 { width:80%; max-width:1440px; margin:0px auto 0px; } /* .video { margin-top:50px; margin-bottom:50px; } */ .videoWord { /* margin-top:120px; */ padding-left:8%; } .videoWord h3 { font-size:22px; } .videoWord p { font-size:16px; margin-top:8px; } }@media (min-width:1440px) { .videoWord { /* margin-top:140px; */ } } .content30 { width:100%; overflow:hidden; padding:30px 10%; background:url(../Images/company.jpg) no-repeat; background-size:cover; } .content30 ul { width:100%; overflow:hidden; margin-top:20px; } .content30 ul li img { width:100%; } .m_aboutTitle h3 { color:#fff; font-size:16px; text-align:center; line-height:1.5; } .m_cultureBg { overflow:hidden; background:#555; color:#fff; } .m_companyBg { overflow:hidden; } .m_cultureBg p,.m_companyBg p { line-height:1.5; color:#fff; } .content30 .col-xs-6 { padding:5px; } .tri { margin-bottom:10px; } .content31 { display:none; } .m_culWord { top:10px; left:10px; font-size:14px; } .m_culEn { top:30px; left:10px; font-size:12px; } .m_comWord { top:10px; right:10px; font-size:14px; text-align:right; } .m_comEn { top:30px; right:10px; font-size:12px; text-align:right; } .m_culImg,.m_comImg { display:none; } .content31 li { overflow:hidden; } .content31 li:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .content4 { width:100%; overflow:hidden; padding:40px 10%; background:#fbfbfb; } .cTitle h3 { font-size:16px; text-align:center; line-height:1.5; } .cTitle h4 { font-size:16px; text-align:center; line-height:1.5; } .newList { width:100%; overflow:hidden; margin-top:20px; } .newList li { padding:5px; } .time { font-size:15px; line-height:2; } .newList li h4 { font-size:15px; line-height:1.8; font-weight:600; height:55px; } .mainCon { font-size:15px; line-height:1.5; } .newBox { width:100%; height:210px; margin:0 2px; padding:15px; background:#fff; } .newBox a { font-size:14px; } .content5 { width:100%; overflow:hidden; } .content5 li img { width:100%; } .content5 li { overflow:hidden; } .content31 li:hover p { color:#ea5529; transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .content5 li:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; } .content5 .col-xs-12,.content5 .col-sm-6 { padding:0; } .dyWord { font-size:18px; top:calc(50% - 50px); left:calc(50% - 40px); } .dyEn { font-size:16px; top:calc(50% - 20px); left:calc(50% - 80px); } .dyMore { width:100px; height:36px; line-height:36px; background:#ea5529; color:#fff; font-size:16px; text-align:center; top:calc(50% + 10px); left:calc(50% - 52px); } .dyMore a { display:block; width:100px; height:36px; } .culTitle a { display:block; } .newBox:hover { border:1px solid #ea5529; background:none; } @media (min-width:540px) { .content30 ul li .m_culImg,.content30 ul li .m_comImg { display:block; width:20px; top:50px; } .m_culWord { top:20px; left:10px; font-size:14px; } .m_culEn { top:45px; left:10px; font-size:12px; } .content30 ul li .m_culImg { top:70px; left:10px; } .m_comWord { top:50px; right:10px; font-size:14px; text-align:right; } .m_comEn { top:75px; right:10px; font-size:12px; text-align:right; } .content30 ul li .m_comImg { top:100px; right:10px; } .newList .col-xs-12 { /* width:50%; */ } }@media (min-width:768px) { .content30 { display:none; } .content31 { display:block; width:100%; padding:70px 10%; color:#fff; overflow:hidden; background:url(../Images/company.jpg) no-repeat; background-size:cover; } .cContent31 { width:100%; max-width:1440px; overflow:hidden; margin:0 auto; } .content31 .col-sm-3 { padding:0; } .content31 li img { width:100%; } .aboutTitle h3 { font-size:16px; top:0; left:0; } .aboutTitle h4 { font-size:16px; top:30px; left:0; } .aboutTitle p { width:28px; height:0px; border:1px solid #fff; left:0; top:70px; } .culTitle { background:#fff; color:#333; } .culWord { top:20px; left:15px; font-size:14px; } .culEn { top:40px; left:15px; font-size:12px; line-height:1.5; } .culMore { background:#ea5529; } .culMore a { top:calc(50% - 10px); left:calc(50% - 40px); font-size:16px; } .culImg { display:none; } .culMore a img { width:24px; top:calc(50% - 6px); left:calc(50% + 36px); } .cTitle h3 { font-size:18px; } .content4 { padding:70px 0; } .cContent4 { width:80%; max-width:1440px; margin:0 auto; } .dyWord { font-size:22px; } .dyEn { font-size:20px; top:calc(50% - 20px); left:calc(50% - 90px); } .dyMore { font-size:16px; text-align:center; top:calc(50% + 20px); left:calc(50% - 46px); } .cTitle h3 { text-align:left; } .cTitle h4 { text-align:left; } }@media (min-width:880px) { .content31 li .culImg { display:block; width:20px; top:70px; left:15px; } }@media (min-width:1080px) { .aboutTitle h3,.aboutTitle h4 { font-size:18px; } .culWord { font-size:16px; top:40px; } .culEn { font-size:14px; top:60px; } .content31 li .culImg { display:block; width:20px; top:90px; left:15px; } .culMore a { font-size:18px; left:calc(50% - 40px); } .culMore a img { width:24px; top:calc(50% - 6px); left:calc(50% + 40px); } .newList .col-md-3 { width:25%; } .newBox { width:100%; height:220px; } }@media (min-width:1200px) { .time { font-size:15px; } .newList li h4 { font-size:15px; } .mainCon { font-size:15px; } .content31 { padding:100px 0; } .cContent31 { width:80%; max-width:1440px; margin:0 auto; } }@media (min-width:1440px) { .culWord { font-size:16px; top:60px; } .culEn { font-size:14px; top:80px; } .content31 li .culImg { top:110px; } }#footer { width:100%; overflow:hidden; background:#444; color:#fff; padding-bottom:60px; } .footer { width:90%; margin:0 auto; overflow:hidden; } .footer1 { width:100%; overflow:hidden; } .foot { margin-top:25px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.1); } .foot p { width:100%; height:28px; font-weight:bold; } .foot i { width:15px; height:15px; background:url(../Images/more.png) no-repeat; background-size:cover; } .foot.choose i { transform:rotate(180deg); animation:footIconDeg .5s; -webkit-animation:footIconDeg .5s; } .foot.noChoose i { transform:rotate(0deg); animation:footIconDegBack .5s; -webkit-animation:footIconDegBack .5s; } .foot ul { padding-top:5px; height:0; overflow:hidden; box-sizing:border-box; } .foot ul li { height:30px; line-height:30px; color:#efefef; } .share { width:100%; overflow:hidden; } .bdsharebuttonbox { width:100%; height:30px; } .footer2 { width:100%; overflow:hidden; } .codeimg { width:100%; } .codeimg img { width:100%; height:auto; margin-top:5%; } .footer3 { width:100%; overflow:hidden; margin-top:30px; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:10px; padding-bottom:6px; } .tel p { display:block; width:100%; line-height:24px; text-align:center; } .footer3 p,.footer4 p { display:block; width:100%; line-height:24px; text-align:left; } .tel p { margin-top:10px; } .choose.foot ul { animation:footShow .5s; -webkit-animation:footShow .5s; height:auto; } .noChoose.foot ul { animation:footHide .5s; -webkit-animation:footHide .5s; height:5px; } @media (min-width:768px) { .footer { font-size:14px; width:90%; overflow:hidden; margin:0 auto; } .foot i { display:none; } .foot { border:none; } .footer1 .foot { border-bottom:1px solid rgba(255,255,255,.1); } .footer1 { padding:0; } .footer1 p { width:80px; line-height:28px; float:left; } .footer1 ul { width:calc(100% - 80px); height:auto; line-height:28px; float:left; padding:0; display:block; } .footer1 ul li { height:28px; line-height:28px; float:left; padding-right:20px; } .footer2 .foot-nav { width:calc(100% - 260px); overflow:hidden; float:left; } .footer2 .foot { float:left; width:calc(100%/4); max-width:250px; } .footer2 .share { width:260px; float:right; } .footer2 ul { display:block; height:auto; } .footer3 { margin-top:70px; } .footer4 { padding-bottom:20px; } .footer3 p,.footer4 p { width:640px; margin:0 auto; } .choose.foot ul { animation:none; -webkit-animation:none; height:auto; } .noChoose.foot ul { animation:none; -webkit-animation:none; height:auto; } .footer1 .choose.foot ul { animation:none; -webkit-animation:none; height:auto; } .footer1 .noChoose.foot ul { animation:none; -webkit-animation:none; height:auto; } }@media (min-width:960px) { .footer { font-size:14px; width:80%; max-width:1440px; overflow:hidden; margin:0 auto; } }#footerpr { position:fixed; bottom:0; left:0; width:100%; height:40px; background-color:rgba(203,42,14,0.8); display:-webkit-box; display:-moz-box; display:-o-box; display:-ms-box; display:box; } #footerpr li { -webkit-box-flex:1; -moz-box-flex:1; -o-box-flex:1; -ms-box-flex:1; box-flex:1; height:40px; text-align:center; } #footerpr li a { display:block; } #footerpr li img { display:block; text-align:center; float:left; } #footerpr li span { display:block; float:left; color:#fff; line-height:40px; } .contactFour { display:none; } @media (min-width:768px) { #footerpr { display:none; } #footer { padding-bottom:0; } .contactFour { display:block; } .contactFour { position:fixed; bottom:410px; right:0; z-index:1001; } .contactFour li { background:#ea5529; color:#fff; margin-bottom:2px; width:60px; height:60px; } .contactFour li p { width:60px; height:40px; display:table-cell; vertical-align:middle; text-align:center; } .contactFour li p img { vertical-align:middle; } .contactFour li { text-align:center; } .contactFour li:hover { background:#ddd; color:#fff; } .contactTel { bottom:0px; right:60px; line-height:20px; width:130px; height:120px; display:none; padding-bottom:20px; border:1px solid #ccc; background:#fff; padding:10px; } .contactTel .freeTel,#API-FLOAT-CONTAINER { width:240px; } .api-lxb-cb-con input { margin-bottom:7px; width:107px; } .freeTel { font-size:14px; line-height:20px; } .freeTel i { color:#ea5529; font-weight:bold; } #telInput { width:100px; height:18px; background:#fff; outline:none; } #callBtn { background:#ea5529; color:#fff; border:none; outline:none; } .contactTel span { line-height:22px; } .footLogo { margin-top:17px; } #callBtn:hover .contactTel { display:block; color:#292929; } }#contact { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(3,3,3,0.5); z-index:1999; display:none; } .plane { display:none; } .contactBox { width:66%; overflow:hidden; border:1px solid #fff; margin:auto; position:absolute; padding:14px; background:#fff; border:none; top:50%; left:50%; transform:translate(-50%,-50%); } .cLogo { display:none; } .cMessage p { color:#000; font-size:18px; width:90%; margin-left:5%; } .cMessage form { margin-top:10px; width:90%; margin-left:5%; } .cMessage form input { width:100%; line-height:30px; margin-bottom:16px; outline:0; border:none; border:1px solid #ccc; padding-left:6px; } .cMessage form textarea { width:100%; height:68px; outline:0; border:none; border:1px solid #ccc; padding-left:6px; line-height:30px; } .cMessage form .submit1 { float:left; width:30%; margin-left:15%; margin-right:5%; margin-top:20px; margin-bottom:0; } .cMessage form .reset1 { float:left; width:30%; margin-left:5%; margin-right:15%; margin-top:20px; margin-bottom:0; } .close { position:absolute; top:6px; right:6px; z-index:1000; } .close img { width:30px; } @media (min-width:540px) { .contactBox { width:60%; } }@media (min-width:640px) { .contactBox { width:50%; } }@media (min-width:768px) { .contactBox { width:660px; margin:0 auto; overflow:hidden; padding:0; } .cLogo { display:block; float:left; width:240px; } .cLogo img { width:100%; } .cMessage { float:left; width:380px; margin-left:20px; } .cMessage p { margin-top:35px; } .plane { display:none; position:absolute; top:60%; right:20%; } }#cnzz_stat_icon_1263291750 { position:relative; bottom:100px; z-index:-10; display:none; } #brower_info { position:fixed; top:0; bottom:0; left:0; right:0; background:#fff; display:none; z-index:9000; } #brower_info p { font-size:24px; text-align:center; } .foot a:hover,.foot a:focus { background:none; filter:alpha(opacity=75); opacity:0.75; } .lisWindow { display:none; } #mfooterpr { position:fixed; bottom:0; left:0; width:100%; max-width: 750px; height:40px; background-color:rgba(203,42,14,0.8); display:-webkit-box; display:-moz-box; display:-o-box; display:-ms-box; display:box; } #mfooterpr li { -webkit-box-flex:1; -moz-box-flex:1; -o-box-flex:1; -ms-box-flex:1; box-flex:1; height:40px; line-height:40px; text-align:center; } #mfooterpr li a { display:block; color:#fff; } .signUp { width:200px; height:40px; line-height:40px; background:#ea5529; color:#fff; top:65%; left:calc( 50% - 100px); text-align:center; animation-iteration-count:infinite; cursor:pointer; } .pcCils .signUp { display:none; } @media (min-width:768px) { #mfooterpr { display:none; } .lisWindow { display:block; position:fixed; bottom:80px; left:0; z-index:9999; width:100px; height:200px; } .lisWindow img { display:block; width:100%; } } .animated { -webkit-animation-duration:2s; animation-duration:2s; } .linkour{ width: 100px; margin: 10px auto; height: 32px; font-weight: 700; } .linkour .linkour1{ display: none; } .linkour .linkour1,.linkour .linkour2{ border-radius: 15px; border: 1px solid #555; background-size: 100% 100%; padding: 5px 7px; font-size: 14px; } .linkour .linkour2{ margin-left: 10px; } .linkour .linkour1:hover,.linkour .linkour2:hover{ border: 1px solid #ea5529; transiion-duration: 0.7s; color: #ea5529; } @media (min-width:540px) { .linkour{ width: 200px; } .linkour .linkour1{ display: block; } } #pcCils { z-index:8888; position:fixed; bottom: -750px; width: 100%; opacity:0.9; } .pcCils { width:100%; overflow:hidden; margin-top:0; } .pcCils .piaoping{ width: 100%; } .pcCils .piaoping1{ width: 100%; top: 0; } .pcCils .cilsCloseDown{ width:50px; height:50px; position:absolute; top:10px; right:10px; cursor:pointer; } .pcCils .signUp { display:block; } .carousel-control{ width:15% !important; } .carousel-control.left,.carousel-control.right{ background-image:none !important; } .img-sw{ width:68px !important; height:auto; position:absolute; top:50%; left:15px; margin-top:-34px; } .rights{ left:auto !important; right:15px !important; } .about-img{ width:100%; margin-top:10px; }