.icon-sprite, .icon-anss, .icon-anw, .icon-bz1, .icon-bz2, .icon-bz3, .icon-bz4, .icon-close, .icon-collect, .icon-date, .icon-date1, .icon-del, .icon-diq, .icon-down, .icon-download, .icon-downn, .icon-dwn, .icon-dz, .icon-flesh, .icon-gjx1, .icon-gjx2, .icon-gjx3, .icon-gjx4, .icon-gjx5, .icon-gjx6, .icon-lc1, .icon-lc2, .icon-lc3, .icon-lc4, .icon-lc5, .icon-left, .icon-morei, .icon-msg, .icon-prop, .icon-right, .icon-search, .icon-see, .icon-sel, .icon-share, .icon-sousuo, .icon-suc, .icon-tips, .icon-type1-sm, .icon-type1, .icon-type2, .icon-up, .icon-upp, .icon-wh, .icon-youhui, .share-icon:before, .top-share:hover .share-icon:before, .ask li:before, .sel a:after, .sel a:hover:after, .clearSel:before, .clearSel:hover:before, .filterMore:after, .topTitle .left a.active .icon-up, .topTitle .left a.active .icon-down, .collection:hover .icon-collect, .collection:hover .icon-dz, .collection.active .icon-collect, .collection.active .icon-dz, .icon-pro:before, .icon-ans:before, .artList .download:hover .icon-download, .art-download-btn a:before, .art-download-btn a:hover:before, .icon-calendar:before, .calendar-now .icon-calendar:before { background-image: url('../images/icon-saac95eaf95.png'); background-repeat: no-repeat; }

.icon-anss { background-position: -52px -79px; height: 20px; width: 20px; }

.icon-anw { background-position: -72px -79px; height: 20px; width: 18px; }

.icon-bz1 { background-position: 0 -360px; height: 44px; width: 44px; }

.icon-bz2 { background-position: -44px -360px; height: 44px; width: 44px; }

.icon-bz3 { background-position: 0 -404px; height: 44px; width: 44px; }

.icon-bz4 { background-position: -44px -316px; height: 44px; width: 44px; }

.icon-close { background-position: -31px -15px; height: 10px; width: 10px; }
.icon-close:hover, .icon-close.close-hover { background-position: -11px -15px; }

.icon-collect { background-position: -62px -15px; height: 14px; width: 15px; }
.icon-collect:hover, .icon-collect.collect-hover { background-position: -37px -30px; }

.icon-date { background-position: 0 -79px; height: 18px; width: 18px; }

.icon-date1 { background-position: -34px -79px; height: 18px; width: 18px; }

.icon-del { background-position: -51px -15px; height: 12px; width: 11px; }
.icon-del:hover, .icon-del.del-hover { background-position: 0 0; }

.icon-diq { background-position: 0 -46px; height: 15px; width: 15px; }

.icon-down { background-position: -41px -15px; height: 10px; width: 10px; }

.icon-download { background-position: -41px 0; height: 14px; width: 16px; }
.icon-download:hover, .icon-download.download-hover { background-position: -21px -30px; }

.icon-downn { background-position: -21px -15px; height: 10px; width: 10px; }

.icon-dwn { background-position: -59px -99px; height: 18px; width: 21px; }
.icon-dwn:hover, .icon-dwn.dwn-hover { background-position: -38px -99px; }

.icon-dz { background-position: -15px -46px; height: 15px; width: 13px; }
.icon-dz:hover, .icon-dz.dz-hover { background-position: -74px 0; }

.icon-flesh { background-position: -16px -99px; height: 18px; width: 22px; }

.icon-gjx1 { background-position: -38px -190px; height: 38px; width: 36px; }

.icon-gjx2 { background-position: -15px -117px; height: 36px; width: 37px; }

.icon-gjx3 { background-position: -17px -153px; height: 35px; width: 40px; }

.icon-gjx4 { background-position: -52px -117px; height: 36px; width: 36px; }

.icon-gjx5 { background-position: 0 -190px; height: 38px; width: 38px; }

.icon-gjx6 { background-position: -45px -46px; height: 33px; width: 40px; }

.icon-lc1 { background-position: -44px -272px; height: 44px; width: 44px; }

.icon-lc2 { background-position: 0 -272px; height: 44px; width: 44px; }

.icon-lc3 { background-position: 0 -316px; height: 44px; width: 44px; }

