header { height: 60px; line-height: 60px;}
.xbindex {}
.xbtop {}
.xbtop-l { width: 300px;}
.xbtop-r span a { margin-left: 45px; display: inline-block;}
.xbnav { display: flex;justify-content: center;align-items: center; margin: 30px auto 0px  auto }
.xblogo { width: 25%;margin: 0px auto;}
.xbso { width: 50%; }
.xbfabu { width: 25%; margin: 0px auto;font-size: 16px;}
.xbsoa {width: 554px;overflow: visible; height: 37px; margin: 0px auto;}
.xbsoabox { width:550px; height: 37px; overflow: visible; position: relative; /* z-index: 1211;background: #fff;border-radius: 27px;box-shadow: 0px 1px 4px 0px rgba(34, 34, 34, 0.2);transition: .4s; */border: 1px solid #2769DC;border-radius: 5px;}
.xbsoabox:hover { box-shadow: 0px 1px 4px 0px rgba(34, 34, 34, 0.4);transition: .4s;}
.xbsoabox-a { width: 90px; float: left;  font-size: 16px; line-height: 37px; text-align: center; text-indent: 10px; position: relative;}
.xbsoabox-a em { border-right: 1px solid #E8E8E8; height: 18px; width: 1px; position: absolute; right: 0px; top: 19px;}
.xbsoabox-b { width: 450px;line-height: 37px;float: left; }
.xbsoa-text { padding: 5px; border: none; text-indent: 10px; font-size: 14px; width: 350px; }
/* .xbsoa-text::-webkit-input-placeholder { /* WebKit browsers */color: #999;font-size: 14px;}
.xbsoa-text::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999;font-size: 14px;}
.xbsoa-text::-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999;font-size: 14px;} */
.xbsoabox-c { width: 80px; float: left; line-height: 37px;position: relative;}
.xbsoa-so { border: none; background: #2769DC ; position: absolute; top: 0px; width: 100px;  height: 37px; cursor: pointer; color: #FFFFFF; font-size: 16px;}
.xbfabu  { text-align: right; padding-top: 3px;}
.xbfabu a { padding:  8px 25px 7px 25px;color: #2769DC; border: 1px solid #2769DC; border-radius: 5px;}
.xbfabu a:hover { text-decoration:none;color: #FFFFFF; background: #2769DC; border-radius: 5px; alpha(opacity:90); opacity:0.9;}

.xbsolist { display: flex;justify-content: center;align-items: center;margin: 5px auto 0px  auto }
.xbsolist-b { width: 60%;}
.xbsotag {width: 554px;overflow: visible; height: 30px; margin: 0px auto; text-indent: 20px;}
.xbsotag a { margin-right: 15px; }
.xbsolist-a,.xbsolist-c { width: 20%;}
.xbnavlist { width: 1280px; overflow: hidden;}
.xbnavlist li { float: left; margin-right: 25px; font-weight: 600;}
.xbnavlist li.span_on{border-radius: 5px 5px 0 0; padding: 0px 15px; height: 36px; line-height: 36px;  font-size: 16px;background:#2769DC; color: #FFFFFF;} 
.xbnavlist li.span_on em { background: url('../img/xbhot.png') no-repeat; float: left; margin-top: 7px; display: inline-block; width: 20px; height: 20px; margin-right: 5px;}
.xbnavlist li a {border-radius: 5px 5px 0 0; display: block; padding: 0px 15px; height: 36px; line-height: 36px;  font-size: 16px; background: #FFFFFF; color: #666666; }
.xbnavlist li a:hover { text-decoration: none;color:#2769DC; }

.nav-line { border-bottom: 2px solid #2769DC;}

.xbproduct { width: 1280px;}
.xbproduct li { width: 222px; margin-right: 20px;  height: 334px; float: left;background: #fff; border-radius: 6px;overflow: hidden;box-shadow: 0 1px 10px 0 rgba(144,144,144,0.2); margin-bottom: 20px; position: relative;}
.xbproduct li:hover{border-radius: 6px; box-shadow: 0px 0px 4px 0px rgba(133, 128, 128, 0.9);}
.xbproduct li .xbtj { position: absolute;top: 0px; left: 10px; background: url('../img/xbtj.png') no-repeat; width: 32px; height: 32px;}
.xbproduct .xbproduct-title { line-height: 20px; height: 40px; overflow: hidden; font-size: 14px; padding: 0px 20px;}
.xbproduct .xbproduct-price { padding: 0px 20px;}
.xbproduct .xbproduct-company { padding: 0px 20px;}
.xbproduct li:hover img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.xbproduct-com { padding: 20px 20px 0px 20px;}
.xbproduct-com-t { max-height: 40px; overflow: hidden; }
.xbproduct-com-t img { width: 32px; height: 32px; border-radius: 35px; margin-top: 3px; float: left; margin-right: 5px;}
.xbproduct-com-t h2 { font-size: 16px;}
.xbproduct-com-mode span { margin-right: 10px; border-radius: 25px; padding: 0px 15px;border: 1px solid #2769DC; color: #2769DC; line-height: 18px;}
.xbproduct-com-list  { width: 280px;}
.xbproduct-com-list dd { float: left; border: 1px solid #f7f2e3; padding: 2px; margin-right: 10px;}
.xbproduct li .xbqy { position: absolute;top: 0px; right: 30px; background: url('../img/xbqy.png') no-repeat; width: 32px; height: 32px;}

.xbfoot-list a { padding: 0px 5px;}
/*flbox*/
.flbox { overflow: hidden;}
.flbox-a { width: 285px;height: 1460px;}
.flbox-b { width: 285px;height: 1460px;}
.flbox-c { width: 285px;height: 1460px;}
.flbox-d { width: 285px;height: 1460px;}
.flbox-fff { height: 100px; background:#FFFFFF;}
.flbox-list { padding: 20px; overflow: hidden;}
.flbox-t {border-bottom: 1px solid #EFEFEF; padding-bottom: 10px;}
.flbox-cat li { width: 33.3333%; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 15px; float: left;}
.flbox-cat li a ,.flbox-cat50 li a{color: #333333;}
.flbox-cat li a:hover,.flbox-cat50 li a:hover {color: #2769DC;}
.flbox-cat50 li { width: 50%; font-size: 14px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 15px; float: left;}
.flbox-t i { display: inline-block; width: 24px; height: 24px; display: none; float: left; margin-right: 10px;}
.ico-fangchan { background: url('../img/fangchan.png') no-repeat;}
.ico-qiche { background: url('../img/qiche.png') no-repeat;}
.ico-qicheyongpin { background: url('../img/qicheyongpin.png') no-repeat;}
.ico-qixiu { background: url('../img/qixiu.png') no-repeat;}
.ico-ershou { background: url('../img/ershou.png') no-repeat;}
.ico-weixiu { background: url('../img/weixiu.png') no-repeat;}
.ico-jiancai { background: url('../img/jiancai.png') no-repeat;}
.ico-shenghuofuwu { background: url('../img/shenghuofuwu.png') no-repeat; background-size: 22px 22px;}
.ico-jixie { background: url('../img/jixie.png') no-repeat;}
.ico-shangwufuwu { background: url('../img/shangwufuwu.png') no-repeat;}
.ico-chuangye { background: url('../img/chuangye.png') no-repeat;}
.ico-chongwu { background: url('../img/chongwu.png') no-repeat;background-size: 22px 22px;}

.flxx {}
.flxx-list { padding: 20px; overflow: hidden;}
.flxx-t span { font-weight: bold; color: #2769DC; font-size: 14px; padding: 4px 0px; font-size: 16px;}
.flxx-list li { width: 30%; padding-right: 3.3333%; margin-bottom: 20px; float: left;}

.flxx-list li .li1 { height: 20px; line-height: 20px; overflow: hidden;font-size: 16px; }
.flxx-list li .li2 { height: 20px; line-height: 20px; overflow: hidden;font-size: 12px; }
.flxx-list li .li2 span {color:  #2769DC; }
.flxx-list li .li2 span a {color: #2769DC; }
.flxx-list li .li2 span a:hover { color: #FF0000;}
.xbinfotop { height: 285px; position: relative; padding: 0px 30px; overflow: hidden;}
.toptj { width: 64px; height: 64px; background: url('../img/toptj.png') no-repeat; position: absolute; left: 0px; top: 0px; }
.xbinfotop li { height: 18px; line-height: 18px; overflow: hidden; margin-top: 25px; width: 47%; padding-right: 3%; float: left; font-size: 15px;}
.xbinfotop li span { font-weight: bold; margin-right: 10px; color: #999999;}
.xbinfotop li span a {color: #999999;}
.xbinfotop li i { border: 1px solid #2769DC; background: #2769DC;  border-radius: 3px; color:#FFFFFF; height: 14px; width: 14px; font-size: 12px; display: inline-block; line-height: 14px; padding: 0px 3px; margin-left:5px;}
.xbinfotop li a:hover ,.xbinfotop li span a:hover { color: #2769DC; text-decoration: none;}


.xcom-list { height: 150px; overflow: hidden;}
.xcom-list li { float: left; width: 150px; text-align: center; height: 150px; position: relative;}
.xcom-list li img { border: 1px solid #EDEDED; margin-top: 15px; width: 120px; height: 120px; border-radius: 5px; }
.xcom-list li .xcom-hover { position: absolute;  margin: 0px 15px 0px 15px; width: 100px;  background: #000000; bottom: -125px;height: 100px; line-height: 20px; font-size: 16px; padding: 10px ; overflow: hidden;}
.xcom-list li:hover .xcom-hover{ bottom: 14px;-webkit-transition:bottom 0.2s linear;-o-transition:bottom 0.2s linear;transition:bottom 0.2s linear; right: 0px; left: 0px; color: #FFFFFF; text-align: center;alpha(opacity:70); opacity:0.7; }