body { font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif; color: #333; min-width: 1390px; background-color: #F2F2F2; }
.i-v { background-position: -106px 0; }

.i-s { background-position: -70px 0; }

.i-g { background-position: -36px -1px; }

.i-p { background-position: 4px -31px; }

.i-u { background-position: 0px -2px; }

.i-y { background-position: -34px -31px; }
a:hover, a:active { color: #ff621b; }

.lay { background-color: #fff; }

.lay-gray { background-color: #f2f2f2; }

.lay-gray2 { background-color: #f7f7f7; }

.lay-border { border-top: 1px solid #ddd; }

.container { width: 1390px; margin: 0 auto; position: relative; zoom: 1; }
.container::after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }

.top { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); margin-bottom: 20px; background-color: #fff; }

.m-header-1 { height: 45px; line-height: 45px; border-bottom: 1px solid #f5f5f5; padding: 0 10px; overflow: hidden; }
.m-header-1 .title { color: #005eae; font-weight: 700; }
.m-header-1 a { float: right; font-size: 12px; color: #ff5e26; }

.m-header-2 { height: 26px; line-height: 26px; margin: 13px 0; overflow: hidden; }
.m-header-2 .title { float: left; border-left: 6px solid #ff5408; color: #1c1c1c; font-size: 16px; padding-left: 12px; }
.m-header-2 a { display: inline-block; float: right; font-size: 12px; color: #ff4e00; margin-right: 18px; padding-right: 13px; background: url(../NewIndex/images/more_arrow_right.png) no-repeat right center; }

.m-header-3 { height: 33px; line-height: 33px; background: #eee url(../NewIndex/images/more_bg.png) no-repeat right center; overflow: hidden; }
.m-header-3 .title { float: left; border-left: 12px solid #005eae; color: #005eae; font-size: 14px; padding-left: 10px; }
.m-header-3 a { float: right; font-size: 12px; color: #fff; margin-right: 15px; }

.header-wrap { padding: 19px 0; }
.header-wrap .logo-wrap { float: left; margin-top: 15px; }
.header-wrap .logo-wrap a { display: inline-block; width: 390px; height: 51px; background: url(../NewIndex/images/logo.png) no-repeat center center; margin-top: 5px; }
.header-wrap .search-wrap { float: left; margin-left: 180px; margin-top: 15px; }
.header-wrap .search-wrap .srh-case a { font-size: 12px; color: #4a4a4a; display: inline-block; padding: 4px 8px; }
.header-wrap .search-wrap .srh-case a.active { color: #fff; background-color: #ff6700; }
.header-wrap .search-wrap .srh-case a:hover { color: #ff6700; }
.header-wrap .search-wrap .srh-case a:hover.active { color: #fff; }
.header-wrap .search-wrap .srh-bar .srh-input { float: left; }
.header-wrap .search-wrap .srh-bar .srh-input input { width: 380px; height: 36px; border: 2px solid #ff6700; padding: 0 10px 0 30px; background: url(../NewIndex/images/search.jpg) no-repeat 10px center; }
.header-wrap .search-wrap .srh-bar .srh-btn { width: 70px; height: 36px; background-color: #ff6700; border: 0; color: #fff; font-size: 16px; cursor: pointer; }
.header-wrap .top-contact { float: right; }
.header-wrap .top-contact img { margin-bottom: 8px; }
.header-wrap .top-contact ul { background: url(../NewIndex/images/icon_top_contact.png) no-repeat 5px center; padding-left: 25px; }
.header-wrap .top-contact ul li { font-size: 12px; line-height: 180%; }
.header-wrap .top-contact ul li span { color: #005eae; }
.header-wrap .top-contact ul li span:not(:last-child) { margin-right: 15px; }

.nav-wrap { background: url(../NewIndex/images/nav_bg.png) no-repeat center top; }
.nav-wrap .navbar .home-nav { width: 240px; line-height: 39px; float: left; }
.nav-wrap .navbar .home-nav a { color: #fff; }
.nav-wrap .navbar .home-nav a.home { padding-left: 24px; background: url(../NewIndex/images/icon_home.png) no-repeat left center; float: left; }
.nav-wrap .navbar .home-nav .home-link { color: #fff; float: right; font-size: 12px; margin-right: 15px; }
.nav-wrap .navbar .home-nav .home-link span { margin: 0 5px; color: #60b4fc; }
.nav-wrap .navbar ul { width: 1150px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 60px; }
.nav-wrap .navbar ul li { float: left; color: #1c1c1c; height: 39px; line-height: 37px; border-bottom: 2px solid transparent; min-width: 100px; }
.nav-wrap .navbar ul li a { display: block; padding: 0 25px; color: #fff; }
.nav-wrap .navbar ul li:hover { border-bottom-color: #125ea4; }
.nav-wrap .navbar ul li:hover a { font-weight: 700; }
.nav-wrap .navbar ul li:nth-child(5) { width: 160px; text-align: center; }

.bottom-nav { width: 100%; background-color: #444; }
.bottom-nav .nav-bot { padding: 50px 0; position: relative; }
.bottom-nav .nav-bot dl { float: left; padding-left: 45px; }
.bottom-nav .nav-bot dl:first-child { padding-left: 15px; }
.bottom-nav .nav-bot dl dt { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 15px; }
.bottom-nav .nav-bot dl dd li { padding: 5px 0; }
.bottom-nav .nav-bot dl dd li a { font-size: 12px; color: #8d8d8d; }
.bottom-nav .nav-bot dl dd li a:hover { color: #f75730; }
.bottom-nav .nav-bot .contact { float: left; margin-left: 300px; }
.bottom-nav .nav-bot .contact .title { color: #fff; margin-bottom: 15px; }
.bottom-nav .nav-bot .contact ul { padding-left: 25px; background: url(../NewIndex/images/icon_bottom_contact.png) no-repeat; }
.bottom-nav .nav-bot .contact ul li { font-size: 13px; color: #fff; margin-bottom: 12px; }
.bottom-nav .nav-bot .code { float: right; margin-right: 86px; }
.bottom-nav .nav-bot .code .item { padding: 8px; background-color: #fff; border-radius: 10px; }

.home-bottom { width: 100%; background-color: #333; text-align: center; }
.home-bottom .container { padding: 30px 0 15px; }
.home-bottom .container:last-child { padding-top: 0; }
.home-bottom .txt2 { font-size: 12px; color: #999; }
.home-bottom .txt2 a { color: #cfcfcf; margin: 0 10px; }
.home-bottom .txt2 a:hover { color: #ff6100; }
.home-bottom .txt2 a { display: inline-block; }
.home-bottom .txt3 { color: #999; font-size: 12px; margin-top: 10px; }
.home-bottom .link { margin: 0 5px; }

.pagination_1 { font-size: 14px; text-align: center; margin-top: 40px; }
.pagination_1 .page-bottom { display: inline-block; zoom: 1; vertical-align: middle; }
.pagination_1 .page-bottom a, .pagination_1 .page-bottom > span { float: left; height: 38px; line-height: 38px; width: 38px; border: 1px solid #ccc; text-align: center; vertical-align: middle; white-space: nowrap; color: #666; margin-left: 10px; background-color: #fafafa; background-image: url(../NewIndex/images/pagination.png); background-repeat: repeat-x; background-position: 0 -40px; }
.pagination_1 .page-bottom a:hover { background: #f3f3f3; background-position: 0 -80px; }
.pagination_1 .page-bottom .page-prev, .pagination_1 .page-bottom .page-next { width: 72px; margin-right: 10px; }
.pagination_1 .page-bottom .page-cur { background-position: 0 -160px; color: #a50; border: 1px solid #f7bf4f; background-color: #fdeaa6; font-weight: bold; }
.pagination_1 .page-bottom .dot { border: 0; background: none; width: auto; }

.flip ul li { line-height: 200%; font-size: 14px; color: #353535; }
.flip ul li a { color: #3a599d; }
.flip ul li a:hover { color: #ff621b; }

.inMain { margin-bottom: 50px; }

.left-menu { width: 250px; float: left; margin-right: 20px; background-color: #fff; }
.left-menu .menu-header { height: 42px; line-height: 42px; background-color: #005eae; text-align: center; font-size: 16px; color: #fff; }
.left-menu ul { border: 1px solid #e0e0e0; border-top: 0; padding: 15px 20px; }
.left-menu ul li { margin: 2px 0; }
.left-menu ul li a { display: block; padding: 8px; font-size: 14px; color: #2c2c2c; }
.left-menu ul li a span { font-family: monaco, monospace; font-weight: 700; margin-right: 10px; color: #cccccc; }
.left-menu ul li:hover a, .left-menu ul li.active a { background-color: #f75730; color: #fff; }
.left-menu ul li:hover a span, .left-menu ul li.active a span { color: #fff; }

.main-layer1 { width: 795px; float: left; margin-right: 25px; }
.main-layer1 .main-header .title { float: left; width: 176px; height: 41px; line-height: 41px; text-align: center; font-size: 14px; color: #fff; background-color: #f75730; }
.main-layer1 .main-header .site { line-height: 41px; font-size: 12px; float: right; }
.main-layer1 .main-header .site a { color: #5b5b5b; }
.main-layer1 .main-header .site a:hover { color: #ff621b; }
.main-layer1 .main-header .site span { color: #959595; margin: 0 15px; }
.main-layer1 .cont_body { border: 1px solid #e0e0e0; background-color: #fff; padding: 35px; }

.right-adv { width: 300px; float: left; margin-top: 42px; }

.right-adv2 { width: 300px; float: left; margin-top: 45px; }

.main-layer2 { width: 1064px; float: left; margin-right: 25px; }
.main-layer2 .main-header .site { line-height: 45px; font-size: 14px; float: left; }
.main-layer2 .main-header .site a { color: #5b5b5b; }
.main-layer2 .main-header .site a:hover { color: #ff621b; }
.main-layer2 .main-header .site span { color: #959595; margin: 0 15px; }
.main-layer2 .cont_body { border: 1px solid #e0e0e0; background-color: #fff; padding: 25px; }

.main-layer3 { width: 1053px; float: left; margin-right: 11px; }
.main-layer3 .main-header .site2 { line-height: 45px; font-size: 12px; float: left; }
.main-layer3 .main-header .site2 a { color: #323232; }
.main-layer3 .main-header .site2 a:hover { color: #ff621b; }
.main-layer3 .main-header .site2 span { color: #9c9c9c; margin: 0 7px; }
.main-layer3 .cont_body { border: 1px solid #e0e0e0; background-color: #fff; padding: 30px 45px; }
.main-layer3 .cont_body2 { border: 1px solid #e0e0e0; background-color: #fff; padding: 30px 35px; }

.right-sd { width: 325px; float: left; margin-top: 45px; }

.m-header-4 { height: 49px; line-height: 49px; padding-left: 15px; background: url(../NewIndex/images/title_4_bg.jpg) no-repeat right top; }
.m-header-4 .title { font-size: 16px; color: #fff; }

.m-header { height: 39px; line-height: 37px; border: 1px solid #9cbfdc; background-color: #c9def0; padding: 0 15px; overflow: hidden; font-size: 15px; }
.m-header .title { float: left; padding-left: 20px; background: url(../NewIndex/images/m_arrow_right.png) no-repeat left center; color: #005eae; }
.m-header a { float: right; color: #11429d; }
.m-header a:hover { color: #ff621b; }
.m-header .count { float: right; color: #11429d; }
.m-header .count span { color: #ff621b; }

.news-list li { font-size: 14px; padding: 15px 20px 15px 10px; border-bottom: 1px solid #ebebeb; color: #5b5b5b; }
.news-list li a { display: inline-block; padding-left: 20px; background: url(../NewIndex/images/icon_li1.png) no-repeat left center; }
.news-list li .date { float: right; }

.news-view .header { margin: 30px 0; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.news-view .header .title { font-size: 18px; text-align: center; margin-bottom: 15px; }
.news-view .header .date { text-align: center; font-size: 14px; color: #9d9d9d; }
.news-view .view-cont { padding-bottom: 30px; border-bottom: 1px solid #ebebeb; margin-bottom: 20px; }
.news-view .view-cont p { font-size: 12px; color: #101010; line-height: 200%; }

.diy-show .diy1 dl { margin-bottom: 25px; }
.diy-show .diy1 dl:last-child { margin-bottom: 0; }
.diy-show .diy1 dl dt { font-size: 15px; color: #262626; margin-bottom: 5px; }
.diy-show .diy1 dl dd { padding-left: 8px; font-size: 12px; color: #262626; line-height: 200%; }

.msg-wrap .header { padding: 6px 0 15px; border-bottom: 1px solid #e7e7e7; color: #101010; font-size: 16px; }
.msg-wrap .pro-box { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e7e7e7; }
.msg-wrap .pro-box .img { border: 1px solid #dcdcdc; width: 118px; margin-right: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.msg-wrap .pro-box .intro .title { font-size: 18px; color: #005eae; margin-bottom: 10px; }
.msg-wrap .pro-box .intro .cp { color: #292929; font-size: 14px; }
.msg-wrap .pro-box .intro .cp span { color: #707070; }
.msg-wrap .cp-box { padding: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #e7e7e7; }
.msg-wrap .cp-box .img { border: 1px solid #dcdcdc; width: 118px; margin-right: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.msg-wrap .cp-box .intro .title { font-size: 14px; color: #323232; margin-bottom: 10px; }
.msg-wrap .cp-box .intro .title label { color: #005eae; }
.msg-wrap .cp-box .intro .title span { color: #707070; }
.msg-wrap .form-box { padding: 30px 25px; }
.msg-wrap .form-box input[type="text"], .msg-wrap .form-box textarea { border: 1px solid #cccccc; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.msg-wrap .form-box input[type="text"] { height: 45px; padding: 0 10px; }
.msg-wrap .form-box textarea { height: 120px; padding: 10px; resize: none; }
.msg-wrap .form-box .item { margin-bottom: 25px; zoom: 1; }
.msg-wrap .form-box .item::after { content: ""; display: block; height: 0; visibility: hidden; clear: both; }
.msg-wrap .form-box .item label { display: block; width: 75px; margin-right: 5px; color: #292929; text-align: right; float: left; }
.msg-wrap .form-box .item .input-block { float: left; width: 882px; }
.msg-wrap .form-box .item .input-block textarea { width: 100%; }
.msg-wrap .form-box .item:nth-child(2) label { line-height: 45px; }
.msg-wrap .form-box .item .input-inline input[type="text"] { width: 238px; display: inline-block; }
.msg-wrap .form-box .txt-inline { display: inline-block; line-height: 45px; margin-left: 15px; font-size: 14px; color: #666666; }
.msg-wrap .form-box .item.cont { margin-left: 80px; }
.msg-wrap .form-box .send-msg { display: block; width: 170px; height: 44px; line-height: 44px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background-color: #ff5a00; }
.msg-wrap .form-box .txt-tip { font-size: 14px; color: #525252; margin-top: 15px; }
.msg-wrap .form-box .txt-tip span { color: #ff5a00; }

.c-news-list .header { font-size: 20px; color: #0b75b1; padding-bottom: 30px; border-bottom: 1px solid #ebebeb; }
.c-news-list ul li { font-size: 14px; padding: 15px 20px 15px 10px; border-bottom: 1px solid #ebebeb; color: #5b5b5b; }
.c-news-list ul li a { display: inline-block; padding-left: 20px; background: url(../NewIndex/images/icon_li1.png) no-repeat left center; }
.c-news-list ul li .date { display: inline-block; margin-left: 20px; color: #8b8b8b;float:right; }

.news-classify { background-color: #fff; margin-bottom: 40px; }
.news-classify .list { padding: 24px 24px 9px; }
.news-classify .list a { display: inline-block; margin-right: 25px; margin-bottom: 15px; font-size: 14px; color: #0b75b1; }
.news-classify .list a:hover { color: #ff621b; }

.last-cp { background-color: #fff; }
.last-cp .box { border: 1px solid #e0e0e0; border-top: 0; padding: 15px 11px; }
.last-cp .img { margin-bottom: 20px; }
.last-cp ul { padding-left: 10px; }
.last-cp ul li { font-size: 12px; color: #333; margin-bottom: 10px; padding-left: 9px; position: relative; }
.last-cp ul li::before { content: ""; display: block; width: 3px; height: 3px; background-color: #ff5e26; position: absolute; left: 0; top: 7px; }
.last-cp ul li:last-child { margin-bottom: 0; }

/*20200728*/
.tab-wrap { margin-top: 10px; }
.tab-wrap .tab-main-box { border: 1px solid #e8e8e8; background-color: #f5f5f5; }
.tab-wrap .tab-main-box .three-tabs .tab-item { float: left; width: 193px; text-align: center; height: 38px; line-height: 38px; border-right: 1px solid #e8e8e8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.tab-wrap .tab-main-box .three-tabs .tab-item i { display: inline-block; width: 25px; height: 25px; background: url(../NewIndex/images/icon_tab.png) no-repeat 0 0; margin-right: 8px; }
.tab-wrap .tab-main-box .three-tabs .tab-item .tab1 { background-position: -39px 0; }
.tab-wrap .tab-main-box .three-tabs .tab-item .tab2 { background-position: -39px -32px; }
.tab-wrap .tab-main-box .three-tabs .tab-item .tab3 { background-position: -39px -63px; }
.tab-wrap .tab-main-box .three-tabs .tab-item:hover, .tab-wrap .tab-main-box .three-tabs .tab-item.cur { background-color: #ff7300; color: #fff; }
.tab-wrap .tab-main-box .three-tabs .tab-item:hover .tab1, .tab-wrap .tab-main-box .three-tabs .tab-item.cur .tab1 { background-position: -4px 0; }
.tab-wrap .tab-main-box .three-tabs .tab-item:hover .tab2, .tab-wrap .tab-main-box .three-tabs .tab-item.cur .tab2 { background-position: -4px -32px; }
.tab-wrap .tab-main-box .three-tabs .tab-item:hover .tab3, .tab-wrap .tab-main-box .three-tabs .tab-item.cur .tab3 { background-position: -4px -63px; }
.tab-wrap .tab-main-box .s-e-list { line-height: 38px; text-align: right; padding-right: 15px; font-size: 12px; color: #8b8b8b; }
.tab-wrap .tab-main-box .s-e-list a { color: #4f4f4f; margin-right: 25px; }
.tab-wrap .tab-main-box .s-e-list a i { display: inline-block; width: 20px; height: 35px; vertical-align: middle; background: url(../NewIndex/images/icon_search.png) no-repeat 0 0; margin-right: 5px; }
.tab-wrap .tab-main-box .s-e-list a .icon-baidu { background-position: 0 7px; }
.tab-wrap .tab-main-box .s-e-list a .icon-acg { background-position: -28px 7px; }
.tab-wrap .tab-main-box .s-e-list a .icon-360 { background-position: -53px 7px; }
.tab-wrap .tab-main-box .s-e-list a .icon-sogou { background-position: -82px 7px; }
.tab-wrap .tab-main-box .s-e-list a:hover { color: #ff7300; }
.tab-wrap .tab-main-box .s-e-list a:first-child { margin-left: 10px; }
.tab-wrap .tab-main-box .s-e-list a:last-child { margin-right: 0; }
.tab-wrap .tab-sub-box { border: 1px solid #e8e8e8; border-top: 0; background-color: #f5f5f5; position: relative; }
.tab-wrap .tab-sub-box .sub-list { position: absolute; height: 36px; line-height: 36px; top: 0; left: 0; z-index: 10; }
.tab-wrap .tab-sub-box .sub-list .item { float: left; width: 110px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; font-size: 12px; color: #4f4f4f; text-align: center; cursor: pointer; }
.tab-wrap .tab-sub-box .sub-list .item i { vertical-align: middle; color: #c6c6c6; margin-left: 10px; }
.tab-wrap .tab-sub-box .sub-list .item i.iconfont { font-size: 14px; }
.tab-wrap .tab-sub-box .sub-list .item:hover, .tab-wrap .tab-sub-box .sub-list .item.active { background-color: #fff; border-bottom-color: #fff; }
.tab-wrap .tab-sub-box .adv-txt { line-height: 38px; color: #ff7300; font-size: 12px; margin-right: 15px; }
.tab-wrap .tab-sub-box .sub-con { position: absolute; border: 1px solid #e8e8e8; border-top: 0; background-color: #fff; z-index: 9; top: 39px; left: -1px; right: -1px; display: none; }
.tab-wrap .tab-sub-box .sub-con a { font-size: 12px; display: inline-block; margin-right: 15px; padding: 15px; color: #666; }
.tab-wrap .tab-sub-box .sub-con a:hover { color: #ff7300; }

.pro-list-wrap { margin-top: 10px; }
.pro-list-wrap .pro-item { float: left; width: 222px; height: 404px; border: 1px solid #e7e7e7; margin-right: 11.5px; margin-bottom: 35px; background-color: #fff; }
.pro-list-wrap .pro-item:nth-child(6n) { margin-right: 0; }
.pro-list-wrap .pro-item > a { display: block; }
.pro-list-wrap .pro-item > .imgbox { height: 220px; border-bottom: 1px solid #e7e7e7; }
.pro-list-wrap .pro-item > .imgbox img { height: 100%; width: 100%; }
.pro-list-wrap .pro-item .p-cap { position: relative; }
.pro-list-wrap .pro-item .p-cap .p1 { font-size: 12px; color: #181818; padding: 0 8px; margin: 10px 0 8px; line-height: 180%; }
.pro-list-wrap .pro-item .p-cap .p2 { font-size: 12px; color: #868686; padding: 0 8px; margin-bottom: 5px; }
.pro-list-wrap .pro-item .p-cap .p2 .d { font-weight: bold; color: #ff7300; font-size: 15px; }
.pro-list-wrap .pro-item .p-cap .p2 .num { color: #ff7300; font-size: 20px; font-weight: bold; }
.pro-list-wrap .pro-item .p-cap .p3 { padding: 0 8px; }
.pro-list-wrap .pro-item .p-cap .p3 a { display: inline-block; padding: 0 2px; border: 1px solid #f8ddb4; border-radius: 2px; color: #e88f09; font-size: 12px; margin-right: 5px; }
.pro-list-wrap .pro-item .p-cap .p4 { padding: 0 8px; margin: 6px 0; }
.pro-list-wrap .pro-item .p-cap .p4 .pos { font-size: 12px; color: #868686; }
.pro-list-wrap .pro-item .p-cap .p4 .pos i { display: inline-block; width: 12px; height: 18px; background: url(../NewIndex/images/position.png) no-repeat center center; vertical-align: bottom; margin-right: 3px; }
.pro-list-wrap .pro-item .p-cap .p5 { padding: 10px 8px 9px; font-size: 12px; color: #868686; border-top: 1px solid #e7e7e7; }
.pro-list-wrap .pro-item .p-cap .p5 > div { float: left; }
.pro-list-wrap .pro-item .p-cap .p5 .yzt { color: #ff7300; background: url(../NewIndex/images/icon26-u.png) no-repeat -5px center; padding: 1px 0 0 22px; }
.pro-list-wrap .pro-item .p-cap .p5 .cpname { margin: 0 10px; width: 124px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 18px; }
.pro-list-wrap .pro-item .p-cap .p5 .kf a { display: inline-block; width: 18px; height: 18px; background: url(../NewIndex/images/icon_fun.png) no-repeat -55px 0; }
.pro-list-wrap .pro-item .p-cap .hov-con { position: absolute; bottom: 3px; width: 100%; background-color: #fff; display: none; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box > a { display: block; background-color: rgba(255, 115, 0, 0.8); color: #fff; line-height: 38px; text-align: center; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box .hov-p1 { padding: 11px 20px; color: #868686; border-bottom: 1px solid #e7e7e7; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box .hov-p1 span { color: #ff7300; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box .hov-p2 { padding: 12px 20px; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box .hov-p2 > * { margin-bottom: 7px; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box .hov-p2 > a { font-size: 12px; color: #21a7ed; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box .hov-p2 p { font-size: 12px; color: #494949; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.pro-list-wrap .pro-item .p-cap .hov-con .hov-box .hov-p2 p span { color: #8f8f8f; }
.pro-list-wrap .pro-item:hover { border-color: #ff7300; }
.pro-list-wrap .pro-item:hover .hov-con { display: block; }
.pro-list-wrap .no-price .p-cap .p1 { margin-bottom: 41px; }
.pro-list-wrap .supply .p-cap .hov-con { bottom: 3px; height: 221px; }
.pro-list-wrap .supply .p-cap .hov-con .hov-box .sup-p1 { padding: 12px 20px; font-size: 12px; color: #494949; display: -webkit-box; display: -ms-flexbox; display: flex; }
.pro-list-wrap .supply .p-cap .hov-con .hov-box .sup-p1 span { display: inline-block; width: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #8f8f8f; margin-top: 2px; }
.pro-list-wrap .supply .p-cap .hov-con .hov-box .sup-p1 p { height: 40px; line-height: 180%; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.pro-list-wrap .adv { background-color: #f5f5f5; position: relative; }
.pro-list-wrap .adv .p-cap .a2 { padding: 0 8px; margin: 20px 0 19px; }
.pro-list-wrap .adv .p-cap .a2 a { display: inline-block; width: 93px; height: 28px; line-height: 26px; border: 1px solid #c9c9c9; background-color: #fff; border-radius: 3px; font-size: 12px; text-align: center; }
.pro-list-wrap .adv .p-cap .a2 a i { display: inline-block; width: 17px; height: 26px; vertical-align: middle; background: url(../NewIndex/images/icon_fun.png) no-repeat; margin-right: 3px; }
.pro-list-wrap .adv .p-cap .a2 a.web-btn { color: #ff7300; margin-right: 15px; }
.pro-list-wrap .adv .p-cap .a2 a.web-btn i { background-position: 0 3px; }
.pro-list-wrap .adv .p-cap .a2 a.wx-btn { color: #23b542; }
.pro-list-wrap .adv .p-cap .a2 a.wx-btn i { background-position: -27px 3px; }
.pro-list-wrap .adv .p-cap .p4 { overflow: hidden; position: relative; }
.pro-list-wrap .adv .p-cap .p4 .pos { float: left; }
.pro-list-wrap .adv .p-cap .p4 .pos i { background-image: url(../NewIndex/images/position_adv.png); }
.pro-list-wrap .adv .p-cap .p4 .tag-adv { width: 38px; height: 18px; line-height: 18px; text-align: right; padding: 0 6px; font-size: 12px; color: #fff; position: absolute; right: 0; background-color: #c7c7c7; }
.pro-list-wrap .adv .xcx-code-box { position: absolute; top: 5px; left: 5px; right: 5px; z-index: 15; background-color: #fff; padding: 10px; text-align: center; font-size: 12px; display: none; }
.pro-list-wrap .adv .xcx-code-box .imgbox { position: relative; }
.pro-list-wrap .adv .xcx-code-box .imgbox .cpimg { position: absolute; width: 55px; height: 55px; border-radius: 50%; left: 66px; top: 37px; }
.pro-list-wrap .adv .xcx-code-box .name, .pro-list-wrap .adv .xcx-code-box .cpname, .pro-list-wrap .adv .xcx-code-box .txt { line-height: 160%; }
.pro-list-wrap .adv .xcx-code-box .name { color: #2f2f2f; }
.pro-list-wrap .adv .xcx-code-box .name span { color: #ababab; }
.pro-list-wrap .adv .xcx-code-box .cpname { color: #626262; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro-list-wrap .adv .xcx-code-box .txt { color: #33b257; }

.m-page-wrap { text-align: center; margin-bottom: 80px; }
.m-page-wrap .page-list { display: inline-block; }
.m-page-wrap .page-list .prev, .m-page-wrap .page-list .next { display: inline-block; width: 72px; height: 40px; line-height: 38px; border-radius: 2px; border: 1px solid #d9d9d9; font-size: 12px; color: #888888; text-align: center; -webkit-box-shadow: 0 1px 1px #d9d9d9; box-shadow: 0 1px 1px #d9d9d9; }
.m-page-wrap .page-list .prev a, .m-page-wrap .page-list .next a { display: block; }
.m-page-wrap .page-list .prev:hover, .m-page-wrap .page-list .next:hover { background-color: #ff7300; border-color: #ff7300; color: #fff; }
.m-page-wrap .page-list .not-allow { background-color: #f8f8f8; color: #ccc; border-color: #e9e9e9; cursor: not-allowed; }
.m-page-wrap .page-list .not-allow:hover { border-color: #e9e9e9 !important; background-color: #f8f8f8; color: #ccc; }
.m-page-wrap .page-list .page-all { display: inline-block; }
.m-page-wrap .page-list .page-all a { display: inline-block; width: 40px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #d9d9d9; border-radius: 2px; color: #666; -webkit-box-shadow: 0 1px 1px #d9d9d9; box-shadow: 0 1px 1px #d9d9d9; margin: 0 10px; }
.m-page-wrap .page-list .page-all a:hover, .m-page-wrap .page-list .page-all a.cur { background-color: #ff7300; border-color: #ff7300; color: #fff; }
.m-page-wrap .page-list .page-all span { color: #666; font-size: 28px; vertical-align: baseline; margin-right: 10px; }
.m-page-wrap .page-fliter { display: inline-block; color: #666; margin-left: 10px; font-size: 12px; }
.m-page-wrap .page-fliter span { margin-right: 10px; }
.m-page-wrap .page-fliter input[type="text"] { width: 44px; height: 46px; border: 1px solid #a9a9a9; text-align: center; padding: 0 10px; }
.m-page-wrap .page-fliter a.btn { display: inline-block; width: 72px; height: 40px; line-height: 38px; border-radius: 2px; border: 1px solid #d9d9d9; font-size: 12px; color: #888; text-align: center; -webkit-box-shadow: 0 1px 1px #d9d9d9; box-shadow: 0 1px 1px #d9d9d9; margin-left: 10px; }

.f-link-wrap { margin-bottom: 50px; }
.f-link-wrap .wrap { border: 1px solid #e8e8e8; font-size: 12px; padding: 10px 18px; overflow: hidden; position: relative; }
.f-link-wrap .wrap .f-title { color: #888; float: left; margin-right: 35px; }
.f-link-wrap .wrap .f-link-box { width: 1090px; float: left; white-space: nowrap; }
.f-link-wrap .wrap .f-link-box a { color: #555555; }
.f-link-wrap .wrap .f-link-box a:hover { color: #ff7300; }
.f-link-wrap .wrap .f-link-box span { margin: 0 20px; color: #e1e0e0; }
.f-link-wrap .wrap .btn-publish { position: absolute; right: 0; display: inline-block; width: 150px; height: 38px; line-height: 38px; border-left: 1px solid #e8e8e8; color: #888; text-align: center; top: 0; }

.f-link-wrap.no-more .wrap .f-link-box { width: 1230px; }
.f-link-wrap.no-more .wrap .btn-publish { display: none; }

.recommend-wrap { background-color: #f5f5f5; padding: 50px 0; }
.recommend-wrap .r-main-title { margin-bottom: 15px; }
.recommend-wrap .r-main-title .title { font-size: 16px; padding-left: 10px; border-left: 3px solid #ff7300; line-height: 1; }
.recommend-wrap .r-main-title .t-tag span { display: inline-block; font-size: 12px; padding: 3px 10px; margin-left: 6px; }
.recommend-wrap .r-main-title .t-tag .adv { color: #fff; background-color: #c7c7c7; border: 1px solid #e8e8e8; }
.recommend-wrap .r-main-title .t-tag .vip { color: #ff7300; background-color: #fff; border: 1px solid #e8e8e8; }
.recommend-wrap .r-list .r-item { float: left; width: 222px; height: 316px; margin-right: 11.5px; border: 1px solid #efefef; background-color: #fff; }
.recommend-wrap .r-list .r-item:last-child { margin-right: 0; }
.recommend-wrap .r-list .r-item .caption { padding: 10px; }
.recommend-wrap .r-list .r-item .caption .p1 { overflow: hidden; margin-bottom: 10px; }
.recommend-wrap .r-list .r-item .caption .p1 .price { float: left; color: #ff7300; }
.recommend-wrap .r-list .r-item .caption .p1 .price span { font-size: 16px; font-weight: bold; }
.recommend-wrap .r-list .r-item .caption .p1 .alww { float: right; display: inline-block; width: 16px; height: 16px; background: url(../NewIndex/images/icon_fun.png) no-repeat -82px 0; margin-top: 3px; }
.recommend-wrap .r-list .r-item .caption .title { line-height: 180%; font-size: 12px; color: #888; }
.recommend-wrap .r-list .r-item .caption .title span { color: #ff0000; }
.recommend-wrap .r-list .r-item:hover .caption .title a { text-decoration: underline; }