@charset "utf-8"; /*========index.page 首页========*/ /****焦点图****/ .banner{ position:relative; min-width:1175px; height:910px; z-index:1700;} .banner .wrap{ width:auto;} .banner .flexslider {margin:auto; position: relative; width: 100%; height:910px; overflow: hidden;zoom: 1;} .banner .flexslider .slides li{ background:url(/uploads/image/simages/index-banner1.jpg) no-repeat center; position:relative; width: 100%; height: 100%;} .banner .flexslider .slides li a{ display:block; height:100%; width:100%;} .banner .flex-direction-nav a { width:90px; height:90px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background:url(/uploads/image/simages/ad_ctr.png) no-repeat; position: absolute; top: 50%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); border-radius: 35px; } .banner .flexslider .slides li img{ height:910px; width:100%;} .banner .banner-num{ bottom:0; height:36px; overflow:hidden; position:absolute; width:100%;} .banner .flex-control-nav {text-align:right; margin:auto; width:1175px;} .banner .flex-control-nav li { display:inline-block; overflow:hidden; height:13px; margin:0 5px; line-height:13px; text-indent:-999em; width:13px; zoom:1; *display:inline;} .banner .flex-control-paging li a {background:#a0a0a0; border-radius:100%; cursor:pointer; color:#fff; display:block; height:100%; text-align:center; opacity:.7; filter:alpha(opacity=70); width:100%;} .banner .flex-control-paging li a.flex-active, .banner .flex-control-paging li.active a{ background:#fff;} .banner .flex-direction-nav{ display:none;} /****产品分类****/ .index-category{ background:#6b6b6b; padding:20px 0;} .index-category .wrap{ justify-content:center; padding:20px 0; text-align:center;} .index-category .item{ display:inline-block; color:#fff; width:240px; zoom:1; *display:inline;} .index-category .item a{ color:#fff; display:block; font-size:18px;} .index-category .item .pic, .index-category .item .text{ display:block; text-align:center;} .index-category .item .pic{ background:url(/uploads/image/simages/category-icos1.png) no-repeat; height:85px; margin:auto; margin-bottom:5px; position:relative; width:83px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .index-category .item1 .pic{ background-position:0px 0px;} .index-category .item2 .pic{ background-position:-93px 0px;} .index-category .item3 .pic{ background-position:-189px 0px;} .index-category .item a:hover .pic{ transform:translatey(-10px);} .index-con .title{ color:#2a6e84; font-size:22px; font-family:"方正正准黑简体";} /****最新产品****/ .index-con .new-pro{ margin-bottom:40px;} .index-con .new-pro .title{ padding:30px 0;} .index-con .new-pro .list{ border:1px solid #d7d7d7; position:relative; overflow:hidden;} .index-con .new-pro ul{ position:relative; left:-1px; width:100%;} .index-con .new-pro li{ border-left:1px solid #d7d7d7; float:left; height:406px; overflow:hidden; width:25%;} .index-con .new-pro a, .index-con .new-pro .pic, .index-con .new-pro .text{ display:block;} .index-con .new-pro a{ color:#6b6b6b; font-size:14px;} .index-con .new-pro .pic{line-height: 290px; height:290px; margin:30px auto 20px; overflow-y:hidden; width:240px; *margin:15px auto 5px;} .index-con .new-pro img{ width:240px; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; transition: all .9s ease;} .index-con .new-pro a:hover img{ transform:scale(1.2);} .index-con .new-pro a:hover{ color:#2a6e84;} .index-con .new-pro .text{ overflow:hidden; margin:auto; text-overflow:ellipsis; white-space:nowrap; width:240px;} .index-con .new-pro .text p{overflow:hidden; margin:auto; text-overflow:ellipsis; white-space:nowrap;} .index-con .new-pro .text .t1{ font-weight:bold; margin-bottom:5px; *margin-bottom:0;} /****展会活动,服务网点公用****/ .index-con .activity, .index-con .service{ margin-bottom:40px; width:100%;} .index-con .activity .title, .index-con .service .title{ padding:15px 0;} .index-con .activity .info, .index-con .service .info{ border:1px solid #d7d7d7; position:relative; height:203px; width:100%;} .index-con .activity .pic, .index-con .service .pic{ overflow:hidden; height:202px; position:absolute; top:0px; left:-1px; width:256px;} .index-con .activity .pic img, .index-con .service .pic img{ height:202px; width:254px;} .index-con .activity .text, .index-con .service .text{ margin:25px 0 0 275px; width:260px;} .index-con .activity .text .t1, .index-con .service .text .t1{ height:120px; overflow:hidden; margin-bottom:10px; font-size:14px; line-height:28px;} .index-con .activity .go, .index-con .service .go{ bottom:24px; color:#6b6b6b; display:block; position:absolute; left:275px; font-size:14px; padding-left:28px; line-height:22px; height:22px;} .index-con .activity .go .ico, .index-con .service .go .ico{ background:url(/uploads/image/simages/icos.png) no-repeat; display:block; height:22px; position:absolute; top:0; left:0; width:22px;} .index-con .activity .go:hover, .index-con .service .go:hover{ transform:translatex(10px);} .index-con .activity .more, .index-con .service .more{ color:#2a6e84; display:block; font-size:14px; padding:20px 0 0;} .index-con .activity .more:hover, .index-con .service .more:hover{ color:#333;} /****服务网点****/ .index-con .service .text{ margin-top:15px;} .index-con .service .t1 p{ border-bottom:1px solid #d7d7d7; position:relative; padding:5px 0;} .index-con .service .t1 .ico{ background:url(/uploads/image/simages/icos.png) no-repeat; display:block; position:absolute; top:5px; left:0; height:30px; width:30px;} .index-con .service .t1 .ico-tel{ background-position:0px -26px;} .index-con .service .t1 .ico-fax{ background-position:0px -64px;} .index-con .service .t1 .ico-email{ background-position:0px -102px;} .index-con .service .t1 span{ margin-left:40px; font-size:14px;} .carousel-control.left, .carousel-control.right { background-image: none; filter: none; opacity:1; color:#fff; } .carousel-control .product-left{ left:15px;} .carousel-control .product-right{ right:15px;} @media (max-width:1199px){ .index-con .new-pro li{ width:50%;} .index-con .activity,.index-con .service,.index-con .activity .info, .index-con .service .info{ width:100%;} } @media (max-width:767px){ .index-con .new-pro .list{ border:none;} .index-con .new-pro li{ width:48%; margin:0 1%; border:1px solid #d7d7d7; height:auto; padding:10px 5px;} .index-con .new-pro .list{border-right:none;border-bottom:none;} .index-category .item{ width:100%;} .index-con .new-pro{ padding:0 15px;} .index-con .new-pro .pic,.index-con .new-pro img{ width:100%; height:auto;} } @media (max-width:639px){ .index-con .activity .text .t1, .index-con .service .text .t1{ height:auto;} .index-con .service .info{ height:auto; width:100%; margin:0 auto; padding-bottom:25px;} .index-con .activity .info{ height:auto; width:100%; margin:0 auto; padding-bottom:25px;} .index-con .activity .pic, .index-con .service .pic{ position:static; width:100%; height:auto;} .index-con .activity .pic img, .index-con .service .pic img{ width:100%; height:auto;} .index-con .service .text,.index-con .activity .text, .index-con .service .text{ width:100%; margin:0; padding:10px;} .index-con .activity .go, .index-con .service .go{ left:10px; bottom:8px;} }