html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; text-rendering: optimizeLegibility } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } abbr[title],dfn[title] { border-bottom: 1px dotted; cursor: help } blockquote,q { quotes: none } blockquote:before,blockquote:after,q:before,q:after { content: none } del { text-decoration: line-through } hr { background: transparent; border: 0; clear: both; color: transparent; height: 1px; margin: 0; padding: 0 } mark { background-color: #ffffb3; font-style: italic } input,select { vertical-align: middle } ins { background-color: red; color: white; text-decoration: none } ol,ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0 } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0 } * html .clearfix,:first-child+html .clearfix { zoom:1} body { color: #444444; font-family: 'Open Sans', Arial, Verdana; font-weight: 400; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-size: 14px; line-height: 24px } html,body { height: 100%; *height: auto } p { margin-bottom: 8px; font-size: 14px } code,pre { display: block; clear: both; overflow: auto; padding: 10px; text-align: left; white-space: pre; line-height: 18px; margin: 20px 0; background-color: #ebebeb } img { max-width: 100%; height: auto } a { text-decoration: none; color: #444444 } a:hover { color: #faa50a; cursor: pointer } .l { float: left } .r { float: right } @font-face { font-family: MAN-bold; src: url(./fonts/maneuropecondensed_regular_eot.eot); src: url(./fonts/maneuropecondensed_bold_eot.eot?#iefix) format("embedded-opentype"),url(./fonts/maneuropecondensed_bold.woff2) format("woff2"),url(./fonts/MANEuropeCondensed-Bold-2.woff) format("woff"),url(./fonts/MANEuropeCondensed-Bold-1.ttf) format("truetype"),url(./fonts/maneuropecondensed_bold_svg#svgFontName) format("svg"); font-weight: 400 } @font-face { font-family: MAN-light; src: url(./fonts/maneurope_light_eot.eot); src: url(./fonts/maneurope_light_eot.eot?#iefix) format("embedded-opentype"),url(./fonts/maneurope_light_woff2.woff2) format("woff2"),url(./fonts/maneurope_light_woff.woff) format("woff"),url(./fonts/maneurope_light_ttf.ttf) format("truetype"),url(./fonts/maneurope_light_svg.svg#svgFontName) format("svg"); font-weight: 400 } @font-face { font-family: MAN-reg; src: url(./fonts/maneuropecondensed_regular_eot.eot); src: url(./fonts/maneuropecondensed_regular_eot.eot?#iefix) format("embedded-opentype"),url(./fonts/maneuropecondensed_regular.woff2) format("woff2"),url(./fonts/MANEuropeCondensed-Regular-2.woff) format("woff"),url(./fonts/MANEuropeCondensed-Regular-1.ttf) format("truetype"),url(./fonts/maneuropecondensed_regular_svg.svg#svgFontName) format("svg"); font-weight: 400 } .w1200 { max-width: 1200px; margin: 0 auto } #head { width: 100%; overflow: hidden; background-color: #212b5c } .top { overflow: hidden } .top .logo { float: left; width: 440px \9 } .top .top_right { float: right } .top span { display: block; float: left } .top .top_link { padding-top: 9px } .top .top_link a { display: inline-block; margin: 0 6px; padding: 2px; background: #f0f0f0 } .top .top_link a:hover { background: #faa50a } .top .top_email { padding-left: 48px; background: url(../images/top_email1.png) 11px center no-repeat; font-size: 18px; font-weight: 700; line-height: 44px; color: #222; margin-left: 10px; border: solid 1px #222; padding-right: 10px } .nav { padding: 10px 0; background: #2E365D; font-size: 22px; font-family: MAN-bold; letter-spacing: 1px } .nav ul { overflow: hidden } .nav ul li { float: left } .nav li a { color: #fff; display: block; line-height: 40px; padding: 0 46px; padding: 0 32px \9; *padding: 0 29px; padding: 0 29px \9 } .nav li a:hover { background: #faa50a; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px } .top_right { display: none } .new_logo { float: left; width: 200px; margin: 12px 0 } .new_nav { float: right; width: 74%; color: #fff; font-size: 17px; line-height: 74px; overflow: hidden } .new_nav ul { overflow: hidden } .new_nav ul li { float: left; padding: 0 2.8% } .new_nav ul li a { color: #fff; line-height: 38px; display: inline-block } .new_nav ul li:hover a { color: #faa50a; border-bottom: solid 2px #faa50a } .footer_bg { background: url(../images/foot_bg.jpg) center no-repeat; background-size: 100% 100%; *background: #222; background: #222 \9; margin-top: 65px } .footer_up { padding: 45px 0; overflow: hidden } .footer_down { background: #1c2025; text-align: center; line-height: 80px; font-size: 16px; color: #fff } .footer_down a { color: #fff } .footer_up .foot_cor { float: left; width: 25% } .foot_cor ul { overflow: hidden; margin-left: -1% } .foot_cor li { margin-left: 2%; float: left; width: 48%; margin-bottom: 1% } .foot_cor li img { width: 100% } .foot_cor li img:hover { animation: 0.35s linear 0s alternate none 1 featuresicon; -webkit-animation: 0.35s linear 0s alternate none 1 featuresicon } @keyframes featuresicon { 50% { transform: scaleX(0) } 100% { transform: scaleX(1) } } @-webkit-keyframes featuresicon { 50% { -webkit-transform: scaleX(0) } 100% { -webkit-transform: scaleX(1) } } .footer_up .foot_pro { float: left; width: 20%; padding: 0 5% 0 10% } .foot_pro ul { overflow: hidden } .foot_pro li { padding-left: 22px; width: 95%; background: url(../images/footer-pro.png) left center no-repeat; line-height: 36px; font-size: 16px; text-transform: Uppercase } .foot_pro li a { color: #fff } .foot_pro li:hover { margin-left: 3%; width: 92%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear } .footer_up .foot_contact { float: right; width: 35%; padding-right: 5% } .footer_t { font-size: 24px; font-weight: 700; color: #faa50a; margin-bottom: 25px; font-family: MAN-bold } .foot_contact p { margin-bottom: 8px; font-size: 16px; color: #fff } .foot_contact .foot_tel { padding-left: 40px; background: url(../images/footer_tel.png) left center no-repeat } .foot_contact .foot_email { padding-left: 40px; background: url(../images/footer_email.png) left center no-repeat } .foot_contact .foot_sent { color: #faa50a; margin-top: 35px } .foot_contact form { overflow: hidden; margin-top: 5px } .foot_contact form .input_text { float: left; width: 70%; line-height: 40px; color: #666; padding-left: 10px; height: 40px } .foot_contact form .btn { float: left; width: 22%; line-height: 40px; height: 40px; background: #faa50a; color: #fff; font-size: 18px; text-align: center; border: none 0; padding: 0 } .banner { width: 100%; position: relative; overflow: hidden } .banner ul { position: absolute } .banner ul li { width: 100%; height: 600px; float: left; background: no-repeat center center } .banner ol { height: 20px; width: 42px !important; position: absolute; left: 50%; bottom: 30px; padding: 0 10px; border-radius: 10px } .banner ol li { width: 10px; height: 10px; float: left; margin: 5px 5px; background: rgba(255,255,255,0.5); *background: #666; background: #666 \9; border-radius: 50%; cursor: pointer } .banner ol .current { background: #faa50a } .banner i { width: 58px; height: 120px; position: absolute; top: 50%; margin-top: -60px; cursor: pointer; border-radius: 5px; display: none } .banner .left { left: 60px } .banner .right { right: 60px } .banner .left:hover,.banner .right:hover { background-color: rgba(0,0,0,0.31) } .banner img { width: 100%; height: auto } #banner_point { Z-INDEX: 9999; POSITION: absolute; MARGIN: 0px 0px 0px -500px; WIDTH: 1000px; BOTTOM: 0px; HEIGHT: 20px; LEFT: 25% } #banner { Z-INDEX: 10; *Z-INDEX: -100; POSITION: relative; WIDTH: 100%; OVERFLOW: hidden } #banner img { width: 100% } #banner_list { width: 100%; margin: 0 auto; overflow: hidden } #banner_list IMG { margin: 0 auto; z-index: 1 } #banner_info { Z-INDEX: 1001; POSITION: absolute; LINE-HEIGHT: 30px; BOTTOM: 0px; DISPLAY: none; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 13px; CURSOR: pointer; FONT-WEIGHT: bold; LEFT: 100px } #banner_text { Z-INDEX: 1002; POSITION: absolute; WIDTH: 120px; BOTTOM: 3px; RIGHT: 3px } #banner UL { Z-INDEX: 1002; POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; BOTTOM: 10px; PADDING-RIGHT: 0px; RIGHT: 15px; PADDING-TOP: 0px } #banner UL LI { position: relative; text-align: center; line-height: 12px; width: 16px; display: inline; background: url(/images/ifpoff.png) no-repeat; float: left; height: 16px; color: #fff; cursor: pointer; margin-right: 5px } #banner UL LI.on { BACKGROUND: url(/images/ifpon.png) no-repeat; COLOR: #fff; width: 26px } #banner_list A { POSITION: absolute; WIDTH: 100%; DISPLAY: block; HEIGHT: 100% } #banner_point UL LI .pointLayer IMG { WIDTH: 61px; DISPLAY: block; FLOAT: left; HEIGHT: 61px } .index_pro_box { width: 100%; margin-top: 28px; overflow: hidden; background-color: #ebebeb; padding: 40px 0 } .index_pro_box ul li { width: 21%; float: left; text-align: center; background: #fff; position: relative; margin: 0 2%; padding: 30px 0 } .index_pro_box ul li span { width: 100%; height: 132px; display: block } .index_pro_box ul li .ps { background: url(../images/pc_posui.png) center top no-repeat } .index_pro_box ul li .mf { background: url(../images/pc_mofen.png) center top no-repeat } .index_pro_box ul li .xk { background: url(../images/pc_xuankuang.png) center top no-repeat } .index_pro_box ul li .jc { background: url(../images/pc_jiancai.png) center top no-repeat } .index_pro_box ul li .case { background: url(../images/case.png) center top no-repeat } .index_pro_box ul li:hover .ps,.index_pro_box ul li.active .ps { background: url(../images/ps1.png) center top no-repeat } .index_pro_box ul li:hover .mf,.index_pro_box ul li.active .mf { background: url(../images/mf1.png) center top no-repeat } .index_pro_box ul li:hover .xk,.index_pro_box ul li.active .xk { background: url(../images/xk1.png) center top no-repeat } .index_pro_box ul li:hover .jc,.index_pro_box ul li.active .jc { background: url(../images/jc1.png) center top no-repeat } .index_pro_box ul li:hover .case,.index_pro_box ul li.active .case { background: url(../images/case1.png) center top no-repeat } .index_pro_box ul li:hover a { color: #fff } .index_pro_box ul li.active { background: #222D59 } .index_pro_box ul li:hover { background: #222D59 } .index_pro_box ul li.active:hover { background: #222D59 } .index_pro_box ul li.active h4 { color: #fff; font-size: 20px; margin: 10PX 0; display: block } .index_pro_box ul li h4 { color: #333; font-size: 17px; margin: 16px 0 12px 0; padding: 0 15px; display: block; font-weight: normal; line-height: 24px; height: 48px } .index_pro_box ul li.active h4 a { color: #fff; font-size: 20px; margin-top: 5PX; display: block } .index_pro_box ul li.active p,.index_pro_box ul li.active a,.index_pro_box ul li:hover p,.index_pro_box ul li:hover h4 { color: #fff } .index_pro_box ul li.active p { font-size: 14px; color: #fff; line-height: 24px; width: 90% } .index_pro_box ul li.active span a { display: block; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; width: 46%; margin: 0 auto } .index_pro_box ul li p { width: 92%; margin: 0 auto; line-height: 28px; height: 55px; overflow: hidden; display: none } .index_pro_box ul li p a:hover { text-decoration: underline; color: #F00 } .index_comp_bg { width: 100%; margin-top: 80px; padding: 35px 0 } .index_comp .index_comp_t { margin: 30px 0 25px } .index_comp_t h3 { font-size: 40px; line-height: 34px; color: #000; margin: 3.4% 0 20px 0; text-align: left; font-family: MAN-bold } .index_comp_t h3 span { color: #F6C141 } .index_comp_t p { font-size: 16px; text-align: left; line-height: 26px } .index_comp p.more { line-height: 55px; background: #faa50a; font-weight: 700; font-size: 22px; width: 480px; text-align: center; margin-top: 30px; font-family: Calibri Light } .index_comp p.more a { display: block; color: #000 } .index_prolist { margin-top: 2%; overflow: hidden } _pro li:before { content: ''; background: #000; background: -moz-linear-gradient(top, #000 0%, #363636 100%); background: -webkit-linear-gradient(top, #000 0%, #363636 100%); background: linear-gradient(to bottom, #000 0%, #363636 100%); opacity: 0; position: absolute; left: 0; top: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; height: 100%; width: 100%; background: none \9 } _pro li:hover:before { opacity: 0.75 } .index_prolist ul { overflow: hidden; margin-left: -1.8% } .index_prolist li { width: 31.3333%; width: 31% \9; *width: 31%; margin-left: 1.8%; margin-bottom: 1.5%; float: left; position: relative; text-align: center; line-height: 0; position: relative } .index_prolist li img { width: 100%; height: auto } .index_prolist li p { position: absolute; left: 0; bottom: -8px; background: rgba(0,0,0,0.75); *background: #222; background: #222 \9; font-size: 22px; line-height: 50px; text-align: center; width: 100% } .index_prolist li p a { display: block; color: #fff } .index_prolist li p:hover { background: #000 } .index_plist_t { padding: 5%; position: absolute; top: 50%; left: 50%; *left: 22%; left: 22% \9; margin-right: -50%; opacity: 0; text-align: center; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 1; display: none \9; *display: none } .index_plist_t .index_pname { font-size: 40px; line-height: 1; margin-bottom: 40px; position: relative; color: #fff; font-family: MAN-bold } .index_plist_t .index_pname:after { background-color: #fab73d; content: ''; height: 3px; position: absolute; bottom: -20px; left: 30%; width: 40% } .index_plist_t p { color: #ccc; font-size: 21px } _pro li:hover .index_plist_t { opacity: 1 } .index_proj_bg { width: 100%; background: url(../images/index_proj_bg.jpg) center no-repeat; margin-top: 60px; padding: 20px 0 45px; background-size: cover } .index_proj_bg h2,.index_news h2,.index_prolist h2 { font-size: 36px; line-height: 100px; color: #000; font-family: MAN-bold } .index_prolist h2 { display: none } .index_proj_bg h2 a { color: #fff } .index_news h2 a { color: #000 } .index_proj_bg h2:hover a,.index_news h2:hover a { color: #FDC73C } .index_proj { overflow: hidden; margin-left: -3.8% } .index_proj dl { width: 46.2%; width: 46% \9; *width: 46%; float: left; margin-left: 3.8%; background: #fff; padding-bottom: 17px } .index_proj dl dt { position: relative; margin-bottom: 15px } .index_proj dl dt .index_proj_t { width: 80%; position: absolute; bottom: -1px; left: 10%; line-height: 50px; color: #000; font-size: 22px; text-align: center; background: #FDC73C; font-family: MAN-reg } .index_proj dl dd { line-height: 33px; font-size: 16px; padding: 0 20px } .index_proj dl dd strong { color: #013e7f; font-weight: 100 } .index_proj dl dd.more { text-align: right } .index_proj dl dd.more a { color: #faa50a } .index_conntact { width: 100%; background: url(../images/repeat-dark-blue-pattern.gif) repeat; padding: 40px 0; text-align: center } .index_conntact p { font-size: 30px; color: #fff; line-height: 60px; font-family: Calibri Light } .index_conntact p.more { width: 290px; line-height: 60px; background: #fff; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; margin-left: 38.5% } .index_conntact p.more a { color: #000 } .index_news { margin-top: 20px } .index_news ul { overflow: hidden; margin-left: -3% } .index_news li { width: 30.33%; *width: 29%; width: 30.3% \9; float: left; margin-left: 3% } .index_news li .index_news_time { padding-left: 35px; background: url(../images/index_news_time.png) left 2px no-repeat; font-size: 20px; color: #555; line-height: 30px; font-family: MAN-reg } .index_news li .index_news_t { font-size: 21px; line-height: 27px; margin: 12px 0 18px; font-family: MAN-reg } .index_news li .index_news_t a { color: #111 } .index_news li .index_news_t:hover a { color: #faa50a } .index_news li p { color: #666; line-height: 22px } .index_news li p.more { width: 115px; line-height: 30px; padding-right: 23px; background: url(../images/index_news_more.png) right center no-repeat #faa50a; font-size: 16px; text-align: center; display: block; margin-top: 13px } .index_news li p.more a { color: #fff } .main { width: 1200px; margin: 0 auto; margin-bottom: 4%; overflow: hidden } .mumping_mun { overflow: hidden; margin-top: 3.6% } .mumping_mun li { width: 20%; float: left } .main-left { width: 65%; float: left } .main_right { width: 32%; margin-top: 40px; float: right } .main_right img { width: 100%; height: auto } .mumping_mun p { font-size: 16px; text-align: center; color: #000; margin: 0; text-indent: 0; margin-top: 20px } .mumping_mun strong { font-size: 60px; font-weight: normal; color: #FCC401; font-family: Impact,Arial; text-align: center; width: auto; border-bottom: none; display: inline; background: none } .mun_top { text-align: center; margin: 25px 0 10px } .mun_top span { color: #333 } .container { font-size: 17px; color: #666; padding: 5px 0; height: 32px; margin-bottom: 20px; font-family: MAN-reg; border-bottom: solid 1px #e5e5e5; background-color: #f6f6f6 } .container span { margin: 0 10px } .ser_l dt img { display: block; margin: 0 auto; text-align: center } .ser_l dl { width: 30.333%; float: left; margin: 0 1.5% } .ser_l dd { width: 100%; margin-bottom: 45px; overflow: hidden } .ser_l dd h3 { color: #000; font-size: 24px; text-transform: capitalize; display: block; text-align: center; margin-bottom: 15px; margin-top: 10px } .ser_l dd p { color: #000; font-size: 14px; text-transform: capitalize; display: block; margin-bottom: 25px; color: #999; margin-top: 10px } .ser_l { width: 100% } .product_bg { padding: 50px 0; width: 100%; background-image: -moz-linear-gradient(-90deg, #dfe3ef 1%, #ebf1f7 100%); background-image: -webkit-linear-gradient(-90deg, #dfe3ef 1%, #ebf1f7 100%); background-image: -ms-linear-gradient(-90deg, #dfe3ef 1%, #ebf1f7 100%) } .product { overflow: hidden } .product .pro_text { width: 41%; float: right } .product .pro_img { width: 55%; float: left } .product .pro_img img { width: 100% } .product h1 { font-size: 42px; color: #1a1a1a; line-height: 44px; font-family: MAN-bold; margin-bottom: 15px } .product h1 span { height: 32px; background: url(../images/p_title_bg.png) center repeat-x; width: 8%; display: inline-block; margin: 0 30px; display: none } .pro_text p { line-height: 28px; font-size: 16px; color: #222; margin-bottom: 14px } .pro_text p strong { color: #222; margin-right: 4px } .pro_wl { overflow: hidden; margin-left: -1.5%; display: none } .pro_wl li { width: 17.5%; margin-left: 1.5%; float: left } .pro_wl li.more { width: 22% } .pro_wl li img { width: 100% } .pro_pdf { padding-left: 40px; margin-top: 2px; display: inline-block; cursor: pointer } .pro_pdf a { display: block; color: #013e7f } .pro_pdf p { margin-bottom: 0; padding: 5px 0; color: #013e7f } .pro_pdf span { border-bottom: solid 1px #ffcb01 } .pro_talk { overflow: hidden; margin-top: 20px; line-height: 46px; font-size: 20px; font-size: 18px \9; *font-size: 18px; cursor: pointer } .pro_talk a { display: block; color: #fff; float: left } .pro_talk .pro_talk_c { background-color: #ffcc00; color: #000 } .pro_talk a img { float: left; margin-top: 5px; margin-right: 10px } .pro_buy { line-height: 46px; padding-left: 76px; background: url(../images/pro_pdf1.png) 30px center no-repeat #013e7f; font-size: 22px; margin-top: 10px } .pro_buy a { color: #fff; display: block } .pdfda { background: url(../images/pro_dis_bg.png) left top no-repeat; padding-top: 20px; line-height: 70px } .pdfda2 { background: url(../images/index_talk.png) left top no-repeat; line-height: 68px; overflow: hidden; height: 68px; margin-top: 20px } .product_email form { margin-left: 120px } .product_email .input_text { width: 83%; background: #fff; line-height: 38px; height: 38px; *line-height: 38px; line-height: 38px \9; *height: 38px; height: 38px \9; padding-left: 15px; font-size: 15px; color: #444; border: solid 1px #555; margin-top: 20px; float: left } .product_email .btn { width: 130px; margin-top: 21px; background: url(../images/pro_dis_bt.png) right 12px center no-repeat #fc0; *background: #ffb62e; background: #ffb62e \9; line-height: 38px; *line-height: 38px; line-height: 38px \9; *height: 38px; height: 38px \9; font-size: 18px; color: #000; font-family: MAN-reg; *padding-right: 0%; padding-right: 0% \9; cursor: pointer; float: right; margin-right: 14px } .pro_tech { background: url(../images/pdf.png) 0 top no-repeat; cursor: pointer; line-height: 26px; font-size: 17px; display: inline-block; cursor: pointer; margin-bottom: 10px } .pro_tech p { color: #000; margin-bottom: 0; text-transform: lowercase } .pro_pdf p:visited,.pro_tech p:visited { color: #262625 } .pro_tech span { margin-left: 32px; display: block } .pdf_cont { display: none } .pd-con { padding: 4px 10px 12px 16px; background: #f2f2f2 } .pd-con p { color: #0258b5; font-size: 17px } .pd-con input { line-height: 36px; height: 36px; width: 63%; padding-left: 1%; border: solid 1px #ccc } .pd-con .ly-sub { background: #e5e5e5; color: #16458d; width: 24%; border: none; font-size: 18px; cursor: pointer; *line-height: 30px; line-height: 30px \9 } .pro_content { overflow: hidden; margin-top: -20px } .pro_cont_l { width: 73.2%; float: left } .pro_content h3 { font-size: 26px; color: #333; line-height: 1.3; margin: 45px 0 15px } .pro_content .pro_cont_l p { font-size: 16px; line-height: 1.75; margin-bottom: 15px; color: #2e2e2e } .pro_cont_l p a { color: #013e7f } .pro_content .pro_cont_l .pro_text p { margin-bottom: 5px; line-height: 1.7 } .pro_content .pro_cont_l p img,.pro_content .pro_cont_l p video { width: 100%; margin: 10px auto } .pro_content .pro_cont_l #DIV1 { overflow-x: scroll } .pro_content .pro_cont_l #DIV1::-webkit-scrollbar { display: none } .pro_message { overflow: hidden; margin-top: 70px; clear: both } .pro_mess_t { font-size: 30px; color: #fff; font-weight: 700; line-height: 53px; text-align: center; margin-bottom: 15px; background: #013e7f; font-family: MAN-bold } .pro_message p { padding: 10px 20px; border: solid 1px #e8e8e8 } .pro_message p span { color: #faa50a } .pro_message form { background: #f2f2f2; padding: 15px 10px 20px } .pro_message li { width: 47%; color: #222; margin-top: 10px } .pro_message .m1 input { background: #fff; width: 90% } .pro_message .m2 input { background: #fff; width: 90% } .pro_message .m3 input { background: #fff; width: 90% } .pro_message .m4 input { background: #fff; width: 90% } .pro_message .m5 textarea { background: #fff; border: #d9d9d9 1px solid } .pro_message li input,.pro_message li textarea { border: 0 none; line-height: 44px; height: 44px; text-indent: 15px; width: 100%; background: none; font-size: 15px } .pro_message li span { font-size: 16px; margin-bottom: 8px; font-weight: 600; color: #1a1a1a; height: 18px } .pro_message .mes_text { width: 96.5%; clear: both } .pro_message .mes_text textarea { min-height: 130px; width: 97%; margin-top: 5px; font-family: Helvetica, Arial, sans-serif; color: #b3b3b3; line-height: 40px; font-weight: 300 } .pro_message .mes_sub { width: 30%; line-height: 47px; text-align: center; background: #013e7f; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; -ms-border-radius: 40px; margin-left: 30%; margin-top: 18px; *padding-right: 7%; color: #000 } .pro_message .mes_sub input { color: #000; font-size: 24px; font-weight: 500; border-bottom: #d9d9d9 1px solid; line-height: 49px; height: 49px; font-family: MAN-reg; text-align: center; width: 66% \9; *width: 66%; padding-right: 5% \9; *padding-right: 5%; text-indent: -12px; padding-left: 10px; border: none } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc } table tr td { border: 1px solid #ccc; padding: 7px 4px } .pro_cont_r { width: 245px; float: right; margin-top: 35px } .pro_r_lx { border: solid 1px #ebebeb } .pro_r_lx h4 { line-height: 46px; font-size: 24px; color: #333; margin: 0 12px; border-bottom: solid 1px #ebebeb } .pro_r_box { padding: 0 12px 0 12px; margin-bottom: 16px } .pro_r_box p { line-height: 26px; font-size: 14px; color: #666; margin: 10px 0 4px 0 } .pro_r_box .pro_add { background: url(../images/location.png) left 4px no-repeat; padding-left: 26px; color: #666 } .pro_r_box .pro_r_email { background: url(../images/r_email.png) left top no-repeat; padding-left: 28px; color: #666 } .pro_cont_r .pro_r_list { margin-top: 20px; border: solid 1px #e5e5e5 } .pro_cont_r .pro_r_list dt { line-height: 46px; font-size: 20px; color: #333; margin: 0 10px; border-bottom: solid 1px #e5e5e5; font-weight: 600; font-family: 'Open Sans', Arial, Verdana } .pro_cont_r .pro_r_list dd { line-height: 46px; background: url(../images/arrow1.png) no-repeat 14px center; font-size: 15px; text-align: left; text-indent: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .pro_cont_r .pro_r_list dd:hover { background-color: #e5e5e5 } .pro_cont_r .pro_r_list dd a { color: #666 } .pro_r_mess { margin-top: 0px } .pro_r_mess .pro_r_mt { color: #333; line-height: 46px; font-size: 22px } .pro_r_mess form { padding-bottom: 12px } .pro_r_mess ul { padding: 0 4% } .pro_r_mess li { color: #000; margin-top: 10px; overflow: hidden } .pro_r_mess .pro_r_mt span { margin-left: 10px } .pro_r_mess li span { color: #000; display: none } .pro_r_mess li input,.pro_r_mess li textarea { padding-left: 10px; line-height: 32px; height: 32px; width: 90%; color: #999; border: solid 1px #f0f0f0 } .pro_r_mess li textarea { min-height: 65px; font-family: Arial, Helvetica, sans-serif } .pro_r_mess .wide-sub input { background: #ffcc00; color: #000; text-align: center; font-size: 18px; line-height: 36px; height: 36px; width: 60% } .news_content { overflow: hidden; margin-top: 50px } .news_content h1 { font-size: 32px; color: #000; line-height: 40px; text-align: center; margin-bottom: 35px; font-family: MAN-bold } .news_content p { font-size: 16px; line-height: 28px; margin-bottom: 20px } .news_content p img { width: 600px } .news_content h2 { font-size: 22px; color: #333; line-height: 30px; margin: 25px 0 12px; font-family: MAN-bold } .news_content .pro_r_mess { margin-top: 0 } .news_talk { overflow: hidden; margin-bottom: 40px; line-height: 44px; background: #f0f0f0; font-family: MAN-reg } .news_talk p { color: #faa50a; font-size: 18px; margin-bottom: 0; background: #fff; padding-bottom: 10px } .news_talk .news_email { display: block; float: left; width: 210px; padding-left: 42px; background: url(../images/news_email.png) left 5px no-repeat; margin-right: 23%; *margin-right: 7%; margin-right: 7% \9 } .news_talk .news_email a { color: #000; font-size: 19px } .news_talk .news_cont,.news_talk .news_sent { display: block; width: 160px; background: #222; color: #fff; text-align: center; font-size: 20px; float: left; *float: right; float: right \9 } .news_talk .news_cont { padding-left: 32px; background: url(../images/news_chat.gif) 30px center no-repeat #013e7f; cursor: pointer } .news_talk .news_sent { float: right; padding-left: 38px; background: url(../images/news_sent.png) 28px center no-repeat #222; *margin-right: 10px; margin-right: 10px \9 } .news_list { margin-top: 25px } .news_list ul { overflow: hidden; margin-left: -5% } .news_list li { width: 45%; margin-left: 5%; *margin-left: 4.8%; margin-left: 4.8% \9; float: left; margin-bottom: 40px; height: 200px; *height: 220px; height: 220px \9; border-bottom: dashed 1px #ddd } .news_list li:hover { border-bottom: 1px dashed #faab19 } .news_list .news_list_t { font-size: 25px; line-height: 27px; margin-bottom: 10px; overflow: hidden; font-family: MAN-reg } .news_list .news_list_t a { display: block; margin-top: 8px; color: #222; height: 54px } .news_list li p { clear: both; margin-top: 10px; font-size: 15px } .news_list .news_list_t p { color: #013e7f; font-size: 16px } .news_list li .more { line-height: 24px; font-size: 16px } .news_list li .more a { color: #faab19 } .proj_list { margin-top: 40px; overflow: hidden } .proj_list dl { overflow: hidden; margin-bottom: 50px; margin: 0 3.5% 40px; width: 43%; float: left } .proj_list dl dt { width: 100%; margin-right: 5% } .proj_list dl dt img { width: 100% } .proj_list dl dd { width: 100%; height: 306px; *height: 265px; height: 265px \9 } .proj_list dl h3 { font-size: 25px; margin: 15px 0; line-height: 36px; font-family: MAN-bold } .sol_p { width: 100% } .sol_p .describe { float: none; width: 100% } .proj_list dl p { font-size: 16px; *font-size: 15px; font-size: 15px \9; line-height: 26px } .proj_list dl p strong { color: #333; margin-right: 5px } .proj_list dl .proj_list_pro a { display: inline-block; padding: 0 1%; line-height: 30px; margin: 10px 0; text-align: center; color: #013e7f; font-family: Arial, Helvetica, sans-serif } .proj_list dl .more { width: 157px; line-height: 30px; padding-right: 23px; background: url(../images/index_news_more.png) right center no-repeat #faa50a; font-size: 16px; text-align: center; display: block; margin-top: 17px; font-family: 'Open Sans', Arial, Verdana } .proj_list dl .more a { color: #fff } .pro_list { margin-top: 40px } .pro_list_t { overflow: hidden; margin-left: -0.5% } .pro_list_t li { width: 24.5%; float: left; margin-left: 0.5%; text-align: center; background: #f0f0f0; line-height: 52px } .pro_list_t .choose { background: #326afe } .pro_list_t .choose a { color: #fff } .pro_list_t .choose:hover { background: #326afe } .pro_list_t li:hover { background-color: #326afe } .pro_list_t li:hover a { color: #fff } .pro_list_t li a { color: #333; display: block; font-size: 17px; font-family: 'Open Sans', arial, helvetica, sans-serif } .pro_list_c { overflow: hidden; margin-top: 3% } .pro_list_c li { width: 25%; width: 24.5% \9; *width: 24.5%; text-align: center; margin-bottom: 20px; float: left; position: relative } .pro_list_c li img { width: 90% } .pro_list_c li p { font-size: 18px; line-height: 26px; padding: 6px 0 } .fenye { margin: 40px 0 20px; text-align: center } .fenye A { color: #333; margin-right: 3px; padding: 8px 14px; border: 1px solid #ddd } .fenye a:hover { color: #f3f3f3; border: 1px solid #333; background: #333 } .fenye a:active { border: #000 1px solid; background: #333 } .fenye span.current { font-weight: bold; padding-bottom: 2px; color: #fff; margin-right: 3px; background: #faa50a; border: 1px solid #faa50a; padding: 8px 17px } .fenye span.disabled { border: #ddd 1px solid; color: #ccc; margin-right: 3px; padding: 8px 14px } .tj_pro { width: 20%; float: right; background: #f6f6f6; text-align: center } .tj_pro h4 { background: #013e7f; text-align: center; line-height: 40px; font-size: 20px; margin-bottom: 20px; margin-top: 0px; color: #ffffff } .tj_pro ul { width: 85%; margin: 0 auto } .tj_pro ul li img { width: 100%; height: auto } .tj_pro ul li a { line-height: 35px; font-size: 14px } .tj_pro ul li:hover a { color: #faa50a } .tj_pro ul li { margin-bottom: 15px } .container img.home { padding-right: 10px } .pdfcontent1 { margin: 10px 0 20px 0px; display: none; background: #f5f5f5; padding: 12px 20px 15px; width: 90% } .pdfcontent1 p { color: #333 } .pdfcontent1 input[type="submit"] { background-color: #f63508; color: #FFF; padding: 6px 25px 7px; border: 1px solid #f63508; color: #fff; font-weight: bold; font-size: 16px; font-family: Hind } .pricedown { width: 50% } .pdfcontent1 input.pdf-text { width: 50%; border: 1px solid #ccc; height: 40px; text-indent: 10px; background: #fff; margin-right: 4px; font-family: Hind; font-size: 16px } .about { margin-top: -20px } .about .w1200 { margin-bottom: 30px } .about_yd { background: url(../images/about_b.jpg) center no-repeat; padding: 5.8% 0; margin-bottom: 20px; background-size: cover } .about_yd span { font-size: 36px; color: #fff; display: block; text-align: center; line-height: 42px } .about .about_yd p { color: #fff; margin: 30px auto 0 auto; text-align: center; width: 90%; display: none } .about h2 { font-size: 34px; margin: 15px 0; line-height: 36px; color: #000; text-align: center; font-family: MAN-bold } .about_pro_tit h2 { font-size: 34px; margin: 15px 0; line-height: 36px; color: #000; text-align: center; font-family: MAN-bold; display: inline-block } .about_pro_tit { width: 310px; margin: 0 auto } .about_pro_j { text-align: center } .about_pro_tit a { font-size: 16px; display: inline-block; margin-left: 10px; color: #ffcc00 } .about p { line-height: 28px; margin-bottom: 20px; font-size: 16px } .about_zj { overflow: hidden; margin: 60px 0 0 0 } .about_zj li { width: 17%; width: 16.8% \9; *width: 16.8%; float: left; text-align: center; font-size: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0 1.5%; padding: 10px 0 30px; background: url(../images/bg_b.png) repeat center; color: #fff } .about_zj li strong { display: block; color: #ffcc00; font-size: 60px; line-height: 70px; font-family: "Arial Black", sans-serif; margin: 0 auto; margin-bottom: 10px } .about_choo { overflow: hidden; margin: 35px 0 65px; background: url(../images/about_b2.jpg) no-repeat center } .about_choo dt { width: 47.5%; float: left; display: none } .about_choo dd { width: 46.5%; float: left; padding: 30px 0 30px 24px; background: url(../images/bg_y.png) repeat center } .about_choo dd p { font-size: 18px; font-family: MAN-reg; line-height: 30px; color: #222; margin: 17px 0 } .about_choo dd span { font-family: MAN-bold; display: inline-block; color: #fff; width: 22px; line-height: 22px; text-align: center; background: url(../images/contact_text.png) center no-repeat; margin-right: 12px } .about_pro { overflow: hidden; margin-left: -1%; margin-top: 30px; margin-bottom: 50px } .about_pro li.a1 { width: 49%; width: 48.5% \9; *width: 48.5% } .about_pro li.a2,.about_pro li.a3 { width: 32.28%; width: 32% \9; *width: 32% } .about_pro li { float: left; margin: 0 0 1.1% 1%; position: relative; line-height: 0 } .about_pro li img { width: 99.5% } .about_pro .index_pname { font-size: 40px; *font-size: 30px; font-size: 22px \9; line-height: 1; margin-bottom: 25px; position: relative; color: #fff; font-family: MAN-bold } .about_pro .index_pname a { color: #fff } .about .index_plist_t p { font-size: 20px } .about .index_plist_t p a { color: #ccc } .about_pro li.a3 { background: #faa50a; text-align: center; font-size: 40px; font-size: 38px \9; *font-size: 38px; color: #fff; line-height: 5%; height: 100% } .about_pro li.a3 a { width: 80%; margin: 10.7% 10%; display: block; border: solid 1px #fff; padding: 23% 0; color: #fff; line-height: 94% \9; *line-height: 94%; padding: 19% 0 \9; *padding: 19% 0 } .about_pro li.a3:before { content: inherit; position: inherit } .about_pro li.a3:hover a { color: #000 } .about_cap { overflow: hidden; margin-bottom: 30px } .about_cap li { width: 33.333%; width: 33% \9; *width: 33%; float: left; margin-bottom: 15px } .about_cap li img { width: 95% } .contact { margin-top: -20px } .contact_tip { overflow: hidden; font-size: 22px; margin-bottom: 25px; margin-top: 17px; color: #333; font-weight: 600; line-height: 30px } .contact_up { width: 34%; float: left; padding: 2px; border: 7px solid #f0f0f0; display: none } .contact_up li { width: 90%; padding-left: 10%; font-size: 16px; line-height: 26px; color: #262625; margin: 25px 0 20px } .contact_up li.c4 { background: url(../images/contact_tel.png) 4px center no-repeat } .contact_up li.c3 { background: url(../images/contact_wz.png) 4px center no-repeat } .contact_up li.c1 { background: url(../images/contact_email.png) 4px center no-repeat } .contact_up li.c1 a { color: #013e7f; font-size: 22px; font-weight: 700 } .contact_up li.c2 { background: url(../images/contact_chat.png) 4px center no-repeat } .contact_up li.c2 a { padding: 7px 2px; color: #faa50a; font-weight: 700; font-size: 22px; text-decoration: underline } .cont_img { width: 100% } .cont_img img { width: 100%; height: auto } .contact { overflow: hidden } .cont_mess { width: 100%; margin-top: 40px; background: url(../images/ly_bg.jpg) no-repeat top #f8f8f8; padding: 30px 0 } .pro_cont_l .cont_mess { background: url(../images/ly_bg1.jpg) no-repeat top #f8f8f8 } .cont_mess .pro_mess_t { font-family: Arial, Helvetica, sans-serif; color: #000; background: none; text-align: left; margin-bottom: 0; margin-left: 24px } .cont_mess form { background: none; padding: 0 } .cont_mess p { border: none 0; margin: 4px 24px; padding: 0 } .cont_mess ul { margin: 24px; padding: 0 } .cont_mess li,.cont_mess .m5 { margin-top: 17px } .cont_mess .m4 { margin-bottom: 17px } .cont_mess li input,.cont_mess li textarea { color: #999; line-height: 40px; height: 40px; border: solid 1px #d9d9d9 } .cont_mess .mes_sub { margin-left: 0; line-height: 48px; border-radius: 0; width: 25%; background: #ffc60b; color: #000; border: none } .pro_message .mes_sub input { line-height: 40px; height: 40px } .cont_map { margin: 70px auto 0; max-width: 1200px } #to_top { width: 30px; height: 40px; padding: 20px; font: 14px/20px arial; text-align: center; background: #06c; position: absolute; cursor: pointer; color: #fff; background: url(/images/totop.png) no-repeat } .nav_yd { background: #f0f0f0; border-top: dashed 1px #666; overflow: hidden } .nav_yd a { float: left; text-align: center; line-height: 50px; font-size: 16px; color: #222; width: 16%; display: block } .footer-fixed1 { position: fixed; bottom: -1px; left: 0; z-index: 999; margin: 0; padding: 0; width: 100% } .go-top { position: fixed; right: 2.2%; bottom: 10%; z-index: 9999; *width: 50px; text-align: center; display: none } .pro_img_yd,.nav_yd,.logo_yd,.mess_tip_yd { display: none } .footer_email_icon1 { width: 50%; float: left; text-indent: 15%; background-size: 24px 24px; background-image: url(../images/b_pros.png); background-repeat: no-repeat; background-position: 16% center; background-color: #16458d } .footer_email_icon1 a { color: #fff; font-size: 14px; line-height: 44px } .m_b_price { width: 50%; background-color: #ffcc00; text-indent: 14%; float: right; background-size: 26px 26px; background-image: url(../images/b_price.png); background-repeat: no-repeat; background-position: 16% center } .m_b_price a { color: #000; font-size: 14px; line-height: 44px } .footer-fixed1 .sub_menu { display: none; width: 50%; position: absolute; bottom: 44px; left: 0; background: #16458d; border-right: 1px solid #fff; border-top: 1px solid #fff } .footer-fixed1 .sub_menu dt { text-align: left; text-indent: 2px; float: left; width: 100%; border-bottom: solid 1px #FFF } .footer-fixed1 .sub_menu dt a { display: block; color: #fff; font-size: 13px; font-weight: 100; height: 34px; line-height: 34px; margin-left: 8px } #box-bg2,#box-bg { background: #000; opacity: 0.6; filter: alpha(opacity=60); height: 100%; position: fixed; left: 0; top: 0; width: 100%; z-index: 100 } .ly-tanchu2 { height: 405px; width: 410px; margin-left: -155px } .quick_links_wrap { font-size: 0; width: 104px; position: fixed; right: 10px; bottom: 100px; z-index: 9; -webkit-transition: width linear .4s; -moz-transition: width linear .4s; -ms-transition: width linear .4s; transition: width linear .4s } .quick_links_wrap.quick_links_min { width: 50px } .quick_links_wrap.quick_links_dockright { margin-left: 0; left: auto; right: 4px } .quick_links_panel { padding-bottom: 30px; height: 284px; width: 94px; position: fixed; right: 10px; z-index: 999999; bottom: 180px; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s } .quick_links_min .quick_links_panel { height: 0; width: 50px } .quick_links_allow_gotop { height: 344px } .quick_links_min .quick_links_allow_gotop { height: 56px } .quick_links_panel .quick_toggle { background: #e6e6e6; height: 34px; width: 100%; position: absolute; left: 0; top: 0 } .quick_links_panel .toggle { margin: -12px 0 0 -12px; height: 26px; width: 26px; position: absolute; left: 50%; top: 50%; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -ms-transition: all linear .4s; transition: all linear .4s } :root .quick_links_panel .toggle { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } :root .quick_links_min .quick_links_panel .toggle { -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg) } .quick_links { width: 100%; position: absolute; left: 0; top: 40px; -webkit-transition: top ease .4s; -moz-transition: top ease .4s; -ms-transition: top ease .4s; transition: top ease .4s } .quick_links_allow_gotop .quick_links,.quick_links_min .quick_links_allow_gotop .quick_links { top: 40px } .quick_links_min .quick_links { top: 32px } .quick_links a { display: block; border-bottom-color: #edecec; color: #4467a7; font-size: 12px; margin: 0; padding: 2px 0; text-align: center } .quick_links i { display: inline-block; cursor: pointer; height: 38px; width: 38px; vertical-align: top } .quick_links_min .quick_links .top { background-position: -180px -62px; height: 20px; width: 20px } .quick_links a:hover .top,.quick_links a.current .top { background-position: -152px -220px } .quick_links_min .quick_links a:hover .top,.quick_links_min .quick_links a.current .top { background-position: -180px -82px } .quick_links span { display: block; cursor: pointer; padding-top: 3px; height: 1.5em; width: 100%; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis } .quick_links .num,.quick_links .num b,.quick_links_pop .num,.quick_links_pop .num b { display: inline-block; padding-right: 6px; vertical-align: top } .quick_links .num,.quick_links_pop .num { background-position: -210px -82px; color: #fff; cursor: pointer; font: 12px/18px Arial; margin-left: 6px; padding: 0 0 0 6px; vertical-align: middle } .quick_links .num { margin: -40px 0 0; position: absolute; left: 38px } .quick_links a:hover .num,.quick_links a.current .num { background-position: -220px -82px } .quick_links a:hover .num b,.quick_links a.current .num b { background-position: 100% -122px } .quick_links a.message_list { background: url(../images/shangwutong.jpg) no-repeat; width: 94px; height: 156px } .quick_links a.leave_message { background: url(../images/message.jpg) no-repeat; width: 94px; height: 85px } .quick_links a.return_top { background: url(../images/to-top.jpg) no-repeat; width: 94px; height: 34px } .quick_links_min .quick_links a.return_top { width: 50px; height: 50px } .quick_links_min .quick_links a.message_list,.quick_links_min .quick_links a.leave_message { display: none } .ly-tanchu { width: 455px; height: 405px; position: fixed; top: 50%; margin-top: -180px; left: 50%; margin-left: -210px; z-index: 9999; padding-bottom: 20px } .top-tit { height: 46px; color: #fff; background: #013e7f } .top-tit h4 { font-size: 22px; color: #fff; float: left; padding-left: 20px; line-height: 46px; margin: 0; font-weight: bold } .top-tit a.close { float: right; margin: 14px 10px 0 0 } .ly-con { padding: 20px; background: #eee } .ly-con p { font-size: 16px; margin-bottom: 12px; color: #222; line-height: 22px } .ly-con input.ly-text { font-family: Open Sans, Arial, Helvetica, sans-serif; width: 95%; border: 1px solid #ccc; height: 40px; line-height: 40px; background: #fff; margin-bottom: 10px; font-size: 15px; color: #333; padding-left: 15px; border-radius: 0 } .ly-con textarea { font-family: Open Sans, Arial, Helvetica, sans-serif; height: 75px; border: 1px solid #ccc; padding-left: 10px; width: 93%; float: left; line-height: 20px; color: #333; font-size: 15px; margin-bottom: 10px; padding: 6px 6px 6px 15px; border-radius: 0 } .ly-con input.ly-sub { background: #fdcc05; color: #222; font-size: 20px; padding: 10px 32px; border: 0; cursor: pointer; font-family: Helvetica Neue,Helvetica,OpenSans_bold,Open Sans,Arial,sans-serif; border-radius: 0 } .ly-con input.ly-sub:hover { background: #0071bc; color: #fff } .ly-con label { display: block; font-size: 16px; color: #333; margin-bottom: 6px } #LRdiv0,#LRdiv0 iframe,#LRfloater0,#LRfloater0 img,.wap-nav-img,.wap-nav,.pro-img_m,.banner_yd,.index_conntact,.index_plist_yd,_yd { display: none } #LR_Tb4 table { width: 100% !important } #LR_Tb4 table tr td { border: none 0 } .s_banner { position: relative } .s_banner img { width: 100% } .s_banner .s_b { position: absolute; top: 50%; margin-top: -50px; background: url(../images/bg_b.png) repeat center; padding: 24px 50px 24px 24px } .s_banner .s_b strong { font-size: 30px; color: #faa50a; margin-bottom: 18px; display: block } .s_banner .s_b span { width: 80px; height: 2px; background-color: #fff; display: block } .s_banner1 { position: relative } .s_banner1 img { width: 100% } .pro_yx { overflow: hidden; margin-top: 0 } .pro_email { background: url(../images/mes.png) no-repeat 0 0; text-indent: 22px; font-size: 24px; padding: 0 0 0 10px; color: #fa2228 } .pro_email a { color: #fa2228; font-size: 24px } .pro_email:hover a { color: #013e7f; text-decoration: underline } .pro_pdf { display: none } .pro_text_top { overflow: hidden; margin-top: 14px } .s_banner1 .s_c { position: absolute; top: 50%; margin-top: -50px; background: url(../images/bg_b.png) repeat center; padding: 24px 50px 24px 24px; left: 10% } .s_banner1 .s_c strong { font-size: 36px; color: #fff; margin-bottom: 18px; display: block } .s_banner1 .s_c span { width: 100px; height: 2px; background-color: #faa50a; display: block } .contact-info { margin: 30px auto; overflow: hidden } .contact-info h3 { font-size: 28px; font-weight: 700; color: #333; text-align: center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px } .container .contact-info p { margin-bottom: 20px; line-height: 30px; font-size: 18px } .contact-info ul { overflow: hidden } .contact-info ul li { float: left; width: 22%; margin: 0 1.5%; *margin: 0 1%; list-style: none } .contact-info ul li img { display: block; text-align: center; margin: 0 auto 15px } .contact-info ul li span { font-size: 18px; font-weight: bold; text-align: center; display: block; margin-bottom: 8px } .contact-info ul li p { text-align: center; font-size: 15px; line-height: 26px; margin: 0 } .contact-info ul li a { font-size: 16px; display: block; text-align: center; font-size: 20px; color: #013e7f } .contact-info ul li a:hover { color: #ed2e1b; text-decoration: underline } .contact-info ul li a.price { font-size: 18px; background: #212b5c; color: #fff; width: 170px; padding: 6px 0; margin: 0 auto; margin-top: 10px } .con-service { width: 100% } .pro_top_b .w1200 { height: 270px } .pro_top_b { background: url(/images/p_bg1.jpg) no-repeat center; height: 270px } .pro_top_bxk { background: url(/images/p_bgxk.jpg) no-repeat center; height: 270px } .pro_top_bjc { background: url(/images/p_bgjc.jpg) no-repeat center; height: 270px } .pro_top_bmf { background: url(/images/p_bgmf.jpg) no-repeat center; height: 270px } .pro_top_bline { background: url(/images/p_bgline.jpg) no-repeat center; height: 270px } .pro_top_b .line11,.pro_top_bxk .line11,.pro_top_bjc .line11,.pro_top_bmf .line11,.pro_top_bline .line11 { width: 120px; height: 2px; background-color: #ffcc00; display: block; margin: 0 auto } .pro_top_b h1 { font-size: 52px; color: #fff; text-align: center; line-height: 54px; padding: 80px 0 14px 0 } .pro_top_bxk h1 { font-size: 52px; color: #fff; text-align: center; line-height: 54px; padding: 80px 0 14px 0 } .pro_top_bjc h1 { font-size: 52px; color: #fff; text-align: center; line-height: 54px; padding: 80px 0 14px 0 } .pro_top_bmf h1 { font-size: 52px; color: #fff; text-align: center; line-height: 54px; padding: 80px 0 14px 0 } .pro_top_bline h1 { font-size: 52px; color: #fff; text-align: center; line-height: 54px; padding: 80px 0 14px 0 } .canshu { overflow: hidden; margin-top: 70px } .canshu p { width: 31%; margin: 0 1.1%; line-height: 50px; font-size: 20px; color: #000; background: url(/images/bg_w.png) repeat center; float: left; text-indent: 18%; line-height: 56px } .pro_top_b .canshu .cs1 span,.pro_top_bxk .canshu .cs1 span,.pro_top_bjc .canshu .cs1 span,.pro_top_bmf .canshu .cs1 span,.pro_top_bline .canshu .cs1 span { display: block; background-image: url(/images/cs1_icon.png); background-repeat: no-repeat; background-position: 10% 14px; height: 50px } .pro_top_b .canshu .cs2 span,.pro_top_bxk .canshu .cs2 span,.pro_top_bjc .canshu .cs2 span,.pro_top_bmf .canshu .cs2 span,.pro_top_bline .canshu .cs2 span { display: block; background-image: url(/images/cs2_icon.png); background-repeat: no-repeat; background-position: 10% 12px; height: 50px } .pro_top_b .canshu .cs3 span,.pro_top_bxk .canshu .cs3 span,.pro_top_bjc .canshu .cs3 span,.pro_top_bmf .canshu .cs3 span,.pro_top_bline .canshu .cs3 span { display: block; background-image: url(/images/cs3_icon.png); background-repeat: no-repeat; background-position: 10% 12px; height: 50px } .pro_top_m { margin-top: 40px; overflow: hidden; margin-bottom: 24px } .pro_left_img { float: left; width: 50% } .pro_left_img img { width: 100% } .pro_right_text { float: right; width: 46% } .pro_right_text p { line-height: 32px; font-size: 16px; margin-bottom: 8px; color: #333 } .pro_right_text .pro_tech { background: url(/images/pdf_icon1.png) no-repeat left center; font-size: 17px; text-indent: 30px; margin-top: 8px } .pro_right_text .pro_email_n { background: url(/images/email_icon1.png) no-repeat left center; font-size: 17px; text-indent: 30px; margin-top: 8px } .pro_email_n a { font-size: 17px; color: #16458d; text-decoration: underline } .pro_talk { overflow: hidden; margin-top: 20px } .pro_talk a { float: left; width: 46%; margin-right: 3%; line-height: 44px; color: #fff; background-color: #16458d; font-size: 20px; text-decoration: none; text-align: center } .yd_name { display: none; font-size: 28px; margin: 18px 0 12px 0; color: #2a2a2a; line-height: 32px } .whatsapp { border: solid 1px #e5e5e5; padding: 0 0 16px 0 } .whatsapp h4 { font-size: 20px; line-height: 46px; margin: 0 10px; border-bottom: solid 1px #16458d; color: #16458d } .whatsapp p { font-size: 15px; color: #666; line-height: 22px; margin: 8px 10px } .whatsapp .whats_bt { background-color: #16458d; color: #fff; font-size: 18px; text-align: center; line-height: 20px; padding: 4px 8px; display: inline-block; margin-left: 10px } .share { margin-top: 12px; margin-left: 10px } .share a { margin-right: 5px } .whatsapp_y { display: none; font-size: 17px; width: 96%; margin: 0 auto 20px auto; font-weight: 600 } .whatsapp_y a { color: #16458d; text-decoration: underline } .mban { display: none } .p_yc1,.yd_xs { display: none; font-size: 15px; color: #666; margin-bottom: 4px } .pro_right_text .describe p { overflow: hidden } .pro_right_text .describe p span { font-size: 16px; color: #333; margin-bottom: 8px; display: block; width: 40%; float: left; text-indent: 14px; background: url(/images/dian.png) no-repeat left center; font-weight: bold } @media screen and (max-width: 1200px) { .nav li a { padding:0 29px } .main { width: 100% } .news_talk .news_email { margin-right: 8% } .contact_text { width: 68%; margin-left: 25% } .product_email .input_text { width: 60% } .pdfda h3 { font-size: 24px; margin-left: 180px } .pro_content .pro_cont_l p video { width: 100% } .product .pro_img img { height: auto } .proj_list dl dd { height: 215px } .news_list li { height: 220px } .new_nav { width: 78% } .new_nav ul li { padding: 0 2.0% } .about_zj li strong { font-size: 46px } .canshu .cs1 span,.canshu .cs2 span,.canshu .cs3 span { font-size: 16px } } @media screen and (max-width: 999px) { .w1200 { padding:0 5px } .footer_up .foot_pro { width: 30%; padding: 0 2% } .footer_up .foot_contact { width: 60%; padding: 0 2% } .foot_contact .foot_tel,.foot_contact .foot_email { display: inline-block; margin: 0 5% } .foot_contact .foot_tel { margin-bottom: 10px } .nav_yd,.banner_yd { display: block } .top .top_link,.banner,.footer_up .foot_cor,_choo dt { display: none } .nav_yd { background: #262625; text-align: center } .nav_yd a { color: #fff } .nav { letter-spacing: 0 } .index_pro ul li .index_pro_t { font-weight: 100 } .tj_pro { width: 21% } .pro_list_t li { width: 24.5%; margin-bottom: 0.5% } .news_list li { height: auto } _pro li.a3 a { padding: 10% 0 } _pro li.a3 { line-height: 92% } .news_talk .news_email { margin-right: 0% } .footer_up { padding: 25px 0 } .pro_list_c li p { margin-bottom: 0 } .pro_list_c li { margin-bottom: 15px } _choo dd { width: 95%; float: none; padding: 10px 0 10px 3% } .proj_list dl dd { height: 255px } .product h1 span { display: none } .index_plist_yd { display: block; margin-top: 12px; padding: 0 5px } .index_pro_box { display: none } .logo_b { display: none } .logo_yd { display: block } .top_right { display: block } .top .top_link,.top .top_email { display: none } .new_nav { display: none } .wap-nav-img { display: block; margin-top: 12px } .new_logo { width: 172px } .wap-nav { width: 100%; position: absolute; top: 60px; left: 0; z-index: 100 } .wap-nav p.navli { height: 48px; width: 100%; font-size: 16px; color: #fff; line-height: 48px; cursor: pointer; margin: 0; background: #262625; border-bottom: 1px dashed #333 } .wap-nav p.navli a { color: #fff; display: block; padding-left: 40px } .wap-nav p.navli a:hover { color: #faa50a; background: #1e1e1e; display: block; padding-left: 50px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear } .s_banner .s_b { background: none; left: 50%; margin-left: -150px; margin-top: -12px; padding: 0 } .s_banner .s_b span { display: none } .s_banner .s_b strong { margin-bottom: 0 } .pro_list_t li a { line-height: 22px; height: 52px; padding: 8px 0 } .container { display: none } .pro_content { margin-top: 0 } .pro_cont_r { display: none } .pro_cont_l { width: 100%; float: none } .quick_links a.leave_message { display: none } .contact { margin-top: 0 } .w1200 { padding: 0 } .contact-info { padding: 0 5px } .cont_mess { padding: 16px 0 } .cont_map { margin: 20px 0 70px 0 } .pro_cont_l .cont_mess { margin-bottom: 60px } .about h2 { font-size: 30px } .about_choo dt,.about_choo dd { float: none; width: 100% } .about_pro li.a3 { font-size: 26px } .about_pro li.a3 a { padding: 14% 0 } .product_email { display: none } .product_bg { border-bottom: dashed 1px #dbdbdb; padding-bottom: 12px } .about { margin: 0 0 60px 0 } .about_zj { margin-top: 40px } .canshu .cs1 span,.canshu .cs2 span,.canshu .cs3 span { background-position: 6% } .canshu p { background-position: 13% } .canshu p { width: 33%; margin: 0.12% } } @media screen and (max-width: 900px) { .tj_pro,.product_email { display:none } .proj_list dl p,.proj_list dd p { display: none !important } .index_plist_t .index_pname { font-size: 26px } .index_plist_t p { font-size: 16px } .news_talk .news_email { margin-right: 12% } .proj_list dl dd { height: auto } .main-left { float: rigth; width: 100% } .main_right { float: left; width: 100%; margin-top: 3% } } @media screen and (max-width: 800px) { .pro_img_yd,.nav_yd,.index_prolist h2,.pro-img_m { display:block } .product .pro_img { display: none } .pro-img_m .back { position: absolute; top: 1.8%; left: 3%; z-index: 999; width: 9%; display: block } .pro-img_m .go-home { position: absolute; top: 1.8%; right: 3%; z-index: 999; width: 9%; display: block } .pro-img_m img { width: 100%; height: auto } .product .pro_text { padding: 1px 1% 5px; float: none; width: 98%; background: none } .product_bg { padding: 0 } .pro_top_b h1,.pro_top_bxk h1,.pro_top_bjc h1,.pro_top_bmf h1,.pro_top_bline h1 { display: none } .pro_top_b .line11,.pro_top_bxk .line11,.pro_top_bjc .line11,.pro_top_bmf .line11,.pro_top_bline .line11 { display: none } .pro_top_b,.pro_top_bxk,.pro_top_bjc,.pro_top_bmf,.pro_top_bline { background: none; height: auto } .canshu p { float: none; width: 100%; text-indent: 0; line-height: 36px; margin-bottom: 6px; color: #666 } .pro_top_b .canshu .cs1 span,.pro_top_bxk .canshu .cs1 span,.pro_top_bjc .canshu .cs1 span,.pro_top_bmf .canshu .cs1 span,.pro_top_bline .canshu .cs1 span,.pro_top_b .canshu .cs2 span,.pro_top_bxk .canshu .cs2 span,.pro_top_bjc .canshu .cs2 span,.pro_top_bmf .canshu .cs2 span,.pro_top_bline .canshu .cs2 span,.pro_top_b .canshu .cs3 span,.pro_top_bxk .canshu .cs3 span,.pro_top_bjc .canshu .cs3 span,.pro_top_bmf .canshu .cs3 span,.pro_top_bline .canshu .cs3 span { background: none; line-height: 36px; height: 36px } .pro_left_img img { display: none } .pro_right_text { width: 96%; float: none; margin: 0 auto } .pro_top_m { margin-top: 0 } .yd_name { display: block; margin: 10px auto 6px auto; width: 96% } .canshu { margin: 0 auto; width: 96% } .pro_top_b .w1200 { height: auto } .canshu p { font-size: 15px; margin-bottom: 0 } .canshu .cs2,.canshu .cs3 { display: none } .pro_right_text p { font-size: 15px; line-height: 28px; margin-bottom: 6px; color: #666 } .pro_cont_l { width: 96%; margin: 0 auto } .pro_talk { margin-top: 10px } .whatsapp_y { display: block } } @media screen and (min-width: 768px) and (max-width: 999px) { .index_pro ul li { width:43.4%; background-size: 100%; border: none 0; margin-bottom: 10px } .index_proj_bg h2,.index_news h2,.index_prolist h2 { font-size: 32px } .contact_text { width: 83%; margin-left: 13% } .index_pro ul li p { display: none } .index_pro ul li p.more { display: block } .nav li a { padding: 0 13px } .contact_up li { width: 87%; padding-left: 13% } .contact_up li.c1 a { font-size: 17px } .pro_message li { width: 42.5% } .pro_message .mes_text { width: 93.5% } .pro_cont_l { width: 96%; margin: 0 auto } } @media screen and (max-width: 767px) { .index_comp_bg,.index_proj dl dd,.index_conntact,.index_news li p,.footer_bg,.container,.contact_bg,.nav,.product_email_bg,.pro_cont_r,.news_talk,.tj_pro,.index_pro ul li p,.nav_y1,.news_list li p,.mess_tip_pc,.top_email,quick_links_panel,.quick_links a.message_list,.contact_tip,.contact_t_yd,.product h1 span { display: none !important } #totop { width: 40px; height: 40px; display: block; cursor: pointer; text-indent: -999em; background: url(../images/go-top.png) no-repeat center; background-size: 40px 40px; position: fixed; right: 8px; bottom: 60px; display: none } .fenye { margin: 10px 0 60px 0 } .proj_list { margin-bottom: 70px } .pro_list_c { margin-bottom: 50px } .index_news { margin-bottom: 50px } .pro_message li { width: 100%; float: none } .pro_message .mes_text textarea { width: 96% } .pro_message .mes_sub { width: 136px; line-height: 40px; margin-left: 0 } .pro_message .mes_sub input { font-size: 18px; font-family: 'Open Sans', Arial, Verdana; text-indent: 0; text-align: center } .proj_list dl h3 { font-weight: 100; line-height: 26px; font-size: 17px } .proj_list dl { margin: 0 1.5% 15px; width: 47% } .pro_list_c li { width: 33.333% } .pro_list_c li p { font-size: 17px } .product_bg { background: #f2f2f2 } .product { background: none } .index_pro ul li { width: 43.4%; margin-bottom: 15px } .index_pro ul li { background: #f7f0e4; border: none 0 } .index_pro ul li .index_pro_t { font-size: 18px; font-weight: 0 } .index_pro { padding: 0 5px } .index_proj_bg h2,.index_news h2,.index_prolist h2 { font-size: 26px; line-height: 28px; text-align: center; margin-bottom: 18px } .index_proj dl dt .index_proj_t { position: inherit; width: 100%; line-height: 40px; font-size: 18px } .index_news li { width: 46.33%; margin-bottom: 15px } .index_news li .index_news_time { font-size: 16px } .index_news li .index_news_t { font-size: 18px } .nav_yd a { width: auto; padding: 0 2.49% } .news_list .news_list_t p { display: block !important } .news_list .news_list_t { font-size: 20px } .index_proj_bg { margin-top: 45px; padding: 0px 0 20px } .pro_text h1 { line-height: 36px; color: #fab025; margin: 25px 0 26px } .pro_text p { border-bottom: 1px dashed #ddd; padding: 0 0 8px 0 } .pro_tech p { border-bottom: none 0; margin-bottom: 0 } .pro_pdf p { border: none 0; margin: 0 } .nav_yd { padding-left: 8% } .news_list .news_list_t { font-size: 18px } .news_list .news_list_t p { font-size: 15px } _zj li strong { font-size: 38px } .pro_list_c li { margin-bottom: 10px } .quick_links_panel { height: 38px; width: 37px; bottom: 90px } .quick_links a.return_top { background: url(../images/to-top.png) no-repeat; width: 50px } .pdfcontent1 input.pdf-text { width: 66% } _pro li.a1,_pro li.a3,_pro li.a2 { width: 49% } .proj_list { margin-top: 20px } .pro_list { margin-top: 10px } .news_list { margin-top: 10px } .proj_list dl h3 { font-family: MAN-reg; font-size: 17px } .news_content { margin-top: 24px } .news_list li { margin-bottom: 14px } _cap li { margin-bottom: 3px } _pro li.a3 a { width: 88%; margin: 27px 5%; padding: 45px 0 } _pro li.a3 { width: 100% } .pro_talk .pro_price { width: 42% } .pro_talk .pro_buy { width: 33% } .pro_mess_t { margin-bottom: 0; font-size: 25px; line-height: 46px } .news_content h1 { margin-bottom: 10px } .pro_message .mes_text { width: 96% } .index_prolist li p { line-height: 38px; font-size: 18px; position: inherit; bottom: 0; background: rgba(0,0,0,0.8) } .pro_cont_l video,.proj_table { width: 100% } .contact_up { width: 94%; padding: 0 3%; border: none 0 } .cont_mess,.contact_up { width: 94%; padding: 0 3% 16px 3%; border: none 0 } .contact_up img { display: none } .contact_up { background: #ebebeb } .contact_up li { margin: 20px 0 } .cont_mess .pro_mess_t { margin-left: 0; margin-top: 8px } .top_right img { width: auto } .top_right { width: 38px; margin-right: 6px } .new_logo { margin-left: 6px } .describe,.pro_talk { float: none; width: 100% } .pro_email { display: none } .pro_tech { float: none; width: 100% } .pro_text_top { margin-top: 0 } .cont_mess,.pro_cont_l .cont_mess { background-size: 100% } .cont_mess ul { margin: 0 } .about_zj li strong { font-size: 32px } .about_yd { padding: 4.2% 0 } .about .w1200 { margin-bottom: 0 } .about_pro { margin: -6px 0 16px 0 } .p_yc1,.yd_xs { display: block } .js_yc { display: none } .pro_right_text p:nth-child(1) { display: none } .pro_message input { width: 96% } } @media screen and (max-width: 640px) { .product h1 { font-size:38px; line-height: 40px; margin-bottom: 14px; text-align: left; margin-top: 10px } } @media screen and (max-width: 600px) { .pro_message p { padding:10px 5px } .pro_list_c li p { font-size: 16px; line-height: 21px } .index_news li { width: 97% } .news_list li { width: 95%; border-bottom: 1px dashed #dbdbdb } .news_list .news_list_t a { height: auto } .index_prolist li { width: 48.2% } .nav_yd { padding-left: 0% } .nav_yd a { width: auto; padding: 0 2.40% } .pro_content h3,.pro_content .pro_cont_l p { text-align: left !important } .pro_content .pro_cont_l p span { display: block; text-align: center } .pro_talk .pro_buy { width: 27% } .pro_list_t li { width: 48.5%; margin-bottom: 5px; margin-left: 1% } .contact-info ul li { float: none; width: 100%; margin: 16px 0; line-height: 34px } .contact-info ul li img { width: 28px; float: left; margin: 3px 6px 3px 0 } .contact-info ul li span { display: inline-block; font-weight: normal; margin-bottom: 0 } .contact-info ul li p { text-align: left } .contact-info ul li a,.contact-info ul li p { display: inline-block; margin-left: 4px } .contact-info ul li a.price { width: 140px; padding: 0; margin-top: 0 } .contact-info p { margin-bottom: 0 } .s_banner1 .s_c { background: none; padding: 0; left: 50%; margin-left: -110px; margin-top: -12px } } @media screen and (min-width: 361px) and (max-width: 515px) { .proj_list dl h3 { height:52px; margin-bottom: 0 } } @media screen and (max-width: 480px) { .news_list li p,.nav_y2,.nav_y1 { display:none !important } .nav_yd a { padding: 0 2.2%; width: auto } .pro_list_c li { width: 50% } .news_list .news_list_t p { display: block !important } .fenye span.disabled,.fenye span.current,.fenye A { padding: 5px 6px } .news_content h1 { font-size: 24px; line-height: 30px } .index_plist_t .index_pname { font-size: 22px } .index_plist_t p { font-size: 14px } .index_proj dl { width: 96.2%; padding-bottom: 0 } .nav_yd { padding-left: 5% } .index_pro ul li { width: 100%; padding-right: 0; margin-left: 0; float: none; margin-bottom: 10px } .index_pro ul li .index_pro_t { background: none; padding-top: 0; text-align: center; line-height: 40px; margin-bottom: 10px } .index_pro ul li .index_pro_t:hover { background: #fab025 } .pdfcontent1 input.pdf-text { width: 100% } .pdfcontent1 input[type="submit"] { width: 100%; margin-top: 10px } .index_proj_bg { background: none; margin-top: 0; padding-bottom: 0 } .index_proj_bg h2 a { color: #000 } .index_news { margin-top: 0 } .ly-tanchu { width: 100%; margin-left: -50% } .pro_list_t li { font-size: 20px } .index_list_t li { background: #f7f0e4; font-size: 18px; line-height: 20px; padding-top: 16px } .pro_list_t li a { height: 44px } .index_list_t li a { color: #222; font-size: 15px; line-height: 20px } .index_list_t li.pl1 a { padding-top: 85px; background: url(../images/index_pro1.png) center 0px no-repeat } .index_list_t li.pl2 a { padding-top: 85px; background: url(../images/index_pro2.png) center 0px no-repeat } .index_list_t li.pl3 a { padding-top: 85px; background: url(../images/index_pro4.png) center 0px no-repeat } .index_list_t li.pl4 a { padding-top: 85px; background: url(../images/index_pro3.png) center 0px no-repeat } .index_list_t li.pl1 a:hover { padding-top: 85px; background: url(../images/plist_pro1.png) center 0px no-repeat } .index_list_t li.pl2 a:hover { padding-top: 85px; background: url(../images/plist_pro2.png) center 0px no-repeat } .index_list_t li.pl3 a:hover { padding-top: 85px; background: url(../images/plist_pro4.png) center 0px no-repeat } .index_list_t li.pl4 a:hover { padding-top: 85px; background: url(../images/plist_pro3.png) center 0px no-repeat } .index_list_t li.pl1 a,.index_list_t li.pl2 a,.index_list_t li.pl3 a,.index_list_t li.pl4 a,.index_list_t li.pl1 a:hover,.index_list_t li.pl2 a:hover,.index_list_t li.pl3 a:hover,.index_list_t li.pl4 a:hover { background-size: auto 50px; padding-top: 60px; padding-left: 6%; padding-right: 6% } .pro_pdf p strong { font-size: 18px } .product h1 { font-size: 30px; line-height: 32px; margin-bottom: 15px; margin-top: 10px } .pro_text p { font-size: 16px; line-height: 25px; margin-bottom: 10px } .pro_talk { line-height: 46px } .pro_talk a img { margin-top: 2px } .pro_tech { padding-bottom: 0; margin-bottom: 0; background-position: 0 8px } .pro_pdf { margin-top: 0px } .pd-con .ly-sub { width: 33% } .pd-con { padding: 15px 5px } .index_prolist li p { line-height: 32px; font-size: 16px } .pro_content h3 { font-size: 22px } .pro_top_m { margin-bottom: 4px } .pro_content { margin-top: 0 } .top .logo { width: 172px } .mumping_mun strong { font-size: 46px } .mumping_mun li { width: 50% } .index_prolist { margin-top: 12px } .index_news li .index_news_t { margin: 10px 0 } .index_news li { margin-bottom: 10px } .index_comp { display: none } .s_banner .s_b strong { font-size: 24px } .s_banner .s_b { margin-left: -120px } .contact-info h3 { font-size: 26px; line-height: 32px; margin-bottom: 10px } .s_banner1 .s_c span { display: none } .about_zj li { width: 30.4%; margin: 0 1.3% 10px 1.3% } .about_zj li strong { line-height: 50px } .about_zj li { padding: 4px 0 14px; font-size: 16px; line-height: 22px } .about_zj { margin-top: 20px } .about_yd span { font-size: 22px; line-height: 30px } .about_yd { margin-bottom: 14px } .about h2,.about_pro_tit h2 { margin: 0 } .about_choo { margin: 16px 0 } .about_pro_tit { width: 280px } .about_cap { margin: -6px 0 } .about_pro_j { text-align: left } .contact-info { margin: 16px auto } .index_comp_t h3 { font-size: 28px; margin: 3% 0; text-align: center } .pro_talk a { width: 100%; margin-bottom: 12px } .proj_list dl h3 { margin: 6px 0 } .cont_mess { margin-top: 24px } .cont_mess li,.cont_mess .m5 { margin-top: 10px } .cont_mess li input,.cont_mess li textarea { line-height: 36px; height: 36px } .pro_cont_l .cont_mess { background-image: url(../images/ly_bg2.jpg) } .pro_right_text .pro_tech { text-indent: 0; padding-left: 30px; width: 92%; font-size: 15px; color: #666; margin-top: 0 } .pro_right_text .pro_email_n { font-size: 15px } .s_banner { display: none } .pro_talk .pro_talk_c { display: none } } @media screen and (max-width: 420px) { .contact_up img { display:block } .contact_up li { width: 86%; padding-left: 14% } .contact_up li.c1 a { font-size: 20px } .s_banner1 .s_c strong { font-size: 26px } .s_banner1 .s_c { margin-left: -80px } } @media screen and (min-width: 340px) and (max-width: 392px) { .pro_list_t li { width:42.5%; padding-left: 3%; padding-right: 3% } } @media (max-width: 380px) { .nav_yd { padding-left:0% } _pro li.a1,_pro li.a3,_pro li.a2 { width: 100% } } @media (max-width: 360px) { .proj_list dl { width:97% } _cap li { width: 50% } .index_pro ul li { width: 98% } _pro li a { width: 98% } .nav_yd a { padding: 0 1.2%; width: auto } .proj_list dl h3 { height: auto } .pro_pdf p strong { font-size: 16px } } .pro_list_new { margin-top: 40px; font-size: 0; margin-left: -3.2% } .pro_list_new * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .pro_list_new:after { content: ""; display: block; clear: both } .pro_list_new li { width: 46.8%; display: inline-block; vertical-align: top; margin-left: 3.2%; padding: 20px; margin-bottom: 20px; border: 1px solid #fff; transition: all 0.3s ease } .pro_list_new li .img { float: left; width: 50% } .pro_list_new li .img img { width: 100% } .pro_list_new li .text { float: right; width: 50%; padding-left: 4.8%; margin-top: 20px } .pro_list_new li .text .tit { color: #141a34; font-size: 28px; line-height: 1.2; font-weight: bold; font-family: Arial, Helvetica, sans-serif } .pro_list_new li .text .tit a { color: #141414; transition: all 0.3s ease } .pro_list_new li .text .tit a:hover { color: #faa50a } .pro_list_new li .text p { color: #141a34; font-size: 16px; line-height: 1.5; margin-top: 24px; font-family: Arial, Helvetica, sans-serif } .pro_list_new li .text p+p { margin-top: 0 } .pro_list_new li:hover { border-color: #faa50a } @media screen and (max-width: 1280px) { .pro_list_new li .text .tit { font-size:24px } .pro_list_new li .text { margin-top: 0 } .pro_list_new li .text p { font-size: 15px } } @media screen and (max-width: 1080px) { .pro_list_new { margin-left:-2% } .pro_list_new li { width: 48%; margin-left: 2% } .pro_list_new li .img { width: 45% } .pro_list_new li .text { width: 55%; padding-left: 3% } } @media screen and (max-width: 920px) { .pro_list_new { margin-left:-2% } .pro_list_new li { width: 31.3%; margin-left: 2%; padding: 14px } .pro_list_new li .img { width: 100% } .pro_list_new li .text { width: 100%; padding-left: 0; margin-top: 20px; padding-left: 10px } .pro_list_new li .text .tit { font-size: 20px } .pro_list_new li .text p { font-size: 14px; margin-top: 14px } .pro_list_new li .text p+.cs { margin-top: 0 } } @media screen and (max-width: 750px) { .pro_list_new { margin-top:30px } .pro_list_new li { width: 98%; padding: 14px } .pro_list_new li .img { width: 40% } .pro_list_new li .text { width: 55%; margin-left: 5%; padding-left: 10px; margin-top: 30px } } @media screen and (max-width: 480px) { .pro_list_new li .text { margin-top:0; width: 60%; margin-left: 0; padding-left: 15px } .pro_list_new li .text .tit { font-size: 18px } .pro_list_new li .text p { font-size: 14px; margin-top: 14px } .pro_list_new li .text p+.cs { margin-top: 0 } } .quick_links_panel { display: none } .fixed_float { width: 72px; position: fixed; right: 20px; top: 40%; z-index: 234 } .fixed_float * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fixed_float .btn { width: 100%; display: block; position: relative; overflow: hidden; cursor: pointer; border: 1px solid #1c1c1c; text-align: center; margin: 0 auto; padding-top: 14px; padding-bottom: 10px; background-color: #ffcc00 } .fixed_float .btn span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.1; color: #1c1c1c } .fixed_float .btn:before { content: ""; width: 24px; height: 24px; display: block; margin: 0 auto 6px } .fixed_float .btn:hover { background-color: #ffe374 } .fixed_float .btn1 { transition: all 0.3s ease } .fixed_float .btn1:before { background: url(../images/right_chat.png) center no-repeat; background-size: 100% auto } .fixed_float .btn2 { transition: all 0.3s ease; border-top: none } .fixed_float .btn2:before { background: url(../images/right_email.png) center no-repeat; background-size: 100% auto } .fixed_float .scroll_top { display: none; padding-top: 6px; padding-bottom: 6px; background-color: #1c1c1e } .fixed_float .scroll_top span { color: #999999 } .fixed_float .scroll_top:before { width: 14px; height: 10px; margin-bottom: 3px; background: url(../images/right_totop.png) center no-repeat; background-size: 100% auto } .fixed_float .scroll_top:hover { background: #111 } .bottom_swt { height: 14.93vw } .bottom_swt p { width: 92vw; display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; margin: 0 auto; overflow: hidden; padding: 1.33vw; background: #1a283d; border-radius: 8vw } .bottom_swt .btn { width: 49.2%; height: 12.27vw; display: block; background: #3366ff; border-radius: 6.67vw; font-size: 3.2vw; color: #ffffff; text-align: center; line-height: 12.27vw } .bottom_swt .btn:before { content: ""; width: 4.27vw; height: 100%; display: inline-block; vertical-align: top; margin-right: 2.4vw; background-position: center center; background-repeat: no-repeat; background-size: 100% } .bottom_swt .btn1 { float: left } .bottom_swt .btn1:before { background-image: url(../images/bottom_swt_tb1.png) } .bottom_swt .btn2 { float: right } .bottom_swt .btn2:before { background-image: url(../images/bottom_swt_tb2.png) } @media screen and (max-width: 768px) { .fixed_float { width:auto; right: 2.67vw; top: auto; bottom: 44.4vw } .fixed_float .btn1,.fixed_float .btn2 { display: none } .fixed_float .scroll_top { width: 10vw; padding-top: 1.47vw; padding-bottom: 1.47vw } .fixed_float .scroll_top:before { width: 3.73vw; height: 2.67vw; margin-bottom: .4vw } .fixed_float .scroll_top span { font-size: 2.93vw } }