@charset "utf-8";
*{margin: 0px;padding: 0px;font-family:"微软雅黑";}
body,p,ul,ol,dl,dd,hr,h1,h2,h3,h4,h5,h6,figure,ul,ol,th,td,button,input,fieldset,legend,textarea,option{margin: 0;padding: 0;}
body {font-family: "微软雅黑" !important; color: #333;}
a {text-decoration: none; color: #333;cursor:pointer}
li {list-style: none}
img{cursor:pointer;}
.clear{clear: both;}
.bg-black{ background: #000;}
.color-white{ color: #fff;}
.bg-white{ background: #fff;}
.bg-f8{ background: #f8f8f7;}
.bg-1b{ background: #1b1b1b;}
.color-black{ color: #000;}
.bg-ac{background: #acacac; }
.banner{ width: 100%; height: 100vh; background-image: url("https://cdn.cdomdmyxy.com/newpc/zt/zouxiu/banner1.jpg"); background-repeat: no-repeat; background-size: 100% auto;}
		    #box {
		        position: relative;
				width: 215px;
				height: 60vh;
				margin: auto;
				top: 40vh;
				border: none;
		    }
		
		        #box img {
		            position: absolute;
		        }
		
		            #box img:nth-child(1) {
		                /*left:-8px;*/
	
		                left: -1000px;
		            }
		
		                #box img:nth-child(1).on {
		                    left: 51.5px;
		                    transition: 0.5s 0.5s;
		                }
		
		            #box img:nth-child(2) {
		                /*left:163px;*/
		                top: 40px;
		                left: 1500px;
		            }
		
		                #box img:nth-child(2).on {
		                    left: 0;
		                    transition: 0.5s 1s;
		                }
		
		            #box img:nth-child(3) {
		                left: 23.5px;
		                top: 120px;
		                animation: shake 0.8s linear;
		            }
		
		    @keyframes shake {
		        0% {
		            transform: scale(0);
		        }
		
		        30% {
		            transform: scale(1.2);
		        }
		
		        40% {
		            transform: scale(0.8);
		        }
		
		        50% {
		            transform: scale(1.15);
		        }
		
		        60% {
		            transform: scale(0.9);
		        }
		
		        70% {
		            transform: scale(1.1);
		        }
		
		        80% {
		            transform: scale(0.95);
		        }
		
		        90% {
		            transform: scale(1.05);
		        }
		
		        100% {
		            transform: scale(1);
		        }
		    }
		
		    #box img:nth-child(4) {
		        /*left:510px;*/
		        top: 21px;
		        left: 1500px;
		    }
		
		        #box img:nth-child(4).on {
		            left: 510px;
		            transition: 0.5s 0.5s;
		        }
		.container {
		    position: relative;
		    width: 24px;
		    height: 24px;
			margin: auto;
			top: 50vh;
		}
		.chevron {
		    position: absolute;
		    width: 28px;
		    height: 8px;
		    opacity: 0;
		    transform: scale3d(0.5, 0.5, 0.5);
		    animation: move 3s ease-out infinite;
		}
		.chevron:first-child {
		    animation: move 3s ease-out 1s infinite;
		}
		.chevron:nth-child(2) {
		    animation: move 3s ease-out 2s infinite;
		}
		.chevron:before,
		.chevron:after {
		    content: ' ';
		    position: absolute;
		    top: 0;
		    height: 100%;
		    width: 51%;
		    background: #fff;
		}
		.chevron:before {
		    left: 0;
		    transform: skew(0deg, 30deg);
		}
		.chevron:after {
		    right: 0;
		    width: 50%;
		    transform: skew(0deg, -30deg);
		}
		@keyframes move {
		    25% {
		        opacity: 1;
		    }
		    33% {
		        opacity: 1;
		        transform: translateY(30px);
		    }
		    67% {
		        opacity: 1;
		        transform: translateY(40px);
		    }
		    100% {
		        opacity: 0;
		        transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
		    }
		}

/*******************************banner结束********************************************/


