@charset "utf-8";
* { margin:0; padding:0; list-style:none;}
body { min-width:1300px; font-size:12px; font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; color:#262833; margin:0 auto; background:#fff;}
a { color:#262833; text-decoration:none;}
a:hover { text-decoration: none; color:#89211b;}

.clear { clear:both;}
.warp { width:1300px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button],input[type=submit],input[type=file],button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#262833;} 
:-moz-placeholder { color:#262833;} 
::-moz-placeholder { color:#262833;}
:-ms-input-placeholder { color:#262833;} 

@font-face {
	 font-family:"douyu";
 			 src:url('../font/douyu.ttf') format('truetype');
	font-weight:normal;
	 font-style:normal;
}
@font-face {
	 font-family:"iconfont";
 			 src:url('../font/iconfont.woff2?t=1635229687692') format('woff2'),
      			 url('../font/iconfont.woff?t=1635229687692') format('woff'),
       			 url('../font/iconfont.ttf?t=1635229687692') format('truetype');
	font-weight:normal;
	 font-style:normal;
}
.ico { display:inline-block; font:normal normal normal 16px/1 iconfont; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.icon-toy:before { content:"\e7d2";}
.icon-sport:before { content:"\e7d3";}
.icon-creditcard:before { content:"\e7d4";}
.icon-contacts:before { content:"\e7d5";}
.icon-checkstand:before { content:"\e7d6";}
.icon-aviation:before { content:"\e7d7";}
.icon-Daytimemode:before { content:"\e7d8";}
.icon-infantmom:before { content:"\e7d9";}
.icon-discounts:before { content:"\e7da";}
.icon-invoice:before { content:"\e7db";}
.icon-insurance:before { content:"\e7dc";}
.icon-nightmode:before { content:"\e7dd";}
.icon-usercenter:before { content:"\e7de";}
.icon-unlock:before { content:"\e7df";}
.icon-vip:before { content:"\e7e0";}
.icon-wallet:before { content:"\e7e1";}
.icon-landtransportation:before { content:"\e7e2";}
.icon-voice:before { content:"\e7e3";}
.icon-exchangerate:before { content:"\e7e4";}
.icon-collection:before { content:"\e7e5";}
.icon-brand:before { content:"\e7e6";}
.icon-scenes:before { content:"\e7e7";}
.icon-consumption:before { content:"\e7e8";}
.icon-topraning:before { content:"\e7e9";}
.icon-gold-supplier:before { content:"\e7ea";}
.icon-quick:before { content:"\e7eb";}
.icon-writing:before { content:"\e7ec";}
.icon-feed-logo:before { content:"\e7ed";}
.icon-comments:before { content:"\e7ee";}
.icon-favorites:before { content:"\e7ef";}
.icon-order:before { content:"\e7f0";}
.icon-search:before { content:"\e7f1";}
.icon-trade-assurance:before { content:"\e7f2";}
.icon-microphone:before { content:"\e7f3";}
.icon-banzhengfuwu:before { content:"\e7f4";}
.icon-daibancaishui:before { content:"\e7f5";}
.icon-dongtai:before { content:"\e7f6";}
.icon-jiehui:before { content:"\e7f7";}
.icon-shenqingjilu:before { content:"\e7f8";}
.icon-kehuquanyi:before { content:"\e7f9";}
.icon-quanyipeizhi:before { content:"\e7fa";}
.icon-bold:before { content:"\e7fb";}
.icon-zijin:before { content:"\e7fc";}
.icon-eraser:before { content:"\e7fd";}
.icon-Foreigncurrency:before { content:"\e7fe";}
.icon-language:before { content:"\e7ff";}
.icon-rightalignment:before { content:"\e800";}
.icon-danjuzhuanhuan:before { content:"\e801";}
.icon-Transfermoney:before { content:"\e802";}
.icon-Subscribe:before { content:"\e803";}
.icon-robot:before { content:"\e804";}
.icon-auto:before { content:"\e6eb";}
.icon-all:before { content:"\e6ef";}
.icon-bussiness-man:before { content:"\e6f0";}
.icon-component:before { content:"\e6f2";}
.icon-copy:before { content:"\e6f3";}
.icon-dollar:before { content:"\e6f4";}
.icon-history:before { content:"\e6f8";}
.icon-editor:before { content:"\e6f6";}
.icon-data:before { content:"\e6f9";}
.icon-gift:before { content:"\e6fa";}
.icon-integral:before { content:"\e6fb";}
.icon-pic:before { content:"\e6ff";}
.icon-play:before { content:"\e701";}
.icon-QRcode:before { content:"\e704";}
.icon-rmb:before { content:"\e703";}
.icon-similar-product:before { content:"\e707";}
.icon-Exportservices:before { content:"\e702";}
.icon-sendinquiry:before { content:"\e70d";}
.icon-column:before { content:"\e741";}
.icon-add-account:before { content:"\e742";}
.icon-add:before { content:"\e743";}
.icon-agriculture:before { content:"\e744";}
.icon-arrow-right:before { content:"\e745";}
.icon-arrow-left:before { content:"\e746";}
.icon-apparel:before { content:"\e747";}
.icon-all1:before { content:"\e748";}
.icon-arrow-up:before { content:"\e749";}
.icon-bad:before { content:"\e74a";}
.icon-attachent:before { content:"\e74b";}
.icon-browse:before { content:"\e74c";}
.icon-beauty:before { content:"\e74d";}
.icon-assessed-badge:before { content:"\e74e";}
.icon-auto1:before { content:"\e74f";}
.icon-bags:before { content:"\e750";}
.icon-calendar:before { content:"\e751";}
.icon-cart-full:before { content:"\e752";}
.icon-calculator:before { content:"\e753";}
.icon-cameraswitching:before { content:"\e754";}
.icon-cecurity-protection:before { content:"\e755";}
.icon-category:before { content:"\e756";}
.icon-certified-supplier:before { content:"\e757";}
.icon-cart-Empty:before { content:"\e758";}
.icon-color:before { content:"\e759";}
.icon-conditions:before { content:"\e75a";}
.icon-company:before { content:"\e75b";}
.icon-ali-clould:before { content:"\e75c";}
.icon-copy1:before { content:"\e75d";}
.icon-credit-level:before { content:"\e75e";}
.icon-coupons:before { content:"\e75f";}
.icon-connections:before { content:"\e760";}
.icon-cry:before { content:"\e761";}
.icon-costoms-alearance:before { content:"\e762";}
.icon-clock:before { content:"\e763";}
.icon-CurrencyConverter:before { content:"\e764";}
.icon-cut:before { content:"\e765";}
.icon-data1:before { content:"\e766";}
.icon-Customermanagement:before { content:"\e767";}
.icon-descending:before { content:"\e768";}
.icon-customization:before { content:"\e769";}
.icon-discount:before { content:"\e76a";}
.icon-dollar1:before { content:"\e76b";}
.icon-default-template:before { content:"\e76c";}
.icon-eletrical:before { content:"\e76d";}
.icon-electronics:before { content:"\e76e";}
.icon-etrical-equipm:before { content:"\e76f";}
.icon-ellipsis:before { content:"\e770";}
.icon-email:before { content:"\e771";}
.icon-earth:before { content:"\e772";}
.icon-filter:before { content:"\e773";}
.icon-furniture:before { content:"\e774";}
.icon-folder:before { content:"\e775";}
.icon-feeds:before { content:"\e776";}
.icon-hardware:before { content:"\e777";}
.icon-help:before { content:"\e778";}
.icon-good:before { content:"\e779";}
.icon-Householdappliances:before { content:"\e77a";}
.icon-gift1:before { content:"\e77b";}
.icon-form:before { content:"\e77c";}
.icon-image-text:before { content:"\e77d";}
.icon-hot:before { content:"\e77e";}
.icon-inspection:before { content:"\e77f";}
.icon-jewelry:before { content:"\e780";}
.icon-ipad:before { content:"\e781";}
.icon-integral1:before { content:"\e782";}
.icon-kitchen:before { content:"\e783";}
.icon-inquiry-template:before { content:"\e784";}
.icon-link:before { content:"\e785";}
.icon-libra:before { content:"\e786";}
.icon-loading:before { content:"\e787";}
.icon-listing-content:before { content:"\e788";}
.icon-lights:before { content:"\e789";}
.icon-logistics-icon:before { content:"\e78a";}
.icon-messagecenter:before { content:"\e78b";}
.icon-mobile-phone:before { content:"\e78c";}
.icon-manage-order:before { content:"\e78d";}
.icon-move:before { content:"\e78e";}
.icon-Moneymanagement:before { content:"\e78f";}
.icon-namecard:before { content:"\e790";}
.icon-map:before { content:"\e791";}
.icon-Newuserzone:before { content:"\e792";}
.icon-multi-language:before { content:"\e793";}
.icon-office:before { content:"\e794";}
.icon-notice:before { content:"\e795";}
.icon-ontimeshipment:before { content:"\e796";}
.icon-office-supplies:before { content:"\e797";}
.icon-password:before { content:"\e798";}
.icon-operation:before { content:"\e799";}
.icon-packaging:before { content:"\e79a";}
.icon-online-tracking:before { content:"\e79b";}
.icon-packing-labeling:before { content:"\e79c";}
.icon-phone:before { content:"\e79d";}
.icon-pic1:before { content:"\e79e";}
.icon-pin:before { content:"\e79f";}
.icon-play1:before { content:"\e7a0";}
.icon-print:before { content:"\e7a1";}
.icon-machinery:before { content:"\e7a2";}
.icon-process:before { content:"\e7a3";}
.icon-QRcode1:before { content:"\e7a4";}
.icon-Non-staplefood:before { content:"\e7a5";}
.icon-rejected-order:before { content:"\e7a6";}
.icon-resonserate:before { content:"\e7a7";}
.icon-remind:before { content:"\e7a8";}
.icon-return:before { content:"\e7a9";}
.icon-paylater:before { content:"\e7aa";}
.icon-rmb1:before { content:"\e7ab";}
.icon-RFQ-logo:before { content:"\e7ac";}
.icon-save:before { content:"\e7ad";}
.icon-security:before { content:"\e7ae";}
.icon-salescenter:before { content:"\e7af";}
.icon-seleted:before { content:"\e7b0";}
.icon-raw:before { content:"\e7b1";}
.icon-service:before { content:"\e7b2";}
.icon-signboard:before { content:"\e7b3";}
.icon-shuffling-banner:before { content:"\e7b4";}
.icon-sorting:before { content:"\e7b5";}
.icon-sound-Mute:before { content:"\e7b6";}
.icon-Similarproducts:before { content:"\e7b7";}
.icon-suggest:before { content:"\e7b8";}
.icon-stop:before { content:"\e7b9";}
.icon-supplier-features:before { content:"\e7ba";}
.icon-switch:before { content:"\e7bb";}
.icon-survey:before { content:"\e7bc";}
.icon-template:before { content:"\e7bd";}
.icon-text:before { content:"\e7be";}
.icon-task-management:before { content:"\e7bf";}
.icon-tool:before { content:"\e7c0";}
.icon-textile-products:before { content:"\e7c1";}
.icon-tradealert:before { content:"\e7c2";}
.icon-topsales:before { content:"\e7c3";}
.icon-tradingvolume:before { content:"\e7c4";}
.icon-training:before { content:"\e7c5";}
.icon-RFQ-word:before { content:"\e7c6";}
.icon-viewgallery:before { content:"\e7c7";}
.icon-vehivles:before { content:"\e7c8";}
.icon-trust:before { content:"\e7c9";}
.icon-warning:before { content:"\e7ca";}
.icon-shoes:before { content:"\e7cb";}
.icon-video:before { content:"\e7cc";}
.icon-viewlist:before { content:"\e7cd";}
.icon-set:before { content:"\e7ce";}
.icon-store:before { content:"\e7cf";}
.icon-tool-hardware:before { content:"\e7d0";}
.icon-vs:before { content:"\e7d1";}

/*头部*/
.header { width:100%; height:80px; margin:0 auto; background:#fff; position:relative; z-index:999;}
.header .logo { float:left; max-width:500px; height:45px; margin:17.5px 0; overflow:hidden;}
.header .logo img { display:block; height:100%;}

/*导航*/
.header .nav { float:left; height:80px; margin-left:55px;}
.header .nav li { float:left; line-height:80px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li a { display:block; font-size:16px; color:#fff; padding:0 25px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .nav li:hover,
.header .nav .on { background:rgba(0,0,0,0.15);}

/*搜索*/
.header .serch { float:right; width:260px; height:40px; padding-left:15px; margin-top:20px; border-radius:30px; background:#fff;}
.header .serch input { float:left; width:155px; height:40px; line-height:40px; font-size:14px; outline:none; border:none; background:none;}
.header .serch .btn { width:45px; height:40px; font-size:0; padding:0; background:url(../images/cd01.png) no-repeat center center;}
.header .serch .layui-form-select { float:left; width:55px; line-height:40px; font-size:14px; text-align:center; outline:none; border:none; background:none;}
.header .serch .layui-form-select input { float:none; width:100%; padding:0;}
.header .serch .layui-form-select .layui-edge { border-width:5px; border-top-color:#999;}
.header .serch .layui-form-selected dl { padding:0;}
.header .serch .layui-form-select dl dd { line-height:30px;}

/*会员*/
.header .user { float:right; max-width:200px; height:40px; line-height:40px; text-align:center; margin: 20px 0 0 20px; position:relative;}
.header .user span { display: block; height:38px; line-height: 38px; font-weight:500; font-size:15px; color: #fff; cursor: pointer; padding: 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border: 1px solid #fff; border-radius: 20px;}
.header .user p { display: none; width: 120px; padding-top: 20px; position: absolute; right: 0; top: 40px;}
.header .user p::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #fff transparent; position: absolute; right: 10px; top: 12px;}
.header .user p a { display:block; line-height: 45px; font-size:13px; color: #333; cursor: pointer; border-bottom: 1px solid #eee; box-shadow: 0 10px 10px rgba(0,0,0,0.2); background: #fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .user p a:last-child { border-bottom: none; border-radius: 0 0 4px 4px; overflow: hidden;}
.header .user:hover p { display: block;}

/*banner*/
.banner { width:100%; margin:0 auto; padding:40px 0;}
.banner .warp { border-radius:6px; overflow:hidden; box-shadow:0 5px 15px rgba(48,71,185,0.1);}
.banner .swiper-slide { width:100%; height:430px; overflow:hidden; background-repeat:no-repeat; background-position:center top;}
.banner .swiper-slide img { display:block; width:100%; height:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:10px; height:10px; margin:0 5px !important; border-radius:10px; filter:alpha(opacity=60); opacity:0.6; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { width:25px; filter:alpha(opacity=80); opacity:0.8;}
.banner .swiper-button-prev,
.banner .swiper-button-next { width:50px; height:50px; filter:alpha(opacity=30); opacity:0.3; border-radius:50%; background:#262833;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after { font-size:20px; color:#fff;} 
.banner .swiper-button-prev { left:25px;}
.banner .swiper-button-next { right:25px;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover { filter:alpha(opacity=60); opacity:0.6;}
.banner .shuju { width:97%; padding:25px 0 25px 3%; background:#fff;}
.banner .shuju li { float:left; width:calc(100% / 4 - 100px); height:56px; padding-left:70px; margin:0 15px; background-repeat:no-repeat; background-position:left center;}
.banner .shuju li h3 { line-height:30px; font-size:24px; color:#262833; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.banner .shuju li p { line-height:22px; font-size:14px; color:#70748C; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.banner_ej { width:100%; margin:0 auto; overflow:hidden;}
.banner_ej img { display:block; width:100%;}

/*脚部*/
.footer { width:100%; text-align:center; padding: 20px 0; background:#262833;}
.footer a { color:rgba(255,255,255,0.7) !important;}
.footer p { line-height:30px; font-size:15px; color:rgba(255,255,255,0.7);}
.footer p span { display: inline-block; margin: 0 15px; position: relative;}
.footer p span::after { display: block; content: ""; width: 1px; height: 12px; background: rgba(255,255,255,0.25); position: absolute; right: -15px; top: 10px;}
.footer p span:last-child::after { display: none;}

/**栏目标题**/
.tits { width:100%; height:40px; margin-bottom:10px; position:relative;}
.tits::after { display:block; content:""; width:25px; height:25px; border-radius:50%; position:absolute; left:0; top:-5px; z-index:0;}
.tits h3 { float:left; line-height:40px; font-weight: 500; font-family:douyu; font-size:30px; color:#000; padding-left:10px; position:relative; z-index:2;}
.tits .tabs { float:left; line-height:35px; margin-left:30px;}
.tits .tabs li { float:left; font-weight:bold; font-size:16px; color:#000; cursor:pointer; padding:0 20px; position:relative;}
.tits .tabs li::after { display:block; content:""; width:0; height:3px; margin:auto; border-radius:3px; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.tits .tabs .on::after { width:25px;}
.tits a { float:right; line-height:30px; font-size:16px; color:#979ea8; padding-right:20px; background:url(../images/cd06.png) no-repeat right center;}

/**新闻**/
.news { width:100%; padding:40px 0; background:#f9f9f9;}
.news .tits::after { background-image:linear-gradient(190deg,rgba(244,110,82,0.5) 0%,rgba(244,110,82,0.05) 100%);}
.news li { float: left; width: calc(50% - 55px); margin: 20px 25px 0 0; padding: 15px 20px; border: 1px solid #eaeaea; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li:nth-child(2n) { margin-right: 0;}
.news li h3 { line-height: 30px; font-size: 16px; color: #333; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news li p { line-height: 30px; font-size: 15px; color: #999;}

/**课程**/
.course { width:100%; padding:40px 0 15px 0; background: #f0f5fb url(../images/cd19.jpg) no-repeat top center;}
.course .tits::after { background-image:linear-gradient(190deg,rgba(81,134,228,0.5) 0%,rgba(81,134,228,0.05) 100%);}
.course .list { padding-top:20px; overflow:inherit;}
.course .list .swiper-slide { filter:alpha(opacity=0) !important; opacity:0 !important;}
.course .list .swiper-slide-active { filter:alpha(opacity=100) !important; opacity:1 !important;}
.course .list li { float:left; width:calc(100% / 4 - 17px); margin:0 22.5px 22.5px 0; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.05); overflow:hidden; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.course .list li:nth-child(4n) { margin-right:0;}
.course .list li a { display:block; width:100%;}
.course .list li .img { width:100%; height:175px; border-radius:8px 8px 0 0; overflow:hidden; position:relative;}
.course .list li .img i { display:block; width:50px; height:30px; line-height:30px; font-size:12px; color:#fff; font-style:normal; text-align:center; border-radius:0 0 8px 0; position:absolute; left:-1px; top:-1px; z-index:2;}
.course .list li .img .cor1 { background:#4892f6;}
.course .list li .img .cor2 { background:#20bec8;}
.course .list li .img .cor3 { background:#f46e52;}
.course .list li .img img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.course .list li .msg { padding:15px;}
.course .list li .msg h3 { height:50px; line-height:25px; font-weight:bold; font-size:16px; color:#000; overflow:hidden;}
.course .list li .msg span { display:block; height:21px; line-height:21px; font-size:14px; color:#737373; padding-left:25px; margin:15px 10px 15px 0; background:url(../images/cd07.png) no-repeat left top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.course .list li .msg p { display:inline-block; height:25px; line-height:25px; font-size:12px; color:#737373; padding-right:10px; border:1px solid #e8eaec; border-radius:3px; overflow:hidden;}
.course .list li .msg p i { display:inline-block; font-style:normal; color:#fff; padding:0 10px;}
.course .list li .msg p .bg1 { background:#ff9700;}
.course .list li .msg p .bg2 { background:#f46e52;}
.course .list li .msg p .bg3 { padding-left:20px; background:#59be30 url(../images/td.gif) no-repeat 5px center;}
.course .list li .msg p .bg4 { background:#979ea8;}
.course .list li:hover { transform:translateY(-7px);}
.course .list li:hover .img img { transform:scale(1.02,1.02);}
.scourse { background: none;}
.scourse .tits::after { background-image:linear-gradient(190deg,rgba(244,110,82,0.5) 0%,rgba(244,110,82,0.05) 100%);}

/**资源**/
.resource { width:100%; padding:40px 0 15px 0;}
.resource .tits::after { background-image:linear-gradient(190deg,rgba(244,110,82,0.5) 0%,rgba(244,110,82,0.05) 100%);}
.resource .list { padding-top:20px; overflow:inherit;}
.resource .list .swiper-slide { filter:alpha(opacity=0) !important; opacity:0 !important;}
.resource .list .swiper-slide-active { filter:alpha(opacity=100) !important; opacity:1 !important;}
.resource .list li { float:left; width:calc(100% / 4 - 17px); margin:0 22.5px 22.5px 0; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.08); overflow:hidden; background:#fff; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.resource .list li:nth-child(4n) { margin-right:0;}
.resource .list li a { display:block; padding:15px;}
.resource .list li a i { display:block; width:50px; height:25px; line-height:25px; font-size:12px; color:#fff; font-style:normal; text-align:center; border:1px solid #fff; border-radius:0 0 8px 0; position:absolute; left:-1px; top:-1px; z-index:2;}
.resource .list li a .cor1 { background:#4892f6;}
.resource .list li a .cor2 { background:#20bec8;}
.resource .list li a .cor3 { background:#f46e52;}
.resource .list li .img { width:100%; height:135px; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.resource .list li .bgs1 { background-color:rgba(72,146,246,0.08); background-image:url(../images/cd08.png);}
.resource .list li .bgs2 { background-color:rgba(255,167,0,0.08); background-image:url(../images/cd09.png);}
.resource .list li .bgs3 { background-color:rgba(32,190,200,0.08); background-image:url(../images/cd10.png);}
.resource .list li .bgs4 { background-color:rgba(116,66,225,0.08); background-image:url(../images/cd11.png);}
.resource .list li .bgs5 { background-color:rgba(35,172,57,0.08); background-image:url(../images/cd12.png);}
.resource .list li .msg { padding-top:15px;}
.resource .list li .msg h3 { height:50px; line-height:25px; font-weight:bold; font-size:16px; color:#000; word-break:break-all; overflow:hidden;}
.resource .list li .msg span { display:block; float:left; height:20px; line-height:20px; font-size:12px; color:#4d525c; margin:15px 5px 10px 0; padding:0 10px; border:1px solid #dbdee6; border-radius:10px;}
.resource .list li .msg p { height:25px; line-height:25px; font-size:12px; color:#6c717d; overflow:hidden;}
.resource .list li .msg p i { display:inline-block; font-style:normal; width:4px; height:4px; border-radius:4px; margin:0 10px; background:#b1b5bf; position:relative; top:12px;}
.resource .list li:hover { transform:translateY(-7px);}
.resource .list li:hover .img img { transform:scale(1.02,1.02);}
.resource .list li .video { background-color:rgba(72,146,246,0.08); background-image:url(../images/video.png);}
.resource .list li .ppt { background-color:rgba(255,167,0,0.08); background-image:url(../images/ppt.png);}
.resource .list li .image { background-color:rgba(32,190,200,0.08); background-image:url(../images/image.png);}
.resource .list li .mp3 { background-color:rgba(116,66,225,0.08); background-image:url(../images/mp3.png);}
.resource .list li .xls { background-color:rgba(35,172,57,0.08); background-image:url(../images/xls.png);}
.resource .list li .doc { background-color:rgba(42,113,235,0.08); background-image:url(../images/doc.png);}
.resource .list li .audio { background-color:rgba(177,224,36,0.08); background-image:url(../images/audio.png);}
.resource .list li .document { background-color:rgba(255,167,0,0.08); background-image:url(../images/document.png);}
.resource .list li .evercam { background-color:rgba(32,190,200,0.08); background-image:url(../images/evercam.png);}
.resource .list li .link { background-color:rgba(32,190,200,0.08); background-image:url(../images/link.png);}
.resource .list li .file { background-color:rgba(72,146,246,0.08); background-image:url(../images/file.png);}
.resource .list li .flash { background-color:rgba(244,110,82,0.08); background-image:url(../images/flash.png);}
.resource .list li .pdf { background-color:rgba(255,82,93,0.08); background-image:url(../images/pdf.png);}
.resource .list li .scorm { background-color:rgba(88,120,180,0.08); background-image:url(../images/scorm.png);}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1300px; margin:25px auto;}

/*详情页公用*/
.lh { min-height:300px; line-height:30px; font-size:14px; color:#666; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.serchms { font-size:20px; line-height:60px; color:#262833; text-align:center;}
.shownr { padding:15px 25px; background:#fff;}
.shownr .titls { margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #eee; position:relative;}
.shownr .titls h3 { line-height:40px; font-weight:500; font-size:22px; color:#262833;}
.shownr .titls p { line-height:25px; font-size:12px; color:#bbb;}
.shownr .titls p span { margin-right:25px;}
.shownr .pags { line-height:25px; font-size:14px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.shownr .pags p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shownr .pags a { color:#999;}
.shownr .pags .fr { text-align:right;}
.shownr .img { float:left; width:315px; height:385px; overflow:hidden;}
.shownr .img img { display:block; width:100%;}
.shownr .msg { float:right; width:calc(100% - 355px);}
.shownr .msg h3 { line-height:40px; font-weight:500; font-size:24px; color:#262833; padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #f4f4f4;}
.shownr .msg p { line-height:30px; font-size:15px; color:#262833; margin-bottom:10px;}
.shownr .msg p b { font-weight:500; color:#666;}
.shownr h1 { line-height:45px; font-size:18px; color:#fff; margin-top:20px; border-bottom:1px solid #eee;}
.shownr h1 span { display:inline-block; padding:0 20px; border-radius:4px 4px 0 0;}

/*分页*/
.scott { overflow:hidden; text-align:center; letter-spacing:2px; margin:30px auto;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; border-radius:4px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.scott a,
.scott span { display:block; padding:0px 15px; font-size:14px; cursor:pointer;}
.scott li:hover a,
.scott li:hover span,
.scott .active span { color:#fff;}
.el-pagination { text-align: center; padding:20px 0 !important;}
.el-pagination.is-background .btn-prev { margin-left:0 !important;}
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li { border:1px solid #eee; background:#fff !important;}

/*课程列表*/
.chosenav { padding:35px 0;}
.chosenav .tits { width:calc(100% - 50px); margin-bottom:0; padding-bottom:10px;}
.chosbl { background:linear-gradient(90deg,#dde9fd,#f0f5fb 45%);}
.chosbl .tits::after { background-image:linear-gradient(190deg,rgba(81,134,228,0.5) 0%,rgba(81,134,228,0.05) 100%);}
.chosrd { background:linear-gradient(90deg,#dde9fd,#f0f5fb 45%);}
.chosrd .tits::after { background-image:linear-gradient(190deg,rgba(244,110,82,0.5) 0%,rgba(244,110,82,0.05) 100%);}
.chosenav .srch { float:right; height:30px; border:1px solid #e8eaec; border-radius:4px; overflow:hidden;}
.chosenav .srch input { float:left; width:180px; line-height:30px; font-size:13px; color:#979ea8; padding:0 15px; border:none; background:#fff;}
.chosenav .srch .btn { width:40px; background:#70748c url(../images/cd18.png) no-repeat center center;}
.chosenav li { width:100%; line-height:30px; margin-top:15px;}
.chosenav li span { float:left; width:80px; font-weight:bold; font-size:16px; color:#262833;}
.chosenav li p { float:right; width:calc(100% - 90px);}
.chosenav li p a { display:inline-block; font-size:14px; color:#262833; padding:0 15px; margin-left:10px;}
.chosenav li p .on { border-radius:15px;}
.sorts { width:100%; margin-bottom:25px;}
.sorts a { display:block; float:left; height:35px; line-height:35px; font-size:14px; color:#262833; padding:0 25px; margin-left:-1px; border:1px solid #e4e4e4; -webkit-transition:all .5s ease; transition:all .5s ease;}

.coulist { width:100%;}
.coulist li { float:left; width:calc(100% / 4 - 17px); margin:0 22.5px 22.5px 0; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.05); overflow:hidden; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.coulist li:nth-child(4n) { margin-right:0;}
.coulist li a { display:block; width:100%;}
.coulist li .img { width:100%; height:175px; border-radius:8px 8px 0 0; overflow:hidden; position:relative;}
.coulist li .img i { display:block; width:50px; height:30px; line-height:30px; font-size:12px; color:#fff; font-style:normal; text-align:center; border-radius:0 0 8px 0; position:absolute; left:-1px; top:-1px; z-index:2;}
.coulist li .img .cor1 { background:#4892f6;}
.coulist li .img .cor2 { background:#20bec8;}
.coulist li .img .cor3 { background:#f46e52;}
.coulist li .img img { display:block; width:100%; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.coulist li .msg { padding:15px;}
.coulist li .msg h3 { height:50px; line-height:25px; font-weight:bold; font-size:16px; color:#000; overflow:hidden;}
.coulist li .msg span { display:block; height:21px; line-height:21px; font-size:14px; color:#737373; padding-left:25px; margin:15px 10px 15px 0; background:url(../images/cd07.png) no-repeat left top; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.coulist li .msg p { display:inline-block; height:25px; line-height:25px; font-size:12px; color:#737373; padding-right:10px; border:1px solid #e8eaec; border-radius:3px; overflow:hidden;}
.coulist li .msg p i { display:inline-block; font-style:normal; color:#fff; padding:0 10px;}
.coulist li .msg p .bg1 { background:#ff9700;}
.coulist li .msg p .bg2 { background:#f46e52;}
.coulist li .msg p .bg3 { padding-left:20px; background:#59be30 url(../images/td.gif) no-repeat 5px center;}
.coulist li .msg p .bg4 { background:#979ea8;}
.coulist li .mgs { padding:10px 15px;}
.coulist li .mgs h3 { line-height:30px; font-weight:bold; font-size:16px; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.coulist li .mgs p { height: 50px; margin-top: 5px;}
.coulist li .mgs p span { display: block; height: 25px; line-height: 25px; font-size: 13px; color: #bbb;}
.coulist li .mgs p span b { font-weight: 500; color: #666;}
.coulist li:hover { transform:translateY(-7px);}
.coulist li:hover .img img { transform:scale(1.02,1.02);}

.lstnr { margin-top:10px;}
.lstnr li { width:285px; margin:5px 20px 15px 0;}
.lstnr li:nth-child(4n) { margin-right:0;}
.lstnr li .img { width:285px; height:170px;}
.lstnr li .img i { width:80px; height:25px; line-height:25px; font-size:12px; margin-top:10px;}
.lstnr li .msg {  height: 90px; padding:5px 15px 10px 15px;}
.lstnr li .msg h3 { line-height:30px; font-size:16px; margin:5px 0;}
.lstnr li .msg p { float:none; max-width:100%;}
.lstnr li .msg p span { line-height:22px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.nocours { width:100%; margin:60px auto; padding-top:140px; background:url(../images/not-comment.png) no-repeat center top;}
.nocours p { line-height:30px; font-size:16px; color:#999; text-align:center;}

/*资源列表*/
.sourlst { width:100%;}
.sourlst li { float:left; width:calc(100% / 4 - 17px); margin:0 22.5px 22.5px 0; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.08); overflow:hidden; background:#fff; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sourlst li:nth-child(4n) { margin-right:0;}
.sourlst li a { display:block; padding:15px;}
.sourlst li a i { display:block; width:50px; height:25px; line-height:25px; font-size:12px; color:#fff; font-style:normal; text-align:center; border:1px solid #fff; border-radius:0 0 8px 0; position:absolute; left:-1px; top:-1px; z-index:2;}
.sourlst li a .cor1 { background:#20bec8;}
.sourlst li a .cor2 { background:#f46e52;}
.sourlst li .img { width:100%; height:135px; overflow:hidden; background-repeat:no-repeat; background-position:center;}
.sourlst li .bgs1 { background-color:rgba(72,146,246,0.08); background-image:url(../images/cd08.png);}
.sourlst li .bgs2 { background-color:rgba(255,167,0,0.08); background-image:url(../images/cd09.png);}
.sourlst li .bgs3 { background-color:rgba(32,190,200,0.08); background-image:url(../images/cd10.png);}
.sourlst li .bgs4 { background-color:rgba(116,66,225,0.08); background-image:url(../images/cd11.png);}
.sourlst li .bgs5 { background-color:rgba(35,172,57,0.08); background-image:url(../images/cd12.png);}
.sourlst li .bgs6 { background-color:rgba(177,224,36,0.08); background-image:url(../images/cd13.png);}
.sourlst li .bgs7 { background-color:rgba(88,120,180,0.08); background-image:url(../images/cd14.png);}
.sourlst li .bgs8 { background-color:rgba(42,113,235,0.08); background-image:url(../images/cd15.png);}
.sourlst li .msg { padding-top:15px;}
.sourlst li .msg h3 { height:50px; line-height:25px; font-weight:bold; font-size:16px; color:#000; word-break:break-all; overflow:hidden;}
.sourlst li .msg span { display:block; float:left; height:20px; line-height:20px; font-size:12px; color:#4d525c; margin:15px 5px 10px 0; padding:0 10px; border:1px solid #dbdee6; border-radius:10px;}
.sourlst li .msg p { height:25px; line-height:25px; font-size:12px; color:#6c717d; overflow:hidden;}
.sourlst li .msg p i { display:inline-block; font-style:normal; width:4px; height:4px; border-radius:4px; margin:0 10px; background:#b1b5bf; position:relative; top:12px;}
.sourlst li:hover { transform:translateY(-7px);}
.sourlst li:hover .img img { transform:scale(1.02,1.02);}
.sourlst li .video { background-color:rgba(72,146,246,0.08); background-image:url(../images/video.png);}
.sourlst li .ppt { background-color:rgba(255,167,0,0.08); background-image:url(../images/ppt.png);}
.sourlst li .image { background-color:rgba(32,190,200,0.08); background-image:url(../images/image.png);}
.sourlst li .mp3 { background-color:rgba(116,66,225,0.08); background-image:url(../images/mp3.png);}
.sourlst li .xls { background-color:rgba(35,172,57,0.08); background-image:url(../images/xls.png);}
.sourlst li .doc { background-color:rgba(42,113,235,0.08); background-image:url(../images/doc.png);}
.sourlst li .audio { background-color:rgba(177,224,36,0.08); background-image:url(../images/audio.png);}
.sourlst li .document { background-color:rgba(255,167,0,0.08); background-image:url(../images/document.png);}
.sourlst li .evercam { background-color:rgba(32,190,200,0.08); background-image:url(../images/evercam.png);}
.sourlst li .link { background-color:rgba(32,190,200,0.08); background-image:url(../images/link.png);}
.sourlst li .file { background-color:rgba(72,146,246,0.08); background-image:url(../images/file.png);}
.sourlst li .flash { background-color:rgba(244,110,82,0.08); background-image:url(../images/flash.png);}
.sourlst li .pdf { background-color:rgba(255,82,93,0.08); background-image:url(../images/pdf.png);}
.sourlst li .scorm { background-color:rgba(88,120,180,0.08); background-image:url(../images/scorm.png);}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:400px; margin:0 50px 40px 0; overflow:hidden; position:relative;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li .img { display:table-cell; width:400px; height:435px; padding:20px; vertical-align:middle; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; background:#fff; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li .img img { display:block; max-width:100%; max-height:100%; margin:auto;}
.prolist li h3 { line-height:30px; font-weight:500; font-size:18px; color:#262833; margin-top:15px; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;}
.prolist li h3::after { display:block; content:""; width:9px; height:9px; border:1px solid #262833; border-radius:50%; position:absolute; left:0; top:11px; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li p { float:left; max-width:68%; line-height:30px; font-size:14px; color:#888; padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.prolist li span { display:block; float:right; max-width:25%; line-height:30px; font-size:12px; color:#89211b;}
.prolist li span b { font-weight:500; font-size:18px;}
.prolist li:hover .img,.prolist li:hover h3::after { border-color:#89211b;}

/*新闻列表*/
.newlist { width:100%;}
.newlist li { float: left; width: calc(50% - 55px); margin: 20px 25px 0 0; padding: 15px 20px; border: 1px solid #eaeaea; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li:nth-child(2n) { margin-right: 0;}
.newlist li a { display:block; width:100%;}
.newlist li h3 { line-height:30px; font-weight:bold; font-size:16px; color:#262833; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li p { height:50px; line-height:25px; font-size:14px; color:#999; overflow:hidden;}
.newlist li span { display:block; line-height:25px; font-size:14px; color:#999;}
.newlist li:hover { box-shadow:0 0 10px rgba(0,0,0,0.1);}

/*教师列表*/
.teach { width:100%;}
.teach li { float:left; width:215px; margin:0 21.5px 20px 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.teach li:nth-child(4n) { margin-right:0;}
.teach li .img { width:215px; height:260px; text-align:center; vertical-align:middle; overflow:hidden;}
.teach li .img img { display:inline-block; height:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.teach li h3 { line-height:25px; font-weight:500; font-size:16px; color:#262833; margin-top:10px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.teach li p { line-height:25px; font-size:12px; color:#999; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.teach li:hover .img img { transform:scale(1.05,1.05);}

/*搜索*/
.sercher { line-height:30px; padding:10px 20px; border-top:1px solid #f4f4f4; background:#fff;}
.sercher p { font-size:14px; color:#999;}
.sercher p a { margin-right:10px;}
.sercher p a:hover,.sercher p .act { font-weight:bold;}