@charset "utf-8"; /* CSS Document */ body, html { margin:0; padding:0; font-family:"微软雅黑", Tahoma, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 30px; font-style: normal; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1200px; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, table, tr, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; } input:hover, input:active, input:focus { outline: 0; } ul, ul li, input, dl, dd { padding:0; margin:0; list-style-type:none; } img, a img { border:0; margin:0; padding:0; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } a { text-decoration:none; color:#444; } a:hover { text-decoration:none; } .fl { float:left; } .fr { float:right; } textarea { resize:none; overflow:auto; } .clearfix:after { content:''; display:block; height:0; clear:both; visibility:hidden; } .clearfix { zoom:1; } .clear { clear: both; font-size: 0; height: 0; line-height: 0; } .baseDiv { width:1200px; margin:0 auto; margin-left:auto !important; margin-right:auto !important; } /*top*/ .head { width:100%; position:relative; z-index:1000; background:#fff; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); border-top:2px solid #3671cf; } .head .head_top { height:32px; background: url(../images/topBG.png) top center no-repeat; } .head .nav_top { height:32px; line-height:29px; font-size:12px; color:#b7cff5; padding-left:23px; } .head .nav_top .spanN { padding:0 15px; color:#b7cff5; } .head .nav_top .span_l { color:#b7cff5; display:inline-block; } .head .nav_top a { color:#b7cff5; } .head .nav_top a:hover { text-decoration:underline; } .head .nav_top .l1 { padding-left:28px; background:url(../images/dianhua.png) left center no-repeat; } .head .nav_top .l1 .div1 { font-size:16px; color:#ffab15; line-height: 28px; font-weight:500; } .head .nav_top .l1 .div2 { font-size:20px; color:#ffab15; font-weight:700; } .head .nav_top .show_img { position:relative; padding:0 20px; z-index:200; background-color:rgba(255, 255, 255, 0.5); margin-right:2px; display:none; } .head .nav_top .show_img .span_img { display:block; padding-left:23px; color:#888; font-size:14px; height:40px; line-height:39px; cursor:pointer; } .head .nav_top .show_img .span_01 { background:url(../images/website_weixin.png) left center no-repeat; padding-left:33px; } .head .nav_top .show_img .span_02 { background:url(../images/website_wap.png) left center no-repeat; } .head .nav_top .show_img .span_03 { background:url(../images/website_share.png) left center no-repeat; } .head .nav_top .show_img .showImg { position:absolute; width:200px; background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden; top:100%; left:50%; margin-left:-101px; display:none; } .head .nav_top .show_img .showImg img { display:block; width:130px; margin:20px auto auto auto; } .head .nav_top .show_img .showImg span { display:block; text-align:center; color:#666; font-size:14px; line-height:30px; padding-bottom:14px; } .head .nav_top .show_img:hover { background-color:#0072d4; } .head .nav_top .show_img:hover .span_img { color: #ccc; } .head .nav_top .show_img:hover .showImg { display:block; } .head .nav_top .show_img .bdsharebuttonbox { position: absolute; left:0; top:0; width: 100%; height: 100%; } .head .nav_top .show_img .bdsharebuttonbox .bds_more { display: block; width: 100%; height: 100%; background:none !important; } .head .head_logo { width:100%; height:112px; position: relative; z-index: 10; margin-top:-32px; } .head .head_logo .logoDiv { float:left; width:300px; height:112px; display: block; } .head .head_logo .biaoyu { height:60px; padding-left:30px; margin-left:30px; border-left:1px solid #ddd; margin-top:36px; } .head .head_logo .biaoyu .div1 { font-size:18px; color:#74ba13; line-height:30px; font-weight:700; } .head .head_logo .biaoyu .div1 span { color:#444; font-weight:normal; font-size:18px; padding:0 5px; } .head .head_logo .biaoyu .div2 { color:#666; font-size:15px; padding-top:5px; } .head .head_logo .top_ewm { width:110px; height:110px; margin:10px 0 0 0; } .head .head_logo .top_ewm img { display:block; width:100%; } .nav { position: relative; z-index:100; } .navMain { position:relative; z-index:100; } .nav .navMain .navLi { float:left; position:relative; z-index:101; width:105px; } .nav .navMain .navLi.indexLi { } .nav .navMain .navLi a.a1 { display:block; color:#333; position:relative; height:80px; line-height:80px; width:100%; text-align:center; font-size:15px; } .nav .navMain .navLi a.a1 .span1 { } .nav .navMain .navLi a.a1:after { content: ""; display: block; height: 16px; width: 1px; background:#ebebeb; position: absolute; top:50%; margin-top:-8px; right:0; } .nav .navMain .navLi.indexLi a.a1:before { content: ''; display: block; height: 16px; width: 1px; background:#ebebeb; position: absolute; top:50%; margin-top:-8px; left:0; } .nav .navMain .navLi:hover a.a1, .nav .navMain .navLi.active a.a1 { background:#f4f4f4; color: #005e9c; } .nav .navMain .navLi:hover a.a1:after, .nav .navMain .navLi:hover a.a1:before { background:#f4f4f4; } .nav .navMain .navLi.active .a1 em, .nav .navMain .navLi:hover a.a1 em { display: none; } .nav .navMain .navLi .dh2 { width:720px; padding:10px; top:100%; left:-280; background-color:#fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); position:absolute; z-index:1000; display:none; overflow:hidden; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; border-top:1px solid #f0f0f0; } .nav .navMain .navLi .dh2 a.a2 { display:block; color:#333; line-height:20px; font-size:15px; font-weight: 700; padding:10px 0; margin:0px 5px; border-bottom:1px solid #0361b2; } .nav .navMain .navLi .dh2 a.a3 span { padding-left:35px; } .nav .navMain .navLi .dh2 a.a4 span { padding-left:35px; } .nav .navMain .navLi .dh2 a.a2 span { -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; } .nav .navMain .navLi .dh2 a.a2:hover span { padding-left:35px; } .nav .navMain .navLi .dh2 a.a2:hover, .nav .navMain .navLi .dh2 a.a3:hover, .nav .navMain .navLi .dh2 a.a4:hover { background-color:#3671cf; color: #fff; } .nav .navMain .navLi .dh2 a.a3 { display:block; width:140px; float:left; line-height:18px; font-size:14px; padding:8px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; color: #666; } .nav .navMain .navLi .dh2 a.a4 { display:block; width:170px; float:left; line-height:18px; font-size:14px; padding:8px 0; margin:0px 5px; border-bottom:1px solid #ebebeb; color: #666; } .nav .navMain .navLi:hover .dh2 { display:block; } .nav .navMain .navLi.navLi6 .dh2 { width:100%; padding:0; left:0; } .nav .navMain .navLi.navLi6 .dh2 a.a2 { font-weight: normal; text-align: center; font-size:14px; color: #666; border-bottom: 1px solid #ddd; } .nav .navMain .navLi.navLi6 .dh2 a.a2:hover span { padding:0; color: #fff; } /*banner*/ .banner { width:100%; background:#fafafa; position:relative; z-index:11; } .banner_slides { position:relative; overflow:hidden; width:100%; margin:auto; } .banner_slides, .slides_container, .slides_control, .banner_pic { display:block; height:500px; } .slidesjs-slide { width:100%; height:100%; } .banner_slides li a { display:block; } .banner_pic { display:block; width:100%; height:100%; background-size:cover !important } .slides_btn { position:absolute; z-index:999; display:block; width:40px; height:70px; margin-top:-35px; top:50%; overflow: hidden; text-indent:-9999px; background-color:#fff; filter:alpha(opacity=20); /*IEÂ˾µ£¬Í¸Ã÷¶È50%*/ -moz-opacity:0.2; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/ opacity:0.2;/*ÆäËû£¬Í¸Ã÷¶È50%*/ background-position: center center; background-repeat:no-repeat; } .banner:hover .slides_btn { filter:alpha(opacity=90); -moz-opacity:0.9; /*Firefox˽ÓУ¬Í¸Ã÷¶È50%*/ opacity:0.9; } .btn_previous { left:4%; background-image:url(../images/pre01.png); } .btn_previous:hover { background-color:#3671cf; background-image:url(../images/pre02.png); } .btn_next { right:4%; background-image:url(../images/next01.png); } .btn_next:hover { background-color:#3671cf; background-image:url(../images/next02.png); } /**/ .slides_pagination { width:1200px; bottom:20px; left:50%; margin-left:-600px; position:absolute; z-index:100; text-align: center; } .slides_pagination li { margin: 0 5px; display:inline-block; +float:left; } .slides_pagination li a { display:inline-block; *display:inline; zoom:1; overflow:hidden; width:12px; height:12px; border-radius:100%; line-height:50px; background-color:#fff; color:#666; } .slides_pagination li a.active, .slides_pagination li a:hover.active, .slides_pagination li a:hover { background:#3671cf; color:#3671cf; } /*banner end*/ /**/ /**/ .baseTitle { margin:auto; position:relative; } .baseTitle .t1 { } .baseTitle .t1 div { width:190px; height:33px; border:1px solid #bbb; margin:auto; text-align:center; } .baseTitle .t1 div span { display: inline-block; height:25px; line-height:25px; color:#555; font-size:20px; margin-top:15px; padding:0 20px; background-color:#fff; } .baseTitle .t2 { height:35px; line-height:35px; position:relative; text-align:center; margin-top:15px; } .baseTitle .t2 span { display:inline-block; color:#0074bf; font-size:33px; font-weight:700; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; position:relative; z-index:10; background-color:#fff; padding:0 20px; } .baseTitle .t2 .bg { position:absolute; z-index:1; width:80%; left:10%; top:50%; border-top:1px solid #ddd; } .baseTitle .t3 { text-align:center; font-size:14px; color:#999; padding:8px 0 20px 0; } .index_class { padding:15px 0; } .index_class .classBox { } .index_class ul { margin:auto; position:relative; width: 1220px; } .index_class ul li { float:left; position:relative; margin-right:20px; width: 224px; } .index_class ul li a { display:block; height:180px; width:100%; position: relative; background: #f4f4f4 url(../images/classBG.jpg); overflow: hidden; } .index_class ul li a .img { position: absolute; right:-15px; top:0; display:block; width:100%; height:100%; transition:0.3s; overflow:hidden; background-position:right bottom; background-repeat: no-repeat; } .index_class ul li a:hover .img { right:0; } .index_class ul li a .enName { padding:20px 0 0px 30px; color: #acb4c9; font-size: 13px; } .index_class ul li a .spanT { display:block; font-size:16px; color:#000; position:relative; padding:0 0 0px 30px; line-height: 25px; } .index_class ul li a .more { display: block; margin: auto; width:30px; background:#bed3f4; height:30px; line-height: 30px; text-align: center; font-size:16px; color: #fff; margin:55px auto auto 30px; } .index_class ul li a:hover .more { background: #3671cf; } /**/ .indexMain { position:relative; padding:0 0 95px 0; background:#fff url(../images/probg.jpg) top center no-repeat; } .indexMain .indexMainT { text-align:center; position:relative; } .indexMain .indexMainT .div1 { font-size:35px; color:#dadada; line-height: 35px; } .indexMain .indexMainT .div2 { color: #3671cf; padding:15px 0; height:35px; line-height:33px; position: relative; } .indexMain .indexMainT .div2 span, .indexMain .indexMainT .div2 h1 { position:relative; z-index: 10; display:inline-block; padding:0 35px; background:#fff; font-size:33px; font-weight:700; } .indexMain .indexMainT .div2 .b1 { border-top:1px solid #ddd; width: 100%; height:0; top:50%; left:0; position: absolute; z-index: 1; } .indexMain .indexMainT .div2 .b2 { position: absolute; width:60px; right:50%; margin-right:130px; top:50%; margin-top:-1px; height: 2px; background:#3671cf; z-index: 2; } .indexMain .indexMainT .div2 .b3 { position: absolute; width:60px; left:50%; margin-left:130px; top:50%; margin-top:-1px; height: 2px; background:#3671cf; z-index: 2; } .indexMain .indexMainT .div3 { color:#888; font-size:15px; } .indexMain .product { position:relative; z-index:10; } .proTitle { width:268px; background:#fdfcfc; } .proTitle .t_t { height:90px; background:#3671cf; color:#fff; text-align:center; } .proTitle .t_t .span1 { display:block; font-size:31px; font-weight:700; padding-top:17px; } .proTitle .t_t .span2 { display:block; font-size:14px; color: #93baf7; padding-top:5px; } .proTitle .pclass { padding:0px 0 10px 0; } .proTitle .pclass .lin1 { padding:10px 0 0px 0; margin:auto; } .proTitle .pclass .lin1 a.a1 { display:block; height:48px; line-height:48px; font-size:16px; background-color:#3671cf; color:#fff; border-bottom: 2px solid #ddd; position: relative; border-left:4px solid #3671cf; } .proTitle .pclass .lin1 a.a1 .span1 { display:inline-block; position: absolute; z-index: 10; right:20px; top:50%; margin-top:-3px; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:10px solid #a4c4f6; } .proTitle .pclass .lin1 a.a1 .span2 { display:inline-block; padding-left:24px; position: relative; z-index: 10; } .proTitle .pclass .lin1 a.a1 em { position: absolute; z-index: 1; left:0; top:0; width: 0; height: 100%; background: #3671cf; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.3s; } .proTitle .pclass .lin1 a.a1:hover { color: #fff; border-left:3px solid #3671cf; } .proTitle .pclass .lin1 a.a1:hover em { width: 100%; } .proTitle .pclass .lin1 a.a1:hover .span1 { color: #fff; border-top:10px solid #8cb5f6; } .proTitle .pclass .lin1 .dh2 { border-left:0px solid #eee; margin-left:0px; padding:5px 0 0px 0px; width:272px; } .proTitle .pclass .lin1 .dh2 .a2 { display: block; float: left; text-align:center; width:126px; margin-right:10px; font-size: 14px; color: #666; line-height: 20px; padding:8px 0; border-bottom: 1px solid #ddd; } .proTitle .pclass .lin1 .dh2 .a2 span { } .proTitle .pclass .lin1:hover .dh2 { } .proTitle .pclass .lin2 a.a1 { display:block; height:50px; line-height:50px; font-size:14px; color:#333; width:200px; background-color:#fff; margin:auto; border-bottom:1px dashed #bbb; margin-left:25px; } .proTitle .pclass .lin2 a.a1 span { display:inline-block; padding-left:30px; background:url(../images/jt.png) left center no-repeat; margin-left:9px; } .proTitle .pclass .lin2 a.a1:hover span { color:#c20307; text-decoration:underline; } .proTitle .pclass li:last-child a { } .proTitle .m { display: block; height:60px; line-height:60px; background:#3671cf; color:#fff; text-align:center; font-size:18px; margin-top:5px; } .proTitle .m:hover { background-color:#3671cf; } .proTitle .lxwm { padding:0px 10px; background:#f4f4f4; margin-top:10px; border: 3px solid #0072d4; } .proTitle .lxwm_t { width:160px; margin:auto; height:50px; padding-left:45px; margin-bottom:15px; } .proTitle .lxwm .box { color:#666; font-size:14px; padding:6px 0 10px 0; } .proTitle .lxwm p { padding:12px 15px; line-height: 23px; margin:auto; word-break:break-all; border-bottom: 1px solid #fff; } .proTitle .lxwm p:last-child { border:0; } .prdListBox { } .indexMain .productList { overflow:hidden; width:1200px; height:548px; position:relative; overflow: hidden; margin-top:25px; } .indexMain .productList ul { overflow:hidden; width:1212px; height:562px; } .indexMain .productList ul li { width:291px; float:left; margin:0 12px 25px 0px; } .indexMain .productList ul li .boxa { display:block; cursor:pointer; position: relative; } .indexMain .productList ul li .boxa .b { border:1px solid #e5e5e5; border-bottom: 4px solid #e5e5e5; } .indexMain .productList ul li .boxa .spanImg { display:block; overflow:hidden; width:279px; height:210px; margin:5px; position:relative; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; } .indexMain .productList ul li .boxa .spanImg .aB { display:block; width:100%; height:100%; position: absolute; background: rgba(54, 113, 207, 0.5); overflow: hidden; left: 0; top: -100%; z-index: 5; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; } .indexMain .productList ul li .boxa .spanImg .aB em { display:block; width:100%; height:100%; background:url(../images/chakan.png) center center no-repeat; } .indexMain .productList ul li .boxa:hover .spanImg .aB { top:0; } .indexMain .productList ul li .t { padding-top:8px; } .indexMain .productList ul li .t .spanT { display:block; padding-left:12px; z-index:10; height:28px; line-height:28px; width:140px; text-align:left; color:#777; font-size:14px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; } .indexMain .productList ul li .t .spanT::after { content:''; display: block; height:6px; width:6px; border-radius: 100%; position: absolute; left:0; top:50%; margin-top:-3px; background:#ddd; } .indexMain .productList ul li .t .spanM { display:block; height:28px; line-height:28px; padding:0 12px; margin-right:10px; background:#3671cf; color: #fff; font-size: 13px; } .indexMain .productList ul li .t .spanLx { display:block; height:28px; line-height:28px; padding:0 12px; background:#3671cf; color: #fff; font-size: 13px; } .indexMain .productList ul li .t .spanM:hover, .indexMain .productList ul li .t .spanLx:hover { background: #3671cf; } .indexMain .productList ul li:hover .spanT { color:#0072d4; } /*广告*/ .guanggao { height:190px; width:100%; background:url(../images/guanggao.png) center center no-repeat; position: relative; z-index: 10; margin-top:-44px; } .guanggao .baseDiv { position: relative; } .guanggao .guanggaoPro { position: absolute; width:84px; height: 67px; background: url(../images/guanggaoPro.png) no-repeat; left:115px; top:95px; animation: ball 0.6s infinite alternate; } .guanggao .ggMore { padding:63px 0 0 320px; } .guanggao .ggMore a { display: block; float: left; width:85px; height:85px; background:rgba(0, 0, 0, 0.1); margin-right:18px; border:1px solid rgba(0, 0, 0, 0.1); } .guanggao .ggMore a .spanNum { display: block; width:35px; height:35px; margin:10px auto 3px auto; text-align: center; line-height: 35px; background:rgba(0, 0, 0, 0.15); border-radius:100%; color:rgba(255, 255, 255, 0.7); font-size: 14px; } .guanggao .ggMore a .spanT { display: block; text-align: center; font-size: 13px; color:rgba(255, 255, 255, 0.9); } .guanggao .ggMore a:hover { background: rgba(0, 0, 0, 0.3); } .guanggao .div_tel { padding:120px 50px 0 0; line-height:25px; } .guanggao .div_tel .span1 { font-size:20px; color:#fff; } .guanggao .div_tel .span2 { font-size:22px; color:#fff; } @-webkit-keyframes ball { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes ball { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } /*优势*/ .ys { background:url(../images/youshiBG.jpg) top center no-repeat; height:744px; margin-top:-27px; position: relative; z-index:1; border-bottom:5px solid #3671cf; } .ys .ysBox { height:696px; position: relative; } .ys .ysBox .centerImg { position: absolute; z-index: 10; bottom:25px; left:50%; margin-left:-253px; width:498px; height: 354px; background: url(../images/youshi.png) center center no-repeat; -moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .ys .ysBox .centerImg:hover { bottom:35px; } .ys .ysBox ul { width: 100%; height: 100%; position: relative; z-index:3; } .ys .ysBox li { position: absolute; } .ys .ysBox li .number { width: 63px; height: 63px; border-radius:100%; background:#3671cf; color: #fff; font-size:37px; text-align: center; line-height: 63px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; } .ys .ysBox li .number.fl { margin-right:7px; } .ys .ysBox li .number.fr { margin-left:7px; } .ys .ysBox li .title { } .ys .ysBox li .title.fl { text-align: left; } .ys .ysBox li .title.fr { text-align: right; } .ys .ysBox li .title .div1 { font-size:25px; line-height: 26px; color: #d1d0d0; padding-top:0px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; } .ys .ysBox li .title .div2 { font-size:25px; font-weight: 700; color: #000; line-height:30px; } .ys .ysBox li .title .div2 span { color: #3671cf; } .ys .ysBox li .nr { line-height: 26px; color: #555; font-size: 15px; margin-top:18px; width: 270px; } .ys .ysBox li .nr .red { font-weight: 700; color: #3671cf; } .ys .ysBox .li01 { bottom:32px; left:13px; } .ys .ysBox li.li01 .nr { margin-left:15px; } .ys .ysBox .li02 { top:210px; left:103px; } .ys .ysBox .li03 { top:100px; left:470px; } .ys .ysBox li.li03 .nr { text-align: center; } .ys .ysBox .li04 { top:210px; right:103px; } .ys .ysBox .li05 { bottom:32px; right:13px; } .ys .ysBox li.li05 .nr { margin-right:15px; text-align: right; } .index_main03 { position: relative; z-index: 10; padding-top: 20px; } .index_main03 ul { margin-top: 35px; } .index_main03 ul li { position: relative; float: left; margin: 0.6%; width: 23%; overflow: hidden; } .index_main03 ul li img { transition: all 0.6s; width: 100%; height: auto; display: block } .index_main03 ul li span { position:absolute; top: 35%; left: calc(50% - 50%); display: block; text-align: center; width: 100%; color: #FFFFFF; font-size: 17px; } .index_main03 ul li:hover img { transform: scale(1.2); } .ban01 { background:url(../images/ban01.gif) no-repeat center 0; height: 243px; margin-bottom:20px; } .ban01_l { color: #fff; font-size: 18px; padding:30px 0 0 35px; width: 460px; line-height: 30px; } .ban01_l b { display: block; font-size: 30px; padding: 8px 0 18px; } .ban01_l span { display: block; width: 346px; text-align: center; height: 37px; line-height: 37px; border: #89baf1 1px solid; border-radius:10px; } .ban01_l em { display: block; width: 148px; padding: 20px 0 0; } .ban01_l em a { display: block; font-size: 14px; color: #333; width: 148px; text-align: center; height: 42px; line-height: 42px; background: #fff; border-radius:10px; } .ban01_l em a:hover { animation:shake 1.5s linear; -webkit-animation:shake 1.5s linear; } .honor { width: 610px; padding: 20px 0 0; } .honor ul li { width: 136px; float: left; line-height: 0; margin-right: 48px; } .honor ul li img { width: 126px; height: 168px; display: block; border: #636363 5px solid; } .honor ul li span { font-size: 14px; color: #333; width:136px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden; } .honor ul li a:hover img { border: #1375e2 5px solid; } /*关于我们*/ .about { background: #fff; padding:0 0 45px 0; } .about .aboutTop { height:251px; width: 100%; background: url(../images/aboutTop.jpg) top center no-repeat; } .about .aboutTop .biaoyu { margin-left:320px; height:251px; background: url(../images/biaoyu.png) left center no-repeat; } .about .aboutTop .biaoyu .dianhua { height:45px; line-height: 45px; width: 340px; text-align: center; color: #fff; font-size: 22px; top:123px; left:28px; position: relative; } .about .aboutCenter { } .about .aboutCenter .a_c_left { position: relative; z-index: 10; width: 205px; height: 295px; background: #3671cf; margin-top:-125px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); } .about .aboutCenter .a_c_left .sanjiao { position: absolute; left:100%; top:40px; width:0; height:0; border-width:15px 0 15px 25px; border-style:solid; border-color:transparent transparent transparent #3671cf;/*透明 透明 透明 颜色*/ } .about .aboutCenter .a_c_left .div1 { font-size: 26px; color: #fff; font-weight:700; padding:35px 0 12px 20px; line-height: 30px; } .about .aboutCenter .a_c_left .divB { width:80px; height:1px; background: #fff; margin-left:20px; } .about .aboutCenter .a_c_left .div2 { color: #fff; font-size:15px; padding:10px 0 0 20px; font-weight:bolder; } .about .aboutCenter .a_c_left .div3 { color: #fff; font-size:29px; padding:100px 0 0 20px; font-weight:700; } .about .aboutCenter .a_c_center { width:620px; margin-left:30px; } .about .aboutCenter .a_c_center .divT { font-weight: 700; font-size:17px; color: #000; padding:30px 0 0 0; line-height: 25px; } .about .aboutCenter .a_c_center .divB { width: 92px; height:2px; background: #3671cf; margin-top:12px; } .about .aboutCenter .a_c_center .aboutNr { color: #555555; font-size:14px; line-height:26px; height:75px; overflow: hidden; margin-top:15px; } .about .aboutCenter .a_c_r { height:135px; border-left: 1px solid #ddd; margin-top:35px; padding-left:5px; } .about .aboutCenter .a_c_r li { float: left; margin-left:25px; text-align: center; margin-top:7px; } .about .aboutCenter .a_c_r li .yuan { display: block; width: 80px; height: 80px; background-color: #3671cf; border-radius: 100%; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } .about .aboutCenter .a_c_r li:hover .yuan { transform: translateY(-8px); } .about .aboutCenter .a_c_r li .divCN { color: #3671cf; font-size: 17px; line-height: 20px; padding-top:8px; } .about .aboutCenter .a_c_r li .divEN { color: #3671cf; font-size:12px; line-height: 20px; } .about .aboutCenter .a_c_r li.lin01 .yuan { background-image:url(../images/about_ys01.png); } .about .aboutCenter .a_c_r li.lin02 .yuan { background-image:url(../images/about_ys02.png); } .about .aboutCenter .a_c_r li.lin03 .yuan { background-image:url(../images/about_ys03.png); } .about .aboutBottom { margin-top:30px; } .about .aboutBottom .b_box { border:3px solid #2f60ad; height:130px; background: #f6f6f6; } .about .aboutBottom .b_box .bLogo { width: 335px; height: 130px; border-right: 3px solid #2f60ad; } .about .aboutBottom .b_box .bClass { } .about .aboutBottom .b_box .bClass li { float:left; margin:21px 31px 0 0; } .about .aboutBottom .b_box .bClass li a { display: block; width: 133px; height: 88px; background: #fff; position: relative; overflow: hidden; } .about .aboutBottom .b_box .bClass li a .img { width: 100%; height: 100%; background-position:center center; background-size:auto 75%; background-repeat: no-repeat; } .about .aboutBottom .b_box .bClass li a .spanT { position: absolute; bottom:0; left:15%; width: 70%; background:#d80505; height:32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; -khtml-opacity:0; opacity:0; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .about .aboutBottom .b_box .bClass li a:hover .spanT { bottom:26px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity:1; -khtml-opacity:1; opacity:1; } .future { height:370px; background:url(../images/futurebg.jpg) left top repeat; margin-bottom:20px; } .future .title { background:url(../images/futuretitle.png) center center no-repeat; height:100px; margin-bottom:20px; } .future .info ul li { float:left; width:386px; margin-right:20px; height:222px; overflow:hidden; background-color:#3671cf; color:#fff; text-align:center; } .future .info ul li:nth-child(3) { margin-right:0; } .future .info ul li:first-child+li+li { margin-right:0; } /*新闻*/ .indexNews { background:#f6f6f6 url(../images/bg_iabout.jpg) top center no-repeat; } .indexNews>.baseDiv { width:1200px; overflow: hidden; padding:50px 0; } .indexNews .news_title { width:520px; margin:auto; border-bottom: 1px solid #ddd; } .indexNews .news_title .b { line-height:30px; padding-bottom: 10px; } .indexNews .news_title .span1 { font-size: 22px; color: #3671cf; font-weight: 700; } .indexNews .news_title .span2 { color:#dfdede; font-size: 15px; padding-left:15px; } .indexNews .news_title .more { display: block; line-height: 35px; color: #bbbbbb; font-size: 13px; } .indexNews .news_title .more:hover { color:#3671cf; text-decoration: underline; } .indexNews .k { width: 1240px; } .indexNews .newsBox { width:580px; background: #fff; margin-right: 40px; padding:20px 0 20px 0; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); } .indexNews .newsBox ul { padding-top:20px; width:520px; margin:auto; } .indexNews .newsBox ul li { transition: all .3s linear; position: relative; line-height:45px; border-bottom: 1px dashed #ddd; } .indexNews .newsBox ul li a { display:block; margin:auto; } .indexNews .newsBox ul li a .div1 { float:left; padding-left:20px; width: 330px; color: #444444; font-size: 14px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; } .indexNews .newsBox ul li a .div1::after { content: ''; display: block; height:8px; border:1px solid #bbb; width: 8px; border-radius: 100%; position: absolute; top:50%; margin-top:-5px; left:0; } .indexNews .newsBox ul li a .desc { display: none; } .indexNews .newsBox ul li a .time { float: right; color:#b7b7b7; font-size: 13px; } .indexNews .newsBox ul li:nth-child(1) { padding-bottom:20px; margin-bottom:0px; } .indexNews .newsBox ul li:nth-child(1) a .div1 { float:none; color:#444; font-size:15px; background: none; line-height: 20px; } .indexNews .newsBox ul li:nth-child(1) a .desc { display:block; height:44px; line-height:24px; color:#999999; font-size:13px; overflow:hidden; margin-left:20px; } .indexNews .newsBox ul li:nth-child(1) a .time { float: none; color:#b7b7b7; font-size:13px; line-height:40px; padding-left:20px; } .indexNews .newsBox ul li:hover {/*transform:translate3D(0,-6px,0);-webkit-transform: translate3D(0,-6px,0); box-shadow:0 5px 10px rgba(0,0,0,0.1);*/ } .indexNews .newsBox ul li a:hover .div1 { color: #de0000; text-decoration: underline; } /*case*/ .cases { position:relative; padding:0 0 40px 0; position: relative; z-index: 11; } .cases .case_title { text-align:center; background: #3671cf url(../images/caseT.jpg) center center no-repeat; height:100px; margin-top:-47px; } .cases .case_title .tB { width: 840px; margin:auto; background:#fff; position: relative; top:40px; height: 60px; border-bottom: 1px solid #ddd; } .cases .case_title .t1 { font-size: 30px; font-weight: 700; color:#000; padding-top:40px; line-height: 35px; } .cases .case_title .t1 span { display: inline-block; padding:0 50px; background: #fff; } .cases .case_title2 { text-align: center; color: #666; font-size: 15px; padding-top:25px; } /**/ .yqlj { position:relative; z-index:201; padding:35px 0; } .yqlj .yqljT { border-bottom:1px solid #ebebeb; line-height:30px; padding-bottom:3px; } .yqlj .yqljT .span1 { color: #333; font-size: 30px; font-weight: 600; padding-right:15px; } .yqlj .yqljT .span2 { font-size:14px; color:#999; } .yqlj .yqlj_box { padding-top:8px; } .yqlj .yqlj_box li { float:left; padding-right:25px; line-height:25px; } .yqlj .yqlj_box a { font-size:15px; color:#333; } .yqlj .yqlj_box a:hover { text-decoration: underline; color:#d81e06; } .shebei { position:relative; padding:0 0 40px 0; position: relative; z-index: 11; } .shebei .shebei_title { text-align:center; height:100px; margin-top:-47px; } .shebei .shebei_title .tB { width: 840px; margin:auto; background:#fff; position: relative; top:40px; height: 60px; border-bottom: 1px solid #ddd; } .shebei .shebei_title .t1 { font-size: 30px; font-weight: 700; color:#000; padding-top:40px; line-height: 35px; } .shebei .shebei_title .t1 span { display: inline-block; padding:0 50px; background: #fff; } .shebei .shebei_title2 { text-align: center; color: #666; font-size: 15px; padding-top:25px; } .shebeitp { position: relative; z-index: 10; padding-top: 10px; } .shebeitp ul { margin-top: 15px; } .shebeitp ul li { position: relative; float: left; margin: 0.6%; width: 11%; overflow: hidden; border: 1px solid #9e9e9e;} .shebeitp ul li img { transition: all 0.6s; width: 100%; height: auto; display: block;} .shebeitp ul li span { position:absolute; top: 35%; left: calc(50% - 50%); display: block; text-align: center; width: 100%; color: #FFFFFF; font-size: 17px; } .shebeitp ul li:hover img { transform: scale(1.2); } /*底部*/ .foot { background:#fff; padding:0px 0 0px 0; position:relative; } .foot .left { width:400px; } .foot .center { width:400px; height:250px; background-color:#fff; } .foot .right { width:400px; } .foot .bottomNav { text-align:center; height:70px; background:url(../images/footBg.jpg) top center no-repeat; ; line-height: 70px; margin-bottom: 15px; } .foot .bottomNav a { color:#fff; font-size:16px; } .foot .bottomNav .span_n { padding:0 40px; font-size:15px; color:#0254a6; } .foot .bottomNav a:hover { text-decoration:underline; } .foot .foot_logo { width: 270px; height:100px; border-right:1px solid #ddd; margin-top:13px; } .foot .foot_lxwm { font-size:13px; color:#666; line-height:35px; text-align:left; padding-left:40px; margin-top:10px; } .foot .foot_lxwm .span1 { padding:0 25px 0 0; } .foot .foot_lxwm a { color:#666; } .foot .foot_lxwm a:hover { color:#fff; } .foot .foot_ewm { } .foot .foot_ewm .box { padding-left:30px; } .foot .foot_ewm .box .img { height:122px; } .foot .foot_ewm .box .img img { display: block; height: 100%; width: auto; } .foot .foot_ewm .box .t { height:122px; width: 15px; padding-right:5px; color:#999; font-size: 13px; line-height: 18px; } .foot .foot_ewm .box .t span { padding-top:13px; display: block; } .foot .Copyright { height:50px; line-height: 50px; background:#f4f4f4; text-align: center; margin-top:20px; font-size: 13px; color: #999; } /**/ .wjdh-banner { background-color: #fff; background-repeat: no-repeat; background-position: center center; height: 300px; } .wjdh-banner01 { background-color: #fff; background-repeat: no-repeat; background-position: center center; height: 500px; } .breadcrumbs { margin-bottom:15px; border-top: 2px solid #0072d4; font-size: 14px; color:#777; padding: 8px 20px; line-height: 30px; background:#f9f9f9; } .breadcrumbs a { color:#777; font-size:14px; } .breadcrumbs a:hover { text-decoration:underline; } .breadcrumbs .sortName { color:#fff; font-size:20px; } .breadcrumbs .indexa { padding-left:30px; background:url(../images/icon-home_61y0.png) left center no-repeat; } /**/ .page_nav { padding:15px 15px; color:#999; font-size:14px; text-align:center; background-color:#fff; } .page_nav .nolink { display:inline-block; margin:0 5px; padding:0 5px; height:25px; line-height:25px; border:1px solid #fff; } .page_nav font, .page_nav a { display:inline-block; margin:0 5px; padding:0 10px; border:1px solid #e5e5e5; height:25px; line-height:25px; border-radius:5px; } .page_nav font { border:1px solid #fff; } .page_nav a:hover { color:#fff; border:1px solid #54a530; background-color:#54a530 } .viewpage { margin:0; padding:20px 0 50px 0; border-top:1px solid #eee; position: relative; } .viewpage .main_r_nav { color:#999; font-size:14px; line-height:30px; } .viewpage .main_r_nav a { font-size:14px; color:#444 } .viewpage .main_r_nav a:hover { text-decoration:underline; } .viewpage .goBack { display: block; position:absolute; z-index: 10; right:0; top:30px; height:40px; width:160px; border-radius:25px; background:#3671cf; line-height: 40px; color: #fff; font-size:16px; text-align: center; } /*分页*/ .fenye { text-align:center; color:#666; font-size:14px; line-height:30px; padding:15px 0; background:#f4f4f4; margin-top:20px; } .fenye .rows { color:#666; font-size:13px; padding:0 10px; } .fenye .current { display: inline-block; color:#cc0000; font-size:14px; padding:0 5px; } .fenye .num, .fenye .next { display:inline-block; margin:0 3px; padding:0 10px; border:1px solid #ddd; color:#666; font-size:14px; height:28px; line-height:27px; border-radius:5px; } .fenye .num:hover, .fenye .next:hover { background-color:#3671cf; color:#fff; border:1px solid #3671cf; } .main { background-color:#fff; padding:30px 0; } .main .main_right { width:910px; } .text { line-height:35px; font-size:15px; color:#333; padding:30px; } .text img { max-width:100%; margin:5px auto; } .main .tT01 { text-align:center; line-height:50px; margin-top:30px; } .main .tT01 .span1 { font-size:24px; color:#000; font-weight: 700; } .main .subtitle { font-size: 13px; line-height: 24px; height: 24px; color: #8F8F8F; text-align:center; } .main .subtitle span { padding:0 10px; } .main .main_left { width:182px; } .main .main_left .titleL { height:80px; background:url(../images/bt_vt57.jpg) top right no-repeat; text-align:center; overflow:auto; } .main .main_left .titleL span { font-size:24px; color:#fff; font-weight:700; display:block; width:100%; height:80px; line-height:80px; } .main .main_left .titleL2 { display: block; width:100%; margin-top:10px; overflow:hidden; } .main .main_left .titleL2 img { display:block; width:100%; } .main .navLeft { } .main .navLeft li a { display:block; width:100%; height:45px; line-height:45px; ; color:#305dc3; text-align:left; border-bottom:1px solid #305dc3; font-size:14px; position:relative; } .main .navLeft li a span { position:relative; z-index:5; padding-left:15px } .main .navLeft li a em { display:block; width:0; position:absolute; z-index:1; left:0; top:0; height:100%; background-color:#305dc3; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } .main .navLeft li a:hover, .main .navLeft li.active a { color:#fff; } .main .navLeft li a:hover em, .main .navLeft li.active a em { width:100%; } #faqbox { padding:90px 0 50px 0; background-color:#fff; } #faqbox form { } #faqbox .faqline { line-height:2em; text-align:left; padding-bottom:30px; color:#ff9900; font-size:14px; } #faqbox .faqtit { width:150px; display:block; float:left; clear:both; text-align:right; color:#000; font-weight:700; font-size: 14px; } #faqbox .Content { line-height:2em; text-align:left; padding-bottom:30px; } #faqbox font { margin:0 5px; } #faqbox .FaqTitle { height:50px; line-height:50px; padding:0 10px; border:1px solid #ddd; width:685px; vertical-align:top; } #faqbox .Content textarea { height:100px; } .wizfrm { border:none; width:685px; height:60px; line-height:60px; font-size:16px; color:#fff; text-align:center; cursor:pointer; background:#3671cf; margin-top:0px; font-family:'Microsoft YaHei'; -moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; border-radius:5px; } .wizfrm:hover { background-color:#d80505; } /**/ .main .proList { width:930px; overflow:hidden; position:relative; margin-top:20px; } .main .proList ul { width:945px; } .main .proList li { width:298px; float:left; margin:0 15px 15px 0px; } .main .proList li { } .main .proList li .boxa { display:block; cursor:pointer; position: relative; } .main .proList li .boxa .b { border:1px solid #e5e5e5; border-bottom: 4px solid #e5e5e5; } .main .proList li .boxa .spanImg { display:block; overflow:hidden; width:286px; height:210px; margin:5px; position:relative; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; } .main .proList li .boxa .spanImg01 { display:block; overflow:hidden; width:286px; height:286px; margin:5px; position:relative; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; } .main .proList li .t { padding-top:8px; } .main .proList li .t .spanT { display:block; padding-left:12px; z-index:10; height:28px; line-height:28px; width:180px; text-align:left; color:#777; font-size:14px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; } .main .proList li .t .spanT::after { content:''; display: block; height:6px; width:6px; border-radius: 100%; position: absolute; left:0; top:50%; margin-top:-3px; background:#ddd; } .main .proList li .t .spanM { display:block; height:28px; line-height:28px; padding:0 12px; margin-right:10px; background:#3671cf; color: #fff; font-size: 13px; } .main .proList li .t .spanLx { display:block; height:28px; line-height:28px; padding:0 12px; background:#e62812; color: #fff; font-size: 13px; } .main .proList li .t .spanM:hover, .indexMain .productList ul li .t .spanLx:hover { background: #3671cf; } .main .proList li:hover .spanT { color:#0072d4; } /**/ .main .news_list { } .main .news_list li { border-bottom: 1px dashed #e4e4e4; padding:15px; } .main .news_list li .titleBox { } .main .news_list li a { color:#333; font-size:15px; } .main .news_list li a:hover { color:#dc2b21; text-decoration:underline; } .main .news_list li .desc { line-height: 22px; max-height: 44px; color: #999; overflow: hidden; font-size:13px; margin-top:8px; padding:0 0 0 0px; } .main .news_list li .lMore { font-size:13px; color:#b7b7b7; } /*合作客户*/ .main .caseList { } .main .caseList ul { width: 944px; } .main .caseList ul li { float: left; margin:10px 14px 0 0; width:222px; } .main .caseList ul li a { display: block; } .main .caseList ul li a .b { border:1px solid #ddd; border-radius:5px; } .main .caseList ul li a .spanImg { display: block; width: 210px; height: 119px; margin:5px; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover; } .main .caseList ul li a .spanT { display: block; text-align: center; color: #444; font-size: 15px; } .diysr { height:40px; line-height:40px; color:#999; color: #E62812; font-family: "Microsoft YaHei"; font-size: 16px; font-weight: bold; text-indent:8px; } .diysr .line { border-top: 1px solid #E62812; font-size:0; height:0; margin-right: 10px; overflow:hidden; } .diysr i { font-size:10px; font-family:arial; font-weight:normal; text-transform:uppercase; font-style:normal; padding-left:5px; color: #999; } .custom_service p img { display: inline; vertical-align:middle; } .scrollsidebar { position:absolute; z-index:999; top:350px; right:0 } .side_content { width:154px; height:auto; overflow:hidden; float:left; } .side_content .side_list { width:154px; overflow:hidden; } .show_btn { width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer; } .show_btn span { display:none; } .close_btn { width:24px; height:24px; cursor:pointer; } .side_title, .side_bottom, .close_btn, .show_btn { background:url(../images/sidebar_bg.png) no-repeat; } .side_title { height:46px; } .side_bottom { height:8px; } .side_center { font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px; } .close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0; } .close_btn span { display:none; } .side_center .custom_service p { text-align:center; padding:6px 0 15px 0; margin:0; vertical-align:middle; } .other { text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:10px 0 15px 0; } .other p { _height:16px; margin:0; color: #666666; } .other p.p1 { line-height: 18px; padding:15px 0 0 0; } .other p.p2 { line-height:20px; color: #3671cf; font-weight: 700; font-size:14px; } .msgserver { text-align:center; margin-bottom:5px; margin-top:10px; } .msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -114px; padding-left:22px; padding:1px 0 1px 22px; } /* blue skin as the default skin */ .side_title, .side_blue .side_title { background-position:-195px 0; } .side_center, .side_blue .side_center { background:url(../images/blue_line.png) repeat-y center; } .side_bottom, .side_blue .side_bottom { background-position:-195px -50px; } .close_btn, .side_blue .close_btn { background-position:-44px 0; } .close_btn:hover, .side_blue .close_btn:hover { background-position:-66px 0; } .show_btn, .side_blue .show_btn { background-position:-119px 0; } .msgserver a, .side_blue .msgserver a { color:#06C; } /* green skin */ .side_green .side_title { background-position:-349px 0; } .side_green .side_center { background:url(../images/green_line.png) repeat-y center; } .side_green .side_bottom { background-position:-349px -50px; } .side_green .close_btn { background-position:-44px -23px; } .side_green .close_btn:hover { background-position:-66px -23px; } .side_green .show_btn { background-position:-147px 0; } .side_green .msgserver a { color:#76a20c; } .dianh { border-bottom: 1px solid #E62812; } .t05_con .tc .text { border:solid 1px #ccc; height:20px; line-height:20px; } .clr { float:right; color:#fff; font-weight:normal; font-size:12px; } dl.pd_t05_con_dl { width:245px; overflow:hidden; margin:10px auto 3px; } dl.pd_t05_con_dl dt img { width:233px; padding:1px; padding:4px; border:1px solid #f1f1f1; } dl.pd_t05_con_dl dd { width:245px; overflow:hidden; line-height:20px; padding-top:5px; text-align:center; color:#555; } dl.pd_t05_con_dl dt a:hover img { border-color:#E62812; } .p14-prodcontent-1 { background: #fff; padding: 32px 0 10px; margin-bottom: 22px; } .p14-prodcontent-1-tit { height: 40px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #d4d4d4; margin-bottom: 40px; } .p14-prodcontent-1-tit span { display: inline-block; height: 40px; color: #464646; border-bottom: 2px solid #ca2b2f; padding-left: 34px; background: url(../images/p14-icon11.png) no-repeat 2px center; } .p15-showcase { position: relative; padding: 12px 18px 16px 20px; margin-bottom: 15px; background: #fff; border: 1px solid #eee; } .p15-showcase-right-con { line-height:30px; font-size: 16px; max-height: 218px; margin-bottom: 36px; overflow: hidden; } .p15-showcase-left { position: relative; width: 50%; float: left; line-height: 0; overflow: hidden; border: 1px solid #e7e7e7; margin-right: 2.3%; } .p15-showcase-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .p15-showcase-left-pic { width: 100%; text-align: center; } .p15-showcase-left-pic li { float: left; } .p15-showcase-left-pic img { width: 100%; display: block; } .p15-showcase-right { width: 47%; float: left; } .p15-showcase-right-tit { height: 40px; font-size: 24px; line-height: 40px; color: #454545; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px dashed #ccc; } .pc-cx-tel-1 { width: 46%; height: 56px; border-top: 2px solid #e6e6e6; padding-top: 10px; position: absolute; bottom: 16px; right: 2%; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #ca2b2f; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 70px; background: url(../images/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; } .pc-cx-tel-1-t2 p { line-height: 24px; } .tl img{ max-width: 100%;}