www.gusucode.com > 【dema23】响应式发酵罐蒸发器设备网站织梦模板(自适应手机端) > 【dema23】响应式发酵罐蒸发器设备网站织梦模板(自适应手机端)/skin/css/global.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ @charset "utf-8"; /* CSS Document */ body { margin: 0px; padding: 0px; border: 0px; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #333333; font-size: 14px; width: 100%; background: #ffffff; } a { margin: 0px; padding: 0px; border: 0px; text-decoration: none !important; color: #333333; font-size: 13px; } a:hover { text-decoration: none !important; } * { padding: 0px; margin: 0px; border: 0px; background: rgba(0,0,0,0); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000); } li { list-style: none; } img { max-width: 100% !important; } .clear { clear: both !important; height: 0px !important; width: 0px !important; float: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; } input:focus { outline: none; }/*去除按钮选中的高亮标签*/ textarea:focus { outline: none; }/*去除按钮选中的高亮标签*/ div, p, table, td, ul, li, span, a, ol, input { padding: 0px; margin: 0px; border: 0px; } input::-ms-input-placeholder { /* Internet Explorer 10+ */ color:#cccccc; font-size:12px; } input::-webkit-input-placeholder { /* WebKit browsers */ color:#cccccc; font-size:12px; } input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#cccccc; font-size:12px; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#cccccc; font-size:12px; } .fl { float: left; } .fr { float: right; } .pc { display: block; } .mo { display: none; } .top1 { width: 100%; height: 30px; background: #f9f9f9; } .top1 .top1_nei { width: 1100px; margin: 0 auto; max-width: 100%; } .top1 .top1_nei .top1_nei_left { color: #c30d23; font-size: 12px; line-height: 30px; } .top1 .top1_nei .top1_nei_right { font-size: 12px; color: #aaaaaa; } .top1 .top1_nei .top1_nei_right a, .top1 .top1_nei .top1_nei_right span { font-size: 12px; color: #aaaaaa; line-height: 30px; font-size: 12px; color: #aaaaaa; float: left; display: inline-block; } .top1 .top1_nei .top1_nei_right img { float: left; margin: 7px 10px 0 18px; } .top1 .top1_nei .top1_nei_right .xian { margin: 0 0 0 20px; } .top1 .top1_nei .top1_nei_right a:hover { color: #c30d23; } .pctop { width: 1100px; margin: 0 auto; max-width: 100%; min-height: 80px; } .pctop .logo { display: inline-block; height: 80px; -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: center; } .pctop .pcmenu { margin-right: -21px; } .pctop .pcmenu .pcmenu_xun { float: left; position: relative; } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_a { padding: 0 20px; height: 80px; text-align: center; } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_a a { display: inline-block; height: 80px; line-height: 80px; font-size: 14px; color: #676767; } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_a a img { float: left; margin-top: 38px; margin-left: 10px; } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_a a span { float: left; } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_xiala { display: none; box-shadow: rgba(0,0,0,0.13) 0 10px 30px; width: 188px; position: absolute; z-index: 111111; } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_xiala a { border-bottom: #e7e9ea solid 1px; background: #FFFFFF; font-size: 13px; color: #979797; line-height: 46px; padding-left: 25px; transition: padding-left ease-in 0.25s; width: 100%; height: 46px; display: inline-block; float: left; text-align: left } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_xiala a:hover { background: #ff4e4e url(../images/bg34.png) no-repeat 25px 50%; color: #FFFFFF; padding-left: 36px; transition: padding-left 0.55s ease-in-out; } .pctop .pcmenu .pcmenu_xun:hover .pcmenu_xun_xiala { display: block; } .neibanner { width: 100%; height: 230px; } .newsnav { overflow: hidden; width: 100%; background: #FFFFFF; border-bottom: #eaeaea solid 1px; height: 43px; } .newsnav .newsnav_nei { width: 1100px; margin: 0 auto; max-width: 100%; } .newsnav table { max-width: 100%; border-left: #eaeaea solid 1px; } .newsnav table td { border-right: #eaeaea solid 1px; } .newsnav table a { text-overflow: ellipsis; white-space: pre; overflow: hidden; padding: 0 42px; text-align: center; height: 43px; display: inline-block; color: #676767; font-size: 15px; line-height: 43px; max-width: 100%; } .newsnav table a:hover, .newsnav table a.on { border-bottom: #eb2d2d solid 2px; color: #eb2d2d; } .footer { width: 100%; min-height: 95px; background: #1e232b; } .footer .footer_nei { width: 1100px; position: relative; margin: 0 auto; max-width: 100%; } .footer .footer_nei .bdbox { position: absolute; top: 15px; right: 0; } .footer .footer_nei .footer_nei_xijie { } .footer .footer_nei .footer_nei_xijie .footer_nei_top { float: left; margin-top: 22px; } .footer .footer_nei .footer_nei_xijie .footer_nei_bot { float: left; margin-top: 12px; } .footer .footer_nei .footer_nei_xijie .footer_nei_top span { float: left; font-size: 12px; margin-right: 28px; line-height: 14px; color: #e2e2e2; } .footer .footer_nei .footer_nei_xijie .footer_nei_top img { float: left; margin-right: 8px; } .footer .footer_nei .footer_nei_xijie .footer_nei_top .ss { float: left; } .footer .footer_nei .footer_nei_xijie .footer_nei_bot { font-size: 13px; color: #e2e2e2; line-height: 20px; } .footer .footer_nei .footer_nei_xijie .footer_nei_bot a { font-size: 13px; color: rgba(266,266,266,0.13); } .motop { width: 100%; padding: 0 3%; background: #1e232b; } .motop .fl { height: 1.5em; margin: 1.25em 0; } .motop .fl img.fl { height: 1.5em; margin: 0; } .motop .menuicon { height: 2em; margin: 1em 0; } .momenu { width: 100%; position: absolute; z-index: 11111111; display: none; } .momenu a { width: 100%; background: rgba(255,255,255,0.85); float: left; line-height: 3em; height: 3em; text-align: center; border-bottom: #CCCCCC solid 1px; display: inlne-block; } .about { width: 1100px; font-size: 13px; color: #747474; line-height: 30px; margin: 30px auto; } .newdet { width: 1100px; margin: 20px auto; } .newdet_title { width: 100%; text-align: center; float: left; font-size: 18px; color: #eb2d2d; font-weight: bolder; } .newdet_title2 { width: 100%; text-align: center; float: left; font-size: 12px; color: #9f9f9f; line-height: 30px; } .newdet_title3 { width: 100%; text-align: center; float: left; } .newdet_title3 .bdsharebuttonbox { display: inline-block; } .newdet_title3 .bdsharebuttonbox a { width: 16px; height: 16px; margin: 0 5px; } .newdet_nei { width: 100%; float: left; color: #696969 !important; line-height: 30px !important; font-size: 13px !important; } .contact { width: 1100px; margin: 20px auto; } .contact .contact_title { width: 100%; float: left; font-size: 16px; color: #eb2d2d; line-height: 40px; font-weight: bolder; } .contact .contact_nei { width: 100%; float: left; font-size: 13px; color: #333333; line-height: 28px; } .contact .contact_nei .div1 { width: 500px; float: left; } .contact .contact_nei .div2 { width: 300px; float: left; } .contact .contact_nei .div3 { float: right; } .contact .contact_mapbox { float: left; width: 100%; height: 445px; margin: 20px 0; border: #e5e5e5 solid 1px; padding: 4px; } .join { width: 1100px; margin: 20px auto; min-height: 425px; } .join li { width: 100%; margin-bottom: 25px; } .join li .join_top { width: 100%; padding: 0 30px; height: 55px; background: #f6f6f6; } .join li .join_top .fl { line-height: 55px; color: #666666; font-size: 13px; } .join li .join_top .fr { display: inline-block; cursor: pointer; height: 55px; -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: center; } .join li .join_top .fr .open_icon { } .join li .join_top .fr .close_icon { display: none; } .join li .join_bot { display: none; width: 100%; padding: 0 30px; } .join li .join_bot .join_bot_didian { font-size: 14px; color: #9f9f9f; line-height: 40px; } .join li .join_bot .join_bot_title { font-size: 16px; color: #eb2d2d; font-weight: bolder; } .join li .join_bot .join_bot_xijie { font-size: 14px; color: #4d4d4d; line-height: 25px; margin-bottom: 20px; } .join li .join_bot .join_bot_sub { width: 142px; height: 44px; line-height: 44px; text-align: center; display: inline-block; color: #FFFFFF; font-size: 16px; background: #eb2d2d; } .course { width: 1100px; margin: 40px auto; } .course .course_left { width: 500px; float: left; } .course .course_left li { width: 100%; margin-bottom: 30px; } .course .course_left li .course_left_data { width: 100%; font-size: 30px; color: #cccccc; } .course .course_left li .course_left_smalltext { width: 100%; font-size: 13px; color: #5a5a5a; } .course .course_right { width: 585px; float: right; background: #FFFFFF; } .course .course_right .course_right_img { height: 242px; overflow: hidden; } .course .course_right .course_right_img img { width: 100%; } .course .course_right .course_right_box { width: 100%; padding: 30px; } .course .course_right .course_right_deta { width: 100%; float: left; font-size: 46px; font-weight: bolder; color: #666666; } .course .course_right .course_right_smalltext { width: 100%; float: left; font-size: 13px; color: #515151; line-height: 24px; } .cooperation { width: 1100px; margin: 30px auto; } .cooperation div { -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: center; width: 218px; height: 164px; float: left; border: #e8e8e8 solid 0.5px; background: #FFFFFF; } /*.cooperation div img{ max-width:74%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }*/ .cooperation div img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } .message_title1 { width: 100%; font-size: 24px; color: #333333; } .message_title2 { width: 100%; font-size: 14px; color: #5b5b5b; } .messform { width: 100%; } .message { width: 100%; } .message td { padding: 15px 0; } .message td.messleft { width: 75px; } .message td.messcenter { width: 75px; font-size: 18px; color: #666666; } .message td.messright { } .message td input { font-size: 14px; color: #5b5b5b; width: 361px; height: 52px; padding: 0 10px; border: #b4b4b4 solid 1px; } .message td textarea { font-size: 14px; color: #5b5b5b; width: 100%; height: 235px; padding: 10px; border: #b4b4b4 solid 1px; } .message td input[type='submit'] { width: 144px; height: 44px; color: #FFFFFF; cursor: pointer; font-size: 15px; font-weight: bolder; background: #eb2d2d; border: none; } .case { margin-left: -10px; } .case .casexunbox { float: left; margin: 10px; width: 260px; height: 198px; position: relative; } .case .casexunbox .casexun { width: 100%; margin-top: 0px; height: 198px; position: absolute; padding: 9px; border: #eaeaea solid 1px; box-shadow: rgba(0,0,0,0.13) 0px 0px 0px; transition: all ease 0.5s; } .case .casexunbox .casexun:hover { margin-top: -5px; border: #eb2d2d solid 1px; box-shadow: rgba(0,0,0,0.13) 0px 0px 30px; transition: all ease 0.5s; } .case .casexunbox .casexun .casexun_img { width: 100%; height: 144px; overflow: hidden; } .case .casexunbox .casexun .casexun_img img { width: 100%; } .case .casexunbox .casexun .casexun_title { height: 42px; line-height: 42px; width: 100%; text-align: center; text-overflow: ellipsis; white-space: pre; overflow: hidden; color: #585858; font-size: 14px; } .case .casexunbox .casexun:hover .casexun_title { color: #eb2d2d; } .fenye { display: inline-block; margin-left: 50%; } .fenye a { padding: 0 9px; height: 21px; line-height: 21px; font-size: 12px; text-align: center; border: #dddddd solid 1px; float: left; margin: 5px; color: #666; } .fenye a.on, .fenye a:hover { text-decoration: none; background-color: #eb2d2d; border: #eb2d2d solid 1px; color: #FFFFFF; } .honor { width: 1100px; margin: 0 auto; } .row { width: 1150px; margin: 0 0 0 -25px; } .fancybox { width: 237px !important; padding: 0; height: 324px; float: left; margin: 0 25px; } .fancybox .fancy_top { width: 100%; height: 267px; background: #FFFFFF; border: #e5e5e5 solid 1px; -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: center; overflow: hidden; padding: 10px; } .fancybox .fancy_bot { line-height: 40px; font-size: 14px; color: #666666; width: 100%; text-align: center; } .fancy:hover { text-decoration: none !important; } .news { width: 100%; } .news .news_xun { width: 100%; float: left; border-bottom: #e5e5e5 dashed 1px; padding: 30px 10px; } .news .news_xun .news_left { padding: 10px 20px; width: 120px; float: left; height: 120px; background: #f7f7f7; } .news .news_xun .news_left .news_left1 { width: 100%; float: left; font-size: 40px; height: 56px; font-weight: bolder; color: #666666; } .news .news_xun .news_left .news_left2 { width: 100%; float: left; font-size: 16px; color: #666666; } .news .news_xun .news_left .news_left3 { width: 100%; float: left; font-size: 16px; color: #666666; } .news .news_xun .news_right { width: 930px; float: left; margin-left: 30px; } .news .news_xun .news_right .news_right_title { width: 100%; float: left; font-size: 18px; font-weight: bolder; color: #333333; } .news .news_xun .news_right .news_right_deta { display: none; } .news .news_xun .news_right .news_right_xi { width: 100%; margin: 15px 0; float: left; font-size: 12px; color: #9f9f9f; } .news .news_xun .news_right .news_right_xi span { margin-right: 10px; } .news .news_xun .news_right .news_right_smalltext { color: #666666; font-size: 13px; line-height: 24px; height: 48px; width: 100%; float: left; overflow: hidden; } .news .news_xun:hover .news_left { background: #eb2d2d; } .news .news_xun:hover .news_left div { color: #FFFFFF; } .news .news_xun:hover .news_right .news_right_title { color: #eb2d2d; } .news .news_xun .news_right .news_right_smalltext { color: #666666; } .base { width: 1130px; margin-left: -15px; } .base .base_xun { width: 252px; display: inline-block; height: 200px; padding: 16px; float: left; border: #EEEEEE solid 1px; margin: 15px; } .base .base_xun:hover { border: #eb2d2d solid 1px; } .base .base_xun .base_imgbox { width: 100%; height: 144px; position: relative; overflow: hidden; } .base .base_xun .base_imgbox .base_imgbox1 { background: rgba(0,0,0,0.50); width: 100%; height: 144px; z-index: 11111; position: absolute; -webkit-align-items: center; display: -webkit-flex; -webkit-justify-content: center; display: none; } .base .base_xun .base_imgbox .base_imgbox2 { width: 100%; height: 144px; } .base .base_xun .base_imgbox .base_imgbox2 img { width: 100%; } .base .base_xun .base_title { height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #5a5a5a; } .base .base_xun:hover .base_title { color: #eb2d2d; } .base .base_xun:hover .base_imgbox .base_imgbox1 { display: -webkit-flex; } .product { width: 1100px; margin: 0 auto 40px auto; min-height: 400px; } .product .product_left { width: 240PX; float: left; border-left: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; } .product .product_left .product_left_title { border-bottom: #e5e5e5 solid 1px; width: 100%; height: 100px; padding-top: 30px; padding-left: 20px; } .product .product_left .product_left_title .product_left_title1 { float: left; width: 100%; font-size: 26px; color: #eb2d2d; text-transform: uppercase; } .product .product_left .product_left_title .product_left_title2 { float: left; width: 100%; font-size: 14px; color: #c9c9c9; text-transform: uppercase; } /*.product .product_left .product_link{ float:left; width:100%; border-bottom:#e5e5e5 dashed 1px; display:inline-block; height:40px; line-height:40px; padding-left:20px; font-size:14px; color:#666666;} .product .product_left .product_link:hover{ background:#eb2d2d url(../images/bg6.png) no-repeat 210px 50%; color:#FFFFFF; border-bottom:#eb2d2d solid 1px;} .product .product_left .product_link.on{ background:#eb2d2d url(../images/bg6.png) no-repeat 210px 50%; color:#FFFFFF; border-bottom:#eb2d2d solid 1px;}*/ .product_link_box { } .product_link_box ul { width: 100%; } .product_link_box ul li { width: 100%; } .product_link_box ul li .newtitle { width: 100%; height: 40px; } .product_link_box ul li .newtitle a { float: left; width: 100%; border-bottom: #e5e5e5 dashed 1px; display: inline-block; height: 40px; line-height: 40px; padding-left: 20px; font-size: 14px; color: #666666; overflow: hidden; } .product_link_box ul li .newleftxiala { overflow: hidden; display: none; width: 100%; } .product_link_box ul li .newleftxiala a { height: 35px; line-height: 35px; display: inline-block; width: 100%; padding-left: 45px; background: url(../images/bgjt.png) no-repeat 36px 50% } .product_link_box ul li .newleftxiala a:hover { color: #eb2d2d; } .product_link_box ul li .newtitle a.on { background: #eb2d2d url(../images/bg6.png) no-repeat 210px 50%; color: #FFFFFF; border-bottom: #eb2d2d solid 1px; } .ona { color: #eb2d2d; } .product .product_right { width: 835px; float: right; } .product .product_right .profuct_newsnav { background: #FFFFFF; margin-right: -1px; width: 100%; height: 34px; line-height: 34px; text-align: right; font-size: 12px; color: #a3a3a3; border-bottom: #CCCCCC solid 1px; } .product .product_right .profuct_newsnav span { font-size: 12px; color: #a3a3a3; margin: 0 5px; font-family: "宋体"; } .product .product_right .profuct_newsnav a { font-size: 12px; color: #a3a3a3; } .product .product_right .profuct_newsnav .hong { color: #eb2d2d } .productbox { width: 100%; } .productbox .product_xun { width: 25%; height: 262px; border: #eaeaea solid 0.5px; float: left; } .productbox .product_xun .product_xun_img { padding: 25px; width: 100%; text-align: center; } .productbox .product_xun .product_xun_img div { width: 167px; padding: 5%; height: 146px; background: url(../images/bg32.png) no-repeat 50%; display: inline-block; } .productbox .product_xun .product_xun_img div img { width: 90%; } .productbox .product_xun .product_xun_text { width: 100%; padding: 0 34px; } .productbox .product_xun .product_xun_text .product_xun_title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: pre; font-size: 12px; color: #2d80b7; font-weight: bolder; } .productbox .product_xun .product_xun_text .product_xun_title2 { margin-top: 12px; font-size: 12px; color: #2d80b7; width: 100%; line-height: 16px; } .productbox .product_xun .product_xun_text .product_xun_title2 img { margin-right: 5px; } .productbox .product_xun:hover { border: #eb2d2d solid 0.5px; } .productdet { width: 100%; } .productdet .productdet_title { padding: 15px 0; margin-bottom: 15px; width: 100%; text-align: center; border-bottom: #CCCCCC double 3px; color: #424242; font-size: 20px; } .productdet .productdet_text { font-size: 13px; line-height: 24px; color: #545454; } .productdet table { background-color: #666; width: 100% !important; } .productdet table td { background-color: #FFF; padding-left: 8px; } #flexslider { width: 100%; height: 432px; margin: 0px auto 0px; clear: both; position: relative; overflow: hidden; z-index: 0; }/***修改这里的高度*****/ /***图片上的箭头**/ #flexslider #ban .jiantou { z-index: 11111; position: absolute; margin: 180px 22px 0px 22px; height: 82px; width: 1236px; display: none; }/***修改这里的高度以调整箭头高度*****/ #flexslider #ban .jiantou .jiantou_left { width: 45px; height: 82px; cursor: pointer; background: url(../images/jiantou.png) no-repeat 0 top; float: left; } #flexslider #ban .jiantou .jiantou_right { width: 45px; height: 82px; cursor: pointer; background: url(../images/jiantou2.png) no-repeat 100% top; float: right; } #ban { width: 100%; height: 432px; margin: auto; position: relative; overflow: hidden; z-index: 0; }/***修改这里的高度*****/ #ban ul.ban_bj li { display: block; width: 100%; height: 432px; position: absolute; left: 0px; top: 0px; text-align: center; z-index: 0; cursor: pointer; }/***修改这里的高度*****/ #ban ul.ban_bj li.on { z-index: 111; } #ban ul.ban_bj li a { display: block; text-indent: -300000em; } #ban ul.ul_dian { display: block; height: 41px; position: absolute; z-index: 10; margin-left: 50%; bottom: 10px; z-index: 11111; } #ban ul.ul_dian li { display: block; width: 10px; height: 10px; background: #e2b213 no-repeat center center; float: left; cursor: pointer; margin-top: 15px; margin-right: 10px; border-radius: 10px; } #ban ul.ul_dian li.licurr { background: #bb171e no-repeat center center; } .index1box { width: 1100px; margin: 0 auto; min-height: 157px; } .index1 { width: 1100px; margin: 0 auto; min-height: 157px; } .index1 td { } .index1 td a { display: inline-block; position: relative; width: 208px; height: 104px; border: #e9e9e9 solid 1px; overflow: hidden; } .index1 td a .index1_title { position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.7); color: #FFFFFF; font-size: 15px; padding: 0 10px; line-height: 20px; z-index: 111; } .index1 td a .index1_img { width: 100%; overflow: hidden; } .index1 td a .index1_img img { width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); filter: scale(1); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index1 td a:hover .index1_img img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); filter: scale(1.15); filter: transform; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; } .index2 { width: 100%; min-height: 445px; background: #f8f8f8; } .index2_nei { width: 1100px; margin: 0px auto 0 auto; } .index2_nei .index2_left { width: 750px; float: left; height: 358px; position: relative; } .index2_nei .index2_left .index2_left_bg { width: 100%; height: 358px; overflow: hidden; position: absolute; margin-top: 35px; z-index: 1; } .index2_nei .index2_left .index2_left_bg img { width: 100%; } .index2_nei .index2_left .index2_left_bg2 { padding: 15px 25px 15px 40px; width: 246px; height: 100%; background: url(../images/bg18.png) repeat-y 100% 50%; position: absolute; z-index: 2; right: 0; top: 35px; } .index2_nei .index2_left .index2_left_bg2 .index2_left_title { width: 100%; font-size: 16px; line-height: 26px; color: #FFFFFF; margin: 5px 0; height: 52px; overflow: hidden; } .index2_nei .index2_left .index2_left_bg2 .index2_left_small { width: 100%; font-size: 14px; line-height: 24px; color: #FFFFFF; } .index2_nei .index2_right { width: 320px; float: right; margin-top: 35px; } .index2_nei .index2_right .indexnews { height: 200px; display: inline-block; width: 100%; } .index2_nei .index2_right .indexnews .indexnews_title { float: left; width: 100%; font-size: 16px; font-weight: bolder; color: #292929; overflow: hidden; white-space: pre; text-overflow: ellipsis; height: 35px; } .index2_nei .index2_right .indexnews .indexnews_bot { float: left; width: 100%; } .index2_nei .index2_right .indexnews .indexnews_bot .indexnews_bot_img { width: 117px; height: 120px; overflow: hidden; float: left; } .index2_nei .index2_right .indexnews .indexnews_bot .indexnews_bot_img img { width: 100%; } .index2_nei .index2_right .indexnews .indexnews_bot .indexnews_bot_small { width: 185px; float: right; font-size: 12px; color: #6b6b6b; line-height: 25px; height: 125px; overflow: hidden; } .indexcase { width: 1100px; margin: 0 auto; height: 406px; } .indexcase .indexcase_title { margin-top: 30px; font-size: 27px; text-align: center; float: left; color: #333333; width: 100%; } .indexcase .indexcase_title_xian { width: 100%; text-align: center; float: left; } .indexcase .indexcase_title_xian span { width: 80px; height: 2px; display: inline-block; background: #ff4e4e; } .indexcase .indexcase_small { width: 100%; text-align: center; float: left; color: #444444; font-size: 13px; line-height: 2em; } .indexcase .indexcase_box { margin-top: 30px; width: 100%; overflow: hidden; position: relative; height: 200px; } .indexcase .indexcase_box .indexcase_box_nei { position: absolute; } .indexcase .indexcase_box .tb2 { position: absolute; } .indexcase .indexcase_box .indexcase_xun { width: 261px; float: left; display: inline-block; margin-right: 18px; } .indexcase .indexcase_box .indexcase_xun .indexcase_img { overflow: hidden; width: 261px; height: 157px; } .indexcase .indexcase_box .indexcase_xun .indexcase_img img { width: 100%; } .indexcase .indexcase_box .indexcase_xun .indexcase_titles { font-weight: bolder; line-height: 2em; font-size: 14px; color: #353535; width: 100%; text-align: center; } .indexcase .indexcase_sel { position: relative; width: 100%; height: 0; } .indexcase .indexcase_sel .case_sel_left { z-index: 111; position: absolute; left: -70px; top: 80px; cursor: pointer; } .indexcase .indexcase_sel .case_sel_right { z-index: 111; position: absolute; right: -70px; top: 80px; cursor: pointer; } .product .product_left .product_link { float: left; width: 100%; border-bottom: #e5e5e5 dashed 1px; display: inline-block; height: 40px; line-height: 40px; padding-left: 20px; overflow: hidden; font-size: 14px; color: #666666; } .product .product_left .product_link:hover { background: #eb2d2d url(../images/bg6.png) no-repeat 210px 50%; color: #FFFFFF; border-bottom: #eb2d2d solid 1px; } .product .product_left .product_link.on { background: #eb2d2d url(../images/bg6.png) no-repeat 210px 50%; color: #FFFFFF; border-bottom: #eb2d2d solid 1px; } @media screen and (max-width:1040px) { .pc { display: block; } .mo { display: none; } .disable_text_highlighting, body { /*去除选中高亮*/ -webkit-touch-callout: none; -webkit-user-select: none; /* Webkit */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE 10 */ /* Opera 目前不支持在Opera,但将很快 */ -o-user-select: none; user-select: none; } .top1 .top1_nei { padding: 0 1%; } .pctop { text-align-last: center; } .pctop .logo { width: 100%; float: none; } .pctop .pcmenu { display: inline-block; float: none; margin: 0 auto; } .pctop .pcmenu .pcmenu_xun .pcmenu_xun_xiala a { } .footer .footer_nei { padding: 0 1%; } .newsnav .newsnav_nei { overflow: scroll; } .about { width: 96%; margin: 2%; } .newdet { width: 96%; margin: 2%; } .contact { width: 96%; margin: 2%; } .contact .contact_nei .div1, .contact .contact_nei .div2, .contact .contact_nei .div3 { width: 50%; float: left; } .join { width: 96%; margin: 2%; } .course { width: 96%; margin: 2%; } .course .course_left { width: 48%; } .course .course_right { width: 50%; } .course .course_right .course_right_img { height: auto; max-height: 14em; } .cooperation { width: 96%; margin: 2%; } .cooperation div { width: 25%; } .case { width: 100%; margin: 0; } .case .casexunbox { width: 23%; margin: 1%; } .case .casexunbox .casexun .casexun_img { height: 11em; } .case .casexunbox .casexun .casexun_img img { height: 100%; } .honor { width: 100% !important; } .container { width: 100% !important; padding: 0 !important; } .row { width: 100%; margin: 0 !important; } .fancybox { width: 24% !important; margin: 0.5%; } .news .news_xun .news_left { display: none; } .news .news_xun .news_right { width: 100%; margin: 0; } .news .news_xun .news_right .news_right_deta { display: inline-block; } .base { width: 100%; margin: 0; } .base .base_xun { width: 24%; margin: 0.5%; } .product { width: 96%; margin: 2%; background: none; border: none; } .product .product_left { overflow-x: scroll; overflow-y: hidden; width: 100%; border-bottom: #e5e5e5 dashed 1px; } .product_link_box { } .product .product_left { } .product .product_left product_link_box { } .product .product_left .product_left_title { display: none; } .product .product_left .product_link { width: auto; padding: 0 20px; border: none !important; display: table; } .product .product_right { width: 100%; } .indexcase { width: 96%; margin: 2%; } .indexcase .indexcase_sel .case_sel_left { left: 0; } .indexcase .indexcase_sel .case_sel_right { right: 0; } .index2_nei { width: 96%; margin: 2%; } .index2_nei .index2_left { margin: 0 auto; float: none; } .index2_nei .index2_right { width: 100%; } .index2_nei .index2_right .indexnews { width: 48%; margin: 1%; float: left; } .index2_nei .index2_right .indexnews .indexnews_bot .indexnews_bot_small { width: 70%; } .index2_nei .index2_right .indexnews .indexnews_bot .indexnews_bot_img { width: 28%; } .index1box { width: 96%; margin: 2%; overflow-x: scroll; } .index2_nei .index2_right .indexnews .indexnews_bot .indexnews_bot_small { height: 8em; } } @media screen and (max-width:770px) { .pc { display: none !important; } .mo { display: block; } .newsnav table a { padding: 0 2%; width: auto; padding: 0 20px; border: none !important; display: table; } .footer .footer_nei .bdbox { width: 100%; text-align: center; position: relative; } .bdsharebuttonbox { display: inline-block; margin: 0 auto; } .footer { padding: 0 0 3% 0; } .footer .footer_nei .footer_nei_xijie .footer_nei_top .ss { width: 100%; margin: 3% 0; } .contact .contact_nei .div1, .contact .contact_nei .div2, .contact .contact_nei .div3 { width: 100%; float: left; } .course .course_right .course_right_img { height: auto; max-height: 11em; } .course .course_left { width: 100%; } .course .course_right { width: 100%; } .cooperation div { width: 50%; } .message td.messleft { display: none; } .message td { padding: 1% 0 !important; } .message td.messcenter { display: inline-block; float: left; width: 100%; } .message td.messright { display: inline-block; float: left; width: 100%; } .message td input { width: 100% !important; } .case .casexunbox { width: 48%; } .fancybox { width: 49% !important; margin: 0.5%; } .base .base_xun { width: 49%; margin: 0.5%; height: auto; } .base .base_xun .base_imgbox { height: 7.7em; } .base .base_xun .base_imgbox .base_imgbox1 { height: 7.7em; } .base .base_xun .base_imgbox .base_imgbox2 { height: 7.7em; } .productbox .product_xun { width: 48%; margin: 2% 1%; height: 210px; } .productbox .product_xun .product_xun_img { padding: 1%; } .productbox .product_xun .product_xun_img div { overflow: hidden; width: 100%; border: #eee solid 1px; background: none; padding: 0; } .productbox .product_xun .product_xun_img div img { width: 100%; } .productbox .product_xun .product_xun_text { padding: 5px 3%; } .index2_nei { width: 96%; margin: 2%; } .index2_nei .index2_left { width: 100%; height: auto; } .index2_nei .index2_left .index2_left_bg2 { background: none; margin-bottom: 25px; height: auto; width: 100%; position: relative; padding: 0; color: #333333; } .index2_nei .index2_left .index2_left_bg2 .index2_left_title { height: auto; width: 100%; text-align: center; font-weight: bolder; color: #333333; } .index2_nei .index2_left .index2_left_bg2 .index2_left_small { width: 100%; color: #333333; } .index2_nei .index2_left .index2_left_bg { display: none; } .index2_nei .index2_right { width: 100%; } .index2_nei .index2_right .indexnews { width: 100%; } .neibanner { display: none; } #flexslider { height: 300px; } #ban { height: 300px; } .product_link_box { width: 1200px; } #ban ul.ban_bj li { height: 300px; background-size: cover; } } @media screen and (max-width:640px) { .pc { display: none; } .mo { display: block; } #flexslider { height: 150px; } #ban { height: 150px; } #ban ul.ban_bj li { height: 150px; background-size: cover; } .index2_nei .index2_right .indexnews { height: 155px; } }