/* =========
    基本默认值
   ========= */
body{font-size: 14px;line-height: 14px;height: 100%;width: 100%;min-width: 1100px;margin:0;background:#f1f1f1;padding:0}
a{color: #333;text-decoration: none}
a:hover,a:active{color: #666;text-decoration: none;}
html{color: #333;font-family:"Microsoft Yahei";}
::selection{background-color: #b3d4fc;text-shadow: none;}
ul,dl,dd{margin: 0;padding: 0;}
li{list-style: none;}
p{margin-top:10px;margin-bottom:0}
table{border-collapse:collapse}
/* =========
    工具样式
   ========= */
.right{float: right}
.left{float: left;}
.color_orange{color:#ff6000}
.hide{display: none !important;}
.show{display: block !important;}
.invisible{visibility: hidden;}
.clearfix:before,
.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
/* =============
   自定义页面样式
   ============= */
.w1200{width:1200px;margin:0 auto}

header{width:100%;line-height:60px}
header .logo{width:212px;height:54px;margin:0 40px}
header .nav a{width:120px;color:#fff;font-size:16px;text-align: center;float:left}
header .nav a.cur{border-bottom:3px solid #fff;font-weight:bold;color:#fff}
.fixednav{position:fixed !important;top:0px !important;left:0px !important;width:100% !important;background:#000 !important;z-index: 99; -webkit-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out;transition: .4s all ease-in-out;}
.fixednav .nav a{color:#fff !important}

/**footer**/
footer{width:100%;background:#6b6b6b;padding:20px 0;margin-top:30px}
footer p{color:#fff;text-align: center;}

/**lesson**/
.lesson{width:720px;float:left;background:#fff}
.lesson ul{width:270px;float:left;height:400px;overflow-y: scroll;}
.lesson li{line-height:50px;text-align: left;text-indent:40px; cursor:pointer;}
.lesson li.cur{color:#2B87FE;border-left:2px solid #2B87FE;background:#fbfbfb}
.lesson li .lesson1{background:url(../images/lesson1.png) no-repeat 15px 16px}
.lesson li .lesson2{background:url(../images/lesson2.png) no-repeat 15px 16px}
.lesson li .lesson3{background:url(../images/lesson3.png) no-repeat 15px 16px}
.lesson li .lesson4{background:url(../images/lesson4.png) no-repeat 15px 16px}
.lesson li .lesson5{background:url(../images/lesson5.png) no-repeat 15px 16px}
.lesson li .lesson6{background:url(../images/lesson6.png) no-repeat 15px 16px}
.lesson li .lesson7{background:url(../images/lesson1.png) no-repeat 15px 16px}
.lesson li .lesson8{background:url(../images/lesson2.png) no-repeat 15px 16px}
    .lesson li >div {
        height:50px;
        overflow:hidden;
    }
.lesson li.cur .lesson1{background:url(../images/lesson1-1.png) no-repeat 15px 12px}
.lesson li.cur .lesson2{background:url(../images/lesson2-1.png) no-repeat 15px 12px}
.lesson li.cur .lesson3{background:url(../images/lesson3-1.png) no-repeat 15px 12px}
.lesson li.cur .lesson4{background:url(../images/lesson4-1.png) no-repeat 15px 12px}
.lesson li.cur .lesson5{background:url(../images/lesson5-1.png) no-repeat 15px 12px}
.lesson li.cur .lesson6{background:url(../images/lesson6-1.png) no-repeat 15px 12px}
.lesson li.cur .lesson7{background:url(../images/lesson1-1.png) no-repeat 15px 12px}
.lesson li.cur .lesson8{background:url(../images/lesson2-1.png) no-repeat 15px 12px}
.lesson .lesson_banner{width:450px;height:400px;float:left;overflow: hidden;}
.lesson .lesson_banner img{width:100%}
.lesson .lesson_banner .type{position:absolute;top:0;right:0}
.lesson .lesson_banner:hover .lesson-shadow{display: block;}
.lesson-shadow{display:none;background:rgba(0,0,0,0.4);width:480px;height:400px;position:absolute;top:0;color:#fff;text-align: center;}
.lesson-shadow img{width:22px !important}
.lesson-shadow a{width:120px;line-height:40px;text-align: center;color:#fff;display: block;background:#2B87FE;border-radius:4px;margin:30px auto}

.news{width:440px;height:400px;background:#fff;padding:0 10px;float:right;}
.news .title{line-height:40px;font-weight:bold}
.news .title a,.news .list a .time{color:#999;font-size:12px;font-weight:normal;float: right;}
.news_top a{position:relative;height:124px;overflow: hidden;display: block;}
.news_top img{width:100%}
.news_top p{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.4);color:#fff;line-height:40px;padding:0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .list p{width:70%;color:#999;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.news .list a{border-bottom:1px dashed #f1f1f1;display: block;padding:10px 0}
.news .list a .title1{width:380px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;float:left;color:#333}
.news .list a:hover .title1{color:#2b87fe}

.about{color:#fff;position:relative;margin-top:20px;margin-bottom:160px}
.produce{background:url(../images/bg.png) no-repeat center;height:260px;}
.produce h2{font-size:16px;text-align: center;padding-top:20px;margin:0}
.produce .jianjie{text-indent:28px;line-height:20px;padding:15px 50px}
.contact li{float:left;margin-left:140px;}
.contact li .right{margin-left:10px}
    .contact li h1 {
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        color: #2B87FE;
        margin-top: 5px;
    }
.contact li p{color:#c3c3c3;text-align: left;}
.step{width:1150px;background:#fff;border-radius:4px;position:absolute;top:230px;left:25px;text-align: center;padding:15px 0}

.gn_menu li{width:260px;background:#fff;border-radius:4px;text-align: center;float:left;margin-left:50px}
.gn_menu li:first-child{margin-left:0}
.gn_menu li a{display: block;padding:30px 0}
.gn_menu li a img{margin:30px 0}
.gn_menu li a p{color:#999}

.partner h1{font-size:14px;font-weight:bold}
.partner a{display: block;float:left;width:160px;height:60px;line-height:60px;background:#fff;margin:0 10px 10px 0;}
.partner a img{vertical-align: middle;width:100%}

.c-banner{width: 1200px;position: relative;height:430px;margin-left:5px;overflow: hidden;}
.banner ul li img{position: absolute;top: 0px;}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 10px;height: 10px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
.login{width:300px;border-radius:4px;position:absolute;right:80px;top:80px;background:rgba(255,255,255,0.6);padding:10px 20px;z-index:999}
.login dd{margin-top:15px}
.login dd .yhm,.login dd .mm,.login dd .yzm{width:100%;border-radius:4px;text-indent:30px;line-height:40px;border:0;padding:0}
.login dd .yhm{background:#fff url(../images/login_icon1.png) 4px no-repeat}
.login dd .mm{background:#fff url(../images/login_icon2.png) 4px no-repeat}
.login dd .yzm{width:196px;background:#fff url(../images/login_icon3.png) 4px no-repeat}
.login dd .btn{width:100%;color:#fff;line-height:40px;background:#0092f7;display: block;text-align: center;border-radius:4px;margin-bottom:30px}
.login dd .zhmm{float: right;color:#fd8e2c}
.login .tab{width:80%;margin:0 auto}
.login .tab span{display: block;float:left;line-height:30px;width:50%;text-align: center; cursor:pointer }
.login .tab span.cur{color:#fd8e2c;border-bottom:2px solid #fd8e2c}

.swiper-container {
    width: 100%;
    height: 540px;
    --swiper-theme-color: #ff6600;
    --swiper-pagination-color: #00ff33; /* 两种都可以 */
}

.banner-slide img {
    width: 100%;
    height: 420px;
}
footer a,footer a:hover {
    color: white;
}
.contact img{
    width:24px;
}