@charset "utf-8";
body{text-align:center;}

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u, i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{ background:#f8f8f8; color:#333333; font-family:"微软雅黑","MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:81.25%; line-height:150%;}
a:link, a:visited{ color:#333333; text-decoration:none; text-align: center;}
a:hover{ color:#d12225; text-decoration:none;/*underline;*/ }
a:active{ color:#d12225; }
ol, ul{ list-style: none outside none;}

a.bai:link, a.bai:visited{ color:#333333; text-decoration:none; text-align: center;}
a.bai:hover{ color:#d12225; text-decoration:none;/*underline;*/ }
a.bai:active{ color:#d12225; }
a.cur:link, a.cur:visited,a.cur:hover,a.cur:active{ color:#d12225; text-decoration:none;}

a.sec:link, a.sec:visited{ color:#fff; text-decoration:none; text-align: center;}
a.sec:hover{ color:#d12225; text-decoration:none;/*underline;*/ }
a.sec:active{ color:#d12225; }

a.red:link, a.red:visited{ color:#ffffff; text-decoration:none; text-align: center;}
a.red:hover{ color:#ffe8e8; text-decoration:none;/*underline;*/ }
a.red:active{ color:#ffe8e8; }

a.item-more:link, a.item-more:visited{ color:#d12225; text-decoration:none; text-align: center; font-size: 1.151em;background-color: #fff}
a.item-more:hover,a.item-more:active{ color:#d12225; font-size: 1.153em;    background-color: #fff}

img{border: 0;object-fit: cover;object-position: 50% 50%;}

/*-----------公共基础类-----------------s*/
/*清除浮动*/
.clr{*zoom:1;}
.clr:before,.clr:after{
    content:"";
    display:table;
    line-height:0;
    visibility:hidden;
}
.clr:after{
    clear:both;
}
.dib{display: inline-block}

.ol10{left:10px;}
.or10{right:10px;}
.zoom80{zoom:0.8;}
.tl{text-align: left;}
.tr{text-align: right;}
.pl10{padding-left: 10px;}
.fl{float: left;}
.fr{float: right;}
.dn{display: none;}
.text-center,.tc{text-align: center;}
.pointer{cursor: pointer;}

.items {
    background: #fff;
    width: 100%;
}
.items2 {
    background: #151313;
    width: 100%;
    clear: both;
}
.items3 {
    background: #f2f2f2;
}

.item-box{
    width:1200px;
    background: #fff;
    margin: 10px auto;
    position: relative;
    clear: both;
}
.item-box2{
    width:1200px;
    background: #f8f8f8;
    margin: 10px auto;
    position: relative;

}
.item-box3{
    width:1200px;
    /*height: 50px;*/
    background: #fff;
    margin: 8px auto;
    /*padding: 10px 0;*/
    border: 1px solid #ddd;
    box-shadow:0 1px 3px 0 #ddd;
    display: block;
    clear: both;
    box-sizing: border-box;
}
.item-box4{
    width:1200px;
    background: #151313;
    margin: 0 auto;
    color: #fff;
    clear: both;
}
.item-box5{
    width:1200px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    clear: both;
}
.item-box-more{
    width:1200px;
    /*background: #fff;*/
    margin: 0 auto;
    padding: 10px 0 30px 0;
    clear: both;
}
.item-tab{
    height: 80px;
    line-height: 80px;
    align-self: center;
    margin: 0 auto;

}
.item-name{
    font-size: 2em;
    color: #000000;
    font-weight:bold;
    /*width: 150px;*/
    /*height: 50px;*/
    white-space: nowrap;
    align-self: center;
    padding: 0 20px;

}
.items-child,.items-child2,.items-child3{width: 1200px; min-width: 1200px; margin-left:auto; margin-right:auto;}
.items-blank{background: #f2f2f2;height: 30px;}
.items-blank2{background: #f2f2f2;height: 50px;}
.items-blank3{background: #fff;height: 30px;}


.item-tab div{display: inline-block;}
.item-ico{ width: 32px;/* height: 80px; align-self:center;*/ padding: 5px 0 0 0}
.item-ico img{ width: 32px; height: 16px; padding: 5px 0 0 0;}
.item-more{width: 23.076em; height: 2.692em; line-height: 2.692em; color: #d12225;border: 1px solid #d12225; margin: 0 auto;display: block;}
.item-subtitle{color: #999999;font-size: 1.23em; padding: 0 0 30px 0;}
.shadow{box-shadow:0px 5px 5px -3px #ddd;}

.bt{border-bottom:1px solid #ddd; margin-bottom:4px;box-shadow:0 2px 10px 0px #ccc;}

/*左上角小图标*/
.ico-lt{position: absolute; left: 0; top: 0; z-index: 9999;}
.ico-lt2{position: absolute; left: 10px; top: 0; z-index: 9999; zoom:0.8;}
/*右上角小图标*/
.ico-rt{position: absolute; right: 0; top: 0; z-index: 9999;}
.ico-rt2{position: absolute; right: 8px; top: 8px; z-index: 9999;}

.cover{object-fit: cover; object-position: 50% 50%;}

/**头部*/
/*头部s*/
.top-head{width:1200px;height: 90px;overflow: hidden; }
.top-head:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.top-head>div{display: inline-block;vertical-align: middle; }
.logo{width: 240px; text-align: left; }
.top-head-center{width: 720px;}
.head-user{width:230px;padding-bottom: 16px; text-align: right;}
.top-head-pic{padding-top: 10px; padding-left: 50px; cursor: pointer;}
.top-head-pic img,.header_search img{width: 28px;height: 28px;border-radius: 50%; margin-top: 10px;vertical-align:bottom;}

.search-nav div{margin: 5px 10px 5px 0;display: inline;}

.top{position: fixed;top:0;}

.top-search{width: 620px;}
.search-box{border: 1px solid #d12225; height: 33px;}

.ico-search{height: 33px;width: 50px;line-height: 33px;/*padding: 4px;*/ background-color: #d12225;text-align: center;}
.ipt-search{ height: 31px; width: 550px; border: none; margin:0 0 0 5px; }


.logo .logo-img{padding-top: 10px; width: 124px;height: 68px;}

.header{ width:1200px; height: 100px;background: white; position: relative;}

.user-menu{float: right; text-align: right;}
.header-plus{padding-top: 33px;float: right; text-align: left;}
.user-menu>div{float: left; width: 55px;}

#top-menu{z-index: 9999;}
.top-menu{width:1200px;height: 70px;overflow: hidden; background-color: #fff;}

.location{color: #666; margin: 10px 0 0 10px; font-size: 1.154em; width: 200px;display: inline-block; }
.header-menu{display: flex;justify-content:flex-start;align-items: center; font-size: 17px; font-weight: 500; width: 996px;display: inline-block;}

.header-menu>div{ text-align: center; height: 70px; line-height: 70px; padding-right: 20px; display: inline-block;zoom: 1; }
.header-menu-active>a{text-align: center;width: 40px;border-bottom: 2px solid #d12225;padding-bottom: 12px; font-weight: bold;}

.top-location{/*height: 50px; line-height: 50px; */width: 200px;display: inline-block;}
.top-location img{margin-bottom: -2px; }
.top-location span{padding-left:5px;}

.user-panel{width: 250px; position: absolute; top: 70px; right: 0; z-index: 999; background-color: #fff; color: #999; padding: 10px; display: none; border: 1px solid #f8f8f8;}
.user-panel ul li{height: 50px; line-height: 50px;border-bottom: 1px solid #eee;}
.user-panel ul li:last-child{border-bottom: none;}

.product-search{position: absolute; top: 40px; left: 20%; right: 20%; margin: 0 auto;z-index: 999; width: 612px; background-color: #fff;}
.product-search2{position: absolute; z-index: 99999; width: 212px; background-color: #fff; /*margin-left: 47px;*/ margin-top: 10px; font-size: 1em; }

.product-search>div{ height: 60px; line-height: 60px;}
.hot-search{padding: 0 10px; border: 1px solid #f8f8f8; color: #999;}
.hot-search li{height: 30px; line-height: 30px; text-align: left;}
.keyword-search{width: 520px; height: 35px; border: none; margin:0 20px; }
.keyword-search:active,.keyword-search:hover,.keyword-search:focus{border: none;}


.btn-login,.btn-reg{padding: 8px 15px; height: 25px;}
.btn-login{color:#999;background-color: #EDEDED; }
.btn-reg{color:#ffffff;background-color: #d12225;}
/*.header-plus{display: table-cell; vertical-align: middle; text-align: center; width: 350px; height: 35px;}*/
.header_search{width: 350px; height: 35px; display: block;}
.header-plus span{margin-left: 10px;}

.mb{margin-bottom:10px; }
.bgw{background-color: #ffffff;}
.bgg{background-color: #f8f8f8;}
.ell{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 148px;}


/**尾部*/
.partner{width:1200px;}
.partner .node{display: inline-block; float: left;}
.partner>div{width: 170px; height: 60px; overflow: hidden; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
.partner>div:not(last-child){margin: 20px 10px;}
.partner img{width: 170px; position: relative; top:-21px;}

.links-lib{width: 560px;display: inline-block;vertical-align: top;}
.web-nav{width: 390px; height:320px;display: inline-block;vertical-align: top;}
.items-about{width: 242px; height:250px;text-align: left;display: inline-block;vertical-align: top;}
.qr>div{display: inline-block;vertical-align: top;}
.links-lib>.flex-item>div{width: 140px; height: 25px; overflow: hidden; text-align: left; vertical-align: middle; }
.links-lib .title,.web-nav .title{color: #fff; font-size: 1.538em; font-weight: 500; padding: 15px 0; text-align: left;}
.link-item{display: inline-block;}
.web-nav .title{padding-left: 83px;}
.web-nav>.flex-item>div{width: 220px; height: 25px; overflow: hidden; text-align: center; vertical-align: middle; }

.hot-line{color: #ffffff;font-size: 1.385em; font-weight: 500; padding: 15px 0;}
.work-time{padding: 15px 0; height: 80px;display: block;}

.footer{height: 50px; line-height: 50px; text-align: center; }
.footer-content{ text-align: center; margin: 0 auto; position: relative; left: 0; right: 0;}

/**分页*/
.page{ text-align: center; display: inline-block; margin: 20px auto; background-color: #fff; }
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 15px 0;
    border-radius: 8px;
}
.pagination>li {
    margin-right: 3px!important;
    display: inline;
    margin-left: 5px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    /*float: left;*/
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #d12225;
    border-color: #d12225;
}
/**分页e*/

/**城市选择s*/
#in_city { background: #ddd; position: absolute; z-index: 999;border: solid 1px #d7d7d7; background: #fff;padding-bottom: 6px; }
.screen { overflow: hidden; }
.screen a { float: left; color: #129ace; padding: 1px 12.6px; text-align: center; border-bottom: solid 1px #c92436; }
.screen a:hover { color: #c92436; }
.screen .shar { color: #404040; border: solid 1px #c92436; border-bottom: none; }
.city_pos{line-height: 30px;}
.city_a_le1 { padding: 10px; overflow: hidden; }
.city_a_le1 a { float: left; width: 20%; margin: 8px 0; }
.Letter span { width: 12%; float: left; text-align: center; padding: 2px 0; }
.Letter div { width: 88%; float: left; }
.city_a_le1 a:hover { color: #c92436; }
.Letter div a { width: 25%; }
#in_city h1 {color: #ababab; text-indent: 3%; }
/**城市选择e*/

/*导航*/
.items-nav{margin: 20px auto; text-align: left; width: 1200px; overflow: hidden; font-size: 1.132em;}