.style{ width: 100%; height: 900px; background: #FFFFFF;}
.title-style{width: 230px; height: 73px; margin: auto; margin-top: 100px;}
.style-body{ width: 1658px; height: 545px; margin: auto; margin-top: 120px;}
.style-left{ width: 725px; height: 545px; float: left;}
.style-right{ width: 888px; height: 545px; float: right;  }
.style-right img{ width: 888px; height: 545px; }
.style-l-t{ widows:720px; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; color: #000; padding-top: 350px;}
.style-l-c{ widows:720px; height: 100px; line-height: 26px; font-size: 18px; color: #000;}
.style-l-b{ width: 430px; height: 40px; line-height: 40px; text-align: center; font-size: 13px; font-weight: bold;}
.style-l-b dt{ float: left; width: 200px; height: 40px; border: 1px solid #000;}
.style-l-b dd{ float: right; width: 200px; height: 40px; background: #000000; color: #fff;}


.opus{ width: 100%; height: 850px; background: #f1f1f1;}
.title-opus{width: 319px; height: 73px; margin: auto; padding-top: 100px;}
.opus-body{ margin: auto; }
.opus-body p{ text-decoration: underline; font-size: 16px; color: #000000; margin-top: 20px;}



.teacher{ width: 100%; height: 800px; background: #FFFFFF;}
.teacher-body{ width: 1658px; height: 550px; margin: auto; padding-top: 130px; }
.teacher-body li{ float: left;width: 389px; height: 550px;  }
.teacher-body li dt{ width: 389px; height: 490px; overflow: hidden; }
.teacher-body li dt img{width: 389px; height: 490px;}
.teacher-body li dt img:hover{width: 400px; height: 500px;  transition: 1s;}
.teacher-body li dd{ width: 389px; height: 50px; line-height: 50px;  color: #000000;}
.teacher-body li dd b{ font-size: 16px; display: block; float: left;}
.teacher-body li dd span{ font-size: 14px;  display: block; float: right;}



.show1{ width: 100%; height: 750px; background: #f1f1f1;}
.title-show{width: 230px; height: 73px; margin: auto; padding-top: 100px;}
.show-body{ width: 1658px; height: 370px; margin: auto; padding-top: 130px; }
.show-body li{ float: left;width: 502px; height: 345px;  }
.show-body li dt{ width: 502px; height: 295px; }
.show-body li dt video{width: 502px; height: 295px; }
.show-body li dd{ width: 502px; height: 50px;}


.award{ width: 100%; height: 1000px; background: #FFFFFF;}
.title-award{width: 317px; height: 73px; margin: auto; padding-top: 100px;}
.award-body{ width: 1658px; height: 570px; margin: auto; padding-top: 130px;}
.award-li1{width: 673px; height: 570px; float: left;}
.award-li2{width: 423px; height: 570px; float: left; margin-left: 69.5px;}
.award-li3{width: 423px; height: 570px; float: right;}
.award-li-t dt{ width: 423px; height: 232px; overflow: hidden;}
.award-li-t dt img{ width: 423px; height: 232px;}
.award-li-t dt img:hover{width: 433px; height: 242px;  transition: 1s;}
.award-li-t dd{ width: 423px; height: 60px; line-height: 40px;}
.award-li-b dt{ width: 423px; height: 232px; overflow: hidden;}
.award-li-b dt img{ width: 423px; height: 232px;}
.award-li-b dt img:hover{width: 433px; height: 242px;  transition: 1s;}
.award-li-b dd{ width: 423px; height: 60px;line-height: 40px;}
.award-li1 dt{ width: 673px; height: 524px; overflow: hidden;}
.award-li1 dt img{ width: 673px; height: 524px;}
.award-li1 dt img:hover{width: 683px; height: 534px;  transition: 1s;}
.award-li1 dd{ width: 423px; height: 60px; line-height: 50px; font-size: 18px;}


.champion{ width: 100%; height: 700px; background: #f1f1f1;}
.title-champion{width: 319px; height: 73px; margin: auto; padding-top: 100px;}
.champion-body{ width: 1658px; height: 570px; margin: auto; padding-top: 100px;}
.champion-body li{ width: 404px; height: 230px; float: left;}
.champion-body li video{width: 404px; height: 230px; }



.footer{ width:100%; height: 550px; background: #1b1b1b;}
.footer a{color: #fff;}
.foot{ width: 1440px; height: 350px;  margin: auto; padding-top: 150px;}
.foot-li1{ width: 280px; height: 350px; float: left; color: #fff;}
.foot-li1 dt{ font-size: 22px;}
.foot-li1 dd{ margin-top: 20px;}
.foot-li1 dd li{font-size: 14px; height: 40px; line-height: 40px;}
.foot-li1 dd li{ background-repeat: no-repeat;background-position: left center;}

.foot-li2{ width: 280px; height: 350px; float: left;}
.footer-lx-1{color: #f8f8f7; font-size: 22px;}
.footer-lx-2{color: #f8f8f7; font-size: 14px; margin-top: 10px; }
.footer-lx-2 a{color: #f8f8f7; text-decoration: underline!important;}
.footer-lx-3{ width:100%; margin-top: 10px; }
.footer-lx-3 input{ background: #000; border: none;outline:none;color: #fff;width: 100%; height: 30px; line-height:30px; text-indent: 1em;}
.footer-lx-4{ width:100%; margin-top: 10px;}
.footer-lx-4 dt{ width:48%; height: 30px; margin-top: 10px; float: left;}
.footer-lx-4 dd{ width:48%; height: 30px; margin-top: 10px; float: right;}
.footer-lx-4 dt input{ background: #000; border: none;outline:none;color: #fff;width: 100%; height: 30px;  line-height:30px; text-indent: 1em; }
.footer-lx-4 dd select{ background: #000;  border: none;outline:none;color: #fff;width: 100%; height: 30px; line-height:30px;}
.footer-lx-5{ background: #282828; border:none; width: 100px; text-align: center; height: 30px;line-height:30px; color: #fff; font-size: 16px;margin-top: 15px;}


.side{position:fixed;width:66px;height:275px;right:0;top:350px;z-index:100; display: none;}
.side ul li{width:66px;height:66px;float:left;position:relative;border-bottom:1px solid #fff;}
.side ul li .sidebox{position:absolute;width:66px;height:66px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/66px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:66px;height:66px;line-height:66px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#df1c4e;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}









.top-blank{height:75px;overflow:hidden;background:none;}
.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}

.top01{width:100%;height:30px;line-height:30px;background:#1f2229;/*color:#f5f5f5;*/ color:#e0224d;overflow:hidden;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:75px;width:100%; background: #fff; }
.top02_center{ width: 100%; margin: auto;}
.logo{width:450px;float:left;text-align: center; }
.logo img{ width: 450px; height: 70px; padding-top: 18px; }
.nav{float:right;  }
.nav ul{padding-right: 20px;}
.nav .mmm{ padding-top: 30px;}
.nav li{float:left;text-align:center;/* position:relative;*/font-size:12px; }
.nav a{height:42px;padding-top:50px;display:block;font-size:1.33em;/*overflow:hidden;*/ text-align: center;padding-left: 12px;}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
/*.nav a#sel{border-bottom:3px solid #e0224d;color:#e0224d;}*/
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:75px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#df1c4e;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#df1c4e;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:1200px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:12000px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:184px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:184px;height:112px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px; padding-left: 0!important; }
.nav .sub .nav_xiao .xiao_three ul li a span{ width: 184px; display: block; text-align: center;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#df1c4e;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#df1c4e;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}



        .videolist {
            position: relative;
            float: left;
            width: 500px;
            height: 300px;
            margin-right: 50px;
            margin-top: 15px;
            margin-bottom: 30px;
        }

            .videolist:hover {
                cursor: pointer;
            }
 .videolist1 {
            position: relative;
            float: left;
            width: 404px;
            height: 230px;
            margin-right: 10px;

        }

            .videolist1:hover {
                cursor: pointer;
            }			

        .videoed {
            display: none;
            width: 50px;
            height: 50px;
            position: absolute;
            left: 45%;
            top: 45%;
            z-index: 99;
            border-radius: 100%;
        }

        .videos {
            display: none;
            border: 1px solid #080808;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -320px;
            margin-top: -210px;
            z-index: 100;
            width: 640px;
            height: 360px;
        }
		.videos1 {
		    display: none;
		    border: 1px solid #080808;
		    position: fixed;
		    left: 50%;
		    top: 50%;
		    margin-left: -320px;
		    margin-top: -210px;
		    z-index: 100;
		    width: 640px;
		    height: 360px;
		}

        .vclose {
            position: absolute;
            right: 1%;
            top: 1%;
            border-radius: 100%;
            cursor: pointer;
        }