@charset "utf-8"; body,html{ margin: 0px; padding: 0px; font-family: "微软雅黑"; font-size: 14px; line-height: 1.42857143; color: #393939; } .main img{ height: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p { line-height: 1.42857143; font-family: "微软雅黑"; margin: 0px; padding: 0px; } a:link, a:visited { color: #555; text-decoration: none; } ul { padding: 0px; height: auto; overflow: hidden; } ul li { list-style: none; } /*内页banner*/ .f_banner, .f_banner img { width: 100%; } .f_banner { height: 300px; overflow: hidden; } /*内页公用*/ .index_ld_tag{ padding: 5px 0px; margin-bottom: 15px; } .crumbs { width: 100%; padding: 16px; margin-bottom: 10px; background: #f1f1f1; color:#606060; font-size: 16px; float: left; } .crumbs p{ display: inline-block; color:#606060; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .crumbs>span{ float: right; color:#5f5f5f; font-size: 12px; padding-left:25px; line-height: 20px; background: url(../images/crumbs_bg.png) no-repeat left; overflow:hidden; text-overflow:ellipsis; max-width:80%; } .product-top{ margin-top:40px; margin-bottom:45px; } .product-top>p{ text-align: center; } .product-top ul.product-nav{ text-align: center; margin-top:30px; margin-bottom: 40px; background: url(../images/nav_bg.png) no-repeat center; } .product-top ul.product-nav li{ display: inline-block; padding:11px 0px; } .product-top ul.product-nav li:last-child{ border-right:1px solid #e6e6e6; } .product-top ul.product-nav li a{ padding:10px 17px; color: #7e7e7e; background: #fff; box-sizing: border-box; border-left: 1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .product-top ul.product-nav li a:hover{ background: #e50212; color: #fff; } .product-top .product-desc{ background: #f2f2f2; padding-right:5px; } .product-top .product-desc .desc-left{ display: inline-block; width:32%; } .product-top .product-desc .desc-left img{ max-width:100%; } .product-top .product-desc .desc-right { display: inline-block; width: 65%; float: right; } .product-top .product-desc .desc-right p{ width:100%; font-size: 14px; color: #949494; margin-top:30px; line-height: 24px; } .product-top .product-desc .desc-right img{ max-width: 100%; margin-top:24px; } .index_tab_active1 a { color: white; } .newsrelated ul li{ transition: .8s; } .newsre_title{ width: 100%; padding: 7px 0px; margin-bottom: 10px; border-bottom: 2px solid #cd1e25; } .newsrelated ul li:hover .news_right{ box-shadow: 4px 4px 6px 2px rgba(0,0,0,0.8); background:rgb(205, 30, 37); } .newsrelated .momomo a,.newsrelated .momomo span{ transition: .6s; } .newsrelated ul li:hover .news_info p a,.newsrelated ul li:hover .momomo a,.newsrelated ul li:hover .momomo span{ color: #fff; } .newsrelated .news_right{ padding: 8px 0px; padding-left: 5px; transition: .8s; } .newsrelated .momomo{ width: 63%; } /*icon图标*/ @font-face { font-family: 'iconfont_nj'; /* project id 299137 */ src: url('//at.alicdn.com/t/font_me2855fvriyq4cxr.eot'); src: url('//at.alicdn.com/t/font_me2855fvriyq4cxr.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_me2855fvriyq4cxr.woff') format('woff'), url('//at.alicdn.com/t/font_me2855fvriyq4cxr.ttf') format('truetype'), url('//at.alicdn.com/t/font_me2855fvriyq4cxr.svg#iconfont') format('svg'); } @font-face { font-family: 'iconfont'; /* project id:"187148" */ src: url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.eot'); src: url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.woff') format('woff'), url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.ttf') format('truetype'), url('//at.alicdn.com/t/font_02hfh50nta0b2o6r.svg#iconfont') format('svg'); } @font-face { font-family: 'iconfont_footer'; /* project id 325027 */ src: url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.eot'); src: url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.woff') format('woff'), url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.ttf') format('truetype'), url('//at.alicdn.com/t/font_cfzl3onswxdjwcdi.svg#iconfont') format('svg'); } .iconfont_footer { font-family: iconfont_footer; font-style: normal; } .iconfont_nj { font-family: iconfont_nj; font-style: normal; } .m_footer{ display: none; } /*移动端底部图标开始*/ .m_footer a.m_foot_btn img{ max-width: 100%; width:26px; margin:2px; } .m_footer a{ font-size: 0; } /*移动端底部图标结束*/ /*icon图标引用*/ .iconfont { font-family: "iconfont"; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*header部分开始*/ .header_meta{ width: 100%; height: 36px; line-height: 36px; overflow: hidden; margin: 0px auto; background: #e8e8e8; } .top_left{ width: 50%; height: 36px; line-height: 36px; font-family: "微软雅黑"; float: left; font-size: 12px; color: #666; } .page_c a { display: block; text-align: left; color: #333; font-size: 14px; margin-bottom: 5px; } .list_img img{ width:100%; } .top_right{ width: 50%; height: 36px; line-height: 36px; float: right; } .tag a{ padding:4px 10px; border-radius: 3px; transition: 0.6s; } .tag a:hover{ background: #0079c8; color:#fff; } .tag_main{ display: block; } .tag_main h2{ display: inline-block; font-size: 18px; font-weight: bold; padding: 10px 0; margin: 0; width: 60px; text-align: center; background: #104fa1; color: #fff; margin-bottom: 10px; } .tag_main ul li{ float: left; margin: 0 18px 18px 0; } .tag_main ul li a{ padding: 0 11px; height: 34px; line-height: 34px; border: 1px solid #cfcfcf; font-size: 14px; display: block; color: #888; text-align: center; float: left; } .function { display: block; text-align: center; margin-right:2px; padding: 15px 0; } .function a{ display: inline-block; padding:5px 10px; border:1px solid #c1c1c1; margin:2px; box-sizing: border-box; } .function a:hover{ color:#fff; padding:6px 11px; background: #0079c8; border:none; } .function a.active{ color:#fff; padding:6px 11px; background: #0079c8; border:none; } .index_hezuo .container{ width: 1200px; } .p_news_list li:hover samp{ color: #fff !important; } .p_news_list li:hover a{ color:#555 !important; } .list img{ } .pro_t dl dd a:hover{ background: #3F87C1; color: white; } .page_c { padding-top: 5px; border-top: 1px solid #cdcdcd; } .top_right span{ display: block; float: right; } .top_right span p{ display: inline-block; height: 36px; line-height: 36px; font-size: 16px; color: #666; } .logo_l{ float: left; width: 70%; } .productsdetailinfo .left div p a img{ width:100%; } .logo_l h1{ margin: 0px; } .logo_img,.logo_wel{ display: inline-block; float: left; } .qow{ font-size: 14px; color:#b4b4b4; } .logo_img{ margin-right: 2%; } .logo_wel{ border-left: 1px solid #cdcdcd; padding-left: 2%; } .logo_wel h5{ font-size: 20px; font-weight: bold; margin:0px; padding-top: 5px; color: #093051; } .logo_wel h5 font{ font-size: 20px; color: #f19f10; } .logo_wel p{ font-size: 14px; color: #093051; } .level1 li:hover a{ color:white; } .logo_r{ float: right; width: 30%; margin-top: 22px; } .footer_info_img{ display:none; } .logo_tel,.logo_erwei{ float: right; } .index_tab_active1 { display: block; padding: 0px 0px; color: #fff; background: #0079c8; } .top_right span a{ font-size: 12px; height: 36px; line-height: 36px; display: inline-block; padding: 0px 5px; } .you_img img{ width: 100%; } .logo{ width: 100%; min-height: 105px; background: #fff; padding-top: 10px; } .logo_tel{ margin-right: 15px; } .logo_tel h5{ font-size: 15px; font-weight: bold; ; margin: 0px; padding-top: 20px; } .logo_tel h5 i{ font-size: 16px; margin-right: 1rem; } .logo_tel p{ color: #ff5a00; font-size: 16px; font-weight: bold; margin: 0px; } header { width: 100%; background: #e8e8e8; z-index: 99; } .navbar { height: 70px; transition: .6s; border-radius: 0px; margin-bottom: 0px; border: 0px; background: -webkit-linear-gradient(bottom,#0079c8,#008ed0); background: -o-linear-gradient(bottom,#0079c8,#008ed0); background: -mos-linear-gradient(bottom,#0079c8,#008ed0); background: -moz-linear-gradient(bottom,#0079c8,#008ed0); background: linear-gradient(bottom,#0079c8,#008ed0); } .logo { height: 70px; line-height:70px; } .navbar-header a:focus { color: #fff; } .nav { line-height: 50px; height: 70px; } .nav li a { display: block; padding: 20px 16px; color: #fff; font-size: 16px; font-family: "微软雅黑"; font-weight: 400; } .nav li a:focus, .nav li a:hover { background: #890005; color: #fff; transition: .3s; } .navbar-collapse{ width:1100px; margin:0 auto; } /*header部分结束*/ .index_main{ width: 100%; background: #fff; } .main_box{ width: 1100px; overflow: hidden; margin: 0 auto; } .index_left{ width: 20%; float:left; } .index_left_img{ width:100%; margin-top:30px; } .index_left_img .lianxi{ margin-bottom:0; height:322px; } .index_left_img .lianxi p{ line-height:26px; } .index_right{ width: 77%; margin-left: 3%; float: right; } .pro_t_bott{ background: #235cad; width: 100%; overflow: hidden; text-align: center; margin-bottom: 30px; } .for_top{ width: 100%; padding: 45px 0px; } .fot_li{ width: 20%; float: left; min-height: 150px; transition: .5s; padding: 80px 0px 0px 0px; } .fot_li:hover{ transform: rotateY(-360deg); } .fot_li h5{ text-align: center; font-size: 14px; margin: 0px; font-weight: bold; } .fot_li p{ font-size: 12px; margin: 0px; text-align: center; } .fot_top_li1{ background: url(../images/for_top1.gif) no-repeat center; } .fot_top_li2{ background: url(../images/for_top2.gif) no-repeat center; } .fot_top_li3{ background: url(../images/for_top3.gif) no-repeat center; } .fot_top_li4{ background: url(../images/for_top4.gif) no-repeat center; } .fot_top_li5{ background: url(../images/for_top5.gif) no-repeat center; } .index_boxtop{ width: 100%; overflow: hidden; padding: 30px 0px; } .index_tit{ width: 100%; overflow: hidden; text-align: center; } .index_tit_top{ width: 100%; overflow: hidden; text-align: center; } .index_tit_top samp{ float: left; display: inline-block; border: 1px dashed #b2b2b2; height: 1px; margin-top: 22px; width: 44%; } .index_tit_top h3{ float: left; font-size: 30px; font-weight: bold; color: #2f9300; margin: 0px 10px; } .index_tit p{ font-size: 14px; margin-top: 5px; } /*百度地图开始*/ .sitemap p{ font-size: 18px; line-height: 18px; padding-top: 20px; border-top: 1px solid #ececec; color: #393939; margin: 10px 0px; margin-top:20px; } .sitemap ul li a{ border: 1px #cecece solid; border-radius: 5px; color: #a5a5a5; margin-right: 5px; display: inline-block; padding: 5px 10px; } .sitemap ul li:first-of-type { margin-left: 0; } .sitemap ul li { float: left; margin-top:10px; } .sitemap p a{ font-size: 18px; } /*百度地图结束*/ /*我们的优势*/ .index_youshi{ width: 100%; height: auto; padding-top: 30px; background: #e7ffdc; } .you_ee{ position: relative; transition: .5s; } .in_you_main{ width: 100%; overflow: hidden; } .in_you_tit{ width: 100%; padding: 57px 0px; background: #e5e5e5; margin-bottom: 67px; text-align: center; } .in_you_tit img{ margin: 0px auto; } .you_til,.you_tir{ width: 100%; } .you_t1{ background: url(../images/you_1.png) no-repeat; left: -100%; } .you_t3{ background: url(../images/you_3.png) no-repeat; left: -100%; } .you_t4{ left: -100%; margin-top: 40px; background: url(../images/you_4.png) no-repeat; } .you_t2{ margin-top: 40px; left: -100%; background: url(../images/you_2.png) no-repeat; } .you_ti_t1{ color: #2f9300; padding-left: 140px; font: 600 22px/25px 微软雅黑; padding-top: 15px; font-size: 30px; } .in_you_main_ri{ width: 40%; float: right; margin-top: 20px; } .in_you_main_ri img{ margin-bottom: 70px; } .in_you_main_le{ float: left; width: 56%; } .index_abouts{ width: 100%; overflow: hidden; background: url(../images/abouts_img.png) no-repeat top; } .index_newss{ margin-top: 30px; } .index_aboutbox{ width: 45%; float: right; overflow: hidden; } .index_aboutbox h2{ color: white; } .index_aboutbox p{ font-size: 14px; color: white; } .about_con img{ float: left; margin-right: 10px; margin-top: 5px; } .index_titbox{ width: 100%; overflow: hidden; padding: 30px 0px; } .home_news{ width: 29%; margin: 0 2%; overflow: hidden; } .title{ overflow: hidden; } .index_tit_top2 samp{ width: 40%; } .about_con h3{ font-size: 20px; color: white; margin-bottom: 0px; margin-top: 10px; } .about_con p{ font-size: 30px; font-weight: bold; line-height: 26px; color: #ffae00; } .you_ti_t1 span{ font: 200 14px/25px "Arial"; color: #999999; padding-left: 10px; } .you_ti_t2{ color: rgb(51, 51, 51); margin: 20px 0px 0px 170px; font: 400 14px/30px 微软雅黑; } .you_ti_t2 ul li{ width: 100%; display: inline-block; padding-left: 25px; background: url(../images/tit.png) 0px 9px no-repeat; font: 400 14px/30px 微软雅黑; } .cr{ color: rgb(255,0,0); } /*我们的优势结束*/ /*banner开始*/ /*banner结束*/ .index_s_ban { width: 100%; height: 188px; background: url(../images/nei.jpg) no-repeat center; } .index_s_ban1 { width: 100%; height: 188px; background: url(../images/nei2.png) no-repeat center; } .i_tel { float: right; width: 20%; padding: 54px 0px 0px 10px; } .i_tel p { color: rgb(255, 255, 255); font: 600 18px/21px 微软雅黑; } .i_tel .i_inq { background: url(../images/more1.jpg) no-repeat; width: 105px; height: 31px; margin: 15px 0 0 15px; } /*内容开始*/ .index_pro { width: 100%; padding: 20px 0px; overflow: hidden; background: #7b7676; } .index_title h2 { margin: 0px; display: block; font-size: 40px; font-weight: bold; color: #fff; line-height: 1; } .index_about{ width: 100%; height: auto; overflow: hidden; padding: 70px 0px; } .in_about_img,.in_about_info{ width: 50%; float: left; } .in_about_img img{ width: 100%; } .faMu_top{ text-align: center; background:url(../images/jiao.png) top right #0079c8 no-repeat; overflow: hidden; padding: 8px 0px; width:100%; } .faMu_top span{ font-size: 14px; color: white; } .faMu_top p{ font-size: 22px; color: white; } .faMu_top p span{ display: block; text-align:center; } .in_about_info{ padding-left: 5%; font-size: 14px; line-height: 24px; } .pro_t{ border: 1px solid #186abc; margin-bottom: 30px; } .more_b{ float: right; margin-top: 15px; width: 150px; height: 40px; text-align: center; line-height: 40px; color: #c9c9c9; transition: .6s; border: 1px solid #c9c9c9; font-size: 14px; } .more_a{ width: 150px; height: 40px; text-align: center; line-height: 40px; color: #e60013 !important; transition: .6s; margin: 0px auto; border-radius: 5px; border: 1px solid #e60013; font-size: 14px; display: inline-block; } .more{ width: 100%; text-align: center; } .more_b:hover,.more_a:hover{ background: #e60013; color: #fff !important; border: 1px solid #e60013; } .index_pro_tie { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; padding: 0px 3%; background: rgba(227, 36, 51, 0.8); color: #fff; opacity: 0; transition: .8s; } .index_pro_tie em{ font-size: 18px; color: #fff; padding: 5px 0px; display: inline-block; border-bottom: 5px solid #fff; } .index_pro_tie a { text-align: center; font-size: 24px; padding: 5% 0px; width: 100%; color: #fff; display: block; } .index_pro_tie p{ color: #fff; } .index_pro ul li:hover .index_pro_tie { opacity: 1; } .index_pro ul li:hover img { transform: scale(1.2); transition: .6s; } /*内容结束*/ /*新闻开始*/ .index_news { width: 100%; height: auto; overflow: hidden; padding: 50px 0px 30px 0px; background-size: cover; } .in_news_main{ width: 100%; overflow: auto; } .in_news_main:first-of-type{ margin-right: 5%; } .news_more{ float: right; padding-top: 3px; } .title{ padding: 5px 0px; position: relative; border-bottom:2px solid #808080; } .title p{ float: left; font-size: 20px; margin-bottom: 0px; font-weight: bold; color: #2f9300; } .title a{ float: right; font-size: 16px; margin-top: 6px; } .home_news{ float: left; } .home_news li{ width: 100%; overflow: hidden; margin: 5px 0px; padding-left: 10px; background: url(../images/listdian.png) no-repeat left; } .index_geyin{ width: 100%; overflow: hidden; padding-top:30px ; } .index_anli{ width: 100%; overflow: hidden; padding: 30px; } .in_ye_main{ width: 100%; padding-top: 30px; } .in_ye_main ul { width: 900%; position: relative; left: 0px; } .in_ye_main ul li { width: 378px; float: left; margin: 0px 10px; background: #fff; transition: .6s; background: #eeeeee; } .in_ye_main ul li p { margin-bottom: 0px; } .in_ye_main ul li span { width: 100%; display: block; overflow: hidden; text-align: center; border-bottom: 1px dashed #bfbfbf; } .english { padding: 10px; color: #bfbfbf; font-size: 10px; } .ye_info { font-size: 16px; color: white!important; display: inline-block; padding: 5px 45px; margin-top: 30px; margin-bottom: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #2f9300; transition: .6s; } .in_ye_main ul li p img{ width: 100%; } .index_geyin img{ width: 100%; } .home_news li a{ float: left; font-size: 14px; width: 73%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .home_news li span{ float: right; font-size: 14px; } .title h2{ display: inline-block; font-size: 20px; margin: 0px; } .title h2 span{ font-size: 12px; margin-left: 5px; } .main .left{ width:21%; padding-left: 0px; } .main .right{ width: 77%; margin-left:3%; } .news_img_l{ width: 45%; float: left; overflow: hidden; } .m_logo{ display: none; width: 50%; } .new_img_r{ width: 55%; float: left; padding-left: 5%; } .newsimage{ display: block; height: auto; overflow: hidden; margin: 10px 0px; } .new_img_r h5{ margin: 0px; margin-bottom: 10px; } .new_img_r h5 a{ font-size: 16px; } .new_img_r p{ display: inline-block; color: #acacac; line-height: 15px; word-break: break-word; } .news_list { height: auto; overflow: hidden; margin: 15px 0px; } .news_list:hover .news_time{ transform: rotateY(360deg); background: rgba(0,0,0,0.6); } .news_list:hover .new_info{ background: rgba(0,0,0,0.6); color: #fff !important; border-bottom: 1px solid rgba(0,0,0,0.6); } .new_info{ display: inline-block; height: 45px; line-height: 45px; width: 86%; text-indent: 8px; transition: .8s; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #000 !important; border-bottom: 1px solid #cdcdcd } .news_main{ width: 100%; height: auto; overflow: hidden; } .news_time{ width: 12%; text-align: center; height: auto; overflow: hidden; float: left; transition: .6s; margin-right: 2%; background: #e60013; } .news_time samp{ font-size: 20px; color: #fff; font-weight: bold; margin: 0px; font-family: "微软雅黑"; } .news_time p{ color: #fff; margin: 0px; } .undex_red{ position: absolute; bottom: -1px; left: 0px; background: #e60013; width: 15%; height: 2px; } /*新闻结束*/ /*我们的服务开始*/ .index_fuwu { width: 100%; padding-bottom: 6%; } .i_fuwu_title { text-align: center; margin: 0px 0px 50px 0px; } .i_fuwu_title h2 { color: rgba(0, 0, 0, 0.8); font-size: 42px; } .i_fuwu_title p { font-size: 24px; } .i_fuwu_ul { height: auto; overflow: hidden; } .i_fuwu_ul li { text-align: center; padding: 20px 0px; transition: .6s; margin: 10px 0px; } .i_fuwu_ul li span { font-size: 86px; border-radius: 50%; padding: 20px; transition: .6s; color: rgba(0, 0, 0, 0.8); border: 5px solid rgba(0, 0, 0, 0.8); } .i_fuwu_ul li h3 { font-size: 16px; } .i_fuwu_ul li:hover { transform: rotateY(360deg) scale(1.2); background: rgba(0, 0, 0, 0.8); color: #fff; } .i_fuwu_ul li:hover span { color: #fff; border-color: #fff; } .i_fuwu_so { width: 100%; text-align: center; margin-top: 30px; } /*我们的服务结束*/ /*产品中心开始*/ .pduct_t{ width: 217px; height: 40px; display: inline-block; text-align: center; line-height: 40px; font-size: 16px; margin-right: 16px; color: #343434; transition: .5s; border: 1px solid #343434; } .pduct_main{ width: 204%; margin-top: 40px; transition: .8s; left: 0px; position: relative; height: auto; overflow: hidden; } .in_picc ul li{ padding: 2px; position: relative; overflow: hidden; } .in_picc ul li p{ margin-bottom: 0px; } .in_picc ul li p img{ transition: .4s; } .index_f_ban{ width: 100%; height: auto; overflow: hidden; } .index_f_ban img{ width: 100%; } .in_picc ul li:hover .pro_div{ top: 0px; } .in_picc ul li:hover img{ transform: scale(1.2); } .pro_div{ position: absolute; display: inline-block; width: 100%; height: 100%; left: 0px; font-size: 36px; padding: 2px; line-height: 200px; transition: .6s; top: -100%; background: rgba(230,0,19,0.6); color: #fff !important; text-align: center; } .pro_div:hover, .pro_div:focus{ color: #fff; } .in_picc ul li img{ width: 100%; } .index_pduct .container{ overflow: hidden; } .news_product,.featured_product{ width: 50%; float: left; } .in_pduct_tit{ text-align: center; } .pduct_t:hover{ border: 1px solid #e60013; background: #e60013; color: #fff; } .index_pduct{ width: 100%; padding: 20px 0px; overflow: hidden; } .in_tit{ width: 100%; height: 40px; margin-bottom: 30px; } .tit_l{ width: 36%; float: left; background: url(../images/in_tit_bo.gif) repeat-x 0px 15px; height: 40px; } .in_tit_for{ float: left; width: 28%; height: 40px; text-align: center; } .in_tit_for b,.in_tit_for p{ float: left; } .in_tit_for b{ height: 40px; padding: 5px 14px; } .in_tit_for p{ margin: 0px; height: 40px; line-height: 40px; font-size: 18px; } .in_depatmen{ overflow: hidden; width: 100%; height: auto; border-radius: 15px; border: 2px solid #393939; } .in_depatmen p{ width: 100%; text-align: center; display: inline-block; height: 54px; line-height: 54px; background: #393939; color: #fff; font-size: 24px; } .in_depatmen .level1 li{ padding-left: 35px; background: url(../images/lef_pro.png) -5px no-repeat; background-size: contain; } .in_pduct_left{ margin-top: 80px; } .in_depatmen .level1 li a{ display: inline-block; width: 100%; height: 50px; transition: .5s; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .in_depatmen .level1 li:hover{ background: rgba(227, 36, 51, 0.8); } .in_depatmen .level1 li:hover a{ color: #fff; } .index_product_tit{ width: 60%; display: block; margin: 0px auto; height: auto; overflow: hidden; } .index_product_tit a{ display: inline-block; float: left; width: 50%; text-align: center; height: 54px; line-height: 48px; font-size: 18px; color: #393939; border: 2px solid #393939; transition: .6s; } .index_product_tit a:first-of-type{ border-radius: 10px 0px 0px 10px; } .index_product_tit a:last-of-type{ border-radius: 0px 10px 10px 0px; } .index_product_main{ width: 200%; height: auto; overflow: hidden; transition: .6s; } .news_pro,.featured_product{ width: 50%; float: left; } .home_products{ height: auto; overflow: hidden; width: 100%; } .home_ppics { float: left; width: 100%; overflow: hidden; height: auto; } .home_ppics ul { height: auto; overflow: hidden; padding-top:10px; padding-left:1%; } .ptxts ul{ height: auto; overflow: hidden; } .ptxts li{ float: left; width: 31%; margin: 5px 1%; margin-bottom: 10px; overflow: hidden; position: relative; transition: .5s; background: #fff; } .home_ppics li{ float: left; width: 31%; margin: 5px 1%; margin-bottom: 10px; overflow: hidden; position: relative; transition: .5s; background: #fff; } .home_ppics li p{ width: 100%; margin: 0px auto; margin-bottom:44px; margin-top:0px; } .ptxts li p{ width: 100%; margin: 0px auto; margin-top:0px; } .home_ppics li p a{ display: block; } .home_ppics li p a img { width:100%; max-height:220px; transition: .8s; } @media only screen and (max-width: 769px) and (min-width: 320px){ .home_ppics li p a img{ max-height:300px; } } @media only screen and (max-width: 415px) and (min-width: 320px){ .home_ppics li p a img{ height:140px; } } .ptxts li p a{ display: block; } .home_ppics li span{ position:absolute; width:100%; bottom: 7px; } .ptxts li span{ position:absolute; width:100%; bottom: 7px; } .index_f_about{ width: 100%; overflow: hidden; margin-top: 60px; } .index_f_aboutbox{ width: 1100px; padding: 0; margin:0 auto; } .index_f_aboutboxC{ float: left; width:100%; } .index_f_aboutboxC .aboutbox-title{ float: left; width:100%; margin-bottom:26px; } .index_f_aboutboxC .aboutbox-title p:first-of-type{ text-align: center; font-size: 24px; line-height: 50px; border-bottom: 1px solid #eeeeee; background: url(../images/boxtitle_bg.png) no-repeat center bottom; } .index_f_aboutboxC .aboutbox-title span{ display: block; text-align: center; font-size: 14px; margin-top:3px; } .aboutbox{ text-align: center; } .aboutbox p.box-title{ display: block; color: #717074; font-size: 16px; border-bottom: 1px dashed #717074; margin: 0 30px 57px 0; height: 40px; line-height: 40px; text-align: left; } .aboutbox .box01{ display: inline-block; width:40%; float: left; background: url("../images/box01bg.png") no-repeat 160px bottom; } .aboutbox .box01 .box-con{ } .aboutbox .box01 .box-con ul{ width:100%; padding:0 30px; } .aboutbox .box01 .box-con ul li{ width:100%; float: left; margin-bottom: 50px; } .aboutbox .box01 .box-con ul li>span{ display: inline-block; float: left; width:100px; height: 26px; line-height: 26px; border-radius: 13px; border: 1px solid #393939; color: #393939; } .aboutbox .box01 .box-con ul li p{ display: inline-block; float: left; text-align: left; font-size: 14px; line-height: 26px; margin-left:80px; } .aboutbox .box01 .box-con ul li p span{ font-size: 18px; color: #007bc9; font-weight: bold; } .aboutbox .box01 .box-con ul li p i{ color: #007bc9; font-style: normal; } .aboutbox .box02{ display: inline-block; width:30%; float: left; } .aboutbox .box02 ul{ width:100%; } .aboutbox .box02 ul li{ width:75%; padding-left: 85px; margin-bottom: 20px; padding-bottom: 23px; } .aboutbox .box02 ul li:nth-child(1){ background: url(../images/box2_icon01.png) no-repeat; } .aboutbox .box02 ul li:nth-child(2){ background: url(../images/box2_icon02.png) no-repeat; } .aboutbox .box02 ul li:nth-child(3){ background: url(../images/box2_icon03.png) no-repeat; } .aboutbox .box02 ul li p:first-of-type{ font-size: 16px; line-height: 30px; text-align: left; } .aboutbox .box02 ul li p:nth-of-type(2){ font-size: 12px; line-height: 20px; text-align: left; color: #848484; } .aboutbox a.learnmore{ display: block; width: 138px; height: 37px; margin: 40px auto 0; line-height: 37px; border: 1px solid #393939; color: #393939; text-align: center; } .aboutbox a.learnmore:hover{ text-decoration: none; background: #007bc9; color: #fff; border-color: #007bc9; } .aboutbox .box03{ display: inline-block; width:30%; float: left; } .aboutbox .box03 ul{ width:100%; } .aboutbox .box03 ul li{ width:100%; float: left; padding-bottom: 45px; background: url(../images/box3_libg.png) no-repeat 40px bottom; } .aboutbox .box03 ul li:last-child{ background: none; } .aboutbox .box03 ul li i{ display: inline-block; float: left; width:80px; height:26px; border: 1px solid #393939; color: #393939; font-style: normal; border-radius: 13px; line-height: 26px; font-size: 16px; margin-top:7px; } .aboutbox .box03 ul li p{ display: inline-block; float: left; width:180px; text-align: left; padding-left: 10px; line-height: 20px; } .aboutbox .box03 ul li p span{ color: #007bc9; } .aboutbox p.about-link{ text-align: center; margin-top:20px; } .aboutbox p.about-link a{ display: inline-block; padding:7px 30px; background: #008fd1; border: 1px solid #008fd1; color: #fff; margin:10px; transition: 0.6s; } .aboutbox p.about-link a:hover{ color: #008fd1; background: #fff; } .aboutbox img{ max-width: 100%; margin-top: 20px; } #myCarouselabout{ float: right; width:100%; } #myCarouselabout .carousel-indicators{ bottom: -70px; left:0; margin-left:0; width:auto; } #myCarouselabout .carousel-indicators li{ background: #cfcfcf; border: none; margin:0; } #myCarouselabout .carousel-indicators li.active{ width:10px; height:10px; background: #0079c8; border: none; } #myCarouselabout .carousel-inner{ float: right; width:573px; } #myCarouselabout .carousel-inner .item{ width:100%; } .index_f_aboutle{ float: left; overflow: hidden; width: 47.5%; } .index_f_aboutbot{ width: 100%; overflow: hidden; float: left; padding-left: 48%; } .index_f_aboutbot a{ display: block; float: left; width:44px; height:44px; background: url( ../images//more.png); transition: 0.3s; } .index_f_aboutbot a:hover{ background: url( ../images/more2.png); } .news_gongg li:hover a{ color: #f29801; } .index_f_aboutri{ float: left; width: 47.5%; padding:70px; padding-right:0; } .index_f_aboutri h3{ font-size: 35px; color: #f29801; margin: 0px; font-weight: bold; } .index_f_aboutri h3 font{ font-size: 25px; color: #666666; } .index_f_newsbox .index_titi{ padding-left: 0px; } .index_f_aboutri p{ margin-top:40px; font-size: 14px; color: #8c9398; line-height: 24px; white-space: pre-wrap; } .hp_class p a img{ transform: scale(1.2); } .pro_newclass { position: absolute; height: 100%; top: 0px; background: rgba(0, 0, 0, 0.8); color: #393939; padding-top: 40%; font-size: 24px; color: #fff !important; } .index_gondying{ width: 100%; height: auto; overflow: hidden; background: url(../images/gongy_img.png) no-repeat; padding: 20px 0px; } .gongying{ width: 60%; overflow: hidden; text-align: center; margin: 0 auto; } .gongying h3{ font-size: 25px; color: white; margin-bottom: 20px; } .gongying p{ font-size: 14px; color: white; } .index_tit_top1 samp{ width: 42%; } .gongying a{ display: inline-block; padding: 10px 45px; color: #093051; font-size: 16px; margin-top: 28px; background: white; border-radius: 3px; } .index_tit h2{ font-size: 30px; color: #2f9300; font-weight: bold; } .home_ppics li span a { width: 100%; text-align: center; display: block; height:auto; transition: .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #fff; background: #0079c8; padding: 8px 0px; } .ptxts li span a { width: 100%; text-align: center; display: block; height:auto; transition: .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #fff; background: #0079c8; padding: 8px 0px; } .home_ppics li{ border: 2px solid white; padding-buttom:14px; box-shadow: 0 0 8px #dbdbdb; } .ptxts li{ border: 2px solid white; padding-buttom:14px; box-shadow: 0 0 8px #dbdbdb; } .home_ppics li:hover{ border: 2px solid #0079c8; } .ptxts li:hover{ border: 2px solid #0079c8; } .home_ppics li:hover img{ transform: scale(1.2); } .ptxts li:hover img{ transform: scale(1.2); } .ptxts li p a img { transition: .3s; } .pro_l { float: left; } .pro_r { float: right; } .main { width: 1100px; margin: 0px auto; } .sort p, .markermenu p, .maintitle p { text-align: center; height: 60px; line-height: 60px; background: url(../images/jiao.png) top right #0079c8 no-repeat; color: #fff; font-size: 20px; margin-bottom: 5px; } .markermenu,.sort{ margin: 0px auto; height: auto; padding: 0px; } .p_news,.pac_t,.p_news,.p_call{ width: 100%; margin-bottom: 30px; } .p_news{ background: #f0f0f0; margin-top: 30px; padding-bottom: 5px; } .p_news ul li{ padding:0 15px; } .pac_tit,.p_news_t,.p_news_t,.p_call_t{ text-align: center; height: 60px; line-height: 60px; background: #0079c8; color: #fff; font-size: 20px; margin-bottom: 5px; } .p_call_list p img{ width: 100%; } .p_call_list{ padding: 0px 3%; } .p_call_list ul li{ padding: 7px 0px; } .p_news_list ul li{ list-style: none; padding: 0px; width: 100%; height: auto; overflow: hidden; border-bottom: 1px #e6e6e6 solid; color: #333333; cursor: pointer; } .index_boxtop_le{ width: 24%; float: left; padding-right: 2%; } .index_boxtop_ri{ width: 100%; float: left; background: #f0f0f0; } .index_f_news{ width: 100%; overflow: hidden; margin-top: 30px; } .index_f_newsbox{ width: 100%; overflow: hidden; margin-top: 20px; border:1px solid #d2d2d2; padding: 15px; } .index_f_news_le{ width: 59%; overflow: hidden; border:1px solid #d2d2d2; margin-right: 3%; padding: 10px; float: left; } .index_f_news_lebott{ width: 100%; overflow: hidden; } .index_f_news_lebott ul li{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newsimages{ width: 100%; overflow: hidden; margin-bottom: 10px; } .newsimages_ri h4 a{ font-size: 15px; color: #404040; font-weight: bold; } .newsimages_ri p{ font-size: 14px; color: #808080; width: 85%; } .newsimages_le{ width: 36%; margin-right: 4%; overflow: hidden; float: left; } .newsimages_ri{ width: 60%; overflow: hidden; float: right; } .index_f_news_ri{ width: 38%; overflow: hidden; border:1px solid #d2d2d2; float: right; padding: 6px; } .news_gongg li{ margin: 2px 0px; overflow: hidden; width: 100%; } .index_f_news_lebott ul li a{ font-size: 14px; color: #808080; } .index_f_news_lebott ul li:hover a{ color: #f29801; } .index_f_news_lebott ul li span{ font-size: 14px; color: #808080; } .index_titi1 p{ font-size: 16px !important; margin-left: 0px !important; } .index_titi1{ border: none !important; } .index_titi1 p font{ font-size: 14px !important; } .news_gongg{ width: 100%; overflow: auto; } .news_gongg li a{ float: left; width: 70%; font-size: 14px; color: #737373; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_gongg li span{ float: right; display: inline-block; width: 30%; font-size: 14px; color: #737373; } .pro_t dl{ padding: 0px 5%; margin-bottom: 0px; margin-top: 10px; } .pro_t dl dt a{ display: block; padding: 8px 15px; font-size: 16px; text-align: left; color: white; background:#0159a0; border-radius: 4px; } .index_f_pro{ width: 100%; overflow: hidden; } .level1{ padding: 0px 15px; } .index_tab_active1{ border-radius:4px ; } .index_titi{ width: 100%; overflow: hidden; border: 1px solid #d2d2d2; padding: 7px 0px; padding-left: 15px; } .index_titi p a{ font-size: 16px; margin-bottom: 0px; color: #014691; float: left; line-height: 30px; } .index_titi p{ font-size: 20px; margin-bottom: 0px; color: #014691; float: left; } .index_titi p font{ font-size: 16px; color: black; line-height: 30px; } .souye{ color: #404040 !important; } .index_a{ display: inline-block; font-size: 15px; color: #737373; float: right; margin-right: 15px; margin-top: 5px; } .index_titi a font{ color: #104fa1; font-size: 15px; } .pro_t dl dd a{ display: block; padding: 6.5px 10px; font-size: 15px; text-align: left; transition: .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lianxi{ width: 100%; overflow: hidden; margin-bottom: 30px; background: #f0f0f0; padding-bottom: 20px; } .lainxi_top{ width: 100%; overflow: hidden; text-align: center; padding: 10px 0px; background: #0079c8; height:78px; color: #fff; font-size: 22px; font-weight: bold; line-height: 58px; position: relative; } .lainxi_top:before{ content: ""; display: inline-block; width:28px; height:28px; background: url(../images/lianxiicon.png) no-repeat; position: relative; top:5px; } .lainxi_top span{ font-size: 14px; color: white; } .lainxi_top p{ font-size: 25px; color: white; margin-bottom: 0px; } .lianxi_bott{ width: 100%; overflow: hidden; text-align: center; padding-top:15px; } .lianxi_bott p{ color:#777777; text-align: left; padding:0 10px; font-size: 12px; line-height: 20px; } .p_news_list ul li a{ float: left; transition: .3s; display: inline-block; width: 82%; padding-left: 5%; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; } .p_news_list ul li:hover a{ color: #f000; } .p_news_list ul li .n_time{ float: right; font-family: "微软雅黑"; font-size: 12px; width: 18%; } .news_pac,.news_pac1,.p_news_list{ width: 100%; padding: 0px 1%; } .news_pac li,.news_pac1 li{ list-style: none; margin-bottom: 15px; } .news_pac li span,.news_pac1 li span{ display: block; text-align: center; } .news_pac_box{ width: 100%; height: 404px; overflow: hidden; } .news_pac li p a img,.news_pac1 li p a img{ width: 100%; } .left,.right{ float: left; } .right{ padding-left:0; } .main{ margin: 0 auto; } .markermenu ul li,.sort ul li { background: #f1f1f1; margin: 2.5px 0; } .markermenu ul li a,.sort ul li a { font-size: 14px; display: inline-block; padding: 8.5px 15px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ppics ul li { text-align: center; width: 31.3%; float: left; margin: 0 1%; } .rel_list { display: block; margin-top: 15px; } .rel_list_title { font-size: 18px; padding: 5px 0px; border-bottom: 2px solid #393939; margin-bottom: 15px; } .rel_list ul li { float: left; height: auto; overflow: hidden; width: 49%; margin: 5px 0; padding: 5px 0; transition: .6s; border-bottom: 1px dashed #e5e5e5; } .rel_list ul li:nth-child(odd){ margin-right: 2%; } .rel_list ul li a { overflow: hidden; display: inline-block; text-overflow: ellipsis; float: left; width: 90%; white-space: nowrap; font-size: 14px; color: #666; } .rel_list ul li samp { display: inline-block; width: 10%; float: left; text-align: right; font-size: 12px; color: #a2a2a2; } .x_news_time { width: 10%; float: left; text-align: center; height: auto; overflow: hidden; } .x_news_time b { display: block; padding: 5px 0px; text-align: center; color: #fff; background: #0079c8; font-size: 25px; } .bdshare-button-style1-16{ width: 100% !important; text-align: left; margin: 6px 0 !important; } .bdshare-button-style1-16 a { float:none !important; } .foot_list ul li .bdshare-button-style1-16{ width: 100% !important; text-align: left; margin: 6px 0 !important; } .actives { color: #2f9300 !important; } .actives { display: block !important; } .in_news_title { display: block; margin: 20px auto; width: 80%; } .in_news_title ul { display: table; text-align: center; margin: 0px auto; } .in_news_title ul li { float: left; margin: 10px 17px; display: inline-block; font-size: 16px; color: #787878; } .in_news_main { display: block; } .in_news_main_l { width: 50%; float: left; } .in_news_main_l ul { display: none; } .in_news_main_l ul li { display: block; padding: 6px 10px 12px 10px; height: auto; overflow: hidden; transition: .6s; min-height: 60px; border-bottom: 1px solid #eeeeee; } .in_news_main_l ul li:hover { transform: rotateX(360deg); background: #2f9300; } .in_news_main_l ul li:hover h5 a, .in_news_main_l ul li:hover p, .in_news_main_l ul li:hover .in_news_list_time, .in_news_main_l ul li:hover .in_news_list_more { color: #fff; } .in_news_list_l { display: inline-block; width: 80%; float: left; } .in_news_list_l h5 { margin: 0px; } .in_news_list_l h5 a { display: block; font-size: 16px; color: #5d5c5c; line-height: 1.8; } .in_news_list_l p { display: block; font-size: 14px; color: #a2a2a2; } .in_news_list_r { display: inline-block; width: 17%; float: left; margin-left: 3%; position: relative; text-align: right; } .in_news_list_r .in_news_list_time { display: block; font-size: 12px; color: #a2a2a2; } .in_news_list_r .in_news_list_more { position: absolute; bottom: -36px; font-size: 12px; color: #a2a2a2; width: 100%; display: block; } .in_news_main_r { width: 48%; float: left; margin-right: 2%; text-align: center; } .in_news_main_r img { width: 100%; } .x_news_time h5 { padding: 5px 0px; display: block; border-top: 0px; text-align: center; font-size: 14px; color: #fff; margin: 0px; background: #0079c8; } .ptxts ul{ display: flex; justify-content: flex-start; flex-wrap: wrap; overflow: visible; } .ptxts ul li { margin: 10px 0; position: relative; overflow: hidden; width: 32%; margin-right: 2%; padding-right: 0px; } .ptxts ul li:nth-child(3n){ margin-right: 0; } .sr-bdimgshare .bdimgshare-content,.sr-bdimgshare-black .bdimgshare-bg{ display: none !important; } .ptxts ul li p { margin-bottom:44px; height: auto; } .pro_new_div { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; top: -100%; transition: .9s; color: #fff; } .moeq:hover .pro_new_div{ top: 0px; } .moeq{ padding: 0px; margin: 10px 1%; width: 23%; overflow: hidden; } .pro_more a, .pro_zx a, .pro_new_div span { color: #fff; } .pro_new_div span { display: block; padding: 0px 15px 0px 15px; height: 100%; } .pro_new_div span a{ color: #fff; display: inline-block; height: 100%; width: 100%; padding-top: 30%; text-align: center; } .pro_new_div_a{ color: #fff; text-align: center; display: block; } .pro_new_div_btn{ display: inline-block; width: 50%; font-size: 8px; text-align: center; padding: 3px 0px; font-family: "微软雅黑"; color: #fff; border: 1px solid #fff; border-radius: 5px; } .ptxts ul li p a{ text-align: center; } .ptxts ul li p a img { max-width: 100%; transition: .8s; max-height:220px; } .pro_fo_t { text-align: center; width: 100%; display: block; font-size: 11px; color: #666 !important; padding: 5px 0px; text-indent:5px; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; } .ptxts ul li dl { height: auto; overflow: hidden; } .ptxts ul li dl dd:first-of-type a { border-radius: 5px 0px 0px 5px; } .ptxts ul li dl dd:last-of-type a { border-radius: 0px 5px 5px 0px; } .ptxts ul li dl dd a { text-align: center; display: block; padding: 10px; color: #fff; } .pro_new_div dl { position: relative; bottom: -63%; } .ptxts ul li dl dd, .pro_new_div dl dd { width: 50%; float: left; } /*单页样式结束*/ /*单页样式开始*/ /*合作客户开始*/ .index_hezuo{ width: 100%; background: #e5e5e5; padding: 75px 0px 44px 0px; } .in_hezuo_tit{ width: 100%; text-align: center; margin-bottom: 66px; } .in_hezuo_tit h3{ font-size: 13px; font-weight: bold; margin-bottom: 0px; } .in_hezuo_tit p{ font-size: 12px; } .index_hezuo ul li{ float: left; width: 178px; height: 178px; background: #fff; transition: .6s; transform: rotateZ(45deg); margin: 38px; text-align: center; overflow: hidden; } .index_hezuo ul li:hover{ transform: rotateY(-180deg) rotateZ(45deg); } .index_hezuo ul{ padding-left: 6%; } .index_hezuo ul:last-of-type{ transform: translate(127px,-120px) } .index_hezuo ul li img{ transform: rotateZ(-45deg) translate(-37px,30px); } /*合作客户结束*/ /*产品中心结束*/ .pageNav { text-align: center; padding: 20px 0px; } /*公司简介开始*/ .company ul li { width: 100%; padding-bottom: 10px; } .company ul li p { float: left; display: block; } /*公司简介结束*/ /*新闻动态开始*/ .news_left { width: 35%; float: left; } .news_left em { display: inline-block; float: left; text-align: center; padding: 5px 20px 5px 10px; transition: .3s; border-radius: 50%; } .list ul { height: auto; overflow: hidden; } .list ul li { margin-bottom:10px; } .news_left em b { display: block; font-size: 36px; line-height: 0.8; margin-top: 2px; } .news_info { float: left; width:86%; margin-left: 5%; } .news_info h4 { margin-bottom: 3px; overflow: hidden; margin-top: 0px; white-space: nowrap; text-overflow: ellipsis; } .news_info h4 a { font-size: 16px; color: #3e3e3e; } .qow { font-size: 14px; } .news_img{ width: 26%; float: left; } .news_img img{ width: 100%; } .news_right { width: 100%; float: left; padding:10px; background: #f3f3f3; } .momomo{ position: absolute; bottom: 15px; width: 66%; } .sort ul li a { font-size: 14px; display: inline-block; padding: 8px 15px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .about img{ width: 100% !important; } .sort ul { height: auto; overflow: hidden; } .sort ul li:hover{ background: url(../images/to.png) 95% center no-repeat #0079c8; } .sort ul li:hover a{ color: #fff; } .newstitle { font-size: 24px!important; color: #808080; text-align: center; margin-bottom: 10px; line-height: 1.46; } .newsdetail dl dt { text-align: center; border-bottom: 1px solid #cdcdcd; color: rgb(57, 57, 57); font-weight: normal; } .newsdetail dl dt.pr{ text-align: right; padding-right: 30px; } .newsdetail dl dt p{ display: inline-block; } .newsdetail dl dd p { width: 100%; margin: 10px auto; } .in_tel1 { width: 100%; background: url(../images/left7.jpg) 2px center no-repeat; height: 182px; margin-top: 3px; background-size: contain; } /*新闻动态结束*/ /*友情链接开始*/ .links { width: 100%; background: url(../images/link.png) no-repeat center top #fcfcfc; float: left; padding-bottom: 20px; } .links p{ width: 1200px; margin: 0 auto; padding: 0 20px 10px; margin-top: 65px; height: auto; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; border: 1px solid #d9d9d9; border-top: 0; transform: translate(-1px,-5px); } .links p a{ display: inline-block; margin-right: 5px; transition: .3s; font-size: 12px; color: #666; } .links p a:hover{ color: #007bc9; } /*友情链接结束*/ /*底部开始*/ footer { width: 100%; padding: 30px 0px 30px 0px; background: #007bc9; float: left; } .foot_logo h5{ height: auto; overflow: hidden; margin: 0px; } .foot_logo p{ text-align: center; } .foot_logo p a{ font-size: 30px; font-weight: bold; color: #e60013; text-align: center; } .foot_logo p a i{ font-size: 30px; color: #f00; margin-right: 5%; } .foot_list .footnav{ margin-top: 10px; padding-bottom: 15px; } .foot_list div.img{ display: none; } .foot_list .footnav .footnav-list{ padding: 5px 0px; font-size: 13px; color: white; display: inline-block; margin-right: 70px; } .foot_list .footnav .footnav-list li{ background: none; margin:0; display: inline-block; margin-right:60px; } .foot_list .footnav .footnav-list li a{ color: #fff; } .foot_list .footnav .footnav-list li a:hover{ text-decoration: underline; } .foot_list .footnav .footnav-list a{ color: #999999; font-size: 14px; padding:0; } .f_logo_img{ display: block; width: 100%; text-align: center; } .page{ padding: 0px; } .foot_er p a{ font-size: 20px; font-weight: bold; color: #2F9300; } .foot_er p i{ font-size: 20px; color: #2F9300; margin-right: 5px; } .faMu{ border: 1px solid #dcdcdc; margin-bottom: 0px; overflow: hidden; padding:10px; padding-bottom:33px; } .foot_meta{ overflow: hidden; } .foot_meta { display: inline-block; } .foot_meta a{ height: 36px; line-height: 36px; font-size: 14px; color: white; display: inline-block; text-align: center; } .foot_ul em, .foot_ul p, .foot_ul p span, .foot_ul p samp, .foot_ul p a, .foot_ul em a, .foot_ul li h5 { color: #fff; } .foot_ul p a:first-of-type{ margin-right: 20px; } .foot_ul li h5 { font-size: 32px; } .foot_ul em a { font-size: 28px; } .foot_ul p, .foot_ul p a { font-size: 14px; } .d_logo{ display: none; } .d_ditu{ display: block; } /*底部结束*/ /*产品内页开始*/ .productsdetailinfo{ background: #f1f1f1; padding-top:10px; position: relative; } .productsdetailinfo .left { display: inline-block; width: 37%; padding:5px; } .productsdetailinfo .left div { text-align: center; } .productsdetailinfo .right { width: 100%; margin-left: 4%; float: right; background: #f1f1f1; } .productsdetailinfo .right>img{ max-width:40%; } .productsdetailinfo .right>img{ margin:1%; margin-top:0; padding:10px; border: 1px solid #e3e3e3; float: left; } .productsdetailinfo .right ul{ width:55%; float: right; margin-right: 2%; } .productsdetailinfo .right ul li p img{ float: none; max-width:100%; } .info dl dt, .inq_title { font-size: 18px; padding: 5px 0px; border-bottom: 1px solid #eee; margin-bottom: 15px; color: #999; } .ppics ul li { text-align: center; } #photo1 p { text-align: center; } .productsdetailinfo .left div p { padding: 2px; } .for_wo { display: block; color: #999 !important; margin-top: 5px; text-align: center; } .productsdetailinfo .left ul li { display: inline-block; float: left; margin-right: 2px; } .ppics ul li p a img { width: 100%; height: 100%; } .productsdetailinfo .right ul li{ font-size: 14px; color:#393939; } .productsdetailinfo .right ul li.tag{ margin-top:10px; } .productsdetailinfo .right ul li p { padding: 5px 0 0 0; line-height: 20px; clear: both; position: relative; } .productsdetailinfo .right ul li p.cat-name{ color:#0079c8; font-size: 20px; } .productsdetailinfo .right ul li h1.p-title{ font-size: 14px; text-align: center; display: inline-block; } .productsdetailinfo .right ul li p.p-model{ font-size: 14px; color:#0079c8; text-align: center; display: inline-block; } .productsdetailinfo .right ul li p.p-add{ font-weight: normal; text-align: center; } .productsdetailinfo .right ul li.p-desc{ border-top:1px dashed #a4a4a4; margin-top:15px; } .productsdetailinfo .right ul li.p-desc p{ font-weight: normal; } .productsdetailinfo .right ul li p b { display: inline-block; width: 14%; margin-right: 2px; font-size: 14px; color: #999; } .productsdetailinfo .right ul li p span { display: inline-block; } .productsdetailinfo .right .pro-content{ width:100%; float: left; background: #fff; margin-top:10px; } .productsdetailinfo .right .pro-content ul{ width:100%; margin-left: 0; padding:10px; margin-right:0; } .abstract { line-height: 1.6; font-size: 14px; color: #999; } .abstract p b { font-size: 14px; color: #999; margin-bottom: 3px; } .productsdetailinfo .right .product_show_more { display: block; margin-top: 15px; height: auto; overflow: hidden; } .productsdetailinfo .right .product_show_more .more_p_a { padding: 10px 25px; display: inline-block; float: left; margin-right: 20px; color: #fff; font-size: 16px; background: rgba(252,2,21,1); } .productsdetailinfo .right .product_show_more .more_p_b { padding: 10px 25px; display: inline-block; float: left; color: #fff; font-size: 16px; background: rgba(1, 159, 233,1); } .productsdetailinfo .right .product_show_more .more_p_a:hover { background: rgba(252,2,21,.6); } .productsdetailinfo .right .product_show_more .more_p_b:hover { background: rgba(1, 159, 233,.6); } /*产品内页结束*/ .clear { clear: both; width: 100%; height: 0px; } /*在线咨询开始*/ .inque_t { font-size: 18px; padding: 10px 0px; border-bottom: 5px solid #393939; margin-bottom: 15px; } .inq_sub { width: 100%; margin: 0px auto; text-align: center; margin: 10px 0px; } .inq_btn { width: 15%; height: 36px; line-height: 36px; color: #fff; text-align: center; font-size: 16px; border: 0px; } .sub_btn { margin-right: 5px; border-radius: 5px 0px 0px 5px; } .res_btn { border-radius: 0px 5px 5px 0px; } /*在线咨询结束*/ .contactus_img{ width: 100%; overflow: hidden; } .contactus_img img{ } /*子页banner*/ .z_banner, .z_banner img { width: 100%; overflow: hidden; margin: 0px auto; } /*返回顶部按钮*/ .returnTop { position: fixed; right: 15px; bottom: 50px; z-index: 99998; cursor: pointer; width: 40px; height: 37px!important; text-align: center; white-space: normal; font-size: 14px; line-height: 17px; padding-top: 3px; color: #fff; opacity: 1; display: inline-block; background: url(../images/Img/ss.png) no-repeat -42px center #666; ; } #dituContent, .BMap_mask { width: 100% !important; } /*JQuery动画样式*/ .index_pro .index_title,.index_pro ul{ transform: translateX(-100%); transition: .8s; } .index_title{ text-align: center; } .container{ overflow: hidden; } .foot_meta{ width: 100%; height: 36px; line-height: 36px; background:#2f9300; } /*响应式内容样式*/ @media only screen and (max-width: 768px) and (min-width: 320px){ .logo_img img{ width:100%; } .productsdetailinfo .right>img{ max-width:97%; } } @media only screen and (max-width: 400px) and (min-width: 320px){ .logo_img img{ width:100%; margin-top: 6px; } } @media only screen and (min-width: 100px) and (max-width: 320px) { .foot_ul p:first-of-type a{ width: 100% !important; } } @media only screen and (min-width: 320px) and (max-width: 769px) { .info p img,.newsdetail img{ width: 100% !important; height: auto !important; } .index_ld_tag{ display:none; } .m_logo span { text-align: right; float: none; display: table-cell; height: 57px; vertical-align: middle; width: 50%; } .m_logo span img { width: 96%; } .footer_info_img{ display:block; } .footer_info_img img{ width:100%; } .logo_img{ width: 50%; display: block; margin-right: 0px; vertical-align: middle; height:57px; padding:10px 0; } .moeq{ width: 48%; } .news_right{ padding-bottom: 0px; } .list ul li{ margin-top: 5px; padding: 0; } .x_news_time b{ padding: 0px; } .list_img{ width: 48% !important; text-align: center; } .x_news_time h5{ padding: 0px; } .index_titi p a,.index_titi p,.index_titi p font{ font-size: 13px; } .index_left,.index_f_aboutle,.newsimages_le{ display: none; } .index_titi .index_a{ display: none; } .index_right,.main_box,.index_f_aboutri,.index_f_news_le,.newsimages_ri,.newsimages_ri p,.index_f_news_ri{ width: 100%; } .index_f_news_le{ margin-bottom: 15px; } .foot_list ul li{ padding:0px; line-height: 25px; } .foot_list ul li font{ display:block; width:100%; line-height: 25px; } .footer_info_img h5 { display: block; margin-bottom: 10px; text-align: center; font-size: 20px; color: #fff; font-weight: 300; } .footer_info_img { display: block; width: 100%; margin-bottom: 10px; text-align: center; } .index_f_newsbox{ padding: 0px; border: none; } .advantage{ background: #f5f5f5; } .cont_l{ display: block; } .contactus_img{ display: none; } .momomo span{ margin-right: 25px; } .index_f_aboutri h3{ font-size:30px; } #kefubtn{ display: none; } .productsdetailinfo .right{ margin-left: 0px; } .x_news_time { width: 20%; } .news_info{ width: 78%; } .in_news_title ul li{ margin: 10px 15px !important; } .rel_list{ display: none; } .in_news_title{ width: 100%; } .index_boxtop_le,.in_news_main_r{ display: none; } .index_boxtop_ri,.in_news_main_l{ width: 100%; padding-top:5px; } .in_news_list_l h5 a { line-height: 1.4; font-size: 14px; } .in_news_list_r .in_news_list_time { line-height: 2.4; } .in_news_list_r .in_news_list_more { bottom: -20px; } .in_news_list_l { width: 74%; } .in_news_list_r { width: 23%; } .home_ppics li{ width: 48%; } .ptxts li{ width: 48%; } .index_tit_top samp,.in_you_main_ri,.index_geyin{ display: none; } .in_you_main_le{ width: 100%; } .you_ee{ background: none !important; } .you_ti_t1{ padding: 0px; } .foot_logo{ margin-top: 20px; margin-bottom: 15px; } .you_ti_t2{ margin: 20px 0px 0px 0px; } .index_anli,.about_con{ display: none; } .home_news{ width: 96%; } .index_aboutbox h2,.index_aboutbox p{ color: black; margin-top: 0px; } .index_aboutbox{ width: 100%; } .index_abouts{ padding: 0px; background: none; } .gongying{ width: 100%; } .gongying a{ margin-top: 0px; } .gongying h3{ margin-bottom: 0px; } .index_gondying{ padding-bottom: 20px; padding-top: 0px; } .index_tit_top h3{ float: none; } .productsdetailinfo .right ul li p b{ width: auto !important; margin-right: 10px; } .pro_t{ margin-bottom: 0px; } .home_ppics,.left, .right{ padding: 0px; } .foot_ul p a:first-of-type{ margin: 0px; } .you_img{ display: none; } .you_til, .you_tir { width: 100%; } .index_youshi{ background: none; } .in_you_main{ padding-top: 50px; } .markermenu ul li a, .sort ul li a{ font-size: 14px; text-align:center !important; } .m_footer{ display: block; height: 50px; position: fixed; bottom: 0px; width: 100%; left: 0px; z-index: 999; background:rgb(1, 70, 145); } .faMu_top{ display:none; } .foot_meta{ display: none; } .productsdetailinfo .left{ display: block; width: 100%; } .left{ width:100% !important; } .level1 li a{ text-align:center !important; padding: 10px 0 !important; } .p_news,.lianxi{ display:none; } .sort p, .markermenu p, .maintitle p{ display: none; } .index_tab_active1{ width:100% !important; } .ptxts ul li{ width: 48%; } .m_foot_btn { width: 20%; float: left; height: 50px; display: block; text-align: center; border-right: 1px solid #fff; } .m_foot_btn i{ color: #fff; margin-right: 5px; } .m_foot_btn i { color: #fff; display: block; font-size: 20px; } .m_foot_btn span { display: block; text-align: center; color: #fff; font-size: 12px; } .m_logo{ display: block; width:100%; } .navbar { margin: 0px; height: auto; top: 0px; z-index: 999; width: 100%; } .level1{ padding: 0 !important; margin: 0 !important; } .level1 li{ margin: 0 !important; border-radius: 0px; } .index_tab_active1{ padding: 0px; } .index_tab_active1 a{ display: block; padding: 15px 0px; color: #fff; background: #bfbfbf; } .slidebtnbanner{ bottom: 0px !important; } .ban{ height: 100px; } .foot_ul p:first-of-type a{ width: 45%; float: left; } .foot_ul p:last-of-type a{ width: auto; display: inline; font-size: 12px; } .header_meta{ display: none; } .logo img { width: 100%; } .navbar-header a { float: right; margin: 0px; padding: 0px; } .for_top,.tit_l,.index_hezuo{ display: none; } .in_tit_for{ width: 100% !important; } .pduct_t{ width: 50%; margin-right: 0px; float: left; } .index_about{ padding: 30px 0px; } .in_about_img, .in_about_info{ width: 100%; } .in_you_tit{ padding: 17px 0px; margin-bottom: 0px; } .in_you_tit img{ width: 100%; } .in_about_info{ padding-left: 0px; font-size: 12px; line-height: 20px; } .foot_ul p, .foot_ul p a { font-size: 14px; text-align: center; height: auto; overflow: hidden; width: 100%; display: block; } .foot_ul p a span, .foot_ul p span, .foot_ul p samp, .foot_ul p a samp { width: 75%; display: inline-block; float: left; font-family: "微软雅黑"; font-size: 14px; } .foot_ul p a span, .foot_ul p span { text-align: right; width: 25%; } .foot_ul p a samp, .foot_ul p samp { text-align: left; } .navbar-header a i { font-size: 40px; color: #fff; } .navbar-collapse { padding: 0px; position: fixed; top: 61px; bottom: 0px; width: 100%; z-index: 99; background: rgba(0,0,0,0.8); } .d_logo{ display: block; } .new_list li{ padding: 15px 0px; margin: 0px; } .d_ditu{ display: none; } .new_list li div a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .slidebtnbanner li{ height: 10px !important; line-height: 10px !important; font-size: 0px; } .nav { width: 100%; height: auto; margin: 0px; } .nav li:nth-of-type(1){ display: block; } .nav li:nth-of-type(2){ display: block; } .nav li:nth-of-type(3){ display: block; } .nav li:nth-of-type(4){ display: block; } .nav li:nth-of-type(5){ display: block; }.nav li:nth-of-type(6){ display: block; } .nav li:nth-of-type(7){ display: block; } .nav li:nth-of-type(8){ display: block; } .nav li { height: 40px; width: 25%; float: left; display: none; } .nav li:hover { border-bottom: 1px dashed #d54e4e; } .nav li:hover a { background: #fff; color: #d54e4e; transition: .3s; } .news_l { text-align: left; } .index_title p, .news_title p, .pro_title p { font-size: 15px; } .news_title h2, .index_title h2, .pro_title h2 { font-size: 30px; } .index_news { background: none; padding: 30px 0px 25px 0px; } .news_main .in_tit_for b{ width: 30%; } .new_list li em { margin-right: 10%; } .slidepicbanner li img { width: 100%; } .you_ti_t1 span{ display: none; } .i_fuwu_ul li { padding: 5px 0px; } .i_fuwu_ul li span { font-size: 64px; padding: 10px; } .i_fuwu_ul li h3 { font-size: 14px; } .pro_l, .pro_r { font-size: 24px; padding: 10% 0px; } .pageNav{ padding: 5px 0px; } .main { width: 100%; margin: 0px; } .markermenu ul li, .m_news_title ul li { width: 48%; } .news_left em b { font-size: 26px; } .ptxts ul li dl dd a { font-size: 12px; } .sj_s2 { font-size: 8px; } .news_left em { padding: 0px; border-radius: 0px; } .news_left em b { transform: skew(17deg) translateX(-5px); } .productsdetailinfo .right { width: 100% !important; } .inq_btn { width: 45%; } .newsimage{ display: none; } .carousel-indicators{ display: block; bottom: 0; } .main .right{ width: 100%; min-height: 400px; } .qow{ margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; height: 20px; } .in_tit_for b{ width: 44%; } .in_tit_for b img{ width: 100%; } .in_tit_for p{ line-height: 28px; } .in_tit{ margin-bottom: 0px; } .index_s_ban, .in_tel1, .index_s_ban1 { display: none; } .inquiry ul { width: 100% !important; } .newsdetail dl dd center img, #dituContent, .BMap_mask { width: 100% !important; } .nav li a { padding: 0px!important; display: block; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; } .foot_ul li { text-align: center; } .foot_ul li h5 { font-size: 32px; color: #222; width: 100%; display: block; margin: 0px auto; background: #fff; } .links { display: none; } .foot_ul em a { border-bottom: 2px solid #fff; } .foot_ul em { margin-bottom: 25px; display: inline-block; } .foot_ul p { font-size: 12px; } .index_pduct .container{ padding: 0px; } .index_product_tit a{ font-size: 14px; } .in_pro_li{ width: 33.33333%; } .foot_er{ display: none; } .in_news_main{ width: 100%; } .hotline{ display: none; } .sort ul li{ width: 48%; } .index_pro{ padding: 0px; } .new_list li em b{ font-size: 1.667em; } .news_time{ width: 15%; } .new_info{ width: 83%; } .new_list li em{ width: 37%; margin-right: 0px; } .new_list li div{ width: 57%; min-height: auto; } .new_list li div a{ padding: 2px 0px; } .index_product_main{ width: 206%; } .in_depatmen{ margin-bottom: 20px; } .navbar{ background: none; } .nav li a{ background: #0079c8; } .in_depatmen .level1 li{ padding-left: 0px; background: none; background-size: contain; width: 25%; float: left; } .in_depatmen .level1 li a{ text-align: center; } .new_list li div p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .our_kehu,.in_depatmen,.m_news_title,.m_news_title,.sort{ display: none; } .slidebtnbanner{ left: 40% !important; } .in_pduct_left{ margin-top: 0px; } .foot_logo h5{ text-align: center; width: 100%; margin: 0px auto; } .f_logo_img{ margin-bottom: 0px; } .f_logo_img img{ width: 100%; } footer{ padding-top:0px; padding-bottom: 50px; } } /*以上是小屏响应式*/ /*以下是中屏响应式*/ @media only screen and (min-width: 768px) and (max-width: 1024px){ .index_tit_top samp{ width: 42%; } .logo_img img{ width:73%; } .pro_t dl dd a{ padding: 10px 0px !important; } .news_gongg li{ margin: 4px 0px; } .news_gongg li a{ width: 68%; } .news_gongg li span{ width: 32%; } } @media (min-width:768px) { .main_box, .main{ width: 750px } } @media (min-width:992px) { .main_box, .main{ width: 970px } } @media (min-width:1100px) { .main_box, .main{ width:1100px } } @media only screen and (min-width: 768px) and (max-width: 1438px) { .navbar { margin: 0px; } .p_news_list ul li a{ width: 77%; } .p_news_list ul li .n_time{ width:21% } .tit_l{ width: 33%; } .in_tit_for{ width: 34%; } .in_picc ul li{ width: 25%; } .index_hezuo ul li{ width: 145px; height: 145px; } .footer_info_img{ display:black; } .index_hezuo ul:first-of-type{ transform: translateX(0px); } .index_hezuo ul li img{ transform: rotateZ(-45deg) translate(-36px,13px); } .index_hezuo ul:last-of-type{ transform: translate(112px,-114px); } .qow{ overflow: hidden; display: block; height:40px; } .logo { height: 70px; line-height: 70px; } .foot_logo{ width: 34%; } .foot_er{ width: 22%; } .links_t{ width: 10%; } .foot_er p{ text-align: center; } .foot_er img { width: 60%; margin: 0px auto; } .newsdetail dl dd center im { width: 100%; } .ban{ height: 350px; } .foot_er { text-align: center; } .logo a img, .slidepicbanner li a img { width: 100%; } .i_tel, .in_tel1, .index_s_ban1 { display: none; } } .moeq1 { padding: 10px; margin: 10px 0; width: 100%; overflow: hidden; border-bottom: 1px dashed #dadada; } .moeq1 p { width: 28%; float: left; display: block; overflow: hidden; } .moeq1 img { width: 100%; } .moeq1 .moss1 { width:70%; float: right; display: block; padding: 0px 5px; text-align: left; } .moss_name { font-size: 20px; color: #000; margin-bottom: -3px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .moeq1 h5 { display: block; font-size: 14px; padding: 0px; margin:2px 0; max-height:75px; overflow:hidden; line-height: 1.8; color: #606060; } .cipcs_more { display: block; text-align: left; } .cipcs_more a:nth-of-type(1) { background: #bfbfbf; } .cipcs_more a { width: 124px; display: inline-block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; transition: .6s; } .cipcs_more a:nth-of-type(2) { background: #676363; } .cipcs_more a:hover { opacity: .6; } .list_img { width: 31%; float: left; margin: 10px 1% 0px 1% !important; padding: 0px 0px !important; text-align: center; } .list_img p{ width: 100%; margin-top: 10px; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news_info{ margin-left: 1% !important; } .list_img p a{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 14px; } .pro_t dl dt a{ padding: 5px 15px !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .pro_t dl dd a{ padding: 8px 15px !important; } .index_titi p{ font-size: 16px !important; line-height: 27px; } .pro_t dl{ margin-top: 5px !important; } @media only screen and (min-width: 767px) and (max-width: 770px){ .moeq1 h5{ margin-bottom: 30px !important; white-space: inherit !important; margin-top: 20px !important; } .cipcs_more a{ width: 25% !important; } .bdsharebuttonboxz{ width: 19% !important; } } @media only screen and (min-width: 320px) and (max-width: 769px){ .moeq1 h5{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; margin-top: 0px; } .moeq1 p{ width: 35%; } .moeq1 .moss1{ width:63%; } .moss_name{ margin-bottom: 0px; font-size: 16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .cipcs_more a { width: 40%; height: 28px; line-height: 28px; font-size: 12px; } } .list img { } .container{ padding: 0px; } .in_ld_tags_title { display: block; padding: 3px 5px; ; color: black; border: 1px solid #dadada; font-size: 16px; margin-bottom: 0px; } .index_ld_tag { padding: 5px 0px; margin-bottom: 15px; } .in_ld_links_list { display: block; border: 1px solid #dadada; } .in_ld_links_list a { display: inline-block; padding: 5px; font-size: 14px; color: #373737; float: left; } .pro_t dl { margin: 2.5px !important; display: inline-block !important; width: 210px !important; } .level1{ margin: 0px; } .level1 li{ text-align: center; } .level1 li.active{ border-radius:0 ; background:url(../images/to.png) no-repeat 95% center #0079c8; } .level1 li.active a{ color:#fff; } .level1 div.index_tab_fide{ height:0; overflow: hidden; transition: 0.8s; } .level1 li a{ font-size: 14px; display: inline-block; padding:7.5px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .level1 li:hover a{ color: #c72318; } .container{ padding: 0px; } .in_ld_tags_title { display: block; padding: 3px 5px; color: black; border: 1px solid #dadada; font-size: 16px; margin-bottom: 0px; } .in_ld_links_list { display: block; width:100%; border: 1px solid #dadada; float: left; margin-top:40px; margin-bottom:15px; padding:10px; } .in_ld_links_list ul { margin: 0px; } .in_ld_links_list span{ display: inline-block; padding: 5px; font-size: 14px; color: #373737; float: left; } .in_ld_links_list a { display: inline-block; padding: 5px; font-size: 14px; color: #373737; } .in_ld_links_list span:last-child{ display: none; } .pro_t dl { margin: 2.5px !important; display: inline-block !important; width: 210px !important; } .level1{ margin: 0px; margin-top:5px; } .level1 li{ text-align: center; } .level1 li a{ font-size: 14px; display: inline-block; padding:8px 15px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .level1 li:hover a{ color: #c72318; } /*08.0511*/ .showcase{ margin-top:65px; background: #f8f8f8; padding-top:36px; padding-bottom:56px; } .p_title{ } .p_title>a{ float: left; font-size: 0; } .p_title>a:hover i{ background: #e50212; } .p_title>a i{ display: inline-block; width:6px; height:6px; border-radius: 6px; background: #000; margin-right:3px; transition-delay: 0.1s; transition: 0.3s; } .p_title>a i:nth-child(2){ transition-delay: 0.2s; } .p_title>a i:nth-child(3){ transition-delay: 0.3s; } .p_title .case-title{ width:90%; float: right; } .p_title .case-title img{ float: right; } .p_title .case-title p{ font-size: 14px; margin-top:20px; line-height: 24px; color: #949494; float: right; text-align: right; } /*产品细节展示样式开始*/ .details{ width:100%; float: left; margin-top:30px; } .details .details_C{ width:1100px; margin:0 auto; } .details .details_C .details_title{ width:590px; margin:0 auto; } .details .details_C .details_title h3{ font-weight: bold; width:100%; text-align: center; color:#3a3a3a; } .details .details_C .details_title p{ width:100%; text-align:center; line-height: 22px; color:#999999; font-size: 12px; margin:16px 0; } .details .details_C .details_title i{ display: block; width:20px; height:6px; background: #0079c8; margin:0 auto; } .details .details_C .details_main{ position: relative; width:100%; float: left; margin-top:8%; } .details .details_C .details_main .datails_main_l{ display: inline-block; width:36%; margin-right:20%; float: left; } .details .details_C .details_main .datails_main_r{ display: inline-block; width:36%; float: right; } .details .details_C .details_main .details_mian_img{ position: absolute; top:-20%; left:50%; margin-left: -63px; } .details .details_C .details_main .datails_main_l ul{ } .details .details_C .details_main ul li{ cursor: pointer; } .details .details_C .details_main .datails_main_l ul li{ float: right; margin-bottom: 35px; transition: 0.8s; } .details .details_C .details_main .datails_main_l ul li:hover{ margin-right: 50px; } .details .details_C .details_main .datails_main_l ul li img{ float: right; } .details .details_C .details_main .datails_main_l ul li p{ float: right; width:200px; color:#565656; font-size: 16px; text-align: right; margin-top:5px; margin-right:20px; font-weight: 600; } .details .details_C .details_main .datails_main_l ul li p:nth-child(even){ margin-top:15px; } .details .details_C .details_main .datails_main_l ul li p:nth-child(odd){ color:#c9c9c9; font-size: 14px; font-weight: normal; } .details .details_C .details_main .datails_main_r ul{ } .details .details_C .details_main .datails_main_r ul li{ float: left; margin-bottom: 35px; transition: 0.8s; } .details .details_C .details_main .datails_main_r ul li:hover{ margin-left: 50px; } .details .details_C .details_main .datails_main_r ul li img{ float: left; } .details .details_C .details_main .datails_main_r ul li p{ float: left; width:200px; color:#565656; font-size: 16px; margin-top:5px; margin-left: 20px; font-weight: 600; } .details .details_C .details_main .datails_main_r ul li p:nth-child(even){ margin-top:15px; } .details .details_C .details_main .datails_main_r ul li p:nth-child(odd){ color:#c9c9c9; font-size: 14px; font-weight: normal; } /*安全与品质案例开始*/ .case{ width:100%; position: relative; float: left; height:300px; background: url(../images/caseti.png) center; margin-top:40px; } .case a{ width:44px; height: 44px; background: url(../images/more02.png); position: absolute; left:50%; margin-left: -22px; top:65%; transition: 0.8s; } .case a:hover{ background: url(../images/more4.png); } .showcase{ width:100%; float: left; } .showcase .case_main{ width:1100px; margin: 0 auto; } .aboutbox-title{ } .aboutbox-title p:first-of-type{ text-align: center; font-size: 24px; line-height: 50px; border-bottom: 1px solid #eeeeee; background: url(../images/boxtitle_bg.png) no-repeat center bottom; } .aboutbox-title span{ display: block; text-align: center; font-size: 14px; margin-top: 3px; color: #393939; } .news .news_content .aboutbox-title p{ } .news .news_content .aboutbox-title span{ display: block; text-align: center; font-size: 14px; margin-top: 3px; width:100%; float: none; border: none; padding:0; line-height: normal; } .aboutbox-title p:nth-of-type(2){ font-size: 14px; color: #717171; line-height: 20px; text-align: center; margin-top:8px; } .showcase .case_main .case_main_list{ float: left; width:100%; position:relative; margin-top:35px; } .showcase .case_main .case_main_list ul{ width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: visible; } .showcase .case_main .case_main_list ul li{ display: inline-block; width: 24%; transition: 0.8s; margin-right: 1%; border: 5px solid #fff; border-radius: 5px; box-shadow: 0 0 5px #fff; background: #f1f1f1; margin-bottom: 10px; } .showcase .case_main .case_main_list ul li a{ position: relative; display: block; background: #007bc9; } .showcase .case_main .case_main_list ul li a span{ display: block; overflow: hidden; } .showcase .case_main .case_main_list ul li a span img{ width: 100%; height: 180px; transition: 0.8s; } .showcase .case_main .case_main_list ul li a p:first-of-type{ width: 100%; text-align: center; padding: 5px 0; background: #0079c8; color: #fff; margin-top: 1px; transition: 0.8s; white-space: nowrap; font-size: 14px; } .showcase .case_main .case_main_list ul li a p:nth-of-type(2){ width:100%; padding:0 2%; background: #0079c8; line-height: 16px; color: #fff; text-align: center; padding-top:5px; padding-bottom: 5px; height: 42px; margin-bottom: 5px; } .showcase .case_main .case_main_list ul li:hover{ border: 5px solid #007bc9; } .showcase .case_main .case_main_list ul li:hover a span img{ transform: scale(1.1); } .case_main_list #myCarousel{ width:100%; } .case_main_list #myCarousel .carousel-indicatorss ol{ list-style:none; } .case_main_list #myCarousel .carousel-indicatorss li{ width:12px; height:12px; border-radius:12px; border:2px solid #c9cbca; display:inline-block; float:left; margin:2px; cursor:pointer; } .case_main_list #myCarousel .carousel-indicatorss li.active{ border:2px solid #c9cbca; background-color:#212024; position:relative; } #oi{ overflow: hidden; width:100%; } #oi .carousel-inner{ width:auto; height:234px; overflow:hidden; position:relative; white-space: nowrap; left:0; transition:0.8s; } .case_main_list #myCarousel .carousel-inner .item{ display:inline-block; float:left; width:260px; margin-left:15px; position:relative; padding-top:5px; padding-bottom:5px; padding-right:3px; } .case_main_list #myCarousel .carousel-inner .item img{ max-width:100%; } .case_main_list #myCarousel .carousel-inner .item a{ position:relative; display: inline-block; border:5px solid #fff; transition:0.8s; position:relative; border-radius:4px; box-shadow:0 0 3px #999; } .case_main_list #myCarousel .carousel-inner .item a p{ width:100%; text-align:center; padding:5px 0; background:#0079c8; color:#fff; position:absolute; bottom:5px; white-space:nowrap; } .case_main_list #myCarousel .carousel-inner .item a span{ display:block; width:100%; overflow:hidden; } .case_main_list #myCarousel .carousel-inner .item a img{ margin:0 auto; width:100%; max-width:363px; height:180px; transition:0.6s; margin-bottom:33px; } .case_main_list #myCarousel .carousel-inner .item a:hover{ border:5px solid #0079c8; } .case_main_list #myCarousel .carousel-inner .item a:hover img{ transform:scale(1.1); } .case_main_list #myCarousel .carousel-inner .item a h3{ width:100%; text-align:center; font-size:16px; margin-top:15px; } .case_main_list #myCarousel .carousel-inner .item a i{ display:block; width:33px; height:3px; background:#0079c8; margin:0 auto; margin-top:10px; margin-bottom:10px; } .case_main_list #myCarousel .carousel-indicatorsss li{ list-style: none; cursor: pointer; } .case_main_list #myCarousel .carousel-indicatorsss li:hover{ background: #ffae00; } .case_main_list #myCarousel .carousel-indicatorsss .pre{ position:absolute; left:-30px; margin:0 auto; padding:0; top:50%; width:30px; height:30px; background: #0079c8; border: none; border-radius: 0; color: #fff; font-size: 22px; text-align: center; line-height: 30px; } .case_main_list #myCarousel .carousel-indicatorsss .next{ position:absolute; right:-45px; margin:0 auto; padding:0; top:50%; width:30px; height:30px; background: #0079c8; border: none; border-radius: 0; color:#fff; font-size: 22px; text-align: center; line-height: 30px; } /* 联系我们样式 */ .contactus{ width:100%; height:250px; background:url(../images/contact_bg.png); line-height:200px; margin-top:0px; } .contactus .contactus-con{ width:1100px; height:250px; margin:0 auto; } .contactus .contactus-con .contactus-left{ display: inline-block; float: left; width:100%; margin-top:40px; } .contactus .contactus-con .contactus-left p:first-child{ font-size: 42px; font-family: "思源黑体 CN"; font-weight: bold; color:#fff; } .contactus .contactus-con .contactus-left p:nth-child(2){ margin-top:10px; font-size: 26px; color: #fff; font-family: "思源黑体 CN Light"; } .contactus .contactus-con .contactus-right{ display: inline-block; float: left; width:30%; margin-top:70px; } .contactus .contactus-con .contactus-right p:first-child{ font-size: 24px; color: #fff; padding-left:40px; background: url(../images/ljlxicon.png) no-repeat left center; } .contactus .contactus-con .contactus-right p:first-child span{ font-size: 14px; } .contactus .contactus-con .contactus-right p:nth-child(2){ margin-top:30px; } .contactus .contactus-con .contactus-right p:nth-child(2) a{ display: inline-block; margin-right:11px; width:88px; height:34px; background: #ffae00; text-align: center; line-height: 34px; color: #fff; transition: 0.6s; cursor: pointer; border: 1px solid #ffae00; } .contactus .contactus-con .contactus-right p:nth-child(2) a:hover{ text-decoration: none; background: none; border: 1px solid #e3e3e3; } /*以下是荣誉资质*/ .honor{ width:100%; padding-top:36px; } .honor .honor-con{ width:1100px; margin:0 auto; } .honor .honor-con .list-title{ margin-top:70px; margin-bottom: 40px; } .honor .honor-con .list-title img{ } .honor .honor-con .list-title span{ display: inline-block; height:29px; line-height: 29px; float: right; } .honor .honor-con .list-title span:hover i{ background: #e50212; } .honor .honor-con .list-title span i{ display: inline-block; width:6px; height:6px; border-radius: 6px; background: #000; margin-right:3px; transition: 0.3s; transition-delay: 0.1s; } .honor .honor-con .list-title span i:nth-child(2){ transition-delay: 0.2s; } .honor .honor-con .list-title span i:nth-child(3){ transition-delay: 0.3s; } .honor .honor-con .honor-list{ width:100%; margin-top:30px; } .honor .honor-con .honor-list ul{ width:100%; display: flex; justify-content: flex-start; } .honor .honor-con .honor-list ul li{ display: inline-block; width:24%; transition:0.8s; margin-right: 1.3%; background: #fff; } .honor .honor-con .honor-list ul li:last-child{ margin-right: 0; } .honor .honor-con .honor-list ul li span{ display:block; overflow:hidden; } .honor .honor-con .honor-list ul li img{ max-width:100%; height:180px; transition:0.8s; } .honor .honor-con .honor-list ul li:hover{ border: 5px solid #0079c8; } .honor .honor-con .honor-list ul li:hover img{ transform:scale(1.1); } /*以上是荣誉资质*/ /* 新闻列表 */ .news{ width:100%; float:left; margin-top:30px; background: #f3f3f3; padding-bottom:40px; padding-top:36px; } .news .news_content{ width:1100px; margin:0 auto; } .news .news_content .list-title{ margin-top:60px; margin-bottom: 30px; } .news .news_content .list-title>a{ width:auto; float: right; padding:0; background: none; border-bottom: none; } .news .news_content .list-title a span{ display: inline-block; height: 29px; width:auto; padding:0; line-height: 29px; float: right;border-bottom: none; } .news .news_content .list-title a span:hover i{ background: #e50212; } .news .news_content .list-title a span i{ display: inline-block; width: 6px; height: 6px; border-radius: 6px; background: #000; margin-right: 3px; transition: 0.3s; transition-delay: 0.1s; } .news .news_content .list-title a span i:nth-child(2){ transition-delay: 0.2s; } .news .news_content .list-title a span i:nth-child(3){ transition-delay: 0.3s; } .news-page{ margin-top:30px; } .news .news_content .industry{ width:47%; margin-left:1%; margin-right:2%; float:left; padding-bottom: 26px; } .news .news_content .company{ width:47%; margin-left:2%; margin-right:1%; float:left; padding-bottom: 26px; } .news .news_content .question { width: 98%; float: left; margin-top:20px; padding-bottom: 26px; margin-left: 1%; border-top:1px solid #f3cfa1; border-bottom:1px solid #f3cfa1; } .news .news_content .question>img{ width:89px; float: left; margin-top:2px; } .news .news_content .question #a1{ display: inline-block; float: right; width:90%; overflow: hidden; height:200px; } .news .news_content .question .quest-list{ width:100%; height:200px; float: left; } .news .news_content .question .quest-list .quest-item{ float: left; } .news .news_content .question .quest-list .quest-item a{ display: block; width: auto; background: none; border: none; padding:0; line-height: 30px; } .news .news_content .question .quest-list .quest-item span{ display: block; width: 100%; text-align: left; height: 41px; overflow: hidden; text-overflow: ellipsis; } .news .news_content a{ display:inline-block; float:left; width:75%; padding-left:8%; background: url(../images/dian.png) no-repeat 4% 50%; color:#5a5a5a; font-size:14px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px dashed #a7a7a7; } .news .news_content span{ display:inline-block; float:left; width:25%; text-align:right; color:#929292; padding-right:1%; font-size:14px; line-height: 40px; border-bottom: 1px dashed #a7a7a7; } .news .news_content h2{ color: #111111; font-size: 20px; font-weight: 500; background: url(../images/c6t.png) repeat-x bottom; height: 60px; padding-left: 14px; margin-bottom: 20px; } .news .news_content h2:before{ display: inline-block; content: ""; width:4px; height:19px; background: #008fd1; position: relative; left:-14px; top:2px; } .news .news_content h2 b{ font-weight: normal; color: #999999; font-size: 14px; text-transform: uppercase; } .news .news_content h2 a{ display: block; float: right; width: 49px; height: 30px; background: none; padding:0; border: none; line-height: 30px; } .news .news_content h2 a i.iconmore{ display: inline-block; width:13px; height:13px; background: url(../images/iconmore.png) no-repeat; margin-left: 3px; margin-top:3px; position: relative; top:1px; } .news .news_content .news-item{ width:100%; float: left; height:41px; overflow: hidden; transition: 0.8s; } .news .news_content .active a{ background: #fff !important; border-bottom: none; } .news .news_content .active i a:hover{ color:#e50212; } .news .news_content .active span{ background: #fff !important; border-bottom: none; } .news .news_content .active>span{ color:#fff; } .news .news_content .news-item.active{ height:125px; } /*写真*/ .xiezhen{ width:100%; float: left; padding-top:70px; background: #fff; } .xiezhen .xiezhen-con{ padding-bottom: 40px; width:1100px; margin:0 auto; text-align: center; } .xiezhen .xiezhen-con a{ display: block; width:320px; height:47px; background: #0079c8; color: #fff; text-align: center; line-height: 47px; margin:0 auto; font-size: 16px; border-radius: 5px; transition: 0.8s; } .xiezhen .xiezhen-con a:hover{ text-decoration: none; background: #ffae00; } .xiezhen .xiezhen-con a span{ font-size: 28px; } /*证书 荣誉资质*/ .certificate{ width:100%; float: left; } .certificate .certificate-content{ width:1100px; margin:0 auto; position:relative; } .certificate .certificate-content .certificate-main{ float: left; margin-top:46px; position: relative; } .certificate .certificate-content .certificate-main i{ cursor: pointer; } .certificate .certificate-content .certificate-main i:hover{ opacity: 0.8; } .certificate .certificate-content .certificate-main i.toleft{ position:absolute; width:30px; height:30px; background: url(../images/left.png); z-index: 20; top:40%; left:-90px; } .certificate .certificate-content .certificate-main i.toright{ position:absolute; width:30px; height:30px; background: url(../images/right.png); z-index: 20; top:40%; right:-90px; } .certificate .certificate-content .certificate-main .in_opti_main{ } .certificate .certificate-content .certificate-main .in_opti_main{ width:100%; overflow-x:hidden; } .certificate .certificate-content .certificate-main .in_opti_main ul{ width:300%; position:relative ; left:0; transition: 0.8s; } .certificate .certificate-content .certificate-main .in_opti_main ul li{ display: inline-block; float: left; margin-left: 10px; height:200px; } .certificate .certificate-content .certificate-main .in_opti_main ul li a img{ height:200px; } /*底部*/ .foot_list{ position: relative; } .foot_list p a{ color:#fff; } .foot_list p a:hover{ text-decoration: underline; } .foot_list div.img{ position: absolute; right:0; top:8%; z-index: 10; } .foot_list div.img img{ max-width:120px; } .foot_list div.img span{ display: block; color:#fff; text-align: center; margin-top:4px; } .index_ld_tag{ padding: 5px 0px; margin: 15px 0px; } .level1 li:hover a { color: white; } .level1 li:hover { background: #186abc; } .more_img img{ max-width: 100%; height: auto !important; } .foot_list{ } .foot_list .footerlogo{ width: 24%; float: left; padding-top: 20px; } .foot_list .footerlogo img{ max-width: 100%; height: auto; } .foot_list .footerinfo{ width: 55%; float: left; padding-left: 5%; padding-top: 10px; } .foot_list .footerinfo p{ margin-bottom: 6px; overflow: hidden; height: auto; font-size: 14px; color: #fff; } .foot_list .footerimg{ float: right; text-align: right; } .foot_list .footerimg img{ max-width: 100%; height: auto; } /*产品列表*/ .page .product .index_right{ width:100%; } /*成功案例*/ .p_news .p_news_list ul{ } .p_news .p_news_list ul li{ } .p_news .p_news_list ul li a{ display:block; width:100%; padding-left:30px; overflow:hidden; } .p_news .p_news_list ul li a img{ display: block; max-width: 200px; width:100%; margin-left:-20px; margin-top:8px; } .p_news .p_news_list ul li{ padding:7px 0; height:36px; transition:0.6s; } .p_news .p_news_list ul li a.active img{ display: block; margin-bottom: -15px; } .p_news .p_news_list ul li:nth-child(1) a{ background: url(../images/1.png) no-repeat 10px 0; } .p_news .p_news_list ul li:nth-child(2) a{ background: url(../images/2.png) no-repeat 10px 0; } .p_news .p_news_list ul li:nth-child(3) a{ background: url(../images/3.png) no-repeat 10px 0; } .p_news .p_news_list ul li:nth-child(4) a{ background: url(../images/4.png) no-repeat 10px 0; } .p_news .p_news_list ul li:nth-child(5) a{ background: url(../images/5.png) no-repeat 10px 0; } .p_news .p_news_list ul li:nth-child(6) a{ background: url(../images/6.png) no-repeat 10px 0; } .p_news .p_news_list ul li:nth-child(7) a{ background: url(../images/7.png) no-repeat 10px 0; } .p_news .p_news_list ul li span{ display: inline-block; float: left; width:16px; height:16px; background: #aeaeae; color:#fff; margin-top: 4px; text-align: center; } .p_news .p_news_list ul li a{ display: inline-block; float: left; margin-top: 4px; } .p_news .p_news_list ul li a:hover{ color:#0079c8!important; } .p_news .p_news_list ul li.active a{ color:#0079c8; } /*产品详情*/ .info{ width:100%; margin-top:8px; margin-bottom: 0px; } .infoo{ width:100%; margin-top:20px; margin-bottom: 0; height:80px; background: #0079c8; float: left; } .infoo p{ text-align: center; color:#fff; line-height: 48px; } .infoo h3{ text-align: center; color:#fff; margin-top:-10px; font-weight: normal; font-size: 18px; } .parts{ width:100%; } .parts ul{ } .parts ul li{ display: inline-block; width:33%; padding-left: 8%; float: left; height:230px; } .parts ul li img{ margin:12px 0; } .parts ul li p{ font-size: 16px; color: #353535; } .parts ul li p:last-child{ font-size: 14px; color: #c9c9c9; } .imgs{ width:100%; text-align: center; } .imgs img{ margin:20px 0; } /*新闻推荐*/ .tuijian { width:100%; padding:15px; box-sizing: border-box; } .tuijian .tuijian-mian{ background: #f3f3f3; padding:10px; } .tuijian h3{ color: #555555; font-size: 18px; line-height: 40px; background: url(../images/h3.png) 0 bottom no-repeat; font-weight: 400; } .tuijian ul{ margin-top:16px; } .tuijian ul li{ display: inline-block; width:45%; padding:5px 0px; border-bottom: 1px dashed #cdcdcd; margin-left:5px; margin-right: 5px; background: url(../images/lead.png) 0 50% no-repeat;; } .tuijian ul li:nth-child(2n){ margin-left: 55px; } .tuijian ul li a{ float: left; margin-left: 15px; color: #898989; width:70%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } @media only screen and (max-width: 751px) and (min-width: 320px){ .xiangguan .xiangguan-mian ul li{ width:48%!important; margin-bottom: 0!important; } .tuijian ul li a{ width:62%; } .certificate .certificate-content .certificate-main{ margin-top:34px; width:100%; } .home_ppics ul{ padding-top:0; } .home_ppics li{ margin-bottom:4px; } } .tuijian ul li span{ float: right; color: #898989; } .more_img{ font-size: 14px; color:#898989; } /*产品相关*/ .xiangguan{ background: #fff; float: right; width:100%; } .xiangguan .xiangguan-mian{ } .xiangguan .xiangguan-mian h3{ padding:5px; border-bottom:1px solid #cdcdcd; font-size: 20px; } .xiangguan .xiangguan-mian ul{ width:100%; padding-bottom:5px; } .xiangguan .xiangguan-mian ul li{ margin: 10px 1%; position: relative; overflow: hidden; width: 31.33%; padding: 0px; border: 2px solid white; box-shadow: 0 0 8px #dbdbdb; transition: .5s; background: #fff; float: left; } .xiangguan .xiangguan-mian ul li:hover{ border: 2px solid #0079c8; } .xiangguan .xiangguan-mian ul li:hover a img{ transform: scale(1.2); } .xiangguan .xiangguan-mian ul li p{ overflow: hidden; height: auto; margin-bottom: 0px; width: 100%; margin: 0px auto; } .xiangguan .xiangguan-mian ul li p a{ display: block; } .xiangguan .xiangguan-mian ul li a img{ width: 100%; transition: .6s; } .xiangguan .xiangguan-mian ul li span{ position: absolute; width: 100%; bottom: 14px; box-sizing: border-box; } .xiangguan .xiangguan-mian ul li span a{ width: 100%; text-align: center; display: block; height: auto; transition: .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #fff; background: #0079c8; padding: 8px 0px; } /* kss移动端开始 */ @media only screen and (max-width: 992px) and (min-width: 320px){ .total{ display:none; } .logo_img img{ width:100%; max-width:367px; } .advantage{ display:none; } .index_f_about{ display:none; } .details{ display:none; } .case{ display:none; } .contactus{ display:none; } .navbar{ background:#fff; padding-bottom:2px; } /*依稀是导航条*/ @media only screen and (max-width: 1025px) and (min-width: 320px){ .navbar-default .navbar-brand{ display: inline-block; float: left; width:50%; margin-left:10px; margin-top:10px; } .navbar-default .navbar-brand img{ max-width:100%; max-height:42px; } } /*以下是产品列表*/ /*首页产品列表*/ .home_ppics ul{ padding-left: 0; } /*产品中心产品列表*/ .ptxts ul{ padding-left:0; } /*产品详情*/ @media only screen and (max-width: 375px){ .productsdetailinfo .right ul{ padding-left:1%; } } /*成功案例列表*/ .main .right{ margin-left:0; } .news_right{ border-radius: 4px; } .tuijian .tuijian-mian{ border-radius: 2px; } /*新闻列表*/ .list ul li{ padding:2px; } /* 以下是成功案例 */ .showcase .case_main{ width:100%; } .showcase .case_main .case_main_list{ margin-top:30px; } .case_main_list #myCarousel{ padding-bottom:30px; } .case_main_list #myCarousel .carousel-inner{ width:810%; } .case_main_list #myCarousel .carousel-indicatorss{ display:none; } .case_main_list #myCarousel .carousel-inner .item{ width:8.5%; margin-left:0.6%; } .case_main_list #myCarousel .carousel-inner .item a{ padding:10px 5px; background:#f5f5f5; border-radius:2px; } .news{ margin-top:10px; } .news .news_content{ width:100%; } .news .news_content .industry{ width:100%; margin:0; } .news .news_content .company{ width:100%; margin:0; margin-top:10px; } .news .news_content .question{ width:100%; margin:0; margin-top:10px; } /* 以上是成功案例 */ /* 以下是荣誉资质 */ .certificate .certificate-content{ width:100%; } .certificate .certificate-content .certificate-main i{ display:none; } .certificate .certificate-content .certificate-main .in_opti_main ul{ width:1000%; } .certificate .certificate-content .certificate-main .in_opti_main ul li{ } /* 以上是荣誉资质 */ footer{ float:left; padding:5px; margin-bottom:54px; border-radius: 4px; } footer .container{ display:block; } footer .container .footer_info_img{ display: none; } footer .container ul{ display: none; } footer .container div.img{ display: none; } footer .container p{ padding-left:10px; } .certificate{ margin-bottom: 20px; } /*to top*/ .returnTop{ bottom:80px; right:5px; } /*m_footer*/ .m_footer{ background: #0066a7; } /*以下推荐新闻*/ .tuijian ul li:nth-child(2n){ margin-left: 5px; } .tuijian ul li{ width:90%; } /*以上推荐新闻*/ .item-hover{ opacity: 0; } /* 大屏 */ @media only screen and (max-width: 992px) and (min-width: 768px){ .logo_img{ height:80px; } .news .news_content img{ margin:0; margin-left:5%; } } /* 大屏结束 */ .bdsharebuttonboxz{ width:180px!important; } } @media only screen and (max-width: 992px){ .logo { display: none; } } @media only screen and (min-width: 993px){ .navbar-toggle{ display: none; } .collapse{ display: block; } } @media only screen and (max-width: 1100px){ .certificate .certificate-content .certificate-main i{ display: none; } .navbar-collapse{ width:100%; } .advantage>div{ width:100%; } .index_f_about{ display: none; } .details .details_C{ width:100%; } .showcase .case_main{ width:100%; } .news .news_content{ width:100%; } .right{ margin-left: 9px; } .certificate .certificate-content{ width:100%; } /*导航汉堡包*/ @media only screen and (max-width: 992px){ .nav{ height:auto; } #example-navbar-collapse{ width:100%; position: fixed; background:rgba(0,0,0,0.64); right:0px; z-index:1000; } .navbar-nav > li{ display: block; width:100%; border-bottom:1px solid #fff; } .suspend{ display: none; } } } @media only screen and (max-width: 1100px) and (min-width: 769px){ .certificate .certificate-content .certificate-main .in_opti_main ul{ width:300%; } .certificate .certificate-content .certificate-main .in_opti_main ul li{ } } @media only screen and (max-width: 1100px){ .productsdetailinfo .right ul{ width:100%; margin-right:0; } } /* kss移动端结束 */ .productsdetailinfo .right ul li.purchase{ } .productsdetailinfo .right ul li.purchase a{ display: inline-block; width:158px; height:44px; margin:5px; margin-left: 10px; float: left; overflow: hidden; } .productsdetailinfo .right ul li.purchase a img{ margin:0; max-width:100%; } .productsdetailinfo .right ul li.purchase>p{ display: inline-block; clear: none!important; width:167px; height:40px; background: url(../images/proview_05.jpg) no-repeat; margin:5px; margin-left:10px; float: left; padding-top:0; } .productsdetailinfo .right ul li.purchase>p>span { width:100%; text-align: center; margin-left:14px; color: #e98f1b; font-size: 16px; background: none; -webkit-text-fill-color: #e98f1b; float: left; height:30px; line-height: 30px; margin-top:12px; } /* 轮播点 */ @media only screen and (max-width: 769px) and (min-width: 320px){ ol.carousel-indicators{ display:none; } } /* m_cp产品导航*/ .listnav{ width:100%; background:#f0f0f0; overflow:scroll; padding:5px 0; height:42px; display:none; } @media only screen and (max-width: 769px) and (min-width: 320px){ .listnav{ display:block; } } .listnav .listnav-con{ margin:0; white-space:nowrap; width:2000%; height:32px; } .listnav .listnav-con ul{ margin:0; display:inline-block; float:left; } .listnav .listnav-con li{ display:inline-block; float:left; margin:0 5px; padding:5px; } .listnav .listnav-con li.active{ border:1px solid #0079c8; border-radius:8px; } .listnav .listnav-con li a{ font-size:14px; } /* 通知条 */ .total{ width:100%; padding:0; background:#f0f0f0; margin-bottom:30px; } .total .total-con{ width:1100px; margin:0 auto; height:70px; } .total .total-con:before{ display:table; content:""; } .total .total-con .total-left{ display:inline-block; width:70%; float:left; line-height:70px; } .total .total-con .total-left span{ width: 80%; float: left; line-height: 70px; font-size: 14px; color: #555; } .total .total-con .total-left span a:hover{ text-decoration: underline; } .total .total-con .total-left span img{ max-width:100%; margin-right:8px; } .total .total-con .total-left .total-list{ width:80%; height:70px; overflow:hidden; } .total .total-con .total-left .total-list ul{ width:100%; position:relative; top:0; transition:0.8s; } .total .total-con .total-left .total-list ul li a:hover{ text-decoration:underline; } .total .total-con .total-right{ display:inline-block; float:right; width:28%; padding:17px 0; } .total .total-con .total-right form{ position:relative; float: right; } .total .total-con .total-right form select{ position:absolute; right:23%; top:8px; border:none; outline:none; } .total .total-con .total-right form input{ width: 200px; height: 35px; line-height: 35px; font-size: 12px; color: #9e9e9e; text-indent: 5px; outline: none; float:right; border:none; margin-right:4px; } .total .total-con .total-right form button{ width: 52px; float: right; height: 35px; line-height: 35px; text-align: center; padding: 0; font-size: 13px; color: #fff; border: 1px solid #0079c8; background: #0079c8; transition: .5s; } .total .total-con .total-right form button:hover{ color:#0079c8; background:#fff; } @media only screen and (max-width: 1100px) and (min-width: 320px){ .total{ width:100%; } .total .total-con{ width:100%; } } /* 选择我们*/ .choose{ width:100%; padding-top:36px; } .choose .choose-con{ width:1100px; margin:0 auto; padding-bottom: 50px; } .choose .choose-con .choose-title{ width:100%; } .choose .choose-con .choose-title strong{ padding-bottom: 8px; display: block; width:100%; text-align: center; font-size: 40px; color: #0079c8; background: url(../images/fourcharacteristics.png) no-repeat center bottom; } .choose .choose-con .choose-title p{ width:100%; text-align: center; height:44px; line-height: 44px; font-size: 22px; font-weight: bold; color: #0079c8; margin-top:20px; } .choose .choose-con .choose-list{ margin-top:50px; width:100%; } .choose .choose-con .choose-list .chooselist-left{ width:48%; display: inline-block; } .choose .choose-con .choose-list .chooselist-left img{ } .choose .choose-con .choose-list .chooselist-left div{ margin-bottom:50px; padding-left:70px; } .choose .choose-con .choose-list .chooselist-left div:first-child{ background: url(../images/chooseicon_bg01.png) no-repeat left top; } .choose .choose-con .choose-list .chooselist-left div:nth-child(2){ background: url(../images/chooseicon_bg02.png) no-repeat left top; } .choose .choose-con .choose-list .chooselist-right{ width:48%; float: right; display: inline-block; } .choose .choose-con .choose-list .chooselist-right div{ margin-bottom:50px; padding-left: 70px; } .choose .choose-con .choose-list .chooselist-right div:nth-child(2){ background: url(../images/chooseicon_bg03.png) no-repeat left top; } .choose .choose-con .choose-list .chooselist-right div:nth-child(3){ background: url(../images/chooseicon_bg04.png) no-repeat left top; } .choose .choose-con .choose-list img{ max-width:100%; margin-bottom:50px; } .choose .choose-con .choose-list strong{ display: block; padding:10px 0; font-size: 22px; color: #0079c8; width:100%; background: url(../images/strong_bg.png) bottom no-repeat; } .choose .choose-con .choose-list strong span{ font-size: 12px; color: #bebebe; font-family: Euphemia; font-weight: normal; } .choose .choose-con .choose-list p{ color:#6d6c6c; margin-top:10px; line-height: 20px; padding-left:30px; background: url(../images/chooselist_bg.png) no-repeat left 8px; } .item-hover{ position: absolute;; margin:0 auto; width:100%; height:180px; background: -webkit-linear-gradient(left top,rgba(229,2,18,0.7),rgba(255,174,0,0.7)); background: -o-linear-gradient(left top,rgba(229,2,18,0.7),rgba(255,174,0,0.7)); background: -moz-linear-gradient(left top,rgba(229,2,18,0.7),rgba(255,174,0,0.7)); background: linear-gradient(to right top, rgba(229,2,18,0.7), rgba(255,174,0,0.7)); display:none; top:0; transition: 0.8s; z-index:10; border:6px solid #000; } .case_main_list #myCarousel .carousel-inner .item-hover>p{ font-size:16px; text-align: center; width:100px; height:60px; margin:0 auto; margin-top:50px; color:#fff; padding-top:40px; background:url(../images/xiangqing.png) no-repeat top; } .case_main_list #myCarousel .carousel-inner .item a:hover .item-hover{ display:block; } .honor .honor-con .honor-list ul{ padding:5px 3px; } .honor .honor-con .honor-list ul li{ border:5px solid #fff; border-radius: 5px; box-shadow: 0 0 5px #999; } .honor .honor-con .honor-list ul li a .item-hover>p{ font-size:16px; text-align: center; width:100px; height:60px; margin:0 auto; margin-top:50px; color:#fff; padding-top:40px; background:url(../images/xiangqing.png) no-repeat top; } .honor .honor-con .honor-list ul li a{ position: relative; display: block; background:#fff; box-shadow: 0 0 1px #e4e4e4; } .honor .honor-con .honor-list ul li a p:first-of-type{ width: 100%; text-align: center; padding: 5px 0; background: #f7f7f7; color: #909090; margin-top: 3px; transition: 0.8s; white-space: nowrap; font-size: 14px; } .honor .honor-con .honor-list ul li a p:nth-of-type(2){ width: 100%; padding: 0 2%; background: #f7f7f7; line-height: 16px; color: #909090; text-align: center; padding-bottom: 5px; height: 26px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*推荐*/ .tuijiancase{ width:100%; background: #f1f1f1; padding-top:20px; padding-bottom:40px; float: left; } .tuijiancase .tuijiancase-con{ width:1100px; margin:0 auto; } .tuijiancase .tuijiancase-con p.tuijian-title{ font-size: 18px; font-weight: bold; color: #555555; padding:10px 0; background: url(../images/tuijiancase_title.png) no-repeat bottom left; } .tuijiancase .tuijiancase-con ul{ width:100%; display: flex; justify-content: flex-start; margin-top:10px; } .tuijiancase .tuijiancase-con ul li{ display: inline-block; width:25%; padding:3px 5px; } .tuijiancase .tuijiancase-con ul li a{ display:block; border:5px solid #fff; box-shadow:0 0 3px #999; border-radius:4px; transition:0.8s; } .tuijiancase .tuijiancase-con ul li a:hover{ border:5px solid #0079c8; } .tuijiancase .tuijiancase-con ul li img{ max-width: 100%; transition: 0.8s; margin-bottom:7px; } .tuijiancase .tuijiancase-con ul li a:hover img{ transform:scale(1.1); } .tuijiancase .tuijiancase-con ul li span{ display: block; width:100%; text-align: left; white-space: nowrap; color:#313131; position:relative; overflow:hidden; } .tuijiancase .tuijiancase-con ul li p{ overflow: hidden; white-space:nowrap; text-overflow: ellipsis; padding:5px 0; background:#0079c8; color:#fff; text-align:center; position:relative; bottom:6px; } #myCarouselnews{ display: inline-block; width: 65%; float: right; } #myCarouselnews .item{ } #myCarouselnews .item p:first-child{ font-size: 18px; color:#404040; margin-top:30px; } #myCarouselnews .item p:nth-child(2){ font-size: 12px; color: #818181; margin-top:15px; padding-bottom:15px; border-bottom: 1px solid #e1e1e1; } #myCarouselnews .item p:nth-child(3){ height:90px; overflow: hidden; padding-top:10px; line-height: 24px; font-size: 14px; } #myCarouselnews{ } #myCarouselnews .carousel-indicators{ right:0; width:120px; bottom:-20px; left: auto; } #myCarouselnews .carousel-indicators li{ width:10px; height:10px; background: #8e8e8e; border: none!important; border-radius: 0; } #myCarouselnews .carousel-indicators li.active{ background: #e50212; margin:1px; } /*茂秋mobile*/ @media only screen and (max-width: 1100px) and (min-width: 320px){ .choose .choose-con{ width:100%; } .contactus .contactus-con{ width:100%; } .honor .honor-con{ width:100%; } .xiezhen .xiezhen-con{ width:100%; } } @media only screen and (max-width: 769px) and (min-width: 320px){ .news .news_content .industry{ border-bottom: none; } .news .news_content .company{ margin-top:20px; border-bottom: none; } .news .news_content .question{ margin-top:20px; border-bottom: none; } .news{ background: #fff; padding-bottom:0; } } @media only screen and (max-width: 415px) and (min-width: 320px){ .choose .choose-con .choose-list .chooselist-left{ width:100%; } .choose .choose-con .choose-list .chooselist-right{ width:100%; } .honor .honor-con .honor-list ul{ flex-wrap: wrap; } .choose .choose-con{ padding-bottom:0; } .choose .choose-con .choose-list .chooselist-left img{ display: none; } .choose .choose-con .choose-list .chooselist-right{ margin-top:0; } .choose .choose-con .choose-list .chooselist-right img{ display: none; } .choose .choose-con .choose-list{ margin-top:0; } .xiezhen{ padding-top:50px; } .honor .honor-con .honor-list ul li{ width:49%; margin-top:8px; } .choose .choose-con .choose-list .chooselist-left div{ margin-bottom:20px; } .choose .choose-con .choose-list .chooselist-left div{ background-size: 50px!important; background-position-x: 10px!important; background-position-y: 10px!important; } .choose .choose-con .choose-list .chooselist-right div{ background-size: 50px!important; background-position-x: 10px!important; background-position-y: 10px!important; } .news .news_content .list-title{ margin-top:20px; } .choose{ padding-top:30px; } .honor .honor-con .list-title img{ max-width: 80%; } .news .news_content .news-item.active{ height:41px; } .news .news_content .news-item.active a{ background: url(../images/dian.png) no-repeat 7% 50%!important; border-bottom: 1px dashed #a7a7a7; } .news .news_content .news-item.active span{ background: none!important; color: #929292; border-bottom: 1px dashed #a7a7a7; } .news .news_content .industry{ border-radius: 4px; } .news .news_content .company{ border-radius: 4px; } .news .news_content .question{ border-radius: 4px; } .honor .honor-con .list-title{ margin-bottom:30px; } .choose .choose-con .choose-list .chooselist-right div:nth-child(2){ margin-bottom:20px; } .xiezhen .xiezhen-con img{ max-width:100%; } .choose .choose-con .choose-title p{ font-size: 17px; margin-top:0; } .honor .honor-con .honor-list ul li img{ height:auto; max-width: 100%; } .choose .choose-con .choose-title p{ line-height: 20px; } .choose .choose-con .choose-title strong{ font-size: 35px; } } @media only screen and (max-width: 1100px) and (min-width: 320px){ .tuijiancase .tuijiancase-con{ width:100%; } .product-top .product-desc .desc-right img{ margin-top:5px; } } @media only screen and (max-width: 769px) and (min-width: 320px){ .main{ width:100%; } .product-top .product-desc .desc-right p{ height:48px; overflow: hidden; } .ptxts ul li{ margin-left:1%; margin-right:1%; } .foot_list .footnav{padding:0;margin:0;} } @media only screen and (max-width: 415px) and (min-width: 320px){ .product-top ul.product-nav{ display: none; } .crumbs p{ display: none; } .product-top>p img{ margin-top:10px; margin-bottom:10px; } .product-top .product-desc .desc-right img{ display: none; } .product-top .product-desc .desc-right p{ margin-top:14px; } .product-top{ margin:0; margin-bottom:10px; } .ptxts ul li{ margin-top:5px; margin-bottom:5px; } .tuijiancase .tuijiancase-con ul{ flex-wrap: wrap; } .tuijiancase .tuijiancase-con ul li{ width:50%; } .right .list ul li .news_right .news_info h4{ margin-top:10px!important; } .right .list ul li .news_right .news_info p.qow{ line-height: 20px; } } @media only screen and (max-width: 375px) and (min-width: 320px){ .right .list ul li .news_right .news_info p.qow{ height:20px!important; } } @media only screen and (max-width: 769px) and (min-width: 320px){ .product-top{ display: none; } .right .list ul{ margin-top:5px; } .right .list ul li .news_right .news_info p.qow{ height:46px!important; } .tuijiancase{ padding-bottom: 20px; } .page .list{ padding:0 2%; } } @media only screen and (max-width: 415px) and (min-width: 320px){ .crumbs>span{ float: left; max-width:100%; } .right .list ul li .news_right > a{ display: none; } .right .list ul li .news_right .news_info{ width:77%!important; margin-right: 0 !important; } .right .list ul li .news_right .case_info{ width: 98%!important; } .right .list ul li{ margin-bottom:0px!important; margin-top:0px!important; padding-bottom:10px!important; } .right .caselist ul{ margin-top:0; } .right .caselist ul li{ padding-bottom: 8px!important; } .right .list ul li .news_right .date{ height:90px!important; } .right .list ul li .news_right .news_info h4 { margin-top: 20px!important; } .right .list ul li .news_right .news_info p.qow{ line-height: 23px; } } @media only screen and (max-width: 415px) and (min-width: 320px){ .right .list ul li .news_right .date{ width:19%!important; } } @media only screen and (max-width: 325px) and (min-width: 320px){ .right .list ul li .news_right .date{ width:20%!important; } .right .list ul li .news_right .date p{ font-size: 36px!important; } } @media only screen and (max-width: 415px) and (min-width: 320px){ .right .list ul li .news_right>a.acon{ height:150px!important; line-height: 150px!important; } .right .list ul{ padding-top:5px; } } @media only screen and (max-width: 769px) and (min-width: 320px){ } /*以下是工程案例*/ .right .page .list-case ul{ background: #f1f1f1; padding-bottom: 5px; } .right .page .list-case ul li{ display: inline-block; float: left; width: 32%; margin-left: 1%; padding: 0; margin-top: 10px; margin-bottom: 10px; } .right .page .list-case ul li .news_right{ padding: 0; width: 100%; vertical-align: middle; background: #fff; border: 2px solid rgba(216,38,44,0); transition: 0.6s; box-sizing: border-box; overflow: hidden; } .right .page .list-case ul li .news_right>a{ width:100%; } .right .page .list-case ul li .news_right>a.acon{ display: block; float: left; width: 100%; height: auto; text-align: center; line-height: 220px; } .right .page .list-case ul li .news_right>a.acon img{ display: inline-block; width: auto!important; max-width: 100%; transition: 0.8s; max-height: 220px; vertical-align: middle; } .right .page .list-case ul li .news_right a.title { display: block; width: 100%; background: #0079c8; color: #fff; border: none; text-align: center; font-size: 14px; position: relative; bottom: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .right .page .list-case ul li .news_right:hover { border: 2px solid #0079c8; } .right .page .list-case ul li .news_right:hover a.acon img{ transform: scale(1.2); } @media only screen and (max-width:769px) and (min-width:320px){ .markermenu{ width:100%; } .markermenu ul.level1{ } .markermenu ul.level1 li{ display: inline-block; width:auto; padding:5px 15px; border: 1px solid #0079c8; border-radius: 8px; margin-right:5px!important; margin-left:5px!important; } .markermenu ul.level1 li a{ padding:0!important; } .right .page .list-case ul li{ width:48%; margin-right:1%; } .tuijiancase .tuijiancase-con ul{ margin-top:10px; } .crumbs p{ display: none; } } @media only screen and (max-width: 325px) and (min-width: 320px){ .right .page .list-case ul li .news_right>a.acon{ height: 130px!important; line-height: 130px!important; } .right .list ul li{ padding-bottom: 5px!important; } } .about p{ line-height: 1.42857; color: rgb(137, 137, 137); font-size: 14px; } .contact ul{ display: block; float: left; width:100%; font-size: 16px; color: #898989; line-height: 1.42857; margin-bottom: 0; } .contact ul p{ margin:5px 0; } .contact{ padding:0 2%; } .about{ padding:0 2%; } @media only screen and (min-width:1100px){ .navbar-nav > li > a{ background: url(../images/su.png) no-repeat right 50%; } } @media only screen and (max-width: 769px) and (min-width: 320px){ .xiezhen{ display: none; } } /*案例展示*/ .index_f_about{ margin-top:30px; padding-top:30px; background: #f3f3f3; } .showcase{ background: #007bc9; } .showcase .aboutbox-title p:first-of-type{ color: #fff; } .showcase .aboutbox-title span{ color: #cbcbcb; } .showcase .aboutbox-title p:nth-of-type(2){ color: #fff; } .showcase .case_main .case_main_list{ width:100%; } .showcase .case_main .case_main_list .carousel-inner{ width: 100%; display: block; overflow: visible; } .showcase .case_main .case_main_list .carousel-inner .item{ display: inline-block; background: #fff; width:23%; margin-left:1%; margin-right:1%; float: left; padding-bottom: 10px; position: relative; transition: 0.6s; top:0; border: 2px solid #fff; box-shadow: 0px 8px 18px 2px #0065a5; } .showcase .case_main .case_main_list .carousel-inner .item:hover{ top:-8px; } .showcase .case_main .case_main_list .carousel-inner .item a img{ transition: 0.8s; } .showcase .case_main .case_main_list .carousel-inner .item:hover a img{ transform: scale(1.1); } .showcase .case_main .case_main_list .carousel-inner .item a{ display: block; } .showcase .case_main .case_main_list .carousel-inner .item a span{ display: block; width:100%; overflow: hidden; } .showcase .case_main .case_main_list .carousel-inner .item p{ display: block; width: 100%; text-align: center; padding:0 1%; } .showcase .case_main .case_main_list .carousel-inner .item p:first-of-type{ font-size: 14px; line-height: 40px; color: #3a3a3a; margin-top:5px; } .showcase .case_main .case_main_list .carousel-inner .item p:nth-of-type(2){ line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; } .logo_wel { width: 50%; margin-top: 17px; } .logo_wel strong { display: block; font-size: 20px; color: #333333; font-weight: normal; margin-bottom: 5px; } .logo_wel span { display: block; font-size: 14px; color: #333; } footer .container .footer_top_nav{ display: block; width:100%; } footer .container .footer_top_nav ul{ width:100%; padding-bottom: 15px; border-bottom: 1px solid #45adef; margin-bottom: 15px; } footer .container .footer_top_nav ul li{ display: inline-block; float: left; } footer .container .footer_top_nav ul li a{ color: #fff; margin-right:40px; margin-left: 20px; } .mapimg { width:100%; margin-top:30px; margin-bottom: 20px; } .mapimg img{ max-width: 100%; } .page img{ max-width: 100%; } @media only screen and (max-width:1100px) and (min-width:320px){ .links p{ width:100%; } .foot_list .footerimg{ display: none; } .foot_list .footerinfo p{ font-size: 13px; margin-bottom: 4px; } .foot_list .footerinfo{ width:76%; } .navbar-nav > li{ width:120px; } .page img{ height:auto!important; } .productsdetailinfo .right ul li p img{ height:auto!important; } } @media only screen and (max-width:769px) and (min-width:320px){ .navbar-nav > li{ width:100%; } .honor{ padding-top: 0; } .choose .choose-con{ padding-bottom: 0; } .foot_list .footerlogo{ width:27%; } .foot_list .footerinfo{ width:73%; } .choose .choose-con .choose-list strong{ padding:0; } .choose .choose-con .choose-list .chooselist-left div{ margin-bottom: 30px; } .honor .honor-con .honor-list ul{ flex-wrap: wrap; } .honor .honor-con .honor-list ul li{ width:49%; margin-bottom: 10px; } .honor .honor-con .honor-list ul li:nth-child(2n){ margin-right:0; } .honor .honor-con .honor-list ul li span{ text-align: center; } .honor .honor-con .honor-list ul li img{ max-width: 100%!important; } footer .container p{ padding-left:0; } } @media only screen and (max-width:768px) and (min-width:320px){ .foot_list .footerlogo{ display: none; } .foot_list .footerinfo{ width:100%; padding-left: 0; } .choose .choose-con .choose-list p{ padding-left: 20px; } .honor .honor-con .honor-list{ margin-top: 10px; } .honor .honor-con .honor-list ul{ width:100%; justify-content: space-around; } .honor .honor-con .honor-list ul li{ width:48%; margin: 0; margin-bottom: 8px; } .news{ padding-top:0; } .choose{ padding-top:20px; } .aboutbox-title p:nth-of-type(2){ height:60px; overflow: hidden; text-overflow: ellipsis; } .choose .choose-con .choose-list .chooselist-right div{ margin-bottom: 20px; } .right .page .list-case ul{ margin-bottom: 0; } .mapimg{ padding: 0 2%; box-sizing: border-box; } .sitemap{ padding:0 2%; } } @media only screen and (max-width:325px) and (min-width: 320px){ .news .news_content a{ width:70%; } .news .news_content span{ width:30%; font-size: 13px; } } /*index 关于我们*/ .aboutbox .about_img{ display: inline-block; width:50%; float: left; } .aboutbox .about_img img{ max-width: 100%; margin-top:0; } .aboutbox .about_info{ display: inline-block; width:48%; text-align: left; color: #5a5a5a; margin-left: 2%; } .aboutbox .about_info p{ line-height: 1.5em; text-indent: 2em; } .aboutbox .about_info a{ display: inline-block; float: right; padding: 5px 15px; background: #777; color: #fff; margin-top:6px; font-size: 12px; margin-right: 20px; border: 1px solid #777; transition: 0.6s; } .aboutbox .about_info a:hover{ color: #5a5a5a; background: none; } .productsdetailinfo .right .pro-content a{ color: #0079c8; } .newspage a{ color: #0079c8; } .newsdetail dl dt.pr a{ color: #555; } /*相关产品*/ .tuijiancase .tuijiancase-con ul li:nth-child(n+5){ display: none; } .tuijiancase .tuijiancase-con ul.procon li img{ margin-bottom: 0; } .tuijianpro{ padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; background: #fff; } @media only screen and (max-width: 415px ) and (min-width: 320px){ .tuijiancase .tuijiancase-con p.tuijian-title{ padding:0; padding-left: 5px; box-sizing: border-box; } .tuijianpro{ padding-bottom: 10px; } } .ImTable{ margin-top:20px; } .suspend { width: 40px; height: 198px; position: fixed; top: 240px; right: 0; overflow: hidden; z-index: 9999; } .suspend dl { width: 120px; height: 198px; border-radius: 25px 0 0 25px; padding-left: 40px; box-shadow: 0 0 5px #e4e8ec; } .suspend dl dt { width: 40px; height: 198px; background: url(../images/suspend.png); position: absolute; top: 0; left: 0; cursor: pointer; } .suspend dl dd.suspendQQ { width: 120px; height: 66px; background: #ffffff; } .suspend dl dd.suspendTel { width: 120px; height: 66px; background: #ffffff; } .suspend dl dd.suspendQQ a { width: 120px; height: 66px; display: block; background: url(../images/suspend.png) -40px 0; overflow: hidden; } .suspend dl dd.suspendTel a { width: 120px; height: 66px; display: block; background: url(../images/suspend.png) -40px -66px; overflow: hidden; } .suspend dl dd.suspendTel.qq3 a{ background: url(../images/suspend.png) -40px -132px; }