@charset "utf-8";
html,body{ font:16px "microsoft yahei", Helvetica, Tahoma, Arial, "Microsoft jhengHei", sans-serif; color:#fff;}
body,div,input,ul,li,p,dl,dt,dd,h1,h2,h3,th,td{ margin:0; padding:0; outline:none;}
img,input{ border:none; vertical-align:middle;}
li{ list-style:none;}
a{ text-decoration:none; color:#fff; cursor:pointer; outline:none;}
h1,h2,h2{ font-size:100%; font-weight:normal;}

nav.navbar{width:100%;background-color: #000;margin-bottom: 0;padding: 50px 0;position: fixed;left:0;top:0;z-index: 999;opacity: .8;}
.navbar .container-fluid{}
.navbar .logo{float:left;}
.navbar .logo img{width: 88px;height: 79px;}
.navbar .navRight{float:left; color: #fff;width: 66%;margin-left: 20px;}
.navbar .navRight div{line-height: 90px;text-align: center;width: 16%;}
.navbar ul{background-color:#000;border: none;width: 100%;margin-top: 15px;}
.navbar ul li a{color:#fff;font-size: 16px;text-align: center;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#000;}
.navbar .right{display:none;}
.navbar .search{float:left;padding: 30px 0;margin-left: 20px;}
.navbar .search .searTXT{border: 1px solid #898989;border-radius: 4px;height: 28px;padding-left: 10px;color: #898989;font-size: 14px;}
.navbar .search i{font-style: normal;}
.navbar .search i a{text-decoration: none;color:#898989;width: 40px; text-align: center;display: inline-block;}
div.container-fluid{padding: 0;}
.navwap_show{display:none;}

.banner{background-size: 100% 100%;background-attachment: fixed;height:600px;overflow: hidden;margin-top: 15em;}

.ruankao_banner{background-size: 100% 100%;background-attachment: fixed;background: url("../images/ruankaobanner.jpg") no-repeat center center;width:100%;height:612px;overflow: hidden;background-size: 100%;}
.ruankao_banner a{display: block;background-color: #ff9933;width: 324px;height: 60px;line-height: 60px;text-align: center;color: #cc3300; margin: 514px auto 0;text-decoration: none;font-size: 28px;border-radius: 32px;}
.ruankao_banner a:hover{text-decoration:none;color:#0000cc;}
.ruankao02{width:100%;background:url("../images/ruankao2bg.png") center top no-repeat;}
.ruankao02 h2{text-align: center; margin: 0; padding: 100px 0 50px;font-size: 100px;}
.ruankao02 ul{width:80%; margin: 0 auto;padding: 25px 0 150px; overflow: hidden;}
.ruankao02 ul li{float:left;margin-left: 10px;width:15%;background-color: #D8E3FC;border: 2px solid #fff;box-shadow: 0.11;border-radius: 15px;font-size: 16px;color: #666;line-height: 28px;padding: 15px;height: 260px;}



.wrap01{width:93%;}
.container-fluid h2{text-align: center;vertical-align: middle;font-size: 42px;font-weight: normal;margin-top: 48px;margin-bottom: 76px;}
.container-fluid h2 i{display: inline-block;background:url(../images/img_02.jpg) no-repeat;background-size: 100% 100%;width: 50px;height: 50px;margin: 0 10px;}
.container-fluid h2 em{font-style:normal;vertical-align:top;}
.container-fluid h2 strong{display: block;font-weight:normal;color: #959595;font-size: 38px;margin-top: 15px;}
.wrap01 ul{overflow: hidden;}
.wrap01 .wrap01Ul li{float:left;width:334px;height: 334px;}
.wrap01 .wrap01Ul li.libg{background-color:#838383;text-align: center;font-size: 52px;color: #fff;line-height: 334px;}
.wrap01 .wrap01Ul li img{}

.wrap02 .wrap02Ul li{float:left;margin-left: 80px;}
.wrap02 .wrap02Ul dl{overflow:hidden;}
.wrap02 .wrap02Ul dl dt,.wrap02 .wrap02Ul dl dd{float:left;}
.wrap02 .wrap02Ul dl dt img{width:220px;height: 130px;}
.wrap02 .wrap02Ul dl dd{margin-left: 20px;width: 345px;}
.wrap02 .wrap02Ul dl dd h3{font-size:16px;color: #181818;height: 32px;line-height: 32px;white-space: nowrap;text-align: left;margin-top: 0;}
.wrap02 .wrap02Ul dl dd p{height: 48px;line-height: 24px;font-size: 14px;color: #3d3d3d;word-wrap: break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} 
.wrap02 .wrap02Ul dl dd .info-bottom{overflow:hidden;}
.wrap02 .wrap02Ul dl dd .info-bottom i{float:left;background: url(../images/img_05.png) no-repeat left top;font-style: normal;background-size: contain;padding-left: 30px;}

.wrap03{background-color:#c1c1c1;}
.wrap03 .link{width:80%;margin: 130px auto 90px;overflow: hidden;}
.wrap03 .Flink{color:#000;font-size: 20px;float: left;line-height: 50px;}
.wrap03 .Imglink{float:left;margin-left: 50px;}
.wrap03 .Imglink a{display:inline-block;margin-left: 14px;}
.wrap03 .Imglink img{width:120px;height: 52px;}
.wrap03 .Wordlink{float:left;margin-top: 52px;margin-left: 128px;}
.wrap03 .Wordlink a{margin-left:16px;font-size: 16px;color: #000;}




.footer{background-color:#333;width: 100%;}
.footerCon{width:80%;margin: 90px auto 42px;font-size: 14px;line-height: 24px;color: #aaa;overflow: hidden;}
.footerCon .leftLogo,.footerCon .left{float:left;width:33%;text-align: center;}
.footerCon .right{float:left;width: 34%;}
.footerCon .right p{display: inline-block;float:right;width: 40%;text-align: center;margin-left: 38px;}
.footerCon .leftLogo img{width:100%;}
.footerCon .left{margin-top: 20px;}
.footerCon .right img{width:100%;line-height: 20px;}

/*software.html*/
.soft_01{width: 100%; background:url(../images/soft_01.jpg) no-repeat left top;background-size: 100%;}
.soft_01 .title{width:820px;height: 146px;margin: 174px auto 152px;}
.soft_01 ul{overflow:hidden;width: 80%;margin: 0 auto 200px;}
.soft_01 ul li{float:left;width:30%;height: 287px;background-size: 100%;font-size: 54px;color: #fff;text-align: center;margin-left: 10px;display: flex;align-items: center;justify-content: center;}
.soft_01 ul li:nth-child(1){background:url("../images/soft_06.png") center center no-repeat;}
.soft_01 ul li:nth-child(2){background:url("../images/soft_07.png") center center no-repeat;}
.soft_01 ul li:nth-child(3){background:url("../images/soft_08.png") center center no-repeat;}
.soft_01 ul li img{transition: transform 0.3s ease;}
.soft_01 ul li:hover img{transform: scale(1.1);}
.soft_01 ul li span{}
.soft_01 ul li i{display: block;font-size:38px;font-style: normal;}

.soft_02{width:100%;background:#fff url(../images/soft_02.jpg) no-repeat left top;}
.soft_02 .soft_02Con{width:518px;position:relative;left: 50%;top: 0;margin-bottom: 40px;}
.soft_02 .soft_02Con .title img{width: 309px;height: 78px;}
.soft_02 .soft_02Link{}
.soft_02 .soft_02Link a{display:block;font-size: 28px;color: #888;text-decoration: none;text-align: right;margin-top: 34px;}
.soft_02 .soft_02Link a i{display:inline-block;width: 176px;height: 48px;background-color: #d1c0a5;font-size: 20px;font-style: normal;border-radius: 32px;margin-left: 50px;text-align: center;line-height: 48px;}

.soft_03{width:100%;background:url(../images/soft_03.jpg) no-repeat center top;background-size: cover;}
.soft_03 .title{margin:100px auto 70px;width:474px;height: 56px;}
.soft_03 ul{overflow:hidden;width: 80%;margin: 0 auto;}
.soft_03 ul li{width: 100%;background:rgba(255,255,255,0.17); height: 168px;font-size: 22px;margin-bottom: 36px;color: #fff;position:relative;}
.soft_03 ul li strong{display: inline-block; font-size:32px;width: 254px; height: 168px;line-height:168px;;border-right: 1px solid #000;text-align: center;}
.soft_03 ul li i{display:inline-block;font-style: normal;margin-left: 38px;position:absolute;left:250px;line-height: 30px;font-size:.8em;}
.soft_03 ul li i span{font-size:1em;font-weight: bold;color: #ffff00;}
.soft_03 ul li:nth-child(1) i{top: 68px;}
.soft_03 ul li:nth-child(2) i{top: 24px;}
.soft_03 ul li:nth-child(3) i{top: 48px;}
.soft_03 .title_{margin: 30px auto 64px;}
.soft_03 .softGuide{width:80%;margin: 0 auto 40px;overflow: hidden;}
.soft_03 .softGuide .left{float:left;width: 54%;}
.soft_03 .softGuide .left span{display:inline-block;width: 136px;height: 44px;line-height: 44px;text-align: center;background-color: #d1c0a5;color: #000;font-size: 20px;cursor: pointer;margin-right: 14px;margin-bottom: 26px;}
.soft_03 .softGuide .right{float:left;width: 46%;}
.soft_03 .softGuide .right span,.soft_03 .softGuide .right i{color: #fff;font-size: 20px;margin-left: 12px;line-height: 40px;cursor: pointer;}
.soft_03 .softGuide .right i{font-size:16px;font-style: normal;}
.soft_03 .softGuide .right a{display:block;width: 146px;height: 42px;line-height: 42px;text-align: center;color: #000;font-size: 20px;background-color: #d1c0a5;float: right;text-decoration: none;}
.soft_04{width: 80%; margin: 0 auto;}
.soft_04 h2{margin:0 auto;color: #666;padding: 100px 0 50px;font-size: 60px;font-weight: bold;}
.soft_04 ul{overflow:hidden;padding-bottom: 50px;}
.soft_04 ul li{float:left;}
.soft_04 ul li span{display:block;text-align: center;color: #666;}
.soft_04 ul li span i,.soft_04 ul li span strong{display:block;font-style:normal;font-size: 20px;padding: 5px 0;}
.soft_04 ul li span em{display:block;font-style: normal;}
.soft_05{background:#333 url(../images/soft_14.jpg) no-repeat center top;background-size:100%;width:100%;height: 100%;}
.soft_05 .soft_05Con{width:80%; margin: 0 auto;overflow: hidden;}
.soft_05 .btnL,.soft_05 .btnR{float:left;background-color: #ffff00;width: 240px;height: 60px;line-height: 60px;text-align: center;color: #333; margin-top: 340px;margin-left: 20px; text-decoration: none;font-size: 28px;border-radius: 32px;}
.soft_05 .btnL{margin-left:120px;}




/*project.html*/
.project{min-height:600px;}
.project01{background:#fff;width: 100%;}
.project01Con,.project02Con,.project03Con,.project04Con,.project05Con,.project06Con{width:80%;margin: 0 auto;overflow: hidden;}
.project01Con{background: url(../images/soft_15.jpg) no-repeat left 110px;}
.project01Con .wrap,.project02Con .wrap,.project03Con .wrap,.project04Con .wrap,.project05Con .wrap,.project06Con .wrap{text-align: center;width: 390px;margin-top: 190px;}
.project01Con .wrap,.project03Con .wrap,.project04Con .wrap{float: right;margin-bottom: 190px;}
.project02Con .wrap,.project06Con .wrap{float: left;margin-bottom: 155px;}
.project05Con .wrap{float:left;margin-bottom: 140px;margin-top: 140px;}
.project06Con .wrap{margin-top:130px;}
.project01Con .wrap .title,.project02Con .wrap .title,.project03Con .wrap .title,.project04Con .wrap .title,.project05Con .wrap .title,.project06Con .wrap .title{font-size:42px;color: #000;}
.project01Con .wrap .wrapcon,.project02Con .wrap .wrapcon,.project03Con .wrap .wrapcon,.project04Con .wrap .wrapcon,.project05Con .wrap .wrapcon,.project06Con .wrap .wrapcon{font-size: 18px;line-height: 30px;}
.project01Con .wrap .wrapcon{color: #adadad;}
.project02{background:#fff url(../images/soft_16.jpg) no-repeat center top;width: 100%;}
.project02Con .wrap .wrapcon,.project04Con .wrap .title{color: #000;}
.project03{background:url(../images/soft_17.jpg) no-repeat center top;width: 100%;}
.project03Con .wrap .title,.project03Con .wrap .wrapcon,.project06Con .wrap .title,.project06Con .wrap .wrapcon{color:#fff;}
.project04Con .wrap .wrapcon{color:#747474;}
.project05Con .wrap .wrapcon{color:#adadad;}
.project04{background:#e5e1e0;width: 100%;}
.project04Con{background:url(../images/soft_18.jpg) no-repeat left top;}
.project05{background:#fff;width: 100%;}
.project05Con{background:url(../images/soft_19.jpg) no-repeat right 30px;}
.project06{background:#807e7e url(../images/soft_20.jpg) no-repeat right top;}

/*xrwx.html*/
.xrwxbanner{background:url(../images/xrwx01.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed;height:799px;}
.xrwxbanner .btn{position:absolute;left: 50%;bottom: 100px;margin-left: -390px;}
.xrwxbanner .btn span{display:inline-block;width: 290px;height: 74px;line-height: 74px;text-align: center;font-size: 30px;background-color: #1eb8f7;color: #fff;border-radius: 32px;margin-left: 50px;}
.xrwx01{width:100%;}
.xrwx01 ul{width:80%;margin: 90px auto;overflow: hidden;}
.xrwx01 ul li{float:left;width: 23%;margin-left: 18px;}
.xrwx01 ul li:nth-child(1){margin-left:0;}
.xrwx01 ul li img{width:100%;}
.xrwx01 ul li i{display:block;font-size: 36px;text-align: center;font-style: normal;margin-top: 50px;}
.xrwx02{background:url(../images/xrwx06.jpg) no-repeat center top;}
.xrwx02 .title{text-align:center;margin: 90px auto 0;font-size: 48px;}
.xrwx02 .title i{font-size:20px;font-style: normal;display: block;margin-top: 10px;}
.xrwx02 ul{width:80%;margin: 70px auto;overflow: hidden;}
.xrwx02 ul li{width:23%;margin-left: 18px;background: #fff;float: left;height: 364px;}
.xrwx02 ul li:nth-child(1){margin-left:0;}
.xrwx02 ul li .liImg{width:100%;background:#fff;text-align: center;vertical-align: middle;height: 178px;border-bottom: 1px solid #cfcfcf;}
.xrwx02 ul li .liImg img{position:relative;left:1%;top: 20px;}
.xrwx02 ul li .liCon{text-align:center;font-size: 28px;width: 80%;margin: 24px auto;height: 88px;}
.xrwx02 ul li .liCon i{font-style:normal;font-size: 16px;line-height: 16px;display:block;color:#cfcfcf;}
.xrwx02 ul li .liBtn{width:100%;height: 50px;line-height: 50px;text-align: center;font-size: 24px;color: #fff;background-color: #1eb8f7;cursor: pointer;}
.xrwx03{background:#eee;}
.xrwx03 ul li .liCon{font-size:20px;}
.xrwx02 ul li{height:316px;}
.xrwx02 ul li .liImg{border-bottom:0;height:220px;}
.xrwx02 ul li .liCon{font-size: 16px;height: auto;}
.xrwx05{width:100%;overflow:hidden;}
.xrwx05 img{width:100%;margin: 0 auto;}
.xrwx06{background:url(../images/xrwx19.jpg) no-repeat;background-size: 100% 100%;height:770px;overflow: hidden;color: #fff;}
.xrwx06Con{width:80%;margin: 168px auto 90px;}
.xrwx06 .left,.xrwx06 .right{width:470px;height: 520px;padding: 10px;background-color: #0c92d9;border-radius: 10px;}
.xrwx06 .left{float:left;margin-left: 80px;}
.xrwx06 .right{float:right;margin-right: 80px;}
.xrwx06 .title{font-size: 48px;line-height: 50px;text-align: center;margin-top: 52px;}
.xrwx06 .con{width: 80%;margin: 30px auto;font-size:22px;line-height: 40px;}
.xrwx07{width:100%;background-color: #fff;}
.xrwx07 ul{width:80%;margin: 40px auto;overflow: hidden;}
.xrwx07 ul li{float:left;width:20%;text-align: center;height: 180px;}
.xrwx07 ul li em{display: block;width:150px;height:150px;border-radius:100%;border:1px solid #c5c5c5;text-align:center;}
.xrwx07 ul li em:nth-child(1){background: url(../images/xrwx20.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(1):hover{background: url(../images/xrwx25.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(2){background: url(../images/xrwx21.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(2):hover{background: url(../images/xrwx26.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(3){background: url(../images/xrwx22.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(3):hover{background: url(../images/xrwx27.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(4){background: url(../images/xrwx23.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(4):hover{background: url(../images/xrwx28.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(5){background: url(../images/xrwx24.jpg) no-repeat center center;}
.xrwx07 ul li em:nth-child(5):hover{background: url(../images/xrwx29.jpg) no-repeat center center;}
.xrwx07 ul li em:hover{border:1px solid #0fb3f7;}
.xrwx07 ul li i{font-style: normal;position: relative;left: -40px;top: 9px;font-size: 18px;}
.xrwx07 ul li i:hover{color:#0fb3f7;}

/*course.html*/
.course01{width:80%;background-color: #fff;margin: 42px auto;overflow: hidden;}
.course01 .teach{border:1px solid #f0f0f0;padding: 2em;margin-top:20px;}
.course01 .teach .left{float:left;border:1px solid #f0f0f0;}
.course01 .teach .left a{disply:block;text-decoration: none;cursor: pointer;}
.course01 .teach .left a img{width:120px;height: 120px;}
.course01 .teach .left i{color:#ccf1ff;font-size: 14px;font-style: normal;display: block;}
.course01 .con{float:left;width:50%;height: 330px;}
.course01 .con .wrapcon{display:none;}
.course01 .con .active{display:block;}
.course01 .right{float:right;width:70%;}
.course01 .right .top{color:#4393b2;font-size: 16px;height:3em;padding-top: 14px;}

.course01 .right .title{text-align: center;color:#4393b2;font-size: 16px;background: url(../images/course02.jpg) no-repeat left top;height: 71px;padding-top: 14px;}
.course01 .right .title span{display:block;font-size: 14px;color: #afafaf;}
.course01 .right .title span i{font-style: normal;font-size: 18px;color: #ffa800;background: url(../images/course03.jpg) no-repeat center center;display: inline-block;width: 21px;height: 23px;margin-left: 2px;}
.course01 .right .con01{border-bottom: 1px dashed #e7e7e7;color: #afafaf;font-size: 12px;padding: 10px 18px;cursor: pointer;}
.course01 .right .con01 i{color:#00506f;font-size: 14px;font-style: normal;padding-right: 12px;}
.course01 .right .con02{border-bottom:none;}
.course01 .nav-tabsA{overflow: hidden;border-bottom: 1px solid #e3e3e3;}
.course01 .nav-tabsA li{float:left;width: 33.33%;text-align: center;line-height: 56px;}
.course01 .nav-tabsA li.active{border-bottom:1px solid #00506f;background-color: #fff;}
.course01 .nav-tabsA li a{font-size: 16px;color: #000;text-decoration: none;}
.course01 .nav-tabsA li a:hover{color:#00506f;border-bottom:1px solid #00506f;}
.course01Banner{width: 100%;margin: 0 auto;position:absolute;}
.banner #bannerImg img{height:600px;}
.course01Banner .myNav{width:430px;background-color:rgba(0,0,0,.5);height: 100%;position:absolute;top: 0;left: 10%;}
.course01Banner .myNav>li{font-size: 20px;color: #fff;vertical-align: middle;padding-left:30px;cursor: pointer;line-height:80px;}
.course01Banner .myNav li:hover{background-color:#fff;}
.course01Banner .myNav li:hover a{color: #000;}
.course01Banner .myNav li:hover a:hover{text-decoration: underline;}
.course01Banner .myNav li h3{margin-top:20px;}
.course01Banner .myNav li i{font-style:normal;font-size: 14px;display: block;margin-top: 5px;}
.course01Banner .myNav li a{color:#fff;text-decoration: none;}
.course01Banner .myNav li strong{font-weight:200;font-size: 18px;}
.course01Banner .myNav li ul{position:absolute;left: 430px; top:0;background-color:#fff;height:100%;width: 100%;display: none; opacity: 1;padding-bottom: 30px;}
.course01Banner .myNav li:hover ul{display: block;}
.course01Banner .myNav li ul div{font-size:14px;line-height:20px;}
.course01Banner .myNav li ul a,.course01Banner ul li i a{margin-left: 1.5em;}
.course01Banner ul li i a:first-child{margin-left:0;}
.course01Banner .myNav li ul .title{font-size:16px;font-weight: bold;}
.course01Banner .myNav li ul li{padding:20px 0 20px 30px;}
.course01 .title{text-align:center;font-size: 42px;color:#959595;padding-top:50px;}
.course01 .content .row{margin-bottom:20px;}
.content{margin-top: 20px;padding-bottom: 30px;}
.content a{display: block;overflow: hidden;}
.content a img{width:100%;transition: transform 0.3s ease;}
.content a:hover img{transform: scale(1.1);}
.content i{font-style:normal;margin-top: 1em;display: block;}
.content i a{color: #000;font-size: 14px;}
.content i a:hover{color:#4bbbfa;}
.content span{position:absolute;left: 0;top: 0;display: block;height: 3em;line-height: 3em; background-color: #000;width:90%;opacity: .5;margin-left: 14px;padding-left: 10px;}
.content span a{color:#fff;}
.content strong{display:none;background: #484b53;width: 90%;opacity: .8;color: #fff;text-align: center;padding: 20px;line-height: 2em;margin-left: 14px;height: 100%;overflow: hidden;position: absolute;left: 0;top:100%;transition: top 0.3s;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-o-transition: top 0.3s;cursor: pointer;}
.content .news{position:relative;}
.content .news:hover strong{display:block;top:0;transition: top 0.3s;-webkit-transition: top 0.3s;-moz-transition: top 0.3s;-o-transition: top 0.3s;}
.content .left{float:left;}
.coop ul li{float: left;width:19.2%;border:1px solid #f0f0f0;margin-left: 1%;margin-top: 10px;}
.coop ul li:nth-child(1){margin-left:0;}
.coop .content a img{transition:none;width:100%;}



/*NISP.html*/
.NISP_banner{background-attachment: fixed;background:url("../images/NISPbanner.jpg") no-repeat center center;width:100%;height:612px;overflow: hidden;background-size: 100%;}
.NISP01{background:#fff;overflow: hidden;}
.NISP01 h2{width:50%;height: 62px;line-height: 62px; text-align: center;background-color: #ffcc00;color: #666699;margin: 34px auto 0;font-size: 32px;font-weight: bold;border-radius: 8px 8px 0 0;}
.NISP01 ul{width:80%;background-color: #fff;margin: 0 auto;padding: 50px 0; border-radius: 8px;overflow: hidden;}
.NISP01 ul li{float:left; width: 30%;margin-left: 3%;color: #000;text-align: center;}
.NISP01 ul li span,.NISP01 ul li i{display:block;}
.NISP01 ul li span{font-size: 24px;font-weight: bold;margin-top: 20px;}
.NISP01 ul li i{width: 80%; font-style:normal;font-size: 16px;margin: 20px auto;}
.NISP02{background-color:#000033;width: 100%;color: #fff;}
.NISP02Con,.NISP02Con2{width:80%;margin: 0 auto;padding: 50px 0; overflow: hidden;}
.NISP02Con .left,.NISP02Con .right,.NISP02Con2 .left,.NISP02Con2 .right{float:left;}
.NISP02Con .right{margin-left:50px;}
.NISP02Con .right li{font-size: 16px;background:url("../images/NISP_06.png") left top no-repeat;padding-left: 30px;line-height: 46px;}
.NISP02Con2 .left{font-size: 14px;line-height: 30px;}
.NISP02Con2 .left span{color:#ffff00;}
.NISP02Con2 .right{margin: 50px;}
.NISP02Con2 .right a{display: inline-block;width:240px;height: 50px;line-height: 50px;color:#000033;background-color: #ffff00;text-align: center;font-size: 24px;border-radius: 32px;margin-left: 30px;text-decoration:none;}
.NISP02Con2 .right a:hover{color:#0000cc;}
.NISP03{width:100%;background-color: #fff;text-align: center;margin: 80px auto;}
.NISP03 h2{font-size:32px;color: #000;font-weight: bold;}
.NISP03 h2 span{display:block;font-size: 18px;color: #ff9933;line-height: 32px;font-weight: normal;margin-top: 20px;}
.NISP04{width:100%;background-color: #000033;text-align: center;}
.NISP04 h2{color:#fff;font-size: 38px;padding: 70px 0 50px;}
.NISP04Con{width:80%;margin: 0 auto;}
.NISP04Con .NISP04ConSpan span{display:inline-block;width: 16%;margin-left: 30px;color: #fff;font-size: 24px;line-height: 60px;background-color: #6699ff;border-radius: 8px;}
.NISP04Con .NISP04ConSpan span:first-child{margin-left:0;}
.NISP04Con .btn{margin: 60px 0;overflow: hidden;width: 45%;}
.NISP04Con .btn a{display: inline-block;width:240px;height: 50px;line-height: 50px;color:#000033;background-color: #ffff00;text-align: center;font-size: 20px;border-radius: 32px;text-decoration:none;}
.NISP04Con .btn a:hover{color:#0000cc;}
.NISP04Con .btn a:nth-child(0){float:left;}
.NISP04Con .btn a:nth-child(1){float:right;}

/*videoList.html*/
.videolist{width:80%;margin: 30px auto;}
.videolist h2{font-size:24px;color: #3399cc;} 
.videolist .tabwrap{border:1px solid #e4ecf3;background-color: #fff;}
.tabwrapCon li{border-bottom: 1px dashed #e4ecf3;margin: 20px;line-height: 36px;}
.tabwrapCon li i{display: inline-block;width:8%;font-style: normal;}
.tabwrapCon li a{color:#333;margin:0 10px;}
.tabwrapCon li a:hover{color:#4bbbfa;text-decoration: none;}
.tabwrapCon li a.active{color:#4bbbfa;}
.tabwrapCon li span{margin:0 10px;}
.videolistCon{overflow:hidden;margin: 30px auto;}
.videolistCon li{float:left;width:23.5%;border-radius: 5px;margin-right: 2%;margin-bottom: 20px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .08);background-color: #fff;}
.videolistCon .NoMargin{margin-right:0;}
.videolistCon li p img{width:100%}
.videolistCon li .title{margin:10px;height: 38px;line-height: 22px;}
.videolistCon li .con{margin:10px;position: relative;}
.videolistCon li .con i{font-style: normal;padding-left: 3px;}
.videolistCon li .con span{display:inline-block;width: 24%;color: #d8d8d8;font-size: 12px;margin-right: 8px;}
.videolistCon li .con img{width:44%;}
.videolistCon li .con .image2{width:30%;}
.videolistCon li .con strong{color:red;position:absolute;right: 0;bottom: 0;font-size: 16px;}

/*videoCon.html*/
.videoCon{width:80%;margin: 20px auto;}
.videoCon .title span{margin: 0 10px;}
.videoCon .title a{color:#333;}
.videoCon .title a:hover{color:#0000cc;text-decoration: none;}
.videoCon .video-con{width:100%; margin: 20px 0;overflow: hidden;}
.videoCon .video-con video{width:60%;float:left;}
.videoCon .video-con .course-tab{float:left;width:40%;background-color: #000;height:410px;}
.videoCon .video-con .course-tab .title{padding-left: 10px;color: #fff;height: 30px;line-height: 30px;padding-top: 10px;}
.videoCon .video-con .course-tab .title img{width:4%;}
.videoCon .video-con .course-tab .con{text-align: center;color:#c1c1c1;padding: 20px 0;font-size: 12px;}
.courseDetail{background:#fff;border:1px solid #e4ecf3;border-radius: 4px;overflow: hidden;padding: 15px;}
.courseDetail .left,.courseDetail .right{width:45%;float:left;}
.courseDetail .left .leftImg{width:20%;display: inline-block;margin-right: 10px;vertical-align: top;}
.courseDetail .left .leftImg img{width:100%;}
.courseDetail .left .leftCon{display:inline-block;padding: 8px 0;width:70%;}
.courseDetail .left .leftCon .title{margin-bottom: 10px;font-size: 16px;}
.courseDetail .left .leftCon span{display:inline-block;width:16%;color: #d8d8d8;margin-right: 5px;}
.courseDetail .left .leftCon span img{width:34%;}
.courseDetail .left .leftCon span .imgs2{width:24%;}
.courseDetail .left .leftCon i{font-style:normal;font-size: 12px;padding-left: 4px;}
.courseDetail .right{margin-top:15px;}
.courseDetail .right li{float:left; margin-right: 10px;width:20%;}
.courseDetail .right li a{display:inline-block;border-radius: 50%;background-color: #919191;text-align: center;width:36px;height: 36px;line-height: 36px;margin-right: 5px;}
.courseDetail .right li a:hover{background-color:#4bbbfa;}
.courseDetail .right li a img{width:70%;}
.courseWrap{width:100%;overflow: hidden;margin-top: 20px;}
.courseWrap .left{width:70%; float:left;margin-right: 2%;}
.courseWrap .left .top{width:100%;padding: 20px;background-color: #fff;line-height: 22px;border:1px solid #e4ecf3;border-radius: 4px;margin-bottom: 20px;}
.courseWrap .left .bottom{border:1px solid #e4ecf3;border-radius: 4px;padding: 20px;background-color: #fff;overflow: hidden;}
.courseWrap .left .bottom textarea{width:100%;margin:30px 0 10px;background-color: #f5f5f5;border:none;box-shadow: none;height:auto;color: #666;padding: 20px;resize:vertical;}
.courseWrap .left .bottom textarea:focus{border:none;outline:none;}
.courseWrap .left .bottom .es-commet button{border-color:#19a8f9;background-color: #4bbbfa;color: #fff;font-size: 12px;box-shadow: none !important;float: right;}
.courseWrap .left .bottom ul{width:100%;margin-top: 30px;}
.courseWrap .left .bottom ul li{text-align:center;color: #c1c1c1;padding: 20px;font-style: italic;font-size: 12px;height: 30px;line-height: 30px;}
.courseWrap .right{float:left;width:28%;}
.courseWrap .right .wrap{background-color: #fff;padding: 0 15px;border:1px solid #e4ecf3;border-radius: 4px;}
.courseWrap .right .title{line-height: 30px;border-bottom: 1px solid #f5f5f5;}
.courseWrap .right .panel-body{text-align: center;}
.courseWrap .right .panel-body p{margin:10px 0;}
.courseWrap .right .panel-body .intro{font-size:12px;text-align: left;}

/*videoPay.html*/
.videoPay{background-color:#fff;padding: 32px 32px 16px;}
.videoPay .left{float:left;width:30%;}
.videoPay .left img{width:100%;}
.videoPay .left ul{overflow:hidden;margin-top: 5px;width: 100%;}
.videoPay .left ul li{color:#999;height: 20px;line-height: 20px;vertical-align: middle;width: 50%;font-size: 12px;}
.videoPay .left ul li img{margin-right:5px;}
.videoPay .left ul li:nth-child(1){float:left;}
.videoPay .left ul li:nth-child(1) img{width:10%;}
.videoPay .left ul li:nth-child(2){float:right;width:25%;cursor: pointer;}
.videoPay .left ul li:nth-child(2) img{width:22%;}
.videoPay .left ul li:nth-child(3){float:right;width:25%;cursor: pointer;}
.videoPay .left ul li:nth-child(3) img{width:22%;}
.videoPay .right{float:left;width:70%;padding-left: 15px;}
.videoPay .right .title{font-size:18px;font-weight: 500;line-height: 28px;color: #333;}
.videoPay .right p{margin-top:12px;margin-bottom: 12px;padding-left: 30px;padding-bottom: 20px;padding-top: 20px;background-color:#f9f9f9;color: #666;}
.videoPay .right p span{margin-left:32px;font-size: 28px;color: #ff5c3b;font-weight: 600;}
.videoPay .right .qixian{color:#666;}
.videoPay .right .qixian span{margin-left:24px;color: grey;font-size: 14px;line-height: 28px;}
.videoPay .right .chengnuo em{color:#666;font-style: normal;margin-right:24px; }
.videoPay .right .chengnuo span{display:inline-block;margin-right: 8px;padding: 2px 5px;line-height: 20px;background-color: #46c37b;border-radius: 2px;color: #fff;cursor: pointer;position: relative;}
.videoPay .right .chengnuo span i{display: none;font-style:normal;position: absolute;bottom:100%;left:50%;padding: 6px 10px;margin-bottom: 2px;min-width: 100px;background-color: #404040;text-align: center;transform: translateX(-50%);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;white-space: nowrap;}
.videoPay .right .chengnuo span:hover i{display:block;}
.videoPay .right button{width:100px;height: 30px;line-height: 30px;text-align: center;color: #fff;background-color: #ff7e56;cursor: pointer;border-radius: 15px;margin-top: 10px;border: none;}
.videoPay .right button a{color:#fff;}
.videoPay .right button a:hover{text-decoration:none;}
.videoPayWrap .left ul{width:100%;height: 52px;line-height: 52px;border-bottom: 1px solid #ebebeb;background-color: #fff;}
.videoPayWrap .left ul li{float:left;width: 33%;text-align: center;transition: 0.3s;}
.videoPayWrap .left ul li a{color:#666;text-decoration: none;}
.videoPayWrap .left ul li a:hover{color:#4bbbfa;border-bottom: 2px solid #4bbbfa;display: inline-block;line-height: 52px;}
.videoPayWrap .left .tabcontent{background-color:#fff;margin-bottom: 20px;padding: 32px;display: none;font-size: 16px;}
.videoPayWrap .left .tabcontent p{margin-top:8px;font-size: 14px;text-indent: 2em;}


.videoPayWrap .left .active{display:block;}
.videoPayWrap .right .panel-body{text-align: left;}
.videoPayWrap .right .panel-body a{display: inline-block;width:30%;float:left;}
.videoPayWrap .right .panel-body a img{width:100%;}
.videoPayWrap .right .panel-body p{float:left;width:70%;padding-left: 10px;}
.videoPayWrap .right .panel-body p span{display: block;color:#999;font-size: 12px;}
.videoPayWrap .right .wrap2 ul li{width: 100%;overflow: hidden;margin: 10px auto}
.videoPayWrap .right .wrap2 ul li a{display:inline-block;float: left;width:50%;}
.videoPayWrap .right .wrap2 ul li a img{width:100%;}
.videoPayWrap .right .wrap2 ul li span{margin-top: 5px; padding-left: 10px; display:inline-block;float: left;width: 50%;font-size: 12px;}
.videoPayWrap .right .wrap2 ul li span a{display:inline-block;width:100%;text-decoration: none;}
.videoPayWrap .right .wrap2 ul li span i{display: block;font-size: 12px;color: #ff5c3b;line-height: 24px;font-style: normal;}
.videoPayWrap .right .wrap2 ul li span i em{padding-left: 5px;font-weight: 500;font-size: 16px; font-style: normal;}


/*login.html*/
.login{margin:50px auto;width: 40%; min-height: 400px;background-color: #fff;}

/*intro.html*/
.intro h2{text-align:center;margin-bottom: 20px;}
.intro h2 span{display:block;font-size: 14px;}
.intro p{text-indent:2em;line-height: 28px;margin-bottom: 30px;}
.intro .wrap1{overflow:hidden;}
.intro .wrap1 img{float:left;width:30%;}
.intro .wrap p{float:left;width:70%;}
.intro .title{color:#3399cc;font-size:26px;font-weight:800;border-left: 4px solid #3399cc;padding-left: 10px;line-height: 26px;margin: 20px auto;margin-top: 40px;}
.intro .wrap2{margin:20px auto;}
.intro .wrap2 img{width:100%;}

.intro .wrap3{margin:20px auto;overflow: hidden;}
.intro .wrap3 .left,.intro .wrap3 .right{float:left;width:50%;}
.intro .wrap3 .left .carousel{position: relative;}
.intro .wrap3 .left img{display:none;width:100%;height:300px;}
.intro .wrap3 .left img.active{display:block;}

.intro .wrap3 .right{width:50%;overflow: hidden;}
.intro .wrap3 .right .carouseltitle{margin-left:20px;color:#000;font-size: 22px;height: 100px;}
.intro .wrap3 .right .carouseltitle li{display:none;}
.intro .wrap3 .right .carouseltitle li.active{display:block;}
.intro .wrap3 .rightL,.intro .wrap3 .rightR{float:left;width:40px;height: 60px;line-height: 50px;text-align: center;color: #000;border:1px solid #000;cursor: pointer;margin-left: 20px;font-size: 40px;user-select: none;transform: translateY(-50%);margin-top: 100px;}

.rmbanner{width:100%;margin: 0 auto;height: 500px;overflow: hidden;}
.rmbanner img{width:100%;}

.honor .wrap2 img{width:50%;}

.cooper ul{width:100%;overflow:hidden;}
.cooper ul li{width:25%;float:left;text-align: center;}
.cooper ul li img{cursor:pointer;}
.cooper ul li span{display:block;margin-top: 10px;color: #3399cc;}

/*jinglingMatch.html*/
.jinglingMatchCon{background-size: 100% 100%;background-attachment: fixed;background:url("../images/jinglingMatch_01.jpg") no-repeat center top;overflow: hidden;color: #fff;}
.jinglingMatchCon .wrap01{width:80%;text-align: center;margin: 0 auto 50px;}
.jinglingMatchCon .wrap01 .banner{background:url("../images/jinglingMatch_04.png") no-repeat center top;background-size:100%;overflow: hidden;margin: 100px auto 10px;height:300px;}
.jinglingMatchCon .wrap01 .time{font-size: 32px;font-weight: bold;}
.jinglingMatchCon .wrap01 .time span{font-size: 18px;font-weight: normal;margin-left:30px;}
.jinglingMatchCon .wrap01 .name{font-size:14px;line-height: 28px;text-align: left;margin-left: 19em;margin-top: 2em;}
.jinglingMatchCon .wrap02{width:80%;margin: 50px auto;background:url("../images/jinglingMatch_02.png") center 22px no-repeat;background-size:inherit;overflow: hidden;}
.jinglingMatchCon .wrap02 h2 span,.JLMatchWrap07 h2 span,.JLMatchWrap06H2 h2 span{display: block;font-size: 48px;width:100%;text-align: center;color: #fff;}
.jinglingMatchCon .wrap02 h2 span:nth-child(2),.JLMatchWrap07 h2 span:nth-child(2),.JLMatchWrap06H2 h2 span:nth-child(2){position:relative;margin-top: -30px;opacity: .2;}
.jinglingMatchCon .wrap02 p{font-size: 16px;line-height: 36px;text-indent: 2em;width: 70%;margin:0 auto 20px;}
.jinglingMatchCon .wrap03{width:80%;margin: 50px auto;background:url("../images/jinglingMatch_05.png") center 22px no-repeat;background-size:inherit;overflow: hidden;height: 206px;}
.jinglingMatchCon .wrap04 .con{overflow:hidden;}
.jinglingMatchCon .wrap04 .con .left,.jinglingMatchCon .wrap04 .con .right{float:left;}
.jinglingMatchCon .wrap04 .con .left{font-size:20px;margin-left: 18%;}
.jinglingMatchCon .wrap04 .con .left div{margin-top: 30px;}
.jinglingMatchCon .wrap04 .con .left div img{margin-right: 38px;}
.jinglingMatchCon .wrap04 .con .right{color:#ffff00;font-size: 18px;writing-mode:vertical-rl;margin-left: 160px;position: relative;}
.jinglingMatchCon .wrap04 .con .right span{position:absolute;top:34px;left: 224px;}
.jinglingMatchCon .wrap05 .con{font-size:20px;line-height: 36px;}
.jinglingMatchCon .wrap05 .con .left{margin-left:12%;}
.jinglingMatchCon .wrap05 .con .right{writing-mode:horizontal-tb;position:static;width:46%;margin-left:30px;margin-top: 30px;}
.JLMatchWrap06H2 h2{background:url("../images/jinglingMatch_12.png") no-repeat center 22px;}
.JLMatchWrap06{background:url("../images/jinglingMatch_11.jpg") no-repeat center top;background-size: 100%; width:100%;height:557px;}
.JLMatchWrap07{background:url("../images/jinglingMatch_13.jpg") no-repeat center top;background-size: 100%; width:100%;height:918px;padding-top: 50px;}
.JLMatchWrap07 h2{width:80%;text-align: center;background: url("../images/jinglingMatch_12.png") center 22px no-repeat;margin: 0 auto;}
.JLMatchWrap07Con{background-attachment: fixed;background:url("../images/jinglingMatch_19.jpg") no-repeat center top;overflow: hidden;color: #fff;background-size: cover;}
.JLMatchWrap07Con .giftcon{width: 80%;text-align: center;color: #fff;margin:0 auto;}
.JLMatchWrap07Con p{font-size:36px;line-height: 80px; text-align: center;margin: 0 auto;}
.JLMatchWrap07Con p img{width: 50%;}
.JLMatchWrap07Con .wrap08{}
.JLMatchWrap07Con .wrap08 .con{overflow:hidden;width: 900px;margin: 60px auto;}
.JLMatchWrap07Con .wrap08 .con .left{float:left;width:405px;}
.JLMatchWrap07Con .wrap08 .con .right{float:left;font-size: 20px;line-height: 36px;width: 420px;text-align: left;margin-left: 52px;margin-top: 80px;}
.JLMatchWrap07Con .wrap09{padding-top:50px;}
.JLMatchWrap07Con .wrap09 .con .right{text-align:center;}
.JLMatchWrap07Con .wrap09 .con .right a{display:block;font-size:16px;color: #ffff00;text-decoration: none;}
.JLMatchWrap07Con .wrap09 .con .right a:hover{border-bottom: 1px solid #ffff00;height: 30px;}


/*offerList*/
.offerBanner{width:100%;height:300px; background:#0000cc url("../images/offerbanner.jpg") no-repeat center top;background-size: 100%;overflow: hidden;}
.offerBanner2{width:100%;height:300px; background:#0000cc;}
.offerBanner .search{position:relative;left: 50%;top: 30%;}
.offerBanner .search-container{margin: 0 auto;display: flex;align-items: center;}
.offerBanner .search-container input[type="text"] {width: 400px;border: none;outline: none;padding: 10px;font-size: 16px;transition: width 0.3s linear, padding-left 0.3s linear;border-radius: 30px 0 0 30px;}
.offerBanner .search-container input[type="text"]:focus{padding-left: 30px;box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.offerBanner .search-container .searchBtn{background-color:#00aeff;color:#fff;cursor: pointer;padding: 10px 30px;border-radius:0 30px 30px 0;height: 100%;text-align: center;width: 7em;float: right;font-size: 16px;}
.offerBanner .search-container .searchBtn:hover{background-color: #0084ff;}






.offerList{position: relative;top:-150px;}
.offerList .tabwrap{border-radius:16px;}
.offerTab{background: #fff;height: 48px;padding: 4px 0 4px 6px;border-radius: 16px;margin-top:30px;line-height: 48px;}
.offerTab span{user-select: none;cursor: pointer;margin-left: 8px;font-size: 14px;padding: 0 21px;height: 32px;}
.offerTab span:hover,.offerTab span.active{color:#0000cc;}
.offerListCon{overflow:hidden;margin: 30px auto;}
.offerListCon .offerCon{display:none;}
.offerListCon .active{display:block;}
.offerListCon li{float:left;width:23.5%;border-radius: 5px;margin-right: 2%;margin-bottom: 20px; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .08);background-color: #fff;}
.offerListCon .NoMargin{margin-right:0;}
.offerListCon .fir_content{padding:16px 16px 10px;border-bottom:1px dashed #d8d8d8;}
.offerListCon .fir_content .fir_top{overflow:hidden;clear: both;}
.offerListCon .fir_content .fir_top .left{float:left;width:76%;}
.offerListCon .fir_content .fir_top .left a{color:#000;text-decoration: none;}
.offerListCon .fir_content .fir_top .left strong{font-weight: 600;display: block;}
.offerListCon .fir_content .fir_top .right{float:right;border-radius: 8px;overflow: hidden;width: 50px;height: 50px;}
.offerListCon .fir_content .fir_top .right img{width:100%;}
.offerListCon .fir_content .fir_bot{width:100%;justify-content: space-between;align-items: center;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-top: 15px;}
.offerListCon .fir_content .fir_bot span{cursor: default;margin-right: 14px;margin-bottom: 10px;font-size: 12px;color: #798cad;padding: 5px 12px;background: #f2f5fa;border-radius: 6px;}
.offerListCon .sec_content{font-size:12px;}
.offerListCon .sec_content .sec_top,.offerListCon .sec_content .sec_bot{overflow:hidden;margin: 10px 0;}
.offerListCon .sec_content .left{float:left;}
.offerListCon .sec_content .right{float:right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 70%;}
.offerListCon .sec_content .right span{padding:0 5px;}
.offerListCon .sec_content img{width:18px;height: 18px;margin-right:5px;transform: translateY(-1.5px);}
.offerListCon .sec_content{padding:0 8.5px 16px;}
.offerContent{margin-top:-200px;}
.offerContent .title .top{font-size:24px;font-weight: 600;color:#fff;}
.offerContent .title .bot{font-size:14px;margin-top:10px;color: rgba(255,255,255,.8);}
.offerContent .title .bot img{margin-right:6px;}
.offerContent .left .tabcontent,.offerCon .right .wrap{border-radius:16px;}
.offerContent .left .tabcontent .offerIntro{font-size:18px;font-weight: 600;margin-bottom: 18px;}
.offerContent .left .tabcontent .tab span{font-weight: 500;font-size: 14px;background:linear-gradient(155deg,rgba(24,96,235,.08),rgba(54,147,239,.03));color:#0000cc;padding: 6px 14px;margin-right: 14px;border-radius: 6px;display: inline-block;margin-bottom: 5px;}
.offerContent .left .tabcontent .introMax{margin:18px 0;line-height: 28px;}
.offerContent .left .tabcontent .descri_box{padding: 20px 24px 8px;background: linear-gradient(150deg, rgba(24, 96, 235, .07), rgba(54, 147, 239, .03));box-shadow: 0 2px 8px rgba(0, 24, 109, .05);border-radius: 16px;border: 1.2px solid rgba(54, 147, 239, .2);}
.offerContent .left .tabcontent .descri{margin-bottom:12px;}
.offerContent .left .tabcontent .descri img{margin-right: 8px;}
.offerContent .right .panel-body a{margin-right: 16px;width: 56px;min-width: 56px;border-radius: 8px;height: 56px;overflow: hidden;}
.offerContent .right .wrap{padding:10px 30px 30px;line-height: 24px;}


/*CAAC.html*/
.CAAC_banner{background-attachment: fixed;background:url("../images/CAAC_01.jpg") no-repeat center center;width:100%;height:816px;overflow: hidden;background-size: 100%;}
.CAAC00{width:100%;margin:4em auto;font-size: 20px;line-height: 40px;}
.CAAC01{width:80%;background-color: #fff;overflow: hidden;}
.CAAC01 .left,.CAAC01 .right{float:left;}
.CAAC01 .left{width:40%;}
.CAAC01 .right{width:50%;margin-top:2em;}
.CAAC02{background-color: #d8d8d8;padding: 4em 0;}
.CAAC02Con{width:80%;margin: 0 auto;}
.CAAC00 h2{font-size:3em;text-align: center;font-weight: normal;}
.CAAC00 h2 img{margin-right: .3em;}
.CAAC02 .title{background-color:#336699;width:6em;height:1.8em;line-height: 1.8em;text-align: center;font-size: 38px;color: #fff;margin-top: 1em;}
.CAAC02 ul{margin:2em 3em;}
.CAAC02 ul li{background:url("../images/CAAC_04.png") left center no-repeat;padding-left: 1em;}
.CAAC02 .con,.CAAC02 .con1{color:#336699;margin-top: 2em;margin-left: 3em;}
.CAAC02 .con1{color:#000;}
.CAAC00 h2 span{display:block;font-size:.5em;margin-top:.5em;}
.CAAC03 .con{margin:2em auto;text-align: center;}
.CAAC04{background-color: #d8d8d8;overflow: hidden;padding: 4em 0;}
.CAAC04 ul{width:80%;margin: 2em auto;}
.CAAC04 ul li{width:257px;height: 222px; float:left;background:url("../images/CAAC_06.png") center top no-repeat;font-size: 38px;color: #fff;text-align: center;vertical-align: middle;line-height: 48px;padding-top: 1em;margin-left: 1em;}
.CAAC05{width:60%; margin: 0 auto;}
.CAAC05 .con{background-color:#d8d8d8;padding: 2em;margin: 2em 0;overflow: hidden;}
.CAAC05 .con span{display:block;float: right;}
.CAAC06{margin: 2em auto;background-color: #d8d8d8;padding: 4em 0;}
.CAAC06 .con{width:60%;margin: 2em auto;}
.CAAC06 .con span{display: inline-block;background-color:#336699;line-height: 58px;color: #fff;padding: 0 1em;margin-right: 2em;cursor: pointer;text-align: center;}
.CAAC06 .con span:hover{background-color:#fff;color:#336699;}
.CAAC07{}
.CAAC07 .con{width:80%;overflow: hidden;margin: 3em auto;}
.CAAC07 .con .left,.CAAC07 .con .right{float:left;width:50%;}
.CAAC07 .con .left .title{font-size:38px;text-align:center;}
.CAAC07 .con .left .title span{display:block;font-size:20px;}
.CAAC07 .con .left .wrap{text-align:center;}
.CAAC07 .con .left input{border:1px solid #000;width:60%;margin: 1em auto 0;border-radius: 32px;padding-left: 2em;font-size: 20px;}
.CAAC07 .con .left .btn{display:block;width:50%;line-height: 2em;background-color:#336699;color: #fff;text-align: center;margin: 2em auto;cursor: pointer;border-radius: 32px;font-size: 20px;}
.CAAC07 .con .left .btn:hover{color:#336699;background-color:#fff;border:1px solid #336699;}
.CAAC07 .con .right{background:url("../images/CAAC_07.png") left center no-repeat;padding-left: 70px;height: 70px;line-height: 70px;margin-top: 4em;;}
.CAAC08{background-color: #d8d8d8;padding: 4em 0;margin-bottom: 0;}
.CAAC08 .con{width:60%;margin: 2em auto;}
.CAAC08 .con p{margin-bottom:2em;}
.CAAC08 .con .btn{margin:0 auto;width:20em;line-height: 2em;background-color:#336699;color: #fff;border-radius: 32px;cursor: pointer;}
.CAAC08 .con .btn:hover{color:#336699;background-color:#fff;}


@media only screen and (max-width:600px){
	.banner{height:180px;margin-top: 6em;}
	.banner #bannerImg img{height:300px;object-fit: cover;}
	/*导航*/
	nav.navbar{padding:0;}
	.navbar .logo img{width:60px;height:auto;margin-left: 20px;}
	.navbar .right{display: block;width: 60px;height: 60px;background:url("../images/nav.png") no-repeat center right;float: right;background-size: 55% 55%;cursor: pointer;position: relative;top: 10px;left: -10px;}
	.navbar .navRight,.navbar .search,.course01Banner .myNav,.carousel-control{display:none;}
	.navwap_show{width: 50%;height: 100%;position: fixed;top: 0;left:0;background-color: #000;z-index: 999999999;transition: all .36s ease;overflow-y: scroll;}
	.navwap_show .search{margin:50px auto;text-align: center;}
	.navwap_show .search .searTXT{width:80%;line-height:32px;padding-left: 10px;}
	.navwap_show .search i{display:block;margin-top: 10px;color: #fff;font-style: normal;}
	.navwap_show .search i a{color:#fff;margin: 0 10px;text-decoration: none;}
	.navwap_show .search i a:hover{color:#337ab7;}
	.navwap_show ul{margin-left:15px;}
	div.container-fluid{padding-bottom:0;}
	
	/*index.html*/
	.course01{width:100%;}
	.content i{margin-bottom:10px;}
	.content a img{margin-bottom:10px;}
	.content .col-xs-8{width:100%;}
	.content .news{width:100%;}
	.content span{width:94%;}
	.course01 .teach{width:100%;}
	.course01 .title{padding-top:20px;}
	.footerCon .left,.footerCon .right,.footerCon .leftLogo{float:none;margin:0 auto;width:80%;}
	.footerCon .right{margin-top:20px;text-align: center;}
	.footerCon .right span{margin-right:0;}
	.footerCon .right p{float:none;margin-left: 0;width: 50%;}
	.coop .content{width:80%;}
	
	/*ruankao.html*/
	.ruankao_banner{height:206px;}
	.ruankao_banner a{width: 8em;height: 2em;line-height: 2em;margin: 160px auto 0;font-size:1.2em;}
	.ruankao02{background-size:cover;}
	.ruankao02 h2{font-size:3em;padding-top: 30px;padding-bottom: 0;}
	.ruankao02 ul{padding:25px 0;}
	.ruankao02 ul li{width:100%;margin-left: 0;height: auto;margin-bottom: 10px;}
	.soft_01 .title{width:100%;height: auto;margin: 50px auto;text-align: center;}
	.soft_01 .title img{width:90%;}
	.soft_01 ul{margin-bottom:20px;}
	.soft_01 ul li{width:100%;margin-left: 0;margin-bottom: 20px;}
	.soft_03 .title{text-align:center;width: 100%; height: auto;margin: 50px auto;}
	.soft_03 .title img{width:80%;}
	.soft_03 ul li{height: auto;}
	.soft_03 ul li strong{border-bottom:1px solid #000;border-right: none;width: 100%;height: 64px;line-height: 64px; font-size: 24px;}
	.soft_03 ul li i{margin-left:10px;margin-bottom: 10px; position:static;}
	.soft_03 .softGuide .left,.soft_03 .softGuide .right{float:none;width: 100%;}
	.soft_04 h2{padding-top:60px;}
	.soft_04 ul li{float:none;text-align: center;}
	.soft_05 .btnL, .soft_05 .btnR{width:40%;margin:160px 0 20px;height: 40px;height: 36px;line-height: 36px;font-size: 18px;margin-left: 30px;}
	.soft_05 .btnL{margin-left:0;}
	.footerCon{margin-top:60px;}
	
	/*NISP.html*/
	.NISP_banner{height:228px;}
	.NISP01 h2{width:80%;font-size:16px;height: 46px;line-height: 46px;}
	.NISP01 ul{width:100%;}
	.NISP01 ul li{float:none;width: 100%;}
	.NISP02Con .left, .NISP02Con .right, .NISP02Con2 .left, .NISP02Con2 .right{float:none;}
	.NISP02Con .left{text-align:center;margin-top: 30px;}
	.NISP02Con .right{margin-left:0;margin-top: 30px;}
	.NISP02Con .right li{line-height:24px;margin-top: 10px;}
	.NISP02Con, .NISP02Con2{padding-top:0px;}
	.NISP02Con2 .right{margin-left:0px;text-align: center;}
	.NISP02Con2 .right a{margin-bottom:20px;}
	.NISP03 h2{font-size:24px;}
	.NISP03 h2 span{font-size:16px;}
	.NISP03 img{width:100%;}
	.NISP04Con .NISP04ConSpan span{width:80%;margin-left: 0;margin-bottom: 20px;}
	.NISP04Con .btn{margin:30px 0;overflow: unset;width:240px;width: 100%;}
	.NISP04Con .btn a{display:block;margin:0 auto;margin-bottom: 20px;}
	.NISP04Con .btn a:nth-child(1),.NISP04Con .btn a:nth-child(2){float: none;}
	
	/*videoList.html*/
	.videolist{width:100%;}
	.videolist h2{margin-left:20px;}
	.tabwrapCon li i{width:14%;}
	.videolistCon li{width:48%;margin-right: 2%;height:240px;}
	.videolistCon li.noMargin{margin-right:0;}
	.videolistCon li .con span{width:25%;}
	.videolistCon li .con img{width:38%;margin-right: 2%;}
	.videolistCon li .con .image2{width:28%;}
	
	/*videoCon.html*/
	.videoCon .video-con video{width:100%;float:none;}
	.videoCon .video-con .course-tab{float:none;width:100%;height: auto;}
	.courseDetail .left, .courseDetail .right{width:100%; float:none;}
	.courseDetail .right li{width:22%;}
	.courseWrap .right{float: none;width:100%;margin-top: 10px;overflow: hidden;}
	.courseWrap .left{width:100%;}
	.courseWrap .right .wrap{margin-top:10px;}
	
	/*videoPay.html*/
	.videoPay .left{float:none;width: 100%;}
	.videoPay .right{float:none;width: 100%;padding: 0;margin-top: 10px;}
	.videoPay .right button{float:right;}
	.courseWrap .right .wrap2{margin-top:10px;}
	
	.rmbanner{height:14em;}
	.honor .wrap2 img{width:100%;}
	.cooper ul li{width:100%;margin-top: 20px;}
	
	/*jinglingMatch.html*/
	.jinglingMatchCon .wrap01 .banner{height:120px;}
	.jinglingMatchCon .wrap01 .time{font-size:28px;}
	.jinglingMatchCon .wrap01 .time span{display:block;margin-left: 0;}
	.jinglingMatchCon .wrap01 .name{margin-left:0;}
	.jinglingMatchCon .wrap02{height:auto;}
	.jinglingMatchCon .wrap02 p{width:100%;}
	.jinglingMatchCon .wrap04 .con .left{margin-left:0;}
	.jinglingMatchCon .wrap04 .con .left, .jinglingMatchCon .wrap04 .con .right{float:none;}
	.jinglingMatchCon .wrap04 .con .right{margin:20px auto;}
	.jinglingMatchCon .wrap05 .con .left{text-align:center;}
	.jinglingMatchCon .wrap05 .con .right{width:100%;}
	.JLMatchWrap06{height:171px;}
	.JLMatchWrap07{background-size:228%;height:644px;}
	.JLMatchWrap07 .con{margin-top:470px;}
	.JLMatchWrap07Con .wrap07 p{font-size:28px;}
	.JLMatchWrap07Con p img{width:80%;}
	.JLMatchWrap07Con .wrap08 .con{width:80%;margin: 20px auto;}
	.JLMatchWrap07Con .wrap08 .con .left{float:none;width:100%;}
	.JLMatchWrap07Con .wrap08 .con .left img{width:100%;}
	.JLMatchWrap07Con .wrap08 .con .right{float:none;margin-left:0;margin-top:20px;}
	
	/*offer.html*/
	.offerList{width:90%;top: -50px;}
	.offerCon .left .tabcontent .tab span{display:inline-block;margin-bottom: 5px;}
	.offerListCon .fir_content .fir_top .left,.offerListCon .fir_content .fir_top .right{text-align: center;margin: 0 auto;}
	.offerBanner{background:#0000cc url("../images/offerbanner1.jpg") no-repeat center top;}
	.offerBanner .search{left:6%;margin-top: 100px;}
	.offerListCon li{width:100%;}
	.offerBanner .search-container input[type="text"]{width:350px;}
	
	/*CAAC.html*/
	.CAAC_banner{height:228px;}
	.CAAC01 .left, .CAAC01 .right{float:none;}
	.CAAC01 .right{width:100%;}
	.CAAC00 h2{font-size:2em;}
	.CAAC02 ul{margin:2em 0;}
	.CAAC02 ul li{background-position:left .8em;}
	.CAAC02 .con, .CAAC02 .con1{margin-left:0;}
	.CAAC04 ul li{margin-bottom:1em;}
	.CAAC05{width:80%;}
	.CAAC06 .con{width:80%;}
	.CAAC06 .con span{display:block;margin-bottom:1em;margin-right: 0;text-align: center;}
	.CAAC07 .con .left, .CAAC07 .con .right{float:none;width:100%;}
	.CAAC07 .con .left input{width:90%;}
	.CAAC07 .con .left .btn{width:90%;}
	.CAAC08 .con{width:80%;}
	
}