.icon-lc4 { background-position: -37px -228px; height: 44px; width: 44px; }

.icon-lc5 { background-position: -44px -404px; height: 44px; width: 44px; }

.icon-left { background-position: -57px -153px; height: 37px; width: 37px; }

.icon-morei { background-position: 0 -99px; height: 17px; width: 16px; }

.icon-msg { background-position: -68px -30px; height: 16px; width: 16px; }

.icon-prop { background-position: -28px -46px; height: 17px; width: 17px; }

.icon-right { background-position: 0 -228px; height: 37px; width: 37px; }

.icon-search { background-position: -52px -30px; height: 16px; width: 16px; }

.icon-see { background-position: 0 -117px; height: 9px; width: 15px; }

.icon-sel { background-position: 0 -30px; height: 6px; width: 10px; }

.icon-share { background-position: -57px 0; height: 13px; width: 17px; }
.icon-share:hover, .icon-share.share-hover { background-position: -24px 0; }

.icon-sousuo { background-position: -11px 0; height: 15px; width: 13px; }

.icon-suc { background-position: 0 -464px; height: 60px; width: 60px; }

.icon-tips { background-position: -77px -15px; height: 15px; width: 15px; }

.icon-type1-sm { background-position: -18px -79px; height: 18px; width: 16px; }

.icon-type1 { background-position: 0 -524px; height: 98px; width: 98px; }

.icon-type2 { background-position: 0 -622px; height: 98px; width: 98px; }

.icon-up { background-position: 0 -15px; height: 10px; width: 11px; }

.icon-upp { background-position: -10px -30px; height: 10px; width: 11px; }

.icon-wh { background-position: 0 -153px; height: 17px; width: 17px; }

.icon-youhui { background-position: 0 -448px; height: 16px; width: 41px; }

.icon { display: inline-block; vertical-align: middle; }

.share-icon:before { background-position: -57px 0; height: 13px; width: 17px; }
.share-icon:before:hover, .share-icon:before.share-hover { background-position: -24px 0; }

.top-share:hover .share-icon:before { background-position: -24px 0; height: 13px; width: 17px; }

.ask li:before { background-position: 0 -153px; height: 17px; width: 17px; }

.sel a:after { background-position: -31px -15px; height: 10px; width: 10px; }
.sel a:after:hover, .sel a:after.close-hover { background-position: -11px -15px; }

.sel a:hover:after { background-position: -11px -15px; height: 10px; width: 10px; }

.clearSel:before { background-position: -51px -15px; height: 12px; width: 11px; }
.clearSel:before:hover, .clearSel:before.del-hover { background-position: 0 0; }

.clearSel:hover:before { background-position: 0 0; height: 12px; width: 11px; }

.filterMore:after { background-position: 0 -30px; height: 6px; width: 10px; }

.topTitle .left a.active .icon-up { background-position: -10px -30px; height: 10px; width: 11px; }

.topTitle .left a.active .icon-down { background-position: -21px -15px; height: 10px; width: 10px; }

.collection:hover .icon-collect { background-position: -37px -30px; height: 14px; width: 15px; }

.collection:hover .icon-dz { background-position: -74px 0; height: 15px; width: 13px; }

.collection.active .icon-collect { background-position: -37px -30px; height: 14px; width: 15px; }

.collection.active .icon-dz { background-position: -74px 0; height: 15px; width: 13px; }

.icon-pro:before { background-position: -52px -79px; height: 20px; width: 20px; }

.icon-ans:before { background-position: -72px -79px; height: 20px; width: 18px; }

.artList .download:hover .icon-download { background-position: -21px -30px; height: 14px; width: 16px; }

.art-download-btn a:before { background-position: -59px -99px; height: 18px; width: 21px; }
.art-download-btn a:before:hover, .art-download-btn a:before.dwn-hover { background-position: -38px -99px; }

.art-download-btn a:hover:before { background-position: -38px -99px; height: 18px; width: 21px; }

.icon-calendar:before { background-position: 0 -79px; height: 18px; width: 18px; }

.calendar-now .icon-calendar:before { background-position: -34px -79px; height: 18px; width: 18px; }

