.anchor_layer { width: 100%; border-bottom: 1px solid #ebebeb; height: 50px; line-height: 50px; } .anchor_layer .nav_wrap { overflow: hidden; height: 50px; behavior: ; } .anchor_layer .nav_wrap.navfix { position: fixed; left: 0; top: 0; width: 100%; min-width: 1220px; border-radius: 0; z-index: 9999; } .anchor_layer .nav_wrap .wrap_layer { width: 1200px; height: 50px; margin: 0 auto; } .anchor_layer .nav_wrap .wrap_tab { height: 50px; float: left; } .anchor_layer .nav_wrap a { height: 48px; display: block; line-height: 50px; text-align: center; font-size: 16px; color: #323232; /* behavior: ; */ } .anchor_layer .nav_wrap .active, .details_main .anchor_layer .nav_wrap a:hover { color: #1176d2; border-bottom: 2px solid #1176d2; /* behavior: ; */ } .cont { width: 1200px; margin: 0 auto; background: #ccc; border-bottom: #f00 5px solid; } .anchor_layer .nav_wrap { width: 1200px; height: 50px; margin: 0px auto 10px; padding-bottom: 50px; background: #fff; } .wrap_tab { margin-right: 65px; } .ytil { color: #1176d2; font-size: 28px; line-height: 146px; text-align: center; } .orl { overflow: hidden; /* display: flex; */ /* flex-wrap: wrap; */ align-items: center; padding-top: 10px !important; } .orl li { width: 390px; /* display: flex; */ /* align-items: center; */ font-size: 22px; color: #323232; margin-bottom: 50px; display: inline-block; } .orl li:before { content: url(/uploads/image/tmiimages/wenhao.png); margin: -5px 20px 0 0; line-height: 20px; } .orl li img { width: 21px; height: 21px; margin-right: 20px; position: relative; top: 3px; } .orl { padding-bottom: 100px; } .chanpin{ width: 100%; background-color: #d8d8d8; height: 500px; } .chanpin img{ width: 100%; height: 100%; } .chanpin_main{ /* display: flex; */ /* align-items: center; */ /* justify-content: space-between; */ /*margin-top:50px;*/ } .chanpin_box{ border-top: 5px solid #0571cf; width: 31%; box-sizing: border-box; padding: 10px; box-shadow: 2px 2px 2px 2px #f6f6f6; background-color: #fff; display: table-cell; /* height: 290px; */ } .chanpin_box:hover{ box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); } .chanpin_box h2{ border-bottom: 1px solid #ebebeb; padding-top: 15px; padding-bottom: 15px; } .chanpin_box div{ padding: 15px 10px 40px 10px; } /* */ .hexin{ width: 100%; box-sizing: border-box; /* background-color: #f6f7f9; */ /* display: flex; */ /* justify-content: space-between; */ /* padding: 50px 0px; */ } .hexin_box{ width: 19%; display: inline-block; /*margin-left: 100px;*/ } .hexin .hexin_box:nth-child(1){ margin-left: 0; } .hexin_box div{ width: 100px; height:100px; margin: 0 auto; } .hexin_box div img{ width: 100px; height: 100%; } .hexin_box p{ margin: auto; width: 80%; text-align: center; margin-top: 10px; } /* 例子one */ .slidebox { position: relative; padding-bottom: 50px; } .slidebox .hd { overflow: hidden; height: 0px; padding: 0 10px; } .slidebox .hd .next { position: absolute; top: 45%; right: -60px; display: block; float: left; cursor: pointer; } .slidebox .hd .prev { position: absolute; top: 45%; left: -60px; display: block; float: left; cursor: pointer; z-index: 99999; } .slidebox .hd .next { background-position: 0 -50px; z-index: 99999; } .slidebox .hd .prevstop { background-position: -60px 0; z-index: 99999; } .slidebox .hd .nextstop { background-position: -60px -50px; z-index: 99999; } .slidebox .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .slidebox .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; } .slidebox .hd ul li.on { background-position: 0 0; } .slidebox .hd .pagestate { background: #fff; color: #a2a2a2; position: absolute; left: -10px; height: 30px; line-height: 30px; top: 46% } .slidebox .bd { padding: 0px 0 40px 0px; margin: auto; width: 1125px; } .slidebox .bd ul { overflow: hidden; zoom: 1; } .slidebox .bd ul li { margin: 0; _display: inline; overflow: hidden; } .slidebox .bd ul li .pic { text-align: center; } .slidebox .bd ul li .pic img { display: block; padding: 2px; } .slidebox .bd ul li .title { line-height: 24px; } .slidebox .bd .piclist {} .slidebox .bd .piclist .li { width: 965px !important; } .slidebox .bd .piclist .left_li { float: left; width: 50% !important; height: 100%; margin-top: 60px; } .slidebox .bd .piclist .right_li { float: right; width: 45% !important; text-align: center; } .slidebox .bd .piclist .right_li img { width: 100%; /* height: 315px; */ } .slidebox .bd .piclist .left_li .left_li_con .left_li_se { margin-top: 25px; overflow: hidden; } .slidebox .bd .piclist .left_li .left_li_con .left_li_se .left_li_se_right { /* width: 100%; */ font-size: 18px; color: #666; } .slidebox .bd .piclist .left_li .left_li_con .left_li_se .left_li_se_right p { color: #686868; font-size: 14px; line-height: 28px; text-align: left; } .slidebox .bd .piclist .left_li .left_li_con .left_li_se .left_li_se_right button { color: #5668ff; background: no-repeat; border: 0; color: #fff; display: block; width: 212px; line-height: 48px; font-size: 18px; margin-top: 70px; outline: none; background-size: 100% 100%; display: none; } .slidebox .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .slidebox .hd ul li { float: left; width: 12px; height: 12px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url(/uploads/image/tmiimages/tuiyuan1.png) no-repeat; background-size: 100% 100%; margin-left: 7px; } .slidebox .hd ul li:nth-child(1){ margin-left: 0; } .slidebox .hd ul li.on { background-position: 0 0; background: url(/uploads/image/tmiimages/tuiyuan.png) no-repeat; background-size: 100% 100%; } .num { position: absolute; bottom: 0; left: 50%; margin-left: -5%; padding-bottom: 50px; } @media screen and (max-width:1200px){ .bd{ width: 95% !important; } .slidebox .hd .prev{ left: 0; } .slidebox .hd .next{ right: 0; } .orl{ width: 95%; margin: auto; } .chanpin{ width: 95%; margin: auto; } .chanpin_main{ width: 95%; margin: auto; margin-top: 50px; } .hexin{ width: 95%; margin: auto; } .chanpin_box div{ font-size: 18px; } .hexin_box p{ font-size: 18px; } .p_biao{ font-size: 18px; } .slidebox .bd .piclist .left_li .left_li_con .left_li_se .left_li_se_right p{ font-size: 18px; } .slidebox .bd .piclist .left_li .left_li_con .left_li_se .left_li_se_right button{ display: none; } }