.clear{clear:both;} .names span { color: rgba(255,255,255,0.1)!important; } .names h2 { color: #FFF!important; } .names b { color: #FFF!important; } .names dd { color: #eee!important; } .mt30{margin-top: 30px;} .red{color: red;} /*材料分类*/ .index-pro { clear: both; overflow: hidden; } .index-name { position: relative; clear: both; overflow: hidden; height: 110px; text-align: center; margin-top: 45px; } .index-name span { position: inherit; top: 0; color: #EFEFEF; font-size: 58px; font-family: Arial; font-weight: bold; line-height: 1.2; text-transform:uppercase; } .index-name h2 { position: inherit; top: -40px; color: #0055cc; text-align: center; font-size: 36px; font-weight: normal; line-height: 1.2; } .index-name b { color: #333; } .index-name dd{color: #555;font-size: 16px;text-transform:uppercase;line-height: 30px;} .merfenl-whole{width:100%;background: #fff;} .merfw-main{width: 1200px;margin: 0 auto;} .liceng{width: 1200px;margin: 0 auto;padding-top: 25px;} .in-yin { margin: 0 0 0 -10px; } .in-yin li { float: left; width: 280px; margin-left:20px; position:relative; overflow: hidden; } .in-yin li .img-center { text-align: center; font-size: 0; } .in-yin li .img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .in-yin li .yinwrap{ position: absolute; width: 100%; height: 100%; top: 240px; left: 0; background: rgba(3, 67, 140, 0); opacity: 1; z-index: 1; transition:all 0.36s; padding: 70px 50px 0; } .in-yin li:hover .yinwrap{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(3, 67, 140, .9); opacity: 1; z-index: 1; transition:all 0.36s; } .ywtitle{ margin-bottom: 60px; position: relative; z-index: 2; } .ywtitle::before{ content: ""; width: 20px; height: 2px; background: #fff; position: absolute; bottom: -18px; left: 0; } .ywt{ font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 10px; } .ywten{ color: #be8a39; font-size: 14px; } .ywtitle2{ position: relative; z-index: 2; } .ywtitle2 li a{ display: block; color: #fff; font-size: 16px; transition: all 0.36s; line-height: 1.75; } .ywtitle2 li a:hover{ text-decoration:underline; } .ywtitle2 li{ margin-bottom: 6px; margin-left: 0; } .ywtitle2 li:last-child{ margin-bottom: 0; } /*推荐产品*/ .index-rec{width:100%;clear: both;overflow: hidden;padding-bottom: 60px;margin-top: 60px; background: url(../images/merc/bg-pro.jpg) top center no-repeat;background-size: 100% 100%;} .index-show{ position: relative; clear: both; overflow: hidden; } .boxs{width: 1350px;margin: 0 auto;padding-top: 30px;} .shows{ width:1180px; margin:0 auto; text-align: center; background-color: #FFF;} .index-show .prev{ position:absolute; width:40px; height:80px; cursor:pointer; top:40%; left:0; background:url(../images/merc/ico-arrow04.png) no-repeat;} .index-show .next{ position:absolute; width:40px; height:80px; cursor:pointer; top:40%; right:0; background:url(../images/merc/ico-arrow05.png) no-repeat;} .change{ clear: both; overflow: hidden; background-color: #FFF; position: relative;} .show-pic{ position: relative; float: left; width: 55%; } .show-pic a{ display: block; } .show-pic a img{ width: 100%; } .show-pic span{ position: absolute; top: 0; right: 0; } .show-info{ float: right; width: 45%; text-align: left; padding: 30px 20px 20px 30px; box-sizing: border-box; } .show-info h3{ font-size: 24px; margin-bottom: 20px;} .show-info h3 a{ color: #222; padding-right: 22px; background:url(../images/merc/ico-arrow10.png) right 16px no-repeat;} .show-info p{ color: #666; font-size: 15px; line-height: 28px; } .show-info ul{ clear: both; overflow: hidden; margin:35px 0; } .show-info ul li{ float: left; width: 23.3%; margin:0 5%; text-align: center; } .show-info ul li img{ display: block; margin:0 auto 10px; } .show-info ul li b{ display: block; color: #333; font-size: 16px; font-weight: normal; line-height: 1.6; } .show-info ul li em{ display: block; color: #555; font-size: 13px; line-height: 1.6;font-style: normal;} .show-info p strong{ float: left; color: #333; width: 90px; height: 50px; } .show-info p i{ overflow: hidden; font-style: normal;} .change .divbb{ display: block; width: 12%; height: 36px; line-height: 36px; border-radius: 6px; text-align: center; color: #FFF; font-size: 15px; cursor: pointer; margin-top: 20px; background-color: #D11C17; position: absolute;right: 50px; bottom: 60px;} .change .divbb a{color: #fff;display: block;} /*工程案例*/ .casebox{width: 1180px;margin: 0 auto;padding-top: 25px;} .tabList{ width: 1180px; height: 50px; line-height: 42px; box-shadow: 0px 0px 10px #e8e8e8; } .tabList ul li{ float: left; cursor: pointer; font-weight: bold; text-align: center; font-size: 18px; width: 295px; font-weight: normal; position: relative; z-index: 1; } .cli1{ height: 68px; color: #3a7aaf; text-align: center; color: #fff; background: url(../images/merc/gctab.png) no-repeat; } .cli2{ height: 68px; text-align: center; color: #333; background: url(../images/merc/gctab2.png) no-repeat; } .tabCon{ width: 1180px; box-sizing: border-box; padding: 30px; overflow: hidden; float: left; background-color: #fff; box-shadow: 0px 0px 10px #e8e8e8; position: relative; top: -28px; } .tabCon .tab-left{ width: 550px; height: 340px; float: left; } .tabCon .tab-left img{ width: 550px; height: 340px; } .tabCon .tab-right{ width: 520px; float: right; } .tabCon .tab-right .trgi-tit{font-size: 24px;color: #333;float: left;line-height: 48px;} .tabCon .tab-right .trgi-tline{clear: left;width: 100px;border-bottom: 2px solid #0055cc;height: 3px; float: left;padding-top: 5px; margin-bottom: 5px;} .tabCon .tab-right p{clear: left;font-size: 16px;color: #555;float: left;padding-top: 5px;line-height: 28px;} .tabCon .tab-right p strong{color: #333;} .tabCon .tab-right .tabun{margin-left: 22%;margin-top: 15px; float: left;} .tabCon .tab-right .tabun a{width: 150px;height: 45px;line-height: 45px;color: #fff;text-align: center;border-radius: 6px;background: #0055cc;margin-right: 20px;display: block;float: left;} /*企业简介*/ .qlgy{width: 1180px;margin: 0 auto;padding-top: 80px;overflow: auto;zoom: 1;} .qlgy .qlgy_l{width: 560px;float: left;} .qlgy .qlgy_l .qll_title{width: 100%; font-size: 30px;color: #0055cc; float: left;line-height: 54px;font-weight: 600} .qlgy .qlgy_l .qll_title2{font-size: 14px;color: #333; float: left;} .qlgy .qlgy_l .qll_txt{font-size: 16px;color: #999;line-height: 26px;padding-top: 20px;padding-bottom: 40px; float: left;} .qlgy .qlgy_l .qll_icon1{width: 66px;padding: 0 10px; float: left;text-align: center;margin-bottom: 12px;margin-right: 40px;} .qlgy .qlgy_l .qll_icon1 .qliconbg1{margin-bottom: 6px; width: 66px;height: 66px;background: url(../images/merc/jj1.png)} .qlgy .qlgy_l .qll_icon1 a{font-size: 16px;color: #999;} .qlgy .qlgy_l .qll_icon1:hover{cursor: pointer;} .qlgy .qlgy_l .qll_icon1:hover .qliconbg1{width: 66px;height: 66px;background: url(../images/merc/jj1_on.png)} .qlgy .qlgy_l .qll_icon1:hover a{color: #0055cc;} .qlgy .qlgy_l .qll_icon2{width: 66px;padding: 0 10px; float: left;text-align: center;margin-bottom: 12px;margin-right: 40px;} .qlgy .qlgy_l .qll_icon2 .qliconbg2{margin-bottom: 6px; width: 66px;height: 66px;background: url(../images/merc/jj2.png)} .qlgy .qlgy_l .qll_icon2 a{font-size: 16px;color: #999;} .qlgy .qlgy_l .qll_icon2:hover{cursor: pointer;} .qlgy .qlgy_l .qll_icon2:hover .qliconbg2{width: 66px;height: 66px;background: url(../images/merc/jj2_on.png)} .qlgy .qlgy_l .qll_icon2:hover a{color: #0055cc;} .qlgy .qlgy_l .qll_icon3{width: 66px;padding: 0 10px; float: left;text-align: center;margin-bottom: 12px;margin-right: 40px;} .qlgy .qlgy_l .qll_icon3 .qliconbg3{margin-bottom: 6px; width: 66px;height: 66px;background: url(../images/merc/jj3.png)} .qlgy .qlgy_l .qll_icon3 a{font-size: 16px;color: #999;} .qlgy .qlgy_l .qll_icon3:hover{cursor: pointer;} .qlgy .qlgy_l .qll_icon3:hover .qliconbg3{width: 66px;height: 66px;background: url(../images/merc/jj3_on.png)} .qlgy .qlgy_l .qll_icon3:hover a{color: #0055cc;} .qlgy .qlgy_l .qll_icon4{width: 66px;padding: 0 10px; float: left;text-align: center;margin-bottom: 12px;} .qlgy .qlgy_l .qll_icon4 .qliconbg4{margin-bottom: 6px; width: 66px;height: 66px;background: url(../images/merc/jj4.png)} .qlgy .qlgy_l .qll_icon4 a{font-size: 16px;color: #999;} .qlgy .qlgy_l .qll_icon4:hover{cursor: pointer;} .qlgy .qlgy_l .qll_icon4:hover .qliconbg4{width: 66px;height: 66px;background: url(../images/merc/jj4_on.png)} .qlgy .qlgy_l .qll_icon4:hover a{color: #0055cc;} .qlgy .qlgy_r{width: 540px;float: right;} /*实力展示*/ .shili{width:100%;clear: both;overflow: hidden;padding-bottom: 160px;margin-top: 60px; background: url(../images/merc/bg-sl.jpg) top center no-repeat;background-size: 100% 100%;} .shili-boxs{width: 1180px; background-color:rgba(255,255,255,0.7);margin: 0 auto;padding: 40px 40px 20px 40px;box-sizing: border-box;margin-top: 25px;} .shili-boxs ul{margin-left: -5%;clear: both;overflow: hidden;} .shili-boxs ul li{float: left;width: 45%;margin-left: 5%;box-sizing: border-box;padding: 20px 0 20px 0px;} .shili-boxs ul li .sbl{float: left;font-size: 68px;color: #0059e9;width: 18%;font-weight: bold;} .shili-boxs ul li .sbr{float: left;width: 82%;} .shili-boxs ul li .sbr .sb-tit{float: left;color: #333;font-size: 24px;margin-top: -15px;} .shili-boxs ul li .sbr .sb-txt{float: left;color: #555;font-size: 14px;line-height: 22px;margin-top: 15px;} /*首页新闻*/ .news-boxs{width: 1180px;margin: 0 auto;box-sizing: border-box;position: relative;top: -85px;} .nav-news{width: 1180px;box-sizing: border-box;float: left;margin-top:25px; display: flex;display: -webkit-flex;justify-content:center;} .nav-news li{width: 140px;height: 42px;line-height: 42px;border-radius: 40px;text-align: center;margin: 0 8px;background: #eee;display: block;font-size: 16px;color: #999;float: left;} .nav-news li:hover {color: #fff;background: #0055cc;border-radius: 40px;text-decoration: none;cursor: pointer;} .nav-news li.selected {color: #fff;background: #0055cc;border-radius: 40px;text-decoration: none;} .nav-news li a{color: #999;display: block;} .nav-news li a:hover{color: #fff;} .nav-news li.selected a {color: #fff;background: #0055cc;border-radius: 40px;text-decoration: none;} .slbox{width: 1180px;height: 215px;margin: 0 auto;position:relative;top: -115px; border-box;background: #fff; box-shadow: 0px 2px 6px #eee;overflow: auto;zoom: 1;} .slbox ul{width: 1180px;padding-top: 50px; float: left;} .slbox ul li{width: 295px;float: left;text-align: center} .slbox ul li img{height: 48px;width: auto;} .slbox ul li .sltitle{clear: both;width: 100%;font-size: 16px;color: #222;font-weight: bold;line-height: 34px;padding-top: 10px;} .slbox ul li .sltxt{clear: both;width: 100%;font-size: 12px;color: #555;line-height: 18px;} .content-news{width: 1180px; overflow: hidden;} .content-news .list{margin-top: 40px;} .news-pic {float: left;width: 44%;margin-right: 2%;} .news-pic a {display: block;} .news-pic a img {width: 100%;height: 340px;} .pic-con{ padding: 0px 30px 1px 20px; background-color: #eee; box-sizing: border-box; } .pic-data{ float: left; color: #555; font-size: 16px; width: 90px; text-align: center; margin-right: 10px;padding-top: 26px;} .pic-data b{ display: block; font-size: 38px;padding-bottom: 5px;font-weight: normal;} .pic-info{ overflow: hidden; color: #F2F2F2;padding-top: 16px;} .pic-info h3{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;height:50px;line-height:30px;font-weight: normal;} .pic-info h3 a{ color: #555; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .pic-info p{ font-size: 14px; line-height: 27px; height: 120px\0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news-show ul {float: right;width: 53%;margin-top: 8px;} .news-show ul li {float: left;width: 100%;} .news-show ul li .news-tit {font-size: 15px;height: 20px;line-height: 20px;padding: 10px 0 14px; border-bottom: 1px solid #D7D7D7;margin-bottom: 3px;} .news-show ul li .news-tit a {float: left;color: #444;width: 84%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .news-show ul li .news-tit span {float: right;color: #666;font-size: 14px;} .news-show ul li .news-tit a.tit-cur {color: #DD130C;font-size: 18px;} .news-show ul li p {font-size: 14px;line-height: 24px; background: url(images/ico-arrow06.png) no-repeat top right;} .news-show ul li p a {color: #888;padding-right: 20%;margin: 10px 5px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 27px;height: 60px\0;} .news-show ul li .news-tit a:hover{color: #0055cc} /*首页新闻*/ .inE {width:1200px;margin:0 auto;overflow:hidden;padding-top:40px;} .inE_l {width:65%;float:left;} .inE .title {margin-bottom:80px;} .inE .title dl {float:left;text-align:left;} .inE .title>a {float:right;width:98px;line-height:32px;margin-top:10px;border:1px solid #dfdfdf;border-radius:20px;text-align:center;color:#0055cc;} .inE .title>a:hover {color:#fff;border-color:#0055cc;background:#0055cc;} .inE_l ul {width:100%;float:left;} .inE_l ul li {width:100%;float:left;} .inE_l ul li>a:nth-child(2n) {float:right;} .inE_l ul li>a {width:48.7%;float:left;overflow:hidden;position:relative;} .inE_l ul li>a div {position:absolute;left:0px;right:0px;bottom:0px;padding:20px 30px;background-color:rgba(0,0,0,0.8);font-size:16px;color:#fff;line-height:24px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;} .inE_l ul li>a div p {height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;} @media screen and (min-width:1025px) {.inE_l ul li>a:hover div {padding:30px;background-color:#0055cc;} } .inE_l_c {width:100%;float:left;margin-top:24px;} .inE_l_c>a {padding:0px 90px 0px 28px;display:block;background:url(../images/merc/inico15.png) no-repeat center left;color:#666666;line-height:30px;height:30px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:33%;float:left;} .inE_l_c>a:nth-child(2n) {float:right;} .inE_l_c>a i {position:absolute;right:0px;color:#999999;font-style:normal;} .inE_r {width:32.5%;float:right;} .inE_r_c {width:100%;float:left;background:#f4f4f6;padding:20px 0px 12px 0px;} .inE_r_c>p {width:100%;float:left;} .inE_r_c>p a {display:block;padding:13px 0px 13px 35px;margin:0px 23px;color:#666666;border-bottom:1px solid #e2e2e2;background:url(../images/merc/inico16.png) no-repeat center left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;height:20px;} .inE_r_c>p:last-child a {border:none;} @media screen and (min-width:1025px) {.inE_l_c>a:hover,.inE_r_c>p a:hover {color:#0055cc;} } .title dl dt {text-align: center; font-size: 28px;color: rgb(76, 76, 76);float:left;} .title dl dt a { color: #4c4c4c;} .title dl dd {color: #999999;text-transform: uppercase; margin-top: 2px;} .title dl img {float: left; margin-right: 15px;} /*返回顶部*/ #back-to-top{ position:fixed; display:none; bottom:100px; right:15px; } #back-to-top a{ text-align:center; text-decoration:none; color:#d1d1d1; display:block; width:50px; /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s; } #back-to-top a:hover{ color:#979797; } #back-to-top a span{ background:url(../images/merc/gotop.jpg) no-repeat; border-radius:6px; display:block; height:50px; width:50px; margin-bottom:5px; /*使用CSS3中的transition属性给标签背景颜色添加渐变效果*/ -moz-transition:background 1s; -webkit-transition:background 1s; -o-transition:background 1s; } #back-to-top a:hover span{ background: url(../images/merc/gotop_on.jpg) no-repeat; } /*联系我们*/ .aboucon{padding: 40px;box-sizing: border-box;} .abres{width: 100%;display: flex;padding: 40px;box-sizing: border-box;background:#f5f5f5} .abres .abrlist{width: 460px;padding-left: 40px;} .abres .abrline{border-right: 1px solid #dddddd;} .abres .abrlist .abtit{font-size: 22px;color: #394052;margin-bottom: 17px;} .abres .abrlist .abtit span{font-size: 18px;color: #0e3092;} .abres .abrlist p{font-size: 16px;color: #333;line-height: 34px;} /*报价咨询*/ .container-baojia{ display: block;margin-right: auto; margin-left: auto; width: 1180px; } .baojiabox{padding:20px 0;} .steps{padding:14px 0;background:#e5e5e5;border:1px solid #e5e5e5;overflow:hidden} .steps .step{position:relative;margin-left:50px;padding-right:64px;float:left;font-size:20px;color:#000} .steps .step span{position:absolute;right:0;top:0;height:42px;line-height:42px;color:#e2e2e2} .steps .step i{float:left;width:40px;height:40px;line-height:40px;text-align:center;font-style:normal;color:inherit;border-radius:50%;border:1px solid #c0c0c0} .steps .step b{display:block;margin-left:50px;font-weight:normal;line-height:1.2} .steps .step s{display:block;margin-left:50px;text-decoration:none;font-size:14px;line-height:1.2} .steps .on{color:#0c438c;} .steps .on i{border-color:#0c438c} .steps .tit{padding-left:0px;padding-right:0;height:42px;line-height:42px;} .steps .tit .tit3{ display:inline; color:#0c438c; font-size:40px;} .panel{border:1px solid #e5e5e5; padding-left:50px;} .panel .panel-head{padding:20px 0 10px;font-size:14px;color:#8b8b8b;} .panel .panel-head b{color:#0c438c;font-size:18px;font-weight:400;} .panel .panel-body{margin:20px 0 35px;} .form-horizontal{font-size:14px;color:#333} .form-horizontal .form-group{margin-top:20px;overflow:hidden} .form-horizontal .form-group:first-child{margin:0} .form-horizontal .form-group .row{overflow:hidden} .form-horizontal .form-group .form-control{float:left;font-size:inherit;color:inherit} .form-horizontal .form-group .error{border-color:#0c438c;} .form-horizontal .form-group .tips{float:left;margin-left:20px;height:38px;line-height:38px;text-align:left;color: #0c438c;font-size:14px;} .form-horizontal label{float:left; margin-left:30px; width:100px;height:38px;line-height:38px; font-size:16px;} .form-horizontal input[type="text"]{padding-left:14px;width:320px;height:38px;line-height:38px;border:1px solid #e5e5e5;color:inherit} .form-horizontal select{padding-left:14px; padding:0 10px; height:38px;line-height:38px; color: #333; border:1px solid #e5e5e5;color:inherit; margin-right: 5px;} .form-horizontal select option{line-height:26px; color: #333; padding:0 5px;} .form-horizontal textarea{ padding:8px;width:640px;border:1px solid #e5e5e5;color:inherit;vertical-align:top} .form-horizontal button{float:left;margin-top:10px;margin-left:80px;width:268px;height:40px;line-height:40px;text-align:center;background:#0c438c;font-size:20px;color:#fff;border: none;border-radius: 6px;} .status p.time-count{ text-align: center; font-size: 14px; } .time-count span{ font-size: 50px; font-weight: bold; color: #0c438c;} .extend{} .extend .etips{color:#8b8b8b} .extend .extend-head{margin:20px 0 20px 120px;width:550px;} .extend .btn-expand{margin-top:10px;color:#0eb8e9;overflow:hidden} .extend .btn-expand span{cursor:pointer} .extend .btn-expand .fa{margin-right:6px} .extend .off,.extend .extend-body{display:none} .expand .on{display:none} .expand .off,.expand .extend-body{display:block} .extend em{;margin-top:10px;float:left;margin-left:15px;font-size:16px;color:#494949;font-style:normal} .status{margin:20px 0;padding:30px;text-align:center;background:#f4f4f4} .status .status-body{padding:70px 20px;} .status .icon{font-size:100px} .status h4{font-size:30px} .status p{margin:20px 0;font-size:20px;color:#626262} .status a{display:inline-block;margin-top:50px;font-size:24px;color:#0c438c;text-decoration:underline} .status a.button{display:block;margin:auto; width:240px;height:56px;line-height:56px;text-align:center;background:#0c438c; margin-top: 26px; font-size:30px;color:#fff;text-decoration:none;} .item-active{ width: 463px; margin:0 auto; height: 133px; clear: both;} .item-ewm{ width: 133px; height: 133px; margin-right:10px; float: left;} .status a.item-hd{ width: 320px; height: 133px; float: right;margin-top:0;} .item-hd img{ display: block; width: 100%;} .alert { padding: 10px 10px; font-size: 14px; line-height: 20px; color: #666; background-color: #eee; border: 1px solid #ddd; } .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert.alert-error { color: #e20213; width:94%;margin-top:20px;} .alert.alert-closed { padding-right: 40px; position: relative; } .alert.alert-closed .alert-closed-btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -ms-transition: opacity .15s linear; -o-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .alert.alert-closed .alert-closed-btn:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .alert.alert-closed .alert-closed-btn:active { filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8; } .alert>i { font-size: 14px; line-height: 20px; float: left; } .alert.alert-icon { padding-left: 30px; } .alert.alert-icon .alert-icon-awe { margin-left: -20px; width: 20px; font-size: 14px; line-height: 20px; } /*内页*/ .crumbs { float: left; color: #818181; text-align: left; position: relative; background: url(../images/merc/home.png) no-repeat 0px 25px; text-indent: 20px; font-size: 16px; } .dh { color: #e50213; } .columns { position: relative; float: right; display: block; } .columns ul { overflow: hidden; margin: 0; padding: 0; } .columns li { float: left; } .columns li a { position: relative; color: #666; font-size:16px; margin: 0px 16px; padding: 0px 5px; text-align: center; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; display: block; } .columns li a i { display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #00479d; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .columns li.on a i, .columns li a:hover i { left: 0; width: 100%; display: block; } .columns li.on a, .columns li a:hover { color: #00479d; } /*第二个样式*/ .columns2 { position: relative; float: left; display: block; } .columns2 ul { overflow: hidden; margin: 0; padding: 0; } .columns2 li { float: left; } .columns2 li a { position: relative; color: #666; font-size:16px; margin: 0px 16px; padding: 0px 5px; text-align: center; position: relative; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; display: block; } .columns2 li a i { display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: #00479d; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .columns2 li.on a i, .columns2 li a:hover i { left: 0; width: 100%; display: block; } .columns2 li.on { background:#00479d; } .columns2 li:hover{ background:#00479d; } .columns2 li:hover a{ color: #fff; } .columns2 li.on a, .columns2 li a:hover { color: #fff; background:#00479d; } .juzhongbg { background: #fff; width: 100%; clear: both; overflow: hidden; } .juzhong { width: 100%; background: #f5f5f5; height: 60px; line-height: 60px; } .daohang { clear: both; width: 1200px; margin: 0 auto; } .neirong { width: 1200px; clear: both; padding-top: 40px; margin: 0 auto; background:#fff; } .contex { width: 1200px; clear: both; padding-top: 40px; margin: 0 auto; } /*新闻列表页*/ .news-content{width:1200px;} .news-content ul{padding:0;margin:0;list-style:none;} .news-content ul li{padding: 15px 0;border-bottom: 1px solid #ccc;} .news-content ul li a{display:inline-flex} .news-content ul li .nclcont{width:880px;display: inline;margin-right:100px;} .news-content ul li .nclcont .ncltitle{color:#333;font-size: 16px;font-weight: 600;margin-bottom: 10px;} .news-content ul li .nclcont .ncltime{color:#666;font-size: 12px;margin-bottom: 10px;} .news-content ul li .nclcont .ncltxt{color:#666;font-size: 14px;} .news-content ul li .nclimg{width:220px;height:120px;display: inline;} .news-content ul li .nclimg img{width:220px;height:120px;} .news-content ul li:hover .nclcont .ncltitle{color:#0e3092;} /*新闻内页*/ .auxq_con_l{width:840px;float:left;margin-bottom:40px;} .auxq_con_r{width:260px;float:right;padding-top:30px;} .auxq_con_l dl {width:100%;float:left;padding-bottom:40px;border-bottom:1px solid #d3d3d4;} .auxq_con_l dl dt h1 {font-size:24px;color:#333;line-height:36px;} .auxq_con_l dl p {font-size:14px;color:#666;line-height:24px;} .auxq_con_l dl dt {margin-bottom:20px;} .auxq_con_m {width:100%;float:left;padding:50px 0px;border-bottom:1px solid #d3d3d4;font-size:16px;color:#666666;line-height:30px;} .auxq_con_m img{max-width:100%!important;height:auto!important;} .auxq_con_m p{margin-bottom:16px;} .auxq_con_e {width:100%;float:left;margin-top:40px;} .auxq_con_e li {display:block;font-size:16px;color:#999999;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .auxq_con_e li span,.auxq_con_e a:hover {color:#0e3092;} .auxq_con_r>h2{font-size:16px;color:#333} .auxq_con_r>span {display:block;font-size:24px;color:#808080;} .auxq_con_rC {width:100%;overflow:hidden;} .auxq_con_rC a,.auxq_con_rC a>p,.auxq_con_rC a>span {width:100%;float:left;} .auxq_con_rC a {margin-top:28px;} .auxq_con_rC a>p {overflow:hidden;} .auxq_con_rC a>p img{width:100%;height:auto;} .auxq_con_rC a>span {font-size:14px;color:#666666;margin:6px 0px 0px 0px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .auxq_con_rC a>p span {padding:0px 8px;float:left;background:#ffd1d3;line-height:16px;border:1px solid #ec1c24;border-radius:4px;font-size:12px;color:#e60012;} .auxq_con_rC a>p i {float:left;font-size:12px;color:#999999;font-style:normal;} /*案例*/ .case-content{width: 1200px;margin-left: -30px;} .case-content ul{list-style: none;display: flex;flex-wrap: wrap;justify-content: start;} .case-content ul li{width: 370px;margin-left: 30px;margin-bottom: 40px; background: #F2F2F2;} .case-content ul li .ccimgbox{width: 370px;overflow: hidden;} .case-content ul li .ccimgbox img{width: 100%;transition: all 0.6s;} .case-content ul li .case_title{padding: 16px;font-size: 16px;color: #666;} .case-content ul li:hover .ccimgbox img{transform: scale(1.2);} .case-content ul li:hover .case_title {color: #00479d;} .case_con_l{width:840px;float:left;} .case_con_r{width:260px;float:right;padding-top:30px;} .case_con_l dl {width:100%;float:left;border-bottom:1px solid #d3d3d4;} .case_con_l dl dt h1 {font-size:24px;color:#333;line-height:36px;} .case_con_l dl dt {margin-bottom:20px;} .case_con_m {width:100%;float:left;padding:50px 0px;border-bottom:1px solid #d3d3d4;font-size:16px;color:#666666;line-height:30px;} .case_con_m img{max-width:100%!important;height:auto!important;} .case_con_e {width:100%;float:left;margin-top:40px;} .case_con_e li {display:block;font-size:16px;color:#999999;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .case_con_e li span,.case_con_e a:hover {color:#0e3092;} .case_con_r>h2{font-size:16px;color:#333} .case_con_rC {width:100%;overflow:hidden;margin-top:10px;} .case_con_rC a,.case_con_rC a>p,.case_con_rC a>span {width:100%;float:left;} .case_con_rC a {margin-top:12px;} .case_con_rC a>p {overflow:hidden;} .case_con_rC a>p img{width:100%;height:auto;} .case_con_rC a .titlec {font-size:14px;color:#666666;padding:8px;clear: both;box-sizing: border-box;background: #F2F2F2;} .baise_wap { width: 1180px; background: #fff; overflow: hidden; min-height: 400px; padding: 0px 0px 80px 0px; margin: 0 auto; } /*发展历程*/ .about_history_t { margin: 0px; width: 1140px; height: 30px; z-index: 999; position: relative; margin-bottom: 45px; } .about_history_t_c { float: left; overflow: hidden; width: 1040px; position: relative; height: 46px; } .about_history_t_c dl { width: 8000%; position: absolute; left: 0px; top: 0px; } .about_history_t_c dd { float: left; width: 160px; height: 42px; background: #f3f3f3; border-bottom: solid 4px #d7d7d7; cursor: pointer; color: #00458e; font-size: 24px; line-height: 42px; text-align: center; z-index: 3; margin-right: 12px; color: #656565; } .about_history_t_c dd.active { position: relative; background: #00479d; border-bottom: solid 4px #013575; color: #fff; } .about_h { width: 1140px; } .about_h ul { width: 1140px; } .about_h ul li { width: 1140px; overflow: hidden; margin-bottom: 20px; } .about_history_l { float: left; width: 65px; padding-top: 15px; background: #f5f5f5; width: 137px; height: 80px; } .about_history_l i.p_mS { display: block; width: 65px; font-size: 15px; color: #000; font-style: normal; padding-top: 10px; text-align: left; } .about_history_r { float: right; width: 940px; background: #f5f5f5; height: 92px; overflow: hidden; display: block; padding: 0px 30px; border-bottom: 3px solid #f5f5f5 } .about_history_r .c_m_year { color: #4a4a4a; line-height: 28px; font-size: 20px; padding-top: 20px; color: #2f2f2f; } .about_history_r p { text-indent: 0; padding-top: 10px; line-height: 24px; color: #858585; } .time01 { color: #8c8c8c; font-size: 14px; font-weight: bold; text-align: center; border-bottom: 1px solid #000; height: 20px; width: 64px; line-height: 20px; padding-top: 4px; margin: 0 auto; } .time02 { color: #aeaeae; font-size: 20px; text-align: center; height: 23px; width: 51px; line-height: 23px; margin: 0 auto; height: 40px; line-height: 40px; } .about_h ul li:hover .about_history_l { background: #00479d; color: #fff; } .about_h ul li:hover .about_history_l .time01 { color: #fff; border-bottom: 1px solid #fff; } .about_h ul li:hover .about_history_l .time02 { color: #fff; } .about_h ul li:hover .about_history_r { border-bottom: 3px solid #00479d; } /*人才招聘*/ .list_rxtitle{ font-size:30px; color:#131313; height:60px; line-height:60px; clear:both; float:left; width:300px; } .pro_sousuo{ clear:both; padding-top:10px; height:80px; } .jobleft { width: 762px; float: left; } .jobright { width: 342px; border-radius: 16px; background: #00479d; float: right; height: 452px; } .jobbg { background: url(../images/merc/jobs_03.jpg) no-repeat top center; height: 124px; padding: 60px 0px 0px 40px; } .jobbg01 { width: 70px; height: 4px; clear: both; background: #00479d; } .jobbg02 { width: 195px; font-size: 24px; color: #000; clear: both; line-height: 35px; padding-top: 12px; } .jobbg03 { font-size: 16px; color: #fff; clear: both; line-height: 40px; padding: 22px 0px 0px 40px; } .human_box { width: 762px; padding-bottom: 20px; margin: 0 auto; display: inline-block; } .human_box p { padding-bottom: 20px; color: #343434; } .human_box .job_tit { background: none repeat scroll 0 0 #eeeeee; height: 50px; border-bottom: 1px solid #d2d8e5; line-height: 50px; color: #333; } .job_l1 { width: 346px; } .job_l4 { width: 147px; } .job_l5 { width: 90px; } .job_l6 { width: 90px; } .human_box ul li { color: #595959; background: #fff; border-bottom: 1px solid #eaecf2; } .human_box ul li:hover{ color: #595959; background: #f8f8f8; } .human_box .job .item { float: left; height: 56px; line-height: 56px; padding-left: 40px; font-size: 14px; overflow: hidden; } .njob .part-left{width: 920px;margin-right: 20px;margin-bottom:60px;float: left;position: relative;} .njob .position-details{border: 1px solid #f2f2f2;} .njob .position-details .part1 { background: #fafafa; padding: 20px; border-bottom: 1px solid #f2f2f2; line-height: 38px; } .njob .position-details .part1 h4 { color: #00479d; font-size: 24px; font-weight: 600; } .njob .position-details .part1 p { font-size: 16px; } .njob .position-details .part1 h4 span { color: #d9787c; font-size: 18px; margin-left: 25px; } .njob .position-details .part { border-bottom: 1px solid #f2f2f2; line-height: 38px; margin: 0 20px; padding: 20px 0; } .njob .position-details .part h4 { font-size: 20px; font-weight: 600; padding-bottom: 10px; } .njob .position-details .part p { font-size: 16px; line-height: 30px; } .njob .position-details .part.nb { border: none; } .njob .position-details .link { text-align: center; } .njob .position-details .link a.sq { background: #2e6ec5; } .njob .position-details .link a { color: #fff; font-size: 18px; width: 200px; height: 40px; display: inline-block; margin: 20px; line-height: 40px; text-align: center; } .njob .position-details .link a.back { background: #444444; } .njob .part-right { width: 370px; float: right; width: 260px; } .njob .hot-position { background: #fafafa; margin: 0 0 0 20px; } .njob .hot-position h4 { background: #f2f2f2; font-size: 20px; color: #00479d; font-weight: 600; padding: 15px; margin: 0; } .njob .hot-position .con { padding: 12px; } .njob .hot-position a { font-size: 16px; color: #444444; transition: all ease .3; -webkit-transition: all ease .3; } .njob .hot-position p { font-size: 12px; color: #a5a5a5; margin-bottom: 15px; } /*视频中心*/ .video-content{width: 1200px;margin-left: -30px;} .video-content ul{list-style: none;display: flex;flex-wrap: wrap;justify-content: start;} .video-content ul li{width: 370px;margin-left: 30px;margin-bottom: 40px;} .video-content ul li .ccimgbox{width: 370px;overflow: hidden;} .video-content ul li .ccimgbox img{width: 100%;transition: all 0.6s;} .video-content ul li .video_title{padding:10px 0;font-size: 16px;color: #666;} .video-content ul li:hover .ccimgbox img{transform: scale(1.2);} .video-content ul li:hover .video_title {color: #00479d;} .video-content ul li:hover .ccimgbox .vplay {display:block;} .ccimgbox .vplay {display:none;position:absolute;left:0px;right:0px;bottom:0;height:46px;opacity:1;line-height:46px;background-color:rgba(0,0,0,0.7);font-size:12px;color:#d0d0d0;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;} .ccimgbox .vplay i {float:left;font-style:normal;margin-left:5%;padding-left:22px;} .ccimgbox .vplay i:nth-child(1) {background:url(../images/merc/videop1.png) no-repeat center left;} .ccimgbox .vplay i:nth-child(2) {background:url(../images/merc/videop2.png) no-repeat center left;} .ccimgbox .vplay span {float:right;height:100%;background:url(../images/merc/videop3.png) no-repeat center #0055cc;width:13%;} .video_con_l{width:840px;float:left;} .video_con_r{width:260px;float:right;padding-top:30px;} .video_con_l dl {width:100%;float:left;padding-bottom:40px;border-bottom:1px solid #d3d3d4;} .video_con_l dl dt h1 {font-size:24px;color:#333;line-height:36px;} .video_con_l dl p {font-size:14px;color:#666;line-height:24px;} .video_con_l dl dt {margin-bottom:20px;} .video_con_l dl dd{margin:3px 10px 0 0;padding: 0px 8px;float: left;line-height: 16px; border: 1px solid #00479d;border-radius: 4px;font-size: 12px;color: #00479d;} .video_con_m {width:100%;float:left;padding:50px 0px;border-bottom:1px solid #d3d3d4;font-size:16px;color:#666666;line-height:30px;} .video_con_m img{max-width:100%!important;height:auto!important;} .video_con_e {width:100%;float:left;margin-top:40px;} .video_con_e li {display:block;font-size:16px;color:#999999;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .video_con_e li span,.video_con_e a:hover {color:#0e3092;} .video_con_r>h2{font-size:16px;color:#333} .video_con_r>span {display:block;font-size:24px;color:#808080;} .video_con_rC {width:100%;overflow:hidden;} .video_con_rC a,.video_con_rC a>p,.video_con_rC a>span {width:100%;float:left;} .video_con_rC a {margin-top:28px;} .video_con_rC a>p {overflow:hidden;} .video_con_rC a>p img{width:100%;height:auto;} .video_con_rC a>span {font-size:14px;color:#666666;margin:6px 0px 0px 0px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .video_con_rC a>p span {padding:0px 8px;float:left;background:#ffd1d3;line-height:16px;border:1px solid #ec1c24;border-radius:4px;font-size:12px;color:#e60012;} .video_con_rC a>p i {float:left;font-size:12px;color:#999999;font-style:normal;} /*产品中心*/ .m_fl { overflow: hidden; width: 259px; } .m_fl .pageTitle { width: 100%; height: 89px; background: url(../images/merc/protitle.jpg) no-repeat; color: #fff; } .pageTitle .txt1 { padding: 20px 0 0 46px; font-size: 24px; font-weight: bold; } .pageTitle .txt2 { padding-left: 46px; padding-top: 5px; opacity: 0.3; } .m_fl .u_lst1 { margin-bottom: 11px; } .m_fl .u_lst1 li { border-left:#e9e9ed solid 1px; border-right:#e9e9ed solid 1px; border-bottom: #e9e9ed solid 1px; background-color: #f6f6f6; font-weight: normal; line-height: 40px; overflow: hidden; text-align: left; width: 259px; text-indent:13px; padding-left:30px; box-sizing: border-box; } .qlsub{display:none;} .qlsub p a{border-bottom:none;} .tosear{width: 30px;height: 28px;border: none;cursor: pointer; position: absolute;background: none;} .current + .qlsub{display:block;} .m_fl .u_lst1 li a { color: #333333; font-size: 16px; display: block; background:url(../images/merc/yiji.png) no-repeat left; } .m_fl .u_lst1 li a:hover{ color: #00479d; font-weight:600; background:url(../images/merc/yiji_hover.png) no-repeat left; } .m_fl .u_lst1 li a.current{ display: block; background-color: #f6f6f6; color: #00479d; font-weight:600; background:url(../images/merc/yiji_on.png) no-repeat left; } .m_fl .u_lst1 li.current3{ background-color: #fff; } .m_fl .u_lst1 li:hover { background-color: #fff; } .m_fl .u_lst1 li p{ line-height:36px; padding-left:40px; border-bottom: dashed 1px #ececec; } .m_fl .u_lst1 li p:last-child{border-bottom:none;} .m_fl .u_lst1 li p a{margin:0; font-size:14px;background:url(../images/merc/erji.png) no-repeat left;} .m_fl .u_lst1 li p a.current2{ font-weight:600; display: block; color: #00479d; background:url(../images/merc/erji_on.png) no-repeat left; } .m_fl .u_lst1 li p a:hover{ background:url(../images/merc/erji_on.png) no-repeat left; } .m_tel { background: rgba(0, 0, 0, 0) url("img/telbg.jpg") no-repeat scroll 0 0; color: #fff; display: block; font-family: arial; font-size: 24px; font-weight: bold; height: 229px; margin-top: 9px; padding-top: 108px; text-align: center; width: 259px; } .m_tel .btn2 { margin-top: 10px; } .m_right { overflow: hidden; width: 900px; } .m_jqx{clear:both;} .m_jqx dl { display: flex; justify-content: space-between; background: #F2F2F2; margin-bottom: 20px; padding:23px; border:1px solid #F2F2F2; box-sizing: border-box; } .m_jqx dt { display:block; width:30%; } .m_jqx dt img { height: auto; max-width: 100%; vertical-align: middle; } .m_jqx dd { padding:0 25px; width:70%; box-sizing: border-box; } .m_jqx dd h3 { line-height: 35px; font-size: 20px; color: #222; font-weight: 600; line-height: 1.5; margin: 0 0 15px; } .m_jqx dd p{color:#555555;font-size:14px;line-height:22px;margin-bottom:20px;} .m_jqx dd .pdesc{color:#555555;font-size:14px;} .m_jqx .more { padding-bottom: 20px; width:10%; align-self: flex-end; } .m_jqx a{display: contents;} .m_jqx dl:hover{cursor:pointer;border:1px solid #00479d;/*box-shadow: 5px 5px 20px rgba(0,0,0,.2);*/} .m_jqx dl:hover dd h3{color: #00479d;} .m_jqx dl:hover .more{color: #00479d;} .pageTop{ height: 66px; border-bottom: #f2f2f2 solid 1px; position: relative;} .pageName{ padding-top: 8px; color: #d0d0d0;} .pageName b{ color: #484848; font-size: 24px; padding-right: 10px;} /*.pageNow{ position:absolute; right:0px; height:40px; top:16px; z-index:2; color:#c2c2c2;} .pageNow a{ color:#c2c2c2;} .pageNow a:hover{ text-decoration: underline;} .pageNow img{ position:relative; padding-right:8px; top:-2px;} .pageNow em{ color: #515151; }*/ .productTab{ padding: 32px 0 30px; overflow:hidden;} .productTab li{ float:left; font-size: 13px; position:relative; margin-bottom:20px;} .productTab li .box{ margin-right:20px; } .productTab li a{ color: #727272; display: block; padding:0 16px; height: 35px; background: #eee; border-radius: 4px; -moz-border-radius:4px; line-height: 35px; text-align: center;} .productTab li a:hover, .productTab li .aNow{ background: #00479d; color: #fff; } .productTab dl{ display:none; position:absolute; width: 900px; height: 45px; top: 35px; left: 50%; margin-left: -450px; z-index:5;} .productTab dd{display: inline-block; line-height: 33px; font-size: 14px; margin:0 6px; background: #ffffff; position: relative;} .productTab dl a{ color:#666; background:none; width:auto;} .productTab dl a:hover{ background:none; text-decoration:underline; color:#00479d;} /*产品内页*/ .g_prod{width: 1200px;margin:0 auto 40px auto; } .g_prod .m_cpjs{height: 416px;} .g_prod .m_cpc{} .g_prod .m_cpc .u_ljt,.g_prod .m_cpc .u_rjt{ width:60px; height:60px; display:block;position: absolute;cursor: pointer;} .g_prod .m_cpc .u_ljt{top:194px;left:40px;} .g_prod .m_cpc .u_rjt{top:194px;right:40px;} .g_prod .m_cpc .u_ljt a{ background: url(Img/ljt.png) no-repeat; width:60px; height:60px; display:block;} .g_prod .m_cpc .u_rjt a{ background: url(Img/rjt.png) no-repeat; width:60px; height:60px; display:block;} .g_prod .m_cpc .u_mid{ width:476px; overflow:hidden;} .g_prod .m_cpc .u_lst1 li{ width:476px;float:left; } .g_prod .m_cpc .u_lst1 .lastli{ margin-right:0;} .g_prod .m_cpc .u_lst1 li img{ width:476px; height:416px;display: block; } .g_prod .m_js{padding:0 0 0 30px;width: 690px;} .g_prod .m_js h2{line-height: 60px;font-size: 24px;color: #333333;font-weight: 600;} .g_prod .m_js .tel{line-height: 45px; background: #f6f8fa;color: #808080;padding-left: 15px;font-size: 14px;} .g_prod .m_js .tel span{color:#00479d;} .g_prod .m_js p{font-size: 16px;color: #808080;line-height: 30px;padding: 24px 0px;margin-bottom: 20px;border-bottom: 1px solid #d3d3d4;} .g_prod .m_js .biaoz{clear:both;display: block; padding-left: 32px; margin-top: 2px;font-size: 16px; line-height: 30px;color:#272727;background:url(../images/merc/zxbz.png) no-repeat left;} .g_prod .m_js .tedian{clear:both;display: block; padding-left: 32px; margin-top: 2px;font-size: 16px; line-height: 30px;color:#272727;background:url(../images/merc/cptd.png) no-repeat left;} .g_prod .m_js .btndiv{clear:both;} .g_prod .m_js .goutong{float: left;padding: 0px 35px 0px 30px;font-size: 18px;margin: 48px 20px 0px 0px;background: #00479d;line-height: 54px;color: #fff;position: relative;} .g_prod .m_js .gengd{float: left;padding:0px 35px 0px 30px;font-size: 18px;margin: 48px 20px 0px 0px;background: #a5a5a5;line-height: 54px;color: #fff;position: relative;} .proxq_m_t {width:100%;float:left;margin-top:60px;} .proxq_m_t .hd ul {width:100%;float:left;border-bottom:1px solid #e2e2e4;} .proxq_m_t .hd ul li {line-height:60px;cursor:default;position:relative;padding:0px 12.5% 0px 8%;height:60px;float:left;/*background-color:rgba(255,255,255,0.5);*/background:#e2e2e4;font-size:18px;color:#000000;margin-right:10px;} .proxq_m_t .hd ul li:after {content:url(../images/merc/pup.png);position:absolute;line-height:0;right:30%;top:23px;} .proxq_m_t .hd ul li.on {color:#000000;} .proxq_m_t .hd ul li.on:after {content:url(../images/merc/pup.png)} .proxq_m_l {width:100%;float:left;padding-bottom:60px;} .proxq_m_l .prodiv {width:100%;float:left;border-top:1px solid #e2e2e4;margin:52px 0px 20px 0px;} .proxq_m_l>h4 {width:100%;float:left;border-top:1px solid #e2e2e4;margin:52px 0px 20px 0px;} .proxq_m_l>h4 span,.proxq_m_l .prodiv span {float:left;padding:0px 10px 0px 40px;height:24px;line-height:24px;background:url(../images/merc/planmu.png) no-repeat center left #fff;font-size:18px;margin-top:-13px;color:#333333;font-weight:600} .proxq_m_l>p {font-size:16px;color:#666666;line-height:30px;width:100%;float:left;} .proxq_m_l>p img{max-width:100%!important;height:auto!important;;} .pro_ulA,.pro_ulB {width:100%;float:left;} .pro_ulA li,.pro_ulB li {display:block;padding-left:22px;font-size:16px;color:#666666;line-height:30px;background:url(../images/proico10.png) no-repeat left 9px;} .pro_ulB li {padding-left:24px;background:none;position:relative;} .pro_ulB li i {position:absolute;left:0px;width:16px;height:16px;text-align:center;line-height:16px;background:#a5a5a5;border-radius:100%;top:7px;font-style:normal;font-size:12px;color:#fff;} .proxq_m_l table {width:100%;float:left;margin-top:20px;font-size:16px;border-collapse:collapse;border-spacing:0;} .proxq_m_l ul {overflow:hidden;width:80%;float:left;padding-left:20px;} .proxq_m_l ul li {list-style:disc !important;font-size:16px;color:#666666;line-height:30px;} .proxq_m_l table td {padding:14px 26px;text-align:center;} .proxq_m_l table td:last-child {border-right:none;} .proxq_m_l table thead td {background:#e3e3e5;padding:22px 14px;} .proxq_m_l table tbody tr:nth-child(2n) {background:#f4f4f5;} .g_pprz{width:100%;clear:both;} .g_pprz h2{color: #333333;font-size: 24px;font-weight: 700; margin-top: 60px;border-top: 1px solid #e2e2e4; padding-top: 40px;} .g_pprz .u_lst2{padding: 30px 0 30px 0;float:left;} .g_pprz .u_lst2 li{float: left;margin-right:20px;width:280px;} .g_pprz .u_lst2 li:last-child{margin-right:0} .g_pprz .u_lst2 li img{display: block;width:248px;transition: all 0.6s;} .g_pprz .u_lst2 li a{display:block; text-align:center;margin:0;font-size:16px;line-height:26px;color:#333;} .g_pprz .u_lst2 li .ikgbox{overflow: hidden;} .g_pprz .u_lst2 li:hover img{transform: scale(1.1);} .g_pprz .u_lst2 li:hover a{color:#00479d;} /*产品GRC 列表页*/ .pic-txt-list {width: 100%; float: left;} .pic-txt {width:400px;padding:15px;box-sizing: border-box; border:1px solid #f2f2f2;margin:0 25px 50px 25px;float:left;display:inline;overflow:hidden;background-color: #fff; transition:all .3s ease-out;} .pic-txt img {margin-bottom:5px;width:100%;} .pic-txt .txtbox{width: 100%;padding: 15px 0;} .pic-txt .tit {margin-bottom:10px;font-size:18px;line-height:20px;color: #666;text-align: center;} .pic-txt .info {display: block; width: 180px; margin: 25px auto 0;overflow:hidden;zoom:1;} .pic-txt .info .zhixun {float:left;border-right: dashed 1px #999;} .pic-txt .info .smoe {float:left;} .pic-txt .info a{float:left;display: block;font-size: 15px;color: #333;line-height: 18px;height: 18px;text-align: center;width: 50%;box-sizing: border-box;} .pic-txt:hover {text-decoration:none;box-shadow: 5px 5px 20px rgba(0,0,0,.2);} .tit:hover a{color:#0e3092;} a.zhixun:hover{color:#0e3092;} a.smoe:hover{color:#0e3092;} .bg-gray{background:#F7F7F7} .contser { width: 1200px; margin: 0 auto; } .padding-big-bottom { padding-bottom: 20px; } .padding-big-top { padding-top: 20px; } .height { line-height: 24px; } .text-blue { color: #0c438c; } .xm12 { width: 100%; } .text-left { text-align: left; } .text-center { text-align: center; } .blank-large{height:80px;line-height:80px;clear:both;font-size:0} .blank-small{height:20px;line-height:20px;clear:both;font-size:0} .normal-list li{position:relative;display:block;background:#FFF;margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .normal-list li a{display:block;font-size:16px;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .normal-list li span{color:#888888;position:absolute;right:30px;top:28px} .normal-list li:hover{background:#0c438c;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .normal-list li:hover a,.normal-list li:hover span{color:#FFF} .normal-list li.dot:hover a:before {background:#fff;} .normal-list li.dot a{position:relative} .normal-list li.dot a:before {content:'';position:absolute;left:30px;background:#ececec;width:7px;height:7px;top:35px;border-radius:50%} .pagination {list-style:none;vertical-align:bottom;margin: 0 auto;width: 1200px;} .pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px;margin-right:2px;} .pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination .active a {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;background:#00479d;color: #fff;} .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#fff} .pagination .active {pointer-events:none;background:#00479d;color:#fff} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;background:#00479d;color: #fff;} .pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px} .pagination-group li {float:left;border-right:0;border-radius:0} .pagination-group li:not(:first-child):not(:last-child) {border-radius:0} .pagination-group li:first-child {border-radius:4px 0 0 4px} .pagination-group li:last-child {border-radius:0 4px 4px 0} .pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0} .pagination-big a {padding:10px 16px;font-size:16px} .pagination-small a {padding:5px 10px;font-size:12px} .pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff} /*产品轮播图*/ .pro_banner {width: 476px;overflow: hidden;text-align:center;clear:both;position: relative;} .pro_banner li a{display:block;width:1000px;margin:0 auto; cursor:pointer;} .pro_banner ul li {float: left;width: 100%;} .pro_banner .dots {position: absolute; left: 0;bottom: 10px;width: 100%;text-align: center; } .pro_banner .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #00479d;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;} .pro_banner .dots li.active {background: #00479d;opacity: 1;width: 24px;} .pro_banner .arrow{display: block;width: 50px;height: 50px;position: absolute;top:42%;} .pro_banner .prev{background: url(../images/prev.png) left top no-repeat;left: -50px;-webkit-transition:left 300ms; transition:left 300ms;} .pro_banner .prev:hover{background: url(../images/prev_on.png) left top no-repeat;} .pro_banner .next{background: url(../images/next.png) left top no-repeat;right: -50px;-webkit-transition:right 300ms; transition:right 300ms;} .pro_banner .next:hover{background: url(../images/next_on.png) left top no-repeat;} .pro_banner:hover .prev{left: 120px;} .pro_banner:hover .next{right: 120px;}