.header { background-color: #fff; }

.hscroll.hscroll-fixed { padding-top: 146px; }
.hscroll.hscroll-fixed .header { position: fixed; width: 100%; z-index: 10; background-color: #fff; top: 0; left: 0; }
.hscroll.hscroll-fixed .header .head { height: 60px; }
.hscroll.hscroll-fixed .header .logo { display: none; }
.hscroll.hscroll-fixed .header .logo-fixed { display: block; }
.hscroll.hscroll-fixed .header .logo-fixed img { height: 32px; margin-top: 14px; }
.hscroll.hscroll-fixed .header .logo-fixed .slogen { height: 28px; }
.hscroll.hscroll-fixed .header .search { margin-top: 10px; }
.hscroll.hscroll-fixed .header .head-login { line-height: 60px; }
.hscroll.hscroll-fixed .header .tel { margin-top: 10px; }

.head { height: 100px; }

.logo img { margin-top: 33px; height: 34px; }
.logo .slogen { height: 31px; margin-left: 13px; }

.logo-fixed { display: none; }

.tel { margin-top: 30px; }
.tel img { height: 39px; }

.search { margin-top: 30px; margin-left: 50px; position: relative; }
.search input { border: 2px solid #ff9f01; width: 360px; height: 40px; line-height: 40px; box-sizing: border-box; padding-left: 30px; outline: none; }
.search .icon-search { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; }

.search-btn { background: #ff9f01; width: 90px; height: 40px; display: inline-block; outline: none; border: none; cursor: pointer; color: #fff; font-size: 16px; line-height: 40px; }
.search-btn:hover { opacity: .9; }

.search-slide { position: absolute; top: 38px; left: 0; padding-top: 6px; padding-bottom: 6px; width: 356px; border: 2px solid #ff9f01; background: #fff; z-index: 1000; display: none; }
.search-slide li a { display: block; padding-left: 10px; line-height: 28px; font-size: 14px; }
.search-slide li a:hover { background: #f2f2f2; }

.hot-search { position: absolute; top: 0; right: 100px; }
.hot-search a { display: inline-block; margin-top: 11px; margin-right: 10px; padding: 3px; background: #eee; font-size: 12px; color: #999; line-height: 1; }
.hot-search a:hover { background: #ff9f01; color: #fff; }

.head-login { font-size: 12px; color: #666; margin-right: 35px; line-height: 100px; }
.head-login a { color: #0c74d9; }
.head-login .head-order { color: #666; border-left: 1px solid #ddd; margin-left: 5px; padding-left: 6px; }

.nav-brand { font-size: 14px; line-height: 1; color: #808080; margin: 15px 0; }
.nav-brand a, .nav-brand span { color: #666; }
.nav-brand a:hover { color: #dd3635; }
.nav-brand i { font-family: simsun; color: #666; margin: 0 5px; }

.nav { background-color: #0c74d9; height: 46px; line-height: 46px; }
.nav li { float: left; text-align: center; position: relative; transition: background .3s; width: 133.33333px; }
.nav li:hover, .nav li.active { background: rgba(0, 0, 0, 0.2); }
.nav li.active { font-weight: bold; }
.nav li a { color: #fff; font-size: 17px; display: block; }

.annouce { background-color: #fff9f2; border: 1px solid #ffe7ca; padding: 10px; }
.annouce .ann-tit { display: inline-block; height: 28px; line-height: 28px; color: #ff5555; border-radius: 3px; position: relative; font-weight: bold; }
.annouce a { margin-right: 18px; }
.annouce a:last-child { margin-right: 0; }

.footer-wrapper { background-color: #282a2e; color: #999da5; font-size: 16px; }
.footer-wrapper a { color: #999da5; }
.footer-wrapper a:hover { color: #dd3635; }

.footer { width: 1200px; margin: 0 auto; padding: 40px 0; }
.footer .footer-left dl { float: left; width: 240px; }
.footer .footer-left dl dt { font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 8px; }
.footer .footer-left dl dd { display: inline-block; margin-right: 20px; margin-top: 8px; }
/* .footer .footer-mid { margin-left: 15px; } */
.footer .footer-mid p { font-size: 18px; font-weight: bold; color: #fff; }
.footer .footer-mid img { width: 90px; height: 90px; margin-top: 10px; }
.footer .footer-right .footer-tit { font-size: 18px; font-weight: bold; color: #fff; }
.footer .footer-right .footer-tel { font-size: 32px; color: #fff; }
.footer .footer-right .footer-tips p { font-size: 14px; }
.footer .footer-copy { margin: 5px 0; font-size: 14px; border-top: 1px solid rgba(0, 0, 0, 0.3); margin-top: 25px; padding-top: 25px; }
.footer .footer-copy img.fl { margin-right: 20px; margin-top: 5px; }

.friend-link { position: relative; background-color: #fff; padding: 15px; margin-top: 10px; }
.friend-link p { position: absolute; left: 15px; }
.friend-link .friend-list { padding-left: 75px; }
.friend-link a { margin-right: 10px; }

.rank { display: inline-block; margin-right: 5px; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #bbb; color: #fff; font-size: 12px; font-family: Arial; border-radius: 2px; }

.rank1 { background: #eb613c; }

.rank2 { background: #eb7e3c; }

.rank3 { background: #ebaf3c; }

.wp-titt { font-size: 18px; padding: 10px 0 5px; border-bottom: 1px solid #e8e8e8; }
.wp-titt .lw5 a { width: 20%; }
.wp-titt .lw4 a { width: 25%; }
.wp-titt .lw3 a { width: 33.33333%; }
.wp-titt .lw2 a { width: 50%; }
.wp-titt a { float: left; position: relative; }
.wp-titt a.active:before { content: ''; width: 100%; height: 2px; background: #0c74d9; position: absolute; bottom: -6px; left: 0; }
.wp-titt a.active em, .wp-titt a.active h1, .wp-titt a.active h2, .wp-titt a.active h3 { font-weight: bold; }
.wp-titt em, .wp-titt h1, .wp-titt h2, .wp-titt h3 { font-size: 18px; font-style: normal; font-weight: normal; }
.wp-titt .js-hov-btn { width: 100%; }
.wp-titt .js-hov-btn a { color: #333; text-align: center; }

.xx-list ul { padding: 10px 0 0; }
.xx-list li { height: 30px; line-height: 30px; overflow: hidden; }
.xx-list li:before { content: ''; width: 2px; height: 2px; background: #333; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; }

.countrySearch input { float: left; height: 30px; line-height: 30px; }
.countrySearch .txt { border: 1px solid #ccc; width: 165px; padding-left: 10px; border-right: none; }
.countrySearch .txt:focus { border-color: #ff9f01; }
.countrySearch .btn { color: #fff; width: 60px; background-color: #ff9f01; border: none; height: 32px; line-height: 32px; cursor: pointer; }

.process { padding: 20px 0; }
.process li { position: relative; padding-bottom: 25px; height: 44px; }
.process li:last-child { padding-bottom: 0; }
.process li:before { content: ''; border-left: 1px dashed #ff9f01; position: absolute; width: 1px; height: 100%; left: 22px; }
.process li .icon { position: absolute; left: 0; top: 0; background-color: #fff; }
.process li p { color: #666; padding-left: 56px; }
.process li p b { font-size: 16px; color: #444; }
.process.processb li { padding-bottom: 16px; padding-top: 3px; }
.process.processb li:last-child { padding-bottom: 0; }
.process.processb li:before { content: normal; }
.process.processb li p { font-size: 12px; color: #999; }
.process.processb li p b { font-size: 14px; }

.advR img { width: 300px; height: 80px; margin-top: 10px; }

.slider-style { position: relative; }
.slider-style .hd { position: absolute; bottom: 5px; left: 0; right: 0; width: 100%; text-align: center; }
.slider-style .hd li { width: 30px; height: 4px; margin-left: 15px; background: rgba(255, 255, 255, 0.5); display: inline-block; cursor: pointer; text-indent: 999em; overflow: hidden; }
.slider-style .hd li.on { background: #fff; }

.tool { margin-top: 15px; margin-bottom: 12px; }
.tool a { float: left; font-weight: bold; color: #fff; box-sizing: border-box; margin-bottom: 8px; transition: all .3s; position: relative; margin-right: 8px; width: 131px; height: 94px; text-align: center; padding-top: 17px; }
.tool a:nth-child(2n) { margin-right: 0; }
.tool a b { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 1; opacity: 0; transition: all .3s; }
.tool a span { position: relative; z-index: 2; }
.tool a:hover b { opacity: 1; }
.tool a i { display: block; margin: 0 auto 5px; position: relative; z-index: 2; }
.tool .tool-c1 { background-color: #339cf2; }
.tool .tool-c2 { background-color: #fcae3b; }
.tool .tool-c3 { background-color: #7bd233; }
.tool .tool-c4 { background-color: #e06df3; }
.tool .tool-c5 { background-color: #fc827e; }
.tool .tool-c6 { background-color: #23d4c3; }

.cy-search { margin-top: 18px; position: relative; }
.cy-search .sh-input { height: 30px; line-height: 30px; width: 220px; position: relative; }
.cy-search .sh-input .icon { position: absolute; left: 5px; top: 7px; }
.cy-search .sh-input input { width: 220px; line-height: 28px; border: 1px solid #ccc; box-sizing: border-box; padding-left: 26px; }
.cy-search .sh-input input:focus { border-color: #0c74d9; }
.cy-search .sh-top { color: #b2b2b2; background-color: #f5f6f7; line-height: 35px; padding-left: 20px; }
.cy-search .sh-hide { position: absolute; width: 560px; box-sizing: border-box; background-color: #fff; z-index: 3; border-top: 1px solid #e8e8e8; box-shadow: 0 5px 10px rgba(153, 153, 153, 0.8); display: none; right: 0; top: 50px; }
.cy-search .sh-hide:before { content: ''; width: 25px; height: 11px; position: absolute; top: -11px; background: url(../images/cy.png) no-repeat; right: 100px; }
.cy-search .sh-tit { border-bottom: 1px solid #e8e8e8; line-height: 35px; }
.cy-search .sh-tit a { color: #666; display: inline-block; width: 70px; text-align: center; position: relative; }
.cy-search .sh-tit a.active { color: #0c74d9; font-weight: bold; }
.cy-search .sh-tit a.active:after { content: ''; position: absolute; height: 2px; width: 100%; background-color: #0c74d9; bottom: 0; left: 0; }
.cy-search .sh-con { padding-top: 15px; padding-bottom: 10px; height: 160px; }
.cy-search .sh-con li { display: inline-block; width: 83px; height: 26px; line-height: 26px; overflow: hidden; padding: 0px 4px; border-radius: 2px; box-sizing: border-box; }
.cy-search .sh-con li:hover { background-color: #0c74d9; }
.cy-search .sh-con li:hover a { color: #fff; }
.cy-search .sh-con a { display: block; }
.cy-search .sh-hhide { position: absolute; left: 0; top: 35px; background-color: #fff; z-index: 2; border: 1px solid #ccc; width: 222px; box-sizing: border-box; padding: 0 5px; display: none; max-height: 150px; overflow: auto; }
.cy-search .sh-hhide .sh-tip { height: 30px; line-height: 30px; border-bottom: 1px solid #e8e8e8; color: #444; }
.cy-search .sh-hhide .sh-tip em { color: #0c74d9; }
.cy-search .sh-hhide .sh-list { padding-bottom: 5px; }
.cy-search .sh-hhide .sh-list:after { content: ""; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; }
.cy-search .sh-hhide .sh-list a { display: block; box-sizing: border-box; height: 28px; line-height: 26px; padding: 0 3px; border: 1px solid #fff; }
.cy-search .sh-hhide .sh-list a:hover { color: #0c74d9; background-color: #e8f3ff; border: 1px solid #0c74d9; }
.cy-search .sh-hhide .sh-list a span { float: right; }


.service-tel {margin-right: 50px;}
.erwei-code {margin-right: 40px;}
.fixed-main1 {width: 210px;}
.leftServe {position: fixed;left: 50%;margin-left: -730px;width: 120px;background-color: #fff;text-align: center;padding-top: 10px;z-index: 2;padding-bottom: 17px;top: 275px;line-height: 1.6;}
.leftServe:before {content: '';border-bottom: 35px solid #2b70ae;border-left: 60px solid transparent;border-right: 60px solid transparent;position: absolute;width: 120px;bottom: 100px;left: 0;box-sizing: border-box;z-index: -1;}
.leftServe:after {content: '';background-color: #2b70ae;position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;z-index: -1;}
.leftServe .tit {font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.leftServe .tit p {font-size: 12px;font-weight: normal;color: #666;}
.leftServe .cont {margin-top: 5px;}
.leftServe .cont img {width: 80px;height: 80px;border: 7px solid #fff;}
.leftServe .cont p {font-size: 12px;color: #666;margin-top: -7px;}
.leftServe .cont .colorfff {color: #fff;margin-top: 0;}
.leftServe .btn {font-size: 12px;height: 22px;line-height: 22px;border-radius: 22px;border: 1px solid #fff;color: #fff;display: inline-block;padding: 0 10px;margin-top: 10px;}