/* Write your styles */ /*===========================header=============================*/ h1,h2,h3,h4,ul,ol,dl{ margin: 0; margin: 0; font-weight: normal;} h1{ font-size: 16px;} .fl{ float: left; } .fr{ float: right;} .am-with-fixed-navbar{ padding: 0;} .red{ color: red;} /*===========================header=============================*/ #header{ position:relative; top: 0; width:100%; background:#fff; z-index: 99;border-bottom: 1px solid #cacaca; } #header .box{ height: 50px; position: relative; overflow:hidden;} #logo{ display: block; position: absolute; left: 1.5rem; top: 0;} #logo img{ height: 50px; border: none;} #bnt_lan{position: absolute; right: 4.5rem; top: 0; border-left: 1px solid #cacaca;border-right: 1px solid #cacaca; } #bnt_lan a{ display: block; width: 4.5rem;} #bnt_lan img{ width: 4.5rem;} #bnt_list{position: absolute; right: 0rem; top: 0;} #bnt_list button{ height:5rem; width: 4.5rem; background:none; border:none; padding: 0;} #bnt_list button i{ font-size: 2rem; color: #505050; } .fixed_box{height:5rem;} #menu{ width:50%;} #menu li{ background:none;color: #EEE; height:3rem; text-align: center; padding:0;} #menu li a{ padding:0;} #menu li a:hover{ background:none; color:#fff;} #menu .am-header{ line-height: 15px;} #menu .iconfont{ color:#fff;} #aside_nav .am-offcanvas-bar{ width: 170px; background:#000;} #nav .am-list > li{ background: none; border-color:#232323; padding: 1rem 0; } #nav .am-list > li a{ padding:0; padding-left: 1rem; font-size:14px; color: #fff;} #nav .am-list > li ul{ padding:0 ; margin-bottom: -1rem;} #nav .am-list > li ul li{ padding:0 1rem; line-height: 3rem; display: block; } #nav .am-list > li ul li{} #nav .am-list > li ul li:last-child{ border:none;} #nav .am-list > li ul li a{ font-size:12px; display:block; padding:0;} #nav .am-fr[class*="am-icon-"]{ color: #eee;} #nav .doc-oc-demo3{ width:50px;} #nav .am-list > li ul{ padding-top: 10px; } .am-offcanvas-bar::after{ background:none;} #index_nav_bar li{} #index_nav_bar li a{ display: block; height: 5rem; line-height: 5rem; text-align: center; color: #fff; font-size: 14px;} /*===========================footer=============================*/ #footer_box{ background: none;} #footer_box .copyright a{ color:#797b7d;}/*===========================footer=============================*/ #footer_box{ padding: 0px; z-index:999; position:relative;} #footer_box .copyright{color:#797b7d; display:block; margin-bottom: 65px; border-top: 1px solid #fff; font-size: 13px;} #footer{ position:fixed; bottom:0; left:0; width:100%; background:#1048a0;} #footer_box .am-dropdown{ cursor:pointer; width:100%; display:block; display:block;} #footer_box .am-dropdown-content{ } #footer_box .am-dropdown-content input{ } #footer li{ display: block;} #footer li a{ padding: 1.5rem 0; display: block; color: #fff; border-right:1px solid #1048a0; font-size: 12px;} #footer li a .j_iconfont{ color: #fff;} #footer li:last-child a{ border: none;} #bnt_sub_nav{ position: relative;} #sub_nav_content{ display: none; background: #3b3b3c; position: absolute;top: 51px; right: 0; width: 100%;} #sub_nav_content .content a{ display: block; position: relative; height: 4rem; line-height: 3.8rem; text-align: center; width: 100%; } #sub_nav_content .content a i{font-style: normal; padding-left: .7rem; font-size: 12px; color: #fff;} #sub_nav_content .content a:nth-child(2n+1){ background: #4d4d4e;} /*===========================index=============================*/ .am-slider-b2{ box-shadow: none;} .my_bnt{ margin: 0 auto; text-align:center; font-size:12px; border-radius: 3px; line-height:3rem; height:3rem; text-transform: uppercase; width: 100px; color:#fff !important; margin-bottom: 2rem; border-radius: 0rem; background: #b48d44; display: block;} .j_bnt_border{ margin: 0 auto; text-align:center; font-size:12px; line-height:3rem; height:3rem; text-transform: uppercase; width: 100px; color:#e77817; margin-bottom: 2rem; border-radius: 0rem; border-radius: 2px; border: 1px solid #e77817; display: block;} .s_title{margin-bottom: 2rem;text-align: center;margin-top: 3rem;} .s_title h1{ font-size:16px; color:#323334; display:block; font-weight: 400;} .s_title strong{ font-size:12px; color:#1048a0; line-height: 14px; letter-spacing: 1px; display:block; font-weight: 400; text-transform:uppercase;} .s_title p{ font-size:12px; line-height:34px; color:#7e8285; display:block;} .s_more{ display:block; margin:30px auto 50px auto; background:#1048a0; color:#fff; font-size:12px; text-align:center; border-radius:2px; width:110px; height:30px; line-height:30px;} #s_main_box{margin-bottom: 7rem;} /*===============================首页-start==================================*/ /*===========================banner=============================*/ #banner{ background: #fff; position: relative; z-index: 1;} #banner .am-slider-default{ margin-bottom: 0;} #banner .am-slider-a1 .am-control-nav{ bottom:15px;} #banner .am-control-nav{ } #banner .am-slider-a1 .am-control-nav li a{border: 1px solid #0060b0;background:none; border-radius: 5px;} #banner .am-slider-a1 .am-control-nav li a.am-active{ background-color: #0060b0 !important; box-shadow:none; width: 40px; border: 1px solid #0060b0;} /*===========================产品导航=============================*/ #pro_nav{} #pro_nav ul{ border-left: 1px solid #dcdedf; border-bottom: 2px solid #dcdedf; margin: 0;} #pro_nav li{ border: none;} #pro_nav li a{ padding: 2rem 0 1.5rem 0; border-right: 1px solid #dcdedf; border-top: 1px solid #dcdedf;} #pro_nav li a img{ display: block; margin: 0 auto; height: 23px;} #pro_nav li h1{ font-size: 12px; color: #46484c; display: block; text-align: center; margin-top: 1rem;} /*===========================新品推荐=============================*/ #s_pro_new ul{ padding: 0; } #s_pro_new li{ display:block; position:relative; background: #373849; margin-bottom: .5rem; height: 145px; } #s_pro_new li a{display:block; padding-right: 190px; padding-left: 1rem; } #s_pro_new li .pic_box{ position:absolute; right:0; top:0; width:180px; height:145px; display: block; overflow: hidden;} #s_pro_new li .pic_box img{ width:180px; height:145px; display:block; } #s_pro_new li .text_box{ position:relative; height:145px; } #s_pro_new li .text_box h1{ display:block; line-height: 14px; padding-top: 1.5rem; font-size:14px; color:#fff; font-weight: normal; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #s_pro_new li .text_box img{ display: block; margin-top: 1rem; height: 14px;} #s_pro_new li .text_box p{ line-height:20px; color:#fff; opacity: .9; height: 60px; overflow:hidden; margin-top: 15px; font-size:12px; } #s_pro_new li:nth-child(2n) { background: #d3b169; } #s_pro_new li:nth-child(2n) a{ padding-left: 190px; padding-right: 1rem; } #s_pro_new li:nth-child(2n) .pic_box{ top:0; left:0; } #s_pro_new li:nth-child(2n) .text_box{ position:relative; height:145px; } #s_pro_new li:nth-child(2n) .text_box h1{ display:block; line-height: 14px; padding-top: 1.5rem; font-size:14px; color:#fff; font-weight: normal; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #s_pro_new li:nth-child(2n) .text_box img{ display: block; margin-top: 1rem; height: 14px;} #s_pro_new li:nth-child(2n) .text_box p{ line-height:20px; color:#fff; opacity: .9; height: 60px; overflow:hidden; margin-top: 15px; font-size:12px; } /*===========================经典案例=============================*/ #s_case{} #s_case ul{ margin: -.5rem;} #s_case ul li{ display: block;} #s_case ul li a{ display: block; margin: .5rem; position: relative; background: #1048a0;} #s_case ul li img{ display: block; width:100%; } #s_case ul li h1{ color:#fff; font-size: 12px; text-align: center; height: 3rem; line-height: 3rem; margin: 0 auto; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} /*===========================解决方案=============================*/ #show_jjfa{ margin-bottom: 3rem;} #bnt_720{ display: block; padding: 1.5rem 0; margin: 0 1rem 2rem 1rem; border-radius:2px; background: #d2b068;} #bnt_720 img{ display: block; margin: 0 auto; height: 34px;} #s_team{} #s_team ul{ margin: -.2rem;} #s_team ul li{ display: block;} #s_team ul li a{ display: block; margin:.5rem .2rem; position: relative; } #s_team ul li img{ display: block; width:100%; } #s_team ul li h1{ display:block; text-align: center; padding-top: .5rem} #s_team ul li strong{display: block; color:#343434; font-size: 14px; text-align: center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #s_team ul li span{ display: block; color:#b48d44; font-size: 11px; text-align: center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} /*===========================关于=============================*/ #s_about{ padding:0rem 0 0rem 0; margin-top: 4rem } /*===========================新闻中心=============================*/ #s_news { padding:0rem 0 0rem 0; margin-top:4rem; } #s_news ul{ padding: 0; } #s_news li{ display:block; position:relative; margin-bottom: 2rem; height: 104px; border-bottom:1px solid #e9e9ec; } #s_news li a{display:block; padding-left: 135px; } #s_news li .pic_box{ position:absolute; left:0; top:0; width:120px; height:80px; display: block; overflow: hidden;} #s_news li .pic_box img{ width:120px; height:80px; display:block; } #s_news li .text_box{ position:relative; height:80px; } #s_news li .text_box h1{ display:block; line-height: 14px; font-size:14px; color:#333; font-weight: normal; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #s_news li .text_box span{ font-size:12px; display:block; line-height: 12px; color:#999; margin-top:12px;} #s_news li .text_box p{ line-height:20px; color:#666; height: 45px; overflow:hidden; padding-top:5px; font-size:12px; } #copyright{ font-size: 12px; line-height: 20px; color: #818181; text-align: center;} #copyright a{color: #818181;} /*===========================内页布局=============================*/ #n_banner{position: relative; background: #000;} #n_banner img{ display: block; width: 100%; opacity: .85;} #n_banner .box{ position: absolute; top: 50%; left:0; width: 100%; margin-top: -25px; text-align: center;} #n_banner .box h1{ display: block; font-size: 16px; color: #fff;} #n_banner .box h2{ font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase;} #n_main_box{ padding: 2rem 0 6rem 0;} #n_content{ } #nav_slide{ background: #005ca9; line-height: 5rem; position: relative; z-index: 99; } #nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px; } #nav_slide #bnt_back img{ height: 15px;} #nav_slide .n_title{ height: 5rem; border-bottom: 1px solid #d6dce0;} #nav_slide h1{ font-size: 16px; color: #fff; text-align: center;} #bnt_sub_nav{ position: absolute; right: 1rem; top: 17.5px; cursor: pointer; } #bnt_sub_nav img{ display: block; height: 15px; } #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;} #sub_nav_content ul{ padding: 10px;} #sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;} #sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height: 20px; line-height: 20px; font-size: 14px; padding-left: 10px; color: #535455;} #sub_nav_content ul li.on a{color: #d2b068;} #sub_nav_content dt{height:30px;line-height:30px;position:relative;background:#fafafb; border-top:1px solid #e7e7e7; z-index: 999; } #sub_nav_content dt a{ margin:0 10px; display:block;color:#5b5349; height: 30px; font-size:13px; font-weight: 400; } #sub_nav_content dt.title{background:#fafafb;} #sub_nav_content dt.title_on { background:#fafafb;} #sub_nav_content dt.title_on a{ color:#fff; border-top:1px solid #fff;} #sub_nav_content dt.last a{border-top:1px solid #f8f8f8;} #sub_nav_content dt.title_on.on{ } #sub_nav_content dt.title_on a{ color:#5b5349;} #sub_nav_content dd{ display:block;} #sub_nav_content dd .box{padding:0px 0px 0px 0px;} #sub_nav_content dd a{ padding:0 25px; line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;} #sub_nav_content dd a.on{ color:#b7863e} #n_pro,#n_show_hxyw{ padding-top: 1rem; padding-bottom: 2rem;} /*==============发展历程====================*/ #n_zlgl { } #n_zlgl ul{ margin: 0; margin-bottom: -10px; padding: 0;} #n_zlgl li{ display:block; position:relative; border-bottom: 1px solid #e0e0e0; padding-bottom:1.5rem; margin-bottom:1.5rem;} #n_zlgl li:last-child{ border: none;} #n_zlgl li a{ display: block; position: relative; height:180px; } #n_zlgl li img{position: absolute; left: 0; top: 0; display: block; width:142.5px; height:180px; } #n_zlgl li .text_box{ position:relative; padding-left: 155px; } #n_zlgl li .text_box h1{ display:block; position:relative; margin: 0; padding-top: 6px; line-height: 25px; margin-bottom: 5px; font-size:14px; font-weight: normal; color:#282727; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; } #n_zlgl li .text_box .p{ line-height:22px; color:#79797a; font-size:12px; height: 110px; overflow: hidden; } #n_zlgl li .text_box span{ display: block; font-size:12px; color:#929293; } /*==============产品案例栏目分类====================*/ #n_type{ overflow: hidden;} #n_type ul{ } #n_type ul li{ display: block; margin-bottom:2rem; background: #ededee;} #n_type ul li a{ display: block; position: relative; } #n_type ul li img{ display: block; width:100%; height: 125px; } #n_type h1{ padding: 0 3rem 0 2rem; position: relative; color:#444447; font-size: 14px; text-align: left; line-height: 4rem; margin: 0 auto; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_type span{ position: absolute; right: 1.5rem; top: 0; height: 4rem; width: 2rem; background: url(../images/icon_jt_right.png) center no-repeat; background-size: auto 12px;} /*==============产品二级分类====================*/ #n_pro_type{ overflow: hidden;} #n_pro_type ul{ margin: -.5rem;} #n_pro_type ul li{ display: block; margin-bottom:2rem;} #n_pro_type ul li .box{ margin: .5rem;} #n_pro_type ul li a{ display: block; border: 1px solid #e0e0e0; padding:.5rem; position: relative; } #n_pro_type ul li img{ display: block; width:100%; height: 125px; } #n_pro_type h1{ color:#434545; font-size: 14px; padding-bottom: .5rem; text-align: center; text-align: center; padding-top: 1rem; margin: 0 auto; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} /*==============滚动导航====================*/ #n_pro,#n_show_hxyw{ padding-top: 1rem; padding-bottom: 2rem;} .am-sticky-placeholder{ position:fixed; top: 0; } #previewApp,.scrollspy-nav { position: fixed;left: 50px; bottom: 50% !important; top: auto !important;background: none !important; z-index: 9999; background: #0e90d2;width: 80px !important;padding: 0 10px; height: 270px; margin-bottom: -135px !important;display: none;} #bnt_about_menu{ display: block; width: 40px; height: 40px; font-size: 20px; line-height: 40px;position:fixed; top: 50%; left: 1rem; background: url(../images/icon_bnt_menu.png) center no-repeat rgba(210,176,104,.8); background-size: 18px auto} #bnt_about_menu.on{ background: url(../images/icon_bnt_close.png) center no-repeat #373849; background-size: 18px auto;} .am-icon-bars::before{vertical-align: top;padding-top: 6px;} .scrollspy-nav ul { margin: 0; padding: 0;} .scrollspy-nav li { display:block; list-style: none;margin-bottom: .5rem; } .scrollspy-nav a { color: #eee; padding: 0px 0px;display: block;font-size: 12px;background: rgba(210,176,104,.8);background-size: 18px auto;padding: 5px; } .scrollspy-nav a.am-active {background-size: 18px auto; background: #373849 } /*==============公司概况====================*/ #aboutf1,#aboutf2,#aboutf3{ margin-bottom:3rem; border-bottom: 1px solid #e8e9ea; padding-bottom: 0rem;} #aboutf7 .ar_article{ padding-top: 2rem; margin-top:3rem; border-top: 1px solid #e8e9ea;} .video_box{ margin-bottom:1rem} /*==============设计团队====================*/ #n_team{ margin-top: 2rem; margin-bottom:3rem; position: relative;} #n_team .am-slider{ margin:0; background: none; border: none ;width: 300px; margin:0 auto} #n_team .content{ margin: 2rem auto; position: relative;} #n_team .am-control-nav,#s_logo .am-direction-nav{ display: none;} #n_team .am-slider-default .am-direction-nav .am-prev{ left: -3rem;} #n_team .am-slider-default .am-direction-nav .am-next{ right: -3rem;} #n_team .am-slider-default .am-direction-nav a.am-next::before {content: "\f105";} #n_team .am-slider-default .am-direction-nav a.am-prev::before{content: "\f104";} .am-slider-default .am-direction-nav a::before { color: #666666;} #n_team ul.am-slides li{ display: block;} #n_team ul.am-slides li a{ display: block; position: relative;} #n_team ul.am-slides li img{ display: block; margin: 0rem auto; width: 140px;} #n_team li{ } #n_team ul.am-slides li h1{ z-index: 9; width: 140px; position: absolute; bottom: 0; left: .6rem; padding: 1rem 0; background: rgba(0,0,0,.8); } #n_team ul.am-slides li h1 strong{padding: 0 1rem; color:#fff; font-size: 14px; display: block; font-weight: normal; } #n_team ul.am-slides li h1 span{ padding: 0 1rem; color:#acacac; font-size: 12px; margin-top:.3rem; text-align: center; font-weight: normal;} /*==============大事记====================*/ #aboutf5{} #aboutf5 .title { margin-bottom: 2rem;} #aboutf5 .title strong{ display: block; color: #cacacc; font-weight: 400; text-align: center; font-size: 20px;} #aboutf5 .title h1{ display: block; color: #4b4b4d; text-align: center; font-size: 16px;} #aboutf5 ul{ padding: 0; } #aboutf5 li{ display:block; position:relative; margin-bottom: 2rem; height: 104px; border-bottom:1px solid #e9e9ec; } #aboutf5 li a{display:block; padding-left: 160px; } #aboutf5 li .pic_box{ position:absolute; left:0; top:0; width:150px; height:80px; display: block; overflow: hidden;} #aboutf5 li .pic_box img{ width:150px; height:80px; display:block; } #aboutf5 li .text_box{ position:relative; height:80px; } #aboutf5 li .text_box h1{ display:block; line-height: 14px; font-size:14px; color:#333; font-weight: normal; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #aboutf5 li .text_box span{ font-size:12px; display:block; line-height: 12px; color:#999; margin-top:12px;} #aboutf5 li .text_box p{ line-height:20px; text-align: justify; color:#666; height: 65px; overflow:hidden; padding-top:5px; font-size:12px; } #n_dsj.height{ height:600px; overflow: hidden;} .bnt_load{ display: block; height:4rem; line-height: 4rem; border-radius: 2px; text-align: center; background-color:#d2b068;} .bnt_load img{ height: 10px;} .bnt_load.on img{ transform:rotate(180deg);-webkit-transform:rotate(180deg); /* Safari and Chrome */-moz-transform:rotate(180deg);} /*==============资质====================*/ #n_honor{ margin-top: 2rem; margin-bottom:3rem; position: relative;} #n_honor .am-slider{ margin:0; background: none; border: none ;width: 300px; margin:0 auto} #n_honor .content{ margin: 2rem auto; position: relative;} #n_honor .am-control-nav,#s_logo .am-direction-nav{ display: none;} #n_honor .am-slider-default .am-direction-nav .am-prev{ left: -3rem;} #n_honor .am-slider-default .am-direction-nav .am-next{ right: -3rem;} #n_honor .am-slider-default .am-direction-nav a.am-next::before {content: "\f105";} #n_honor .am-slider-default .am-direction-nav a.am-prev::before{content: "\f104";} .am-slider-default .am-direction-nav a::before { color: #666666;} #n_honor ul.am-slides li{ display: block;} #n_honor ul.am-slides li a{ height: 185px; width: 140px; display:table;background: #f5f4f8; border: 1px solid #e3e3e5; } #n_honor ul.am-slides li .pic_box{display: table-cell; text-align: center;vertical-align: middle; } #n_honor ul.am-slides li img{ width: 130px; max-height: 165px; display:block; margin: 0 auto} #n_honor li{ } /*==============合作伙伴====================*/ #aboutf8{ margin-bottom: 3rem;} #n_partner{ overflow: hidden; } #n_partner.height{ height:205px;} #n_partner ul{ margin:0 -.5rem;} #n_partner ul li{ display: block; margin-bottom:2rem;} #n_partner ul li a{ display: block; padding:0 .5rem; position: relative; } #n_partner ul li img{ display: block; width:100%; height: 55px; border: 1px solid #e3e3e5; margin-bottom: 1rem } #n_partner ul li a h1{ font-size: 12px; color: #4b4b4d; text-align: center;} /*==============联系我们=====================*/ #n_contact{ margin-top:10px; } #n_contact dd{ padding: 2rem 0; display:block; border-bottom: 1px solid #ecedef;} #n_contact dd:last-child{ border-bottom:none;} #n_contact dd .box{ padding-left: 6rem; display:block; position: relative; margin:0 auto; } #n_contact dd img{ position:absolute; left: 1rem; top: 0; display:block; margin:25px auto;} #n_contact dd span{ display:block; font-size:16px; color:#acacac; } #n_contact dd strong{ display:block; font-size:12px; font-weight: 400; color:#505054; line-height:24px;} /*==============招聘=====================*/ #n_hr{ } #n_hr ul{overflow:hidden} #n_hr li{display:block; padding:20px 0; border-bottom:1px solid #d5d5d6 } #n_hr li .box{padding: 0 0 0 85px; position:relative;height: 86px;} #n_hr li a{display:block;font-size:13px; font-weight: normal; color:#2b2b2b; padding-top: 5px; margin-bottom: 5px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_hr li p{line-height:24px;font-size:12px;color:#808184;height:48px; overflow:hidden;} #n_hr .date_box{position:absolute;left:0;top:0; text-align:center; padding:10px 0px; background:#fcfcfc; border:1px solid #b5b5b8; text-align:center; width:70px} #n_hr .date_box strong{ font-size:24px;color:#6f7071; padding: 0 10px 3px 10px; border-bottom: 1px solid #dcdcdc; font-weight: normal;} #n_hr .date_box span{font-size:12px;color:#6f7071; font-weight: 700; margin-top:6px;display:block;text-transform:uppercase;} #n_hr li.last{ border-bottom:none; padding-bottom:10px;} /*===========================产品详情=============================*/ #n_show_pro .shuxing_box{ margin-top: 2rem; border-bottom: 1px solid #e6e6e6; margin-bottom: 2rem; padding-bottom: 1rem;} #n_show_pro h1{ color:#545455; font-size:16px; display:block; margin-bottom: .5rem; } #n_show_pro .li{ position: relative; color:#97979a; display:block; font-size:14px; } #n_show_pro .li font{ position: absolute; left:0; top: 0; display:block; color:#d1b168; font-size:12px; } #n_show_pro .li strong{ display:block; line-height:20px;} #n_show_pro .li b{ font-weight:400; padding-right:10px; font-size: 12px; display:inline-block;} #n_show_pro{} /*==================相关产品===================*/ #xg_box{ background: #f8f8f8; padding: 1px 0 2rem 0; margin-bottom: 3rem; margin-top: 3rem;} #xg_box ul{ margin: -.5rem;} #xg_box ul li{ display: block; margin-bottom:2rem;} #xg_box ul li .box{ margin: .5rem;} #xg_box ul li a{ display: block; border: 1px solid #e0e0e0; padding:.5rem; position: relative; } #xg_box ul li img{ display: block; width:100%; height: 80px; } #xg_box ul li h1{ color:#414143; font-size: 14px; padding-bottom: .5rem; padding-top: 1rem; margin: 0 auto; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #xg_box ul li strong{ font-size: 12px; font-weight: 400; color: #414143; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} /*==================相关产品===================*/ #xl_box{ padding: 1px 0 2rem 0; margin-top: 3rem;} #n_xl_box ul{ margin: -.5rem;} #n_xl_box ul li{ display: block; margin-bottom:2rem;} #n_xl_box ul li .box{ margin: .5rem;} #n_xl_box ul li a{ display: block; border: 1px solid #e0e0e0; padding:.5rem; position: relative; } #n_xl_box ul li img{ display: block; width:100%; height: 125px; } #n_xl_box ul li h1{ color:#414143; font-size: 14px; padding-bottom: .5rem; padding-top: 1rem; margin: 0 auto; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} #n_xl_box ul li strong{ font-size: 12px; font-weight: 400; color: #414143; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} /*==============工程案例====================*/ #n_case { } #n_case ul{ margin-bottom: 3rem; } #n_case li{ display:block; position:relative; margin-bottom: 2rem; height: 100px; border:1px solid #e9e9ec; } #n_case li a{display:block; padding-left: 135px; } #n_case li .pic_box{ position:absolute; left:0; top:0; width:120px; height:100px; display: block; overflow: hidden;} #n_case li .pic_box img{ width:120px; height:100px; display:block; } #n_case li .text_box{ position:relative; height:100px; } #n_case li .text_box h1{ padding-top: 1.1rem; display:block; line-height: 14px; font-size:14px; color:#333; font-weight: normal; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #n_case li .text_box p{ line-height:20px; color:#666; height:60px; overflow:hidden; margin-top:5px; font-size:12px; } /*===========================案例详情=============================*/ #banner_case{ background: #fff; padding: 5px; border: 1px solid #e4e4e4; position: relative; z-index: 1;} #banner_case .am-slider-default{ margin-bottom: 0;} #banner_case .am-slider-a1 .am-control-nav{ bottom:15px;} #banner_case .am-control-nav{ } #banner_case .am-slider-a1 .am-control-nav li a{border: 1px solid #fff;background:none; } #banner_case .am-slider-a1 .am-control-nav li a.am-active{ background-color: #fff !important; box-shadow:none; border: 1px solid #fff;} #show_case .ar_title{ margin-top: 2rem; border-bottom: 1px solid #e4e6e7;} #show_case .ar_title h1{ text-align: left;} #show_case .ar_title h3{ text-align: left; } /*==============新闻中心====================*/ #n_news { } #n_news ul{ padding: 0; } #n_news li{ display:block; position:relative; margin-bottom: 2rem; height: 104px; border-bottom:1px solid #e9e9ec; } #n_news li a{display:block; padding-left: 135px; } #n_news li .pic_box{ position:absolute; left:0; top:0; width:120px; height:80px; display: block; overflow: hidden;} #n_news li .pic_box img{ width:120px; height:80px; display:block; } #n_news li .text_box{ position:relative; height:80px; } #n_news li .text_box h1{ display:block; line-height: 14px; font-size:14px; color:#333; font-weight: normal; display:block; overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } #n_news li .text_box span{ font-size:12px; display:block; line-height: 12px; color:#999; margin-top:12px;} #n_news li .text_box p{ line-height:20px; color:#666; height: 45px; overflow:hidden; padding-top:5px; font-size:12px; } /*==============新闻详情=====================*/ .n_article { } .ar_article {color:#555557; font-size:13px; line-height:28px; margin: 0 1rem; } .ar_article p{font-size:13px; color:#555557; line-height:28px; padding-bottom:20px; } .ar_article strong{ font-weight:bold;} .ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5; } .ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;} .ar_article img{ max-width:100%;} .ar_article a{ color:#6c6d6f;} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;} .ar_title{ text-align:center; margin-top: 1rem; padding-bottom: 2rem; border-bottom: 1px solid #c2c2c2;} .ar_title h1{color: #333; font-size:16px; margin:0; font-weight:normal; font-weight: bold;} .ar_title h3{ font-weight: normal; margin:0; color: #999; padding-top:.5rem; font-size:14px; } .n_article .ar_article{ padding-top:10px; padding-bottom:20px; } #fot_mark_box{ position:relative; border-bottom:1px solid #dedfdf; padding-bottom:15px;} #fot_mark_box .mark_box { background:url(../images/icon_mark.png) left center no-repeat; background-size: auto 20px; padding-left:25px; } #fot_mark_box .mark_box a{ height:24px; line-height:24px; padding:0 5px; font-size:12px; color:#8b8b8b; display:inline-block; } #ar_fot{ margin-top:20px; position:relative; padding:15px 0; } #ar_fot i{ display:block; float: left; width: 10px; height:20px; background: url(../images/line_page.png) center no-repeat;} #ar_fot a{ display: block; float: left; width: 50px; text-align: center; font-size:12px; color:#737070; font-weight:normal; height:20px; line-height: 20px;} #ar_fot .page_box{position: absolute;right: 0;top: 0;} #ar_fot .page_box a{ font-size: 14px; color: #646466;} #ar_fot .bnt_back{ position:absolute; top:0px; left:0; width: 75px; color:#94243a; background: url(../images/bg_jt.png) left center no-repeat; background-size: auto 12px; padding-left: 12px; font-size:14px; height:20px; line-height: 20px;} /*移动分页*/ .am-pagination-select .am-pagination-select select{ color: #fff; background: #373849; font-size: 14px; text-align:center;} .am-pagination-select a{ color: #333; background: #f1f1f1; font-size: 14px; padding:5px 8px; margin:0px 5px;} .am-pagination-select a:hover{ background: #005ca9;} /*=================表单==================*/ #j_msg{ margin-bottom: 3.5rem;} .j_form { position:relative; margin-bottom:-12px; margin-top:8px;} .j_form label{ display: block;} .j_form .label{ position:relative; display:block; position:relative; font-size:12px; color:#bebebe; margin-bottom: 20px; } .j_form .label .h_x{ left: 395px; top: -8px;position: absolute;} .j_form dl{ display: block; position: relative; margin-bottom: 2rem;} .j_form dt{ font-weight: normal; display: block; margin-bottom: 1rem; font-size: 14px;} .j_form dd{ display: block; position: relative; margin: 0;} .j_form .wxts{ font-size:14px; padding:40px 0; color:#515253; height:25px; line-height:25px; padding-left:35px; background:url(../images/icon_wxts.png) left center no-repeat; } .j_form input[type="text"]{ vertical-align: middle; margin: 0; height:40px; box-sizing: border-box; font-weight: normal; background:none; color:#bababa; width: 100%; border:1px solid #a0a09a; background:#fff; border-radius:0px; display:block; padding:0 15px; line-height:40px; font-size:14px; } .j_form input[type="text"]:focus{ border:1px solid #a0a09a;} .j_form strong{ display:block; color:#6d6e70; font-weight: normal; margin-bottom:10px; font-size:14px; } .j_form textarea{height: 100px; margin:0 0 0px 0; font-weight: normal; resize:none; padding: 15px 15px; width: 100%; box-sizing: border-box; color:#bababa; background:none; border: 1px solid #a0a09a; line-height:24px; font-size:12px; } .j_form textarea:focus{ border:1px solid #a0a09a;} .j_form input[type="submit"]{ padding: 0; width:100%; margin-top:20px; display:block; cursor:pointer; height:40px; background:#373849; height: 40px; border-radius: 2px; overflow:hidden; color:#fff; font-size:16px; line-height:40px; border:none; text-align:center; overflow: hidden;} .j_form input[type="submit"]:hover{ background:#373849;} .j_checkbox{ margin-left:110px; font-size:12px; color:#515151;} .j_checkbox a{ color:#cc3055; padding-left:3px; position:relative; z-index:10} .j_checkbox{ position:relative; line-height:17px; margin-left: 110px; height:17px; display:block; padding-left:20px; background:url(../images/bg_check.png) left bottom no-repeat; cursor:pointer;} .j_checkbox.on{background:url(../images/bg_check_box_on.png) left bottom no-repeat;} .j_checkbox input{ position:absolute; z-index:9; opacity:0; display:block; width:100%; height:17px; cursor:pointer;} .j_file { position:relative; margin:0 auto; width:300px; text-align:left } .j_file { position:relative; margin:0 auto; width:300px; text-align:left } .j_file span.span { float:left; padding-top:2px; } .file { position:absolute; left:0; width:250px; top:0; top: 2px; z-index: 9; height: 34px; filter:alpha(opacity=0); opacity:0; cursor: pointer } .file1 { position:absolute; right: 60px; top: 2px; z-index:1; width:70px; height:37px; line-height:28px; background:url(../images/bnt_file.png) no-repeat 0 0; text-indent:-9999px; cursor: pointer } .inputstyle { border:1px solid #BEBEBE; width:170px; float:left; height:23px; line-height:23px; background:#FFF; z-index:99 } .yzm_box { position:relative; margin-left:0; border:none; margin-top: 0px; margin-bottom: 10px; padding-right: 80px;} .yzm_box strong{ } .yzm_box input{ display: block; width: 100%; } .yzm{ position:absolute; bottom: 0; right: 0;} #shang{ width:100%; float:left; margin-bottom:30px;} #zuoce{ width:100%; float:left;} #youce{ float:right; width:100%; margin-top:10px;} #youce_t{ width:100%; float:left; border-bottom:1px #ccc solid; padding-bottom:10px; margin-top:20px; font-size:20px; font-weight:bold;} #youce_n{ float:left; margin-top:5px; line-height:1.9; color:#666; width:100%;} #youce_tel{ float:left; line-height:30px; width:100%; margin-top:10px; font-size:14px;padding-bottom:10px; color:#666;} #youce_tel span{ color:#0059b4; font-size:25px;} #youce_ewm{ flaot:left; margin-top:5px; margin-bottom:10px;} #youce_ewm img{ width:30%;} #zixun{ width:160px; height:45px; float:left; background:#1048a0; line-height:45px; text-align:center; font-size:16px;} #zixun a{ display:block; color:#fff;} #zixun a:hover{ background:#0969b3; color:#fff;} #abouter_t{ width:100%; float:left; height:35px; border-bottom:1px #ccc solid;} #abouter_tz{ float:left; font-size:20px; font-weight:bold;} #zixun1{ width:160px; height:45px; float:left; margin-left:20px; background:#0969b3; line-height:45px; text-align:center; font-size:16px;} #zixun1 a{ display:block; color:#fff;} #zixun1 a:hover{ background:#0969b3; color:#fff;} .j_radio{ padding:0px 0 0px 0; } .j_radio strong{ margin-bottom:15px; } .radio_box{ position:relative; display: block; float: left; width: 25%; margin: 0; } .radio_box { display: block; } .radio_box img{ vertical-align: middle; height: 50px; display: block; padding-left: 20px;} .radio_box input{ filter:alpha(opacity=0); cursor:pointer; opacity:0; width:100%; height:100%; margin:0 !important;padding-left:0; position: absolute;left: 0;top: 0; } .radio_box i{ display:block; position:absolute; left:0; top: 14px; width:15px; height:15px; background:url(../images/icon_dx.png) center no-repeat; } .radio_box i.on{ background:url(../images/icon_dx_on.png) center no-repeat; } .radio_box b{ padding-left:18px; color:#a8a8a9; font-weight:normal;} .am-checkbox + .am-checkbox, .am-radio + .am-radio{ margin-top: 0;} .shili{ width:48%; margin:1%; float:left;} .shili_t{ width:100%;} .shili_k{ width:100%;} .shili_b{ width:100%; text-align:center; font-size:16px; font-weight:bold;} .shili_n{ width:100%; text-align:center; font-size:12px;} #demo3 { WIDTH: 100%; OVERFLOW: hidden } #indemo { WIDTH: 800%; FLOAT: left } #demo4 { FLOAT: left } #demo5 { FLOAT: left } .hz{ float:left; margin:0px 10px; border:1px #ccc solid; width:150px;} .hz img{ width:100%;} #abouter_n{width:100%; overflow:auto;} .column{ width:100%; border:1px #ddd solid; margin-top:30px;} .column li{ width:100%; border-bottom:1px #ddd solid; background:#f1f1f1; line-height:35px; text-align:center;list-style-type:none; font-size:14px;} .column li a{ color:#333; display:block;} .column li a:hover{ color:#fff; background:#1048a0;}