@charset "UTF-8";
header { /* 顶部工具条 */ }

header .tool-bar { height: 30px; border-bottom: 1px solid #eee; font-size: 12px; line-height: 30px; background-color: #fff; }

header .tool-bar em { font-style: normal; }

header .tool-bar ul.left-section li { display: inline-block; color: #666; padding: 0 5px; }

header .tool-bar ul.left-section li:first-child { padding-left: 0; }

header .tool-bar ul.left-section li strong { color: #e60012; }

header .tool-bar ul.left-section li .icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 3px; margin-top: -2px; }

header .tool-bar ul.left-section li .icon.icon_tel { background-image: url(/skin/2021static/images/icon_tel.png); }

header .tool-bar ul.left-section li .icon.icon_phone { background-image: url(/skin/2021static/images/icon_phone.png); }

header .tool-bar ul.left-section li .icon.icon_wx { background-image: url(/skin/2021static/images/wechat.png); }

header .tool-bar .right-section li { display: inline-block; line-height: 30px; }

header .tool-bar .right-section li.is-login { position: relative; color: #999; height: 30px; }

header .tool-bar .right-section li.is-login ul { position: absolute; z-index: 10; left: 0; top: 30px; width: 100%; background-color: #fff; border-radius: 5px; border: 1px solid #eee; overflow: hidden; display: none; }

header .tool-bar .right-section li.is-login ul li { display: block; text-align: center; border-bottom: 1px solid #eee; line-height: 30px; }

header .tool-bar .right-section li.is-login ul li:last-child { border: none; }

header .tool-bar .right-section li.is-login ul li a { border: none; outline: none; }

header .tool-bar .right-section li.is-login:hover > a { color: #e60012; }

header .tool-bar .right-section li.is-login:hover ul { display: block; }

header .tool-bar .right-section li.qrCode { cursor: pointer; position: relative; padding: 0 5px; }

header .tool-bar .right-section li.qrCode em { color: #999; }

header .tool-bar .right-section li.qrCode:hover { color: #000; }

header .tool-bar .right-section li.qrCode:hover .qrCode-box { top: 40px; opacity: 1; -webkit-transition: opacity 300ms 200ms, top 500ms; transition: opacity 300ms 200ms, top 500ms; visibility: visible; }

header .tool-bar .right-section li.qrCode .icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; margin-right: 3px; margin-top: -2px; }

header .tool-bar .right-section li.qrCode .icon.icon_tel { background-image: url(/skin/2021static/images/icon_tel.png); }

header .tool-bar .right-section li.qrCode .icon.icon_phone { background-image: url(/skin/2021static/images/icon_phone.png); }

header .tool-bar .right-section li.qrCode .icon.icon_wx { background-image: url(/skin/2021static/images/wechat.png); }

header .tool-bar .right-section li.qrCode .qrCode-box { position: absolute; background-color: #fff; width: 110px; text-align: center; line-height: 20px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); top: 0; left: 50%; margin-left: -60px; padding: 5px; border-radius: 5px; z-index: 1; opacity: 0; visibility: hidden; }

header .tool-bar .right-section li.qrCode .qrCode-box::before, header .tool-bar .right-section li.qrCode .qrCode-box::after { content: ""; display: inline-block; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #eee; position: absolute; top: -20px; left: 50%; margin-left: -10px; }

header .tool-bar .right-section li.qrCode .qrCode-box::after { border-bottom-color: #fff; top: -18px; }

header .tool-bar .right-section li.qrCode .qrCode-box img { display: block; width: 100px; height: 100px; margin: 0 auto; }

header .tool-bar .right-section li.qrCode .qrCode-box .des-block p { font-weight: normal; }

header .tool-bar .right-section li .icon_index { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; margin-right: 3px; background-image: url(/skin/2021static/images/icon_home.png); margin-top: -3px; }

header .tool-bar .right-section li a { color: #999; padding: 0 10px; border-right: 2px solid #ddd; height: 6px; }

header .tool-bar .right-section li a.brand-center { color: #e60012; }

header .tool-bar .right-section li a:hover { color: #ea1f1f; }

header .header { padding: 15px 0; }
header .header.toollink{ text-align:center; height:30px; clear:both; font-weight:normal;}
header .header.toollink a{ margin-left:15px; display:inline-block; height:16px; line-height:16px; font-size:14px; color:#666; border-left:1px solid #F1F1F1; padding-left:15px; overflow:hidden;}
header .header.toollink a:first-child{ border-left:none;}

header .header .container .logo .logo-view a { display: inline-block; vertical-align: top; }

header .header .container .logo .logo-view a img { display: inline-block; width: auto; height: 45px; margin-top: 6px; margin-right: 15px; }

header .header .container .logo .logo-view a p { color: #999; font-size: 13px; text-align: center; letter-spacing: 5px; margin-top: 3px; }

header .header .container .logo .logo-view em { width: 1px; height: 40px; background-color: #ddd; display: inline-block; }

header .header .container .logo .logo-view .img-title { display: inline-block; height: 50px; padding-left: 15px; }

header .header .container .logo .logo-view .img-title p { color: #ef4343; line-height: 25px; }

header .header .container .logo .logo-view .img-title p:first-child { font-weight: 700; font-size: 18px; }

header .header .container .logo .logo-view span { font-size: 22px; color: #333; margin-left: 25px; }

header .header .container .logo .m-title { font-size: 14px; color: #999; letter-spacing: 4px; }

header .header .container .search-box { width: 840px; }

header .header .container .search-box .form-section { position: relative; height: 45px;  background: #fff url(/skin/2021static/images/search.png) no-repeat 15px center;  padding-left: 54px;border-radius: 50px; vertical-align: middle; border: 2px solid #37579c;}

header .header .container .search-box .form-section form { font-size: 0; background: #37579c; display: block; height: 45px;  border-radius: 0 50px 50px 0; }

header .header .container .search-box .form-section form input.search-input { display: inline-block; float:left; width: 330px; height: 45px; color: #666; font-size: 14px;  background: #fff; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

header .header .container .search-box .form-section form input.search-input::-webkit-input-placeholder { color: #ccc; }

header .header .container .search-box .form-section form input.search-input:-ms-input-placeholder { color: #ccc; }

header .header .container .search-box .form-section form input.search-input::-ms-input-placeholder { color: #ccc; }

header .header .container .search-box .form-section form input.search-input::placeholder { color: #ccc; }

header .header .container .search-box .form-section form input.submit-btn { background-color: #37579c; width: 120px; height: 45px; color: #fff; vertical-align: middle; float: right; border-radius: 0 50px 50px 0; overflow: hidden;  font-size: 18px; font-weight:bold; cursor: pointer; }

header .header .container .search-box .form-section form input.submit-btn:hover { background-color: #1e2678; }

header .header .container .search-box .form-section .select-industry { position: absolute; right: 120px; top: 0; z-index: 10; background: #FFF; padding-right: 10px; }

header .header .container .search-box .form-section .select-industry:hover .block { color: #37579c; background: url(/skin/2021static/images/search_arrows_on.png) no-repeat right center; }

header .header .container .search-box .form-section .select-industry:hover .industry-list { top: 45px; opacity: 1; visibility: visible; }

header .header .container .search-box .form-section .select-industry .block { padding-right: 15px; color: #999; font-size: 16px; height: 45px; line-height: 45px; cursor: pointer; background: url(/skin/2021static/images/search_arrows.png) no-repeat right center; }

header .header .container .search-box .form-section .select-industry .industry-list { position: absolute; right: 0; top: 35px; opacity: 0; visibility: hidden; -webkit-transition: opacity 200ms, top 300ms ease-out; transition: opacity 200ms, top 300ms ease-out; padding-top: 10px; }

header .header .container .search-box .form-section .select-industry .industry-list .container { background-color: #fff; width: 390px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 10px 0px 10px 15px; }

header .header .container .search-box .form-section .select-industry .industry-list .container ul {}

header .header .container .search-box .form-section .select-industry .industry-list .container ul li { float: left; margin: 5px 0; margin-right: 8px; }

header .header .container .search-box .form-section .select-industry .industry-list .container ul li a { display: block; width:64px; height: 30px; text-align: center; color: #666; font-size: 14px; border-radius: 3px; border: 1px solid #eee; line-height: 30px; background-color: #f6f6f6; }

header .header .container .search-box .form-section .select-industry .industry-list .container ul li a:hover { color: #fff; background-color: #37579c; border-color: #37579c; }

header .header .container .search-box .hot-search { margin-top: 12px; margin-left: 10px; }

header .header .container .search-box .hot-search > span { font-size: 14px; line-height: 24px; vertical-align: top; color: #666; }

header .header .container .search-box .hot-search .slide-ad { width: 440px; overflow: hidden; display: inline-block; vertical-align: top; height: 24px; line-height: 24px; position: relative; }
header .header .container .search-box .hot-search .slide-ad:after {position: absolute;  width: 45px; height: 24px; right: 0px; top:0px; z-index: 2;
    content: "";
	background:-moz-linear-gradient(left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));/*Mozilla*/

background:-webkit-gradient(linear,0 50%,100% 50%,from(rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, 1)));/*Old gradient for webkit*/

background:-webkit-linear-gradient(left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));/*new gradient for Webkit*/

background:-o-linear-gradient(left,rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));/*Opera11*/
}

header .header .container .search-box .hot-search .slide-ad .bd { width: 440px; }

header .header .container .search-box .hot-search .slide-ad .bd .tempWrap { width: 440px !important; }

header .header .container .search-box .hot-search .slide-ad .list { }

header .header .container .search-box .hot-search .slide-ad .list li { text-align: center;width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; }

header .header .container .search-box .hot-search .slide-ad .list li a { color: #999; font-size: 13px; white-space: nowrap; margin: 0 5px; display: block; height: 20px; line-height: 20px; }
header .header .container .search-box .hot-search .slide-ad .list li a:hover{color: #264391; }

header .header .container .search-box .login-section span { font-size: 18px; color: #999; margin: 0 20px; vertical-align: middle; }

header .header .container .search-box .login-section a { display: inline-block; vertical-align: middle; color: #264391; font-size: 16px; height: 55px; line-height: 55px; border-radius: 5px; text-align: center; position: relative; overflow: hidden; }

header .header .container .search-box .login-section a::after { content: ""; display: block; width: 60px; height: 200px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: top right; transform-origin: top right; position: absolute; left: -100px; top: 50%; }

header .header .container .search-box .login-section a:hover::after { content: ""; display: block; width: 60px; height: 200px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: top right; transform-origin: top right; position: absolute; left: 320px; top: 50%; -webkit-transition: all 2000ms ease-out; transition: all 2000ms ease-out; }

header .header .container .search-box .login-section a img { height: 55px; display: inline-block; vertical-align: middle; }

header .header .container .search-box .login-section a .link-text { font-size: 14px; display: inline-block; }

header .header .container .search-box .login-section a .link-text p { color: #fff; font-size: 12px; text-align: left; }

header .header .container .search-box .login-section a .link-text p:first-child { color: #fbe7b3; font-weight: 700; font-size: 14px; }

header .header .container .search-box .login-section a .icon_store { display: inline-block; width: 16px; height: 16px; background: url(/skin/2021static/images/icon_store.png) no-repeat center; vertical-align: middle; margin-right: 5px; margin-top: -3px; }

header .header .container .search-box .login-section > p { color: #999; font-size: 12px; text-align: center; margin-top: 10px; padding-left: 32px; height: 20px; line-height: 20px; }

header .fixed-search-bar { padding: 10px 0; position: fixed; top: -80px; left: 0; width: 100%; background-color: #fff; z-index: 100; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); -webkit-transition: all 500ms; transition: all 500ms; }

header .fixed-search-bar.fixed { top: 0; }

header .fixed-search-bar .container { font-size: 0; }

header .fixed-search-bar .container .logo .logo-view a { vertical-align: top; }

header .fixed-search-bar .container .logo .logo-view a img { display: inline-block; width: auto; height: 45px; margin-right: 15px;margin-top:5px; }

header .fixed-search-bar .container .search-box { width: 840px;}

header .fixed-search-bar .container .search-box .form-section { position: relative;background: url(/skin/2021static/images/search.png) no-repeat 15px center; padding-left: 54px;  border: 2px solid #37579c; border-radius: 50px;  }

header .fixed-search-bar .container .search-box .form-section form {}

header .fixed-search-bar .container .search-box .form-section form input.search-input { width: 330px; height: 45px; color: #666; font-size: 14px; vertical-align: middle; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

header .fixed-search-bar .container .search-box .form-section form input.search-input::-webkit-input-placeholder { color: #ccc; }

header .fixed-search-bar .container .search-box .form-section form input.search-input:-ms-input-placeholder { color: #ccc; }

header .fixed-search-bar .container .search-box .form-section form input.search-input::-ms-input-placeholder { color: #ccc; }

header .fixed-search-bar .container .search-box .form-section form input.search-input::placeholder { color: #ccc; }

header .fixed-search-bar .container .search-box .form-section form input.submit-btn { background-color: #37579c; width: 120px; height: 45px; color: #fff; border-radius: 0 50px 50px 0; vertical-align: middle; font-size: 18px; font-weight: 700; cursor: pointer; }

header .fixed-search-bar .container .search-box .form-section form input.submit-btn:hover { background-color: #1e2678; }

header .fixed-search-bar .container .search-box .form-section .select-industry { position: absolute; right: 120px; top: 0; z-index: 10; background: #FFF; padding-right: 10px; }

header .fixed-search-bar .container .search-box .form-section .select-industry:hover .block { color: #37579c; background: url(/skin/2021static/images/search_arrows_on.png) no-repeat right center; }

header .fixed-search-bar .container .search-box .form-section .select-industry:hover .industry-list { top: 45px; opacity: 1; visibility: visible; }

header .fixed-search-bar .container .search-box .form-section .select-industry .block { padding-right: 15px; color: #999; font-size: 16px; height: 45px; line-height: 45px; cursor: pointer; background: url(/skin/2021static/images/search_arrows.png) no-repeat right center;  }

header .fixed-search-bar .container .search-box .form-section .select-industry .industry-list { position: absolute; right: 0; top: 35px; opacity: 0; visibility: hidden; -webkit-transition: opacity 200ms, top 300ms ease-out; transition: opacity 200ms, top 300ms ease-out; padding-top: 10px; }

header .fixed-search-bar .container .search-box .form-section .select-industry .industry-list .container { background-color: #fff; width: 390px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border-radius: 5px; padding: 10px 0px 10px 15px;  }

header .fixed-search-bar .container .search-box .form-section .select-industry .industry-list .container ul { margin-right: -10px; }

header .fixed-search-bar .container .search-box .form-section .select-industry .industry-list .container ul li { float: left; margin: 5px 0; margin-right: 8px; }

header .fixed-search-bar .container .search-box .form-section .select-industry .industry-list .container ul li a { display: block; width: 64px; height: 30px; text-align: center; color: #666; font-size: 14px; border-radius: 3px; border: 1px solid #eee; line-height: 30px; background-color: #f6f6f6; }

header .fixed-search-bar .container .search-box .form-section .select-industry .industry-list .container ul li a:hover { color: #fff; background-color: #37579c; border-color: #37579c; }

header .fixed-search-bar .container .search-box .login-section span { font-size: 18px; color: #999; margin: 0 20px; vertical-align: middle; }

header .fixed-search-bar .container .search-box .login-section a { display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; height: 50px; line-height: 50px; border-radius: 5px; display: inline-block; text-align: left; position: relative; overflow: hidden; }

header .fixed-search-bar .container .search-box .login-section a::after { content: ""; display: block; width: 60px; height: 200px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: top right; transform-origin: top right; position: absolute; left: -100px; top: 50%; }

header .fixed-search-bar .container .search-box .login-section a:hover::after { content: ""; display: block; width: 60px; height: 200px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transform-origin: top right; transform-origin: top right; position: absolute; left: 320px; top: 50%; -webkit-transition: all 2000ms ease-out; transition: all 2000ms ease-out; }

header .fixed-search-bar .container .search-box .login-section a img { height: 50px; display: inline-block; vertical-align: top; }

header .fixed-search-bar .container .search-box .login-section a .link-text { font-size: 14px; display: inline-block; }

header .fixed-search-bar .container .search-box .login-section a .link-text p { color: #fff; font-size: 12px; text-align: left; }

header .fixed-search-bar .container .search-box .login-section a .link-text p:first-child { color: #fbe7b3; font-weight: 700; font-size: 14px; }

header .fixed-search-bar .container .search-box .login-section a .icon_store { display: inline-block; width: 16px; height: 16px; background: url(/skin/2021static/images/icon_store.png) no-repeat center; vertical-align: middle; margin-right: 5px; margin-top: -3px; }

header .fixed-search-bar .container .search-box .login-section > p { color: #999; font-size: 12px; text-align: center; margin-top: 10px; padding-left: 32px; height: 20px; line-height: 20px; }

/* 顶部通栏导航条 */
.banner-line { height: 50px; background-color: #264391; box-shadow: 0 18px 15px #eaeaea;}

.banner-line .wrap { position: relative; }

.banner-line .wrap .list-section { height: 50px; }

.banner-line .wrap .list-section .nav-list { position: relative; text-align: center; width: 220px; height: 50px; color:#ffd9d9; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight:bold; cursor: pointer; }

.banner-line .wrap .list-section .nav-list span { cursor: pointer;color: #fff; font-size: 20px; }
.banner-line .wrap .list-section .nav-list span a{ cursor: pointer; color: #fff; font-size: 20px; }
.banner-line .wrap .list-section .nav-list span a:hover{ color: #FFF;}

.banner-line .wrap .list-section .nav-list .icon { width: 16px; height: 16px; display: inline-block; background-position: center; background-repeat: no-repeat; vertical-align: middle; margin-top: -2px; }

.banner-line .wrap .list-section .industry-list { float: left; }

.banner-line .wrap .list-section .industry-list > li { float: left; position: relative; margin-right:3px; }

.banner-line .wrap .list-section .industry-list > li .hot::after { content: ""; display: inline-block; position: absolute; right: -5px; top: 5px; width: 21px; height: 21px; background: url(/skin/2021static/images/icon_hot.png) no-repeat center; }

.banner-line .wrap .list-section .industry-list > li :first-child a { margin-left: 0; }

.banner-line .wrap .list-section .industry-list > li > a { display: block; position: relative; color: #fff; font-size: 18px; line-height: 50px; min-width: 70px; padding: 0 15px; text-align: center; }

.banner-line .wrap .list-section .industry-list > li > a .color-font { background-clip: text; color: #ffdf7e; font-weight: 700; }

.banner-line .wrap .list-section .industry-list > li > a.hot-industry::after { content: "热"; width: 20px; border-radius: 5px 5px 5px 0; height: 16px; background-color: #fbbb11; color: #fff; font-size: 12px; position: absolute; text-align: center; line-height: 16px; right: -5px; top: 2px; z-index: 1; }
/**142964**/
.banner-line .wrap .list-section .industry-list > li > a.on { background-color: #c00; }

.banner-line .wrap .list-section .industry-list > li > a:hover { background-color: #c00; }