@charset "utf-8";
/* CSS Document */
body{background:url(../images/trainingBg.png) top center; font-family:'微软雅黑';}
*{padding: 0;margin: 0;}
a{text-decoration:none}
li{list-style:none}
.icon-bar-list{ display:none}
.container{width: 1200px;margin: 0 auto;}
/*=====================header====================*/
header{height:98px;}
header .logo{float:left;margin-top:17px;}
header .logo img{height:64px;}

/*nav*/
nav{float:right; margin-top:17px;}
nav a{float:left; width:156px; height:64px; margin-left:-26px; background:url(../images/navbg.png);color:#fff;line-height: 64px; text-align: center; font-size:20px;}
nav a:hover{color:#ff0000;}

/*header*/
header .select{color:#ff0000;}
header .register{float:right;margin-left: 5px; margin-top: 33px;}
header .register a{float:right; margin-left:5px; width:60px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:20px;}
line{background:url(../images/line.png) no-repeat center;background-size:100%; height: 32px; width: 100%; position: absolute; left: 0px;}


/*=====================section====================*/
section{margin-top: 110px; margin-bottom:50px}
#traning_banner{width: 100%;min-height: 600px;margin-top:50px;overflow: hidden;position: relative; text-align:center}
#traning_banner .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
#traning_banner .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
#traning_banner .img3{width: 762px;height: 556px;top: 0;left: 219px;z-index: 3;}
.caseIcon{width: 100%; margin: 40px auto 0px; text-align: center;}
.caseIcon a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) center no-repeat;font-size: 24px; line-height: 53px; height: 90px;}
.caseIcon .cur{color:#ff0000;}
.training_context{ width:100%; margin:0 auto; height:auto;background: rgba(5,83,95,0.8); color:#fff; border-radius:10px; display:inline-block;float:left; margin-bottom:50px;}
.training_context .training_left{float:left; width:160px; text-align:center}
.training_context .training_left .cur{    background: #00705F;}
.training_context .training_left li:nth-child(1){    border-radius: 10px 0 0px 0px;}
.training_context .training_left li{ height:50px; line-height:50px; border-bottom:1px solid #f8f8f8;cursor:pointer;}
.training_context .training_left li:hover,.training_context .training_left li:active{color:#ff0000}
.training_context .training_right{float: right; color:#333;width:calc(100% - 161px); min-height:600px; border-left:1px solid #f8f8f8; }
.training_context .training_right iframe{ width:95%; height:300px;}
.training_context .training_right a{color: #fff;text-decoration: underline;}
.training_context .training_right p{ height:45px; width:80%;    margin: 0 auto 10px;overflow: hidden;}
.training_context .training_right ul{margin: 20px;text-align: center;color: #fff;}
.training_context .training_right ul li{float:left; width:50%;}
.training_context .training_right ul li img{width:90%;}
.training_app,.training_wechat{ display:none}
.training_right_jxcxt,.training_right_jxcrj{ display:none}

/*=====================footer====================*/
footer{height:200px; background:#00071a; width:100%; color:#fff; line-height:40px; display:inline-table}
footer .footer{width:1200px; margin:0 auto; text-align:center;}
.footer-left{float:left; width:30%; margin-top: 31px;}
.footer-left span{margin: 0 20px;}
.footer-right{float:left; width:70%; margin-top: 40px;}
.footer-right p a{color:#fff; padding:20px;}
.footer-right p a:hover{color:#ff0000;}

@media screen and (min-width:640px) and (max-width:1024px){
		 @charset "utf-8";
		/* CSS Document */
		html,body{overflow:hidden;overflow-y:auto;}
		body{background:url(../images/trainingBg.png) top center; font-family:'微软雅黑';}
		*{padding: 0;margin: 0;}
		a{text-decoration:none}
		li{list-style:none}
		.icon-bar-list,icon-bar{display:none}
		.container{width: 769px;margin: 0 auto;}
		/*header*/
		header{height:78px; overflow:hidden;width:100%}
		header .logo{float:left;margin-top:15px; margin-left:10px;}
		header .logo img{height:54px;}
		nav{float:right; margin-top:25px;}
		nav a{float: left; width: 90px; height: 38px; margin-left: -15px; background: url(../images/navbg.png); background-repeat: no-repeat; background-size: 90px; color: #fff; line-height: 38px; text-align: center; font-size: 15px;}
		nav a:hover{color:#ff0000;}
		header .register{float:right;margin-left: 5px; margin-top: 28px; margin-right:10px;}
		header .register a{float:right; margin-left:5px; width:50px; line-height:32px; height:32px; background:#fff; border-radius:5px;color:#ff0000; text-align:center; font-size:16px;}
		line{background:url(../images/line.png) no-repeat top center;background-size:100%; height: 20px; width: 100%; position: absolute; left: 0px;}
		.training_context{ width:100%; margin:0 auto; height:auto;background: rgba(5,83,95,0.8); color:#fff; border-radius:10px; display:inline-block;float:left; margin-bottom:200px;}
		.training_app,.training_wechat{ display:none}
		.training_context .training_right iframe{ width:95%; height:180px;}
		.training_context .training_right a{color: #fff;text-decoration: underline;}
		#traning_banner{width: 100%;min-height: 670px;margin-top:25px;overflow: hidden;position: relative;}
		#traning_banner .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
		#traning_banner .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
		#traning_banner .img3{width: 100%;height: auto;top: 0;left: 0%;z-index: 3;}
		.training_right_jxcxt,.training_right_jxcrj{ display:none}
		
		.caseIcon{width: 100%; margin: 40px auto 0px; text-align: center;}
		.caseIcon a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) center no-repeat;background-repeat:no-repeat;background-size:100%;font-size: 20px; line-height: 60px; height: 90px;}
		.caseIcon .cur{color:#ff0000;}
		
		section{margin-top: 110px;}
		.pc .pc_text img{ width:80%; text-align:center; margin:0 auto}
		footer{height:180px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px;    position: fixed;
			bottom: 0px;}
		footer .footer{width:100%; margin:0 auto; text-align:center;}
		.footer-left{float:left; width:100%; margin-top: 10px;}
		.footer-left span img{width:60px;}
		.footer-left span{margin: 0 20px;}
		.footer-right{float:left; width:100%;margin-top: 10px;}
		.footer-right p{margin-top:5px; line-height:18px;}
		.footer-right p a{color:#fff;padding: 2px;}
		.footer-right p a:hover{color:#ff0000;}
}
@media screen and (max-width:640px){
		 @charset "utf-8";
		/* CSS Document */
		html,body{overflow:hidden;overflow-y:auto;}
		body{background:url(../images/trainingMBg.png) top center;background-size:100%; font-family:'微软雅黑';}
		nav ,.register{display: none;}.slide .img3{width: 80%;height: 80%;top: 0;left: 10%;z-index: 3;}
		.icon-bar{background:url(../images/nav.png) top center no-repeat;float: right;width: 50px; height: 45px;margin-top: 20px;background-size: 50%;}
		.icon-bar-list{width: 100%; background: #000; z-index: 9999; position: absolute; left: 0; top: 64px; padding-bottom: 10px;}
		.icon-bar-list li{width: 100%; height: 35px; line-height: 35px; color: #fff; border-bottom: 1px solid #fff; float: left; padding-left: 10px;}
		.icon-bar-list li a{color:#fff;float: left;width: 100%;}
		.container{width: 100%;margin: 0 auto; overflow:hidden}
		#traning_banner{ margin-top:10px;    min-height: 200px;}
		#traning_banner .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
		#traning_banner .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
		#traning_banner .img3{width: 60%;height:auto;top: 0;z-index: 3;left:20%}
		.training_context{ width:96%; margin:20px 2%; height:auto;background: rgba(5,83,95,0.8); color:#fff; border-radius:10px; display:inline-block;float:left; margin-bottom:20px;}
		.training_context .training_left{float:left; width:90px; text-align:center}
		.training_context .training_left .cur{ background: #00705F;}
		.training_context .training_left li{ height:40px; line-height:40px; border-bottom:1px solid #f8f8f8;cursor:pointer; font-size:14px;}
		.training_context .training_left li:hover,.training_context .training_left li:active{color:#ff0000}
		.training_context .training_right{float: right; color:#333;width:calc(100% - 91px); min-height:300px; border-left:1px solid #f8f8f8; }
		.training_context .training_right iframe{ width: 30%;float: left;height: 60px;}
		.training_context .training_right a{color: #fff;text-decoration: underline;}
		.training_context .training_right p{ height: auto;width: 69%;margin: 0 auto 0px;overflow: hidden;font-size: 12px; }
		.training_context .training_right ul{margin: 5px;text-align: left;color: #fff;}
		.training_context .training_right ul li{float:left; width:100%; border-bottom: 1px solid #fff; margin-bottom: 5px;padding-bottom: 5px;}
		.training_context .training_right ul li img{width: 30%;float: left;}
		.training_right_jxcxt,.training_right_jxcrj{ display:none}
		
		/*header*/
		header{height:56px;}
		header .logo{float:left;margin-top:10px;}
		header .logo img{height:40px; margin-left:10px;}
		line{background:url(../images/line.png) no-repeat center; background-size:100%; height: 15px; width: 100%; position: absolute; left: 0px;}
		.caseIcon{width: 100%; margin: 0px auto 0px; text-align: center;}
		.caseIcon a{float:left;color:#fff;width:33.3%;text-align:center;background:url(../images/caseBg.png) top center ;background-repeat:no-repeat;background-size:100%;font-size: 12px; line-height: 17px; height: auto;}
		.caseIcon .cur{color:#ff0000;}
		/*section*/
		section{margin-top: 0px;    margin-bottom: 20px;}
		.pc .pc_text img{ width:80%; text-align:center; margin:0 auto}
		.swTitle{height: 110px; width: 100%; margin: 0 auto; text-align: center; background: url(../images/swBg.png) center;background-repeat:no-repeat;background-size:100%; line-height: 123px; font-size: 18px;color:#fff;    display: inline-block;}
		.swTitle span{background: linear-gradient(to bottom, #1fd7ed, #b4ffff); -webkit-background-clip: text; color: transparent;}
		.pcTitle{ text-align:center}
		.training_app,.training_wechat{ display:none}
		footer{min-height:170px; background:#00071a; width:100%; color:#fff; line-height:20px;font-size: 12px;}
		footer .footer{width:100%; margin:0 auto; text-align:center;}
		.footer-left{float:left; width:100%; margin-top: 10px;}
		.footer-left span img{width:60px;}
		.footer-left span{margin: 0 20px;}
		.footer-right{float:left; width:100%;margin-top: 10px;}
		.footer-right p{margin-top:5px; line-height:20px}
		.footer-right p a{color:#fff;padding: 2px;}
		.footer-right p a:hover{color:#ff0000;}
}