.site-content-wrap{
display: block;
}
.ui-widgetsaech {
padding: 2.5em 0 0 0;
display: table;
width: 100%;
}
.mot-sac {
float: right;
}
.lisarch {
float: left;
margin-left: 35px;
}
.xljksf {
height: 35px;
width: 140px;
border: 1px solid #ff7e04;
float: left;
}
.tojscx .tkjies {
height: 35px;
border: 1px solid #ff7e04;
width: 150px;
padding-left: 5px;
padding-right: 5px;
float: left;
margin-left: -1px;
}
.tojscx .subleftMain{
height: 35px;
border: 1px solid #ff7e04;
background: #ff7e04;
width: 65px;
color: #FFFFFF;
transition-duration: .2s;
transition-timing-function: linear;
float: left;
margin-left: -1px;
}
.tojscx .subleftMain:hover{
background: #ffa958;
}
.tojscx .sgtileft {
float: left;
}
.tojscx .texlos{
width: 88px;
height: 35px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #ff7e04;
}
.sgtileft span{
margin-left: 5px;
}
#plp-bread-crumb {
float: left;
line-height: 20px;
padding: 8px 1%;
width: 100%;
}
.ui-widget-header a {
color: #343434;
}
.plp-page-spacer12 {
float: left;
width: 100%;
margin: 4px 0;
}
.plp-page-divider {
float: left;
width: 100%;
background: none;
border-width: 0 0 1px 0;
border-top: none !important;
border-right: none !important;
border-left: none !important;
border: 1px solid #094779;
}
.ulpro {
margin-top: 35px;
display: table;
width: 100%;
float: left;
margin-bottom: 35px;
}
.plp-thumb {
display: table-cell;
font-weight: bold;
text-align: center;
width: 20%;
position: relative;
padding: 3px;
width: 25%;
float: left;
height: 271px;
}
.plp-thumb h2 {
display: block;
height: 65px;
background: #d27a3b;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#plp-thumbs .plp-thumb h2 a {
display: inline-block;
padding: 15px 15px 15px;
}
#plp-thumbs a {
color: #FFFFFF !important;
text-decoration: none !important;
font-size: 20px;
line-height: 35px;
}
.ui-widget-content {
background: #ffffff;
color: #000000;
}
.lkoz {
border: 1px solid #aaaaaa;
display: table-cell;
vertical-align: middle;
height: 200px;
width: 400px;
}
.liopu img{
max-width: 100%;
height: auto;
max-height:200px;
-webkit-transition: opacity 1s,-webkit-transform 1s;
transition: opacity 1s,-webkit-transform 1s;
transition: opacity 1s,transform 1s;
transition: opacity 1s,transform 1s,-webkit-transform 1s;
}
.liopu img:hover {
-webkit-transform: scale3d(1.3,1.3,1);
transform: scale3d(1.3,1.3,1);
}
.inner-r {
margin-left: -15px;
}
.polkmypot {
margin-top: 35px;
}
.jq-zoom {
width: 231px;
height: 231px;
float: left;
position: relative;
}
.menuheaderxs h3{
margin: 0;
}
.sidemenu li {
position: relative;
}
.sidemenu li span {
position: absolute;
right: 0px;
top: 10px;
cursor: pointer;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}
.icon-plus-square {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-plus-square {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-plus-square:before {
content: "\f054";
}
.sidemenu .ul0 ul {
padding-left: 10px;
display: none;
}
.sidemenu li {
position: relative;
}
.icon-minus-square:before {
content: "\f078";
}
.sidemenu li span {
position: absolute;
right: 0px;
top: 10px;
cursor: pointer;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
}
.icon-minus-square {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menuheaderxs {
margin-bottom: 25px;
}
.pro-info-con {
float: right;
width: calc(100% - 250px);
}
.jqzoom img {
max-width: 99% !important;
}
.pro-info-con h1 {
font-size: 24px;
color: #141414;
padding-bottom: 20px;
}
.pro-info-con .btns {
margin-top: 30px;
}
.pro-info-con .sendInquiry {
font-size: 16px;
display: flex;
display: -webkit-flex;
height: 45px;
justify-content: center;
align-items: center;
color: #FFFFFF;
text-align: center;
background: #ff7e04;
border-radius: 3px;
width: 150px;
margin-right: 1%;
float: left;
margin-bottom: 20px;
text-transform: uppercase;
}
.pro-info-con .btns>div {
float: left;
}
.pdown1 a{
font-size: 16px;
display: flex;
display: -webkit-flex;
height: 45px;
justify-content: center;
align-items: center;
color: #424242;
text-align: center;
background: #ffffff;
border-radius: 3px;
width: 150px;
border: 1px solid #424242;
margin-right: 5%;
float: left;
margin-bottom: 20px;
text-transform: uppercase;
}
.pro-btn>span {
display: block;
width: 26px;
height: 30px;
position: absolute;
top: 95px;
left: 0;
z-index: 11;
cursor: pointer;
}
.pro-btn .next {
right: 0;
left: auto;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.pro-btn>span {
display: block;
width: 26px;
height: 30px;
position: absolute;
top: 95px;
left: 0;
z-index: 11;
cursor: pointer;
}
.pro-detaile {
width: 100%;
margin-top: 20px;
}
.pro-name {
border-bottom: 1px solid #424242;
margin-bottom: 20px;
}
.pro-name h3 {
display: table;
margin: 0;
background: #424242;
padding: 10px;
color: #FFFFFF;
font-size: 16px;
}
.searchbutton {
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
.searchbutton ul.abcomit li {
float: left;
margin-right: 20px;
}
.searchbutton ul.abcomit li a {
background: #424242;
width: 160px;
padding: 10px 10px;
text-align: center;
color: #FFFFFF;
display: table;
}
.listslsj {
float: left;
width: 100%;
margin-bottom: 20px;
position: relative;
margin-top: 35px;
}
.alefts {
position: absolute;
top: 100px;
left: -35px;
background: #ff7e04;
padding: 3px 10px;
color: #FFFFFF;
font-size: 20px;
cursor: pointer;
}
.arights {
position: absolute;
top: 100px;
right: -35px;
background: #ff7e04;
padding: 3px 10px;
color: #FFFFFF;
font-size: 20px;
cursor: pointer;
}
#sjtable th {
text-align: center;
color: #333333;
background: #cacaca;
}
.table-qit .table th {
vertical-align: middle;
padding: 8px;
}
#sjtable td {
white-space: nowrap;
text-align: center;
}
.ditpro {
width: 100%;
margin-top: 20px;
margin-bottom: 35px;
display: inline-flex;
}
.imgpro {
width: 100%;
text-align: center;
}
.imgpro img {
margin-bottom: 20px;
width: 290px;
}
.pro-detaile img {
max-width: 100%;
}
.ditpro .lix:nth-child(odd) {
background: #e2e2e2;
}
.ditpro .lix {
width: 455px;
height: 30px;
line-height: 30px;
}
.lix span {
float: left;
width: 50%;
padding-left: 10px;
height: 30px;
overflow: hidden;
}
.ditpro .lix {
width: 455px;
height: 30px;
line-height: 30px;
}
/************åˆ†é¡µæ ·å¼******************/
.pagerBox {
font-size: 12px;
height: 55px;
text-align: center;
margin-top: 20px;
}
.pagelist {padding:10px 0; text-align: left;}
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
.pagelist a{ margin:0 3px;}
.pagelist span.current{
background: #ff7e04;
color: #FFF;
border-color: #E3E5E6;
margin: 0 2px;
}
.pagelist a:hover{background:#ff7e04; color:#FFF; border-color:#E3E5E6; }
.pagelist label{ padding-left:15px; color:#999;}
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}
/******************************/
.contp {
margin-right: auto;
margin-left: auto;
position: relative;
}
.y_rtss {
border-bottom: 1px dotted #CCCCCC;
margin: 20px auto 0;
overflow: hidden;
padding-bottom: 20px;
}
.y_rtca {
background-color: #F3F3F3;
float: left;
min-height: 203px;
margin-right: 12px;
margin-top: 10px;
width: 213px;
}
.y_rtssr1 {
float: left;
margin-left: 20px;
margin-top: 10px;
width: 575px;
}
.y_rtca img {
background-color: #FFFFFF;
margin-left: 6px;
margin-top: 5px;
max-width: 199px;
}
.y_rtca p {
margin-top: 25px;
text-align: center;
}
.more {
border: 1px solid #ff7e04;
display: block;
float: right;
height: 26px;
line-height: 26px;
margin-top: 15px;
text-align: center;
width: 80px;
}
.more a {
color: #ff7e04;
}
.y_rtssr1 ul {
float: left;
width: 100%;
height: 150px;
}
.y_rtssr1 li {
display: inline-block;
height: 30px;
line-height: 30px;
width: 150px;
}
.serlist {
float: left;
width: 100%;
margin-bottom: 20px;
}
.serlist li {
display: table;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f7f7f7;
padding: 5px;
}
.serleft {
float: left;
width: 80%;
}
.serright {
float: right;
}
.minhight {
width: 100%;
}
.headline h1 {
color: #00457c;
margin: 0 0 -2px 0;
padding-bottom: 5px;
display: inline-block;
/* border-bottom: 3px solid #919195 !important; */
font-size: 26px;
padding-bottom: 35px;
padding-top: 35px;
}
.titbix {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
font-style: italic;
}
.kxoux {
margin-bottom: 35px;
}
.tablebg1 {
background-color: rgba(0, 0, 0, 0);
border-color: #B2B2B2;
border-style: solid;
border-width: 1px;
padding-left: 5px;
}
#spanAdvancedSearchForm .text1 select {
width: 425px;
height: 82px;
line-height: 30px;
padding: 5px 0 5px 5px;
}
.tablebg2 {
background-color: rgba(0, 0, 0, 0);
border-color: #B2B2B2;
border-style: solid;
border-width: 1px;
text-align: left;
padding-left: 5px;
}
.btnsb {
background: none repeat scroll 0 0 #8F8F8F;
border: 1px solid #8F8F8F;
color: #FFFFFF;
line-height: 18px;
text-align: center;
font-size: 13px;
margin-right: 10px;
padding: 5px;
margin-top: 20px;
}
.lo2 ,.lo3 {
display: none;
}
#spanViewList {
max-width: 100%;
overflow-x: scroll;
}
/**********************/
.ui-widgetsaech {
padding: 2em 0 1em 0;
display: table;
width: 100%;
}
.plp-thumb {
width: 33.333%;
}
.leftollp h3 {
margin: 0;
/* width: 60px; */
height: 60px;
/* background: blue; */
display: table-cell;
vertical-align: middle;
line-height: initial;
font-size: 20px;
}
.inner-r {
margin-left: 0;
}
.ditpro .lix {
width: 425px;
height: 30px;
line-height: 30px;
}
#spanViewList {
max-width: 100%;
overflow-x: scroll;
}
.table-responsive {
float: left;
}
/***********************/
@media (max-width: 1380px) {
.leftollp h3 {
margin: 0;
line-height: 27px !important;
}
.lojk li {
width: 130px;
}
.xljksf {
width: 100px;
}
.tojscx .tkjies {
width: 145px;
}
.tojscx .texlos {
width: 80px;
}
}
@media (max-width: 786px) {
.ui-widgetsaech {
padding: 1em 0 0 0;
}
.lisarch {
margin-left: 0;
margin-top: 10px;
margin-bottom:10px;
}
.xljksf {
height: 35px;
width: 110px;
}
.tojscx .texlos {
width: 60px;
}
#plp-bread-crumb {
margin-top: 20px;
}
.plp-thumb {
width:50%;
}
.pro-info-con {
float: left;
width: 100%;
}
.jq-zoom {
width: 231px;
height: 300px;
float: left;
position: relative;
}
.ditpro .lix {
width: 100%;
}
.tojscx .tkjies{
width: 140px;
}
.ulpro {
margin-top: 35px;
display: inline-block;
}
}
@media screen and (min-width: 320px) and (max-width: 411px) {
#spanViewList {
max-width: 320px;
}
.dizse1 img {
max-width: 300px;
max-height:300px;
}
.navza li.active{
width: 85px;
}
.Right_bottomstt {
width: 275px;
}
.Ename {
width: 130px !important;
}
.EnameList {
width: 150px !important;
}
.Right_bottoms li {
width: 280px !important;
}
}
@media screen and (min-width: 411px) and (max-width: 480px) {
#spanViewList {
max-width: 365px;
}
}
@media screen and (min-width: 480px) and (max-width: 667px) {
#spanViewList {
max-width: 475px;
}
}
@media screen and (min-width: 667px) and (max-width: 736px) {
#spanViewList {
max-width: 665px;
}
}
@media screen and (min-width: 736px) and (max-width: 900px) {
#spanViewList {
max-width: 700px;
}
}
@media only screen and (min-width: 900px) and (max-width: 1100px) {
#spanViewList {
max-width: 745px;
}
}