@charset "gb2312";
/* CSS Document */
/*
* Description: 二建学霸分享专题
* Update:      07/03/2018
* Author:      yixiaofang
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background-color:#fff;  color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
body a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1000px;}
.btn{display:block;text-align:center;color:#fff;margin:0 auto;}

/* banner */
	.banner{width:100%; overflow:hidden; height:643px;  position:relative;}
	.banner_01{height:156px;background: url(../images/banner_01.jpg) center top no-repeat;}
	.banner_02{height:194px;background: url(../images/banner_02.jpg) center top no-repeat;}
	.banner_03{height:151px;background: url(../images/banner_03.jpg) center top no-repeat;}
	.banner_04{height:150px;background: url(../images/banner_04.jpg) center top no-repeat;}
	
	.ban_btn{ padding-left:309px;}
	.ban_btn a{ margin-right:48px; font-size:24px; font-weight:bold; color:#f37800; float:left; width:280px; height:60px; line-height:60px; border-radius:60px; box-shadow:rgba(255,255,255,0.35) 0 0 7px ;-moz-box-shadow:rgba(255,255,255,0.35) 0 0 7px ; -ms-box-shadow:rgba(255,255,255,0.35) 0 0 7px ;-o-box-shadow:rgba(255,255,255,0.35) 0 0 7px ;-webkit-box-shadow:rgba(255,255,255,0.35) 0 0 7px ; background-color:#fffd02;}
	.ban_btn a:hover{ background-color:#fff;}

	.banner .autoin{ position:relative;height:156px; }
	.banner span{ display:block; position:absolute;}
	.ban_s1{ width:118px; height:294px; background:url(../images/ban_01.png) no-repeat; top:0; left:-35%;-moz-animation:ban_s1 1s infinite;-ms-animation:ban_s1 1s infinite;-o-animation:ban_s1 1s infinite;-webkit-animation:ban_s1 1s infinite; animation:ban_s1 1s infinite; }
	@-webkit-keyframes ban_s1{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@-o-keyframes ban_s1{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@-ms-keyframes ban_s1{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@-moz-keyframes ban_s1{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@keyframes ban_s1{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	
	.ban_s2{ width:58px; height:49px; background:url(../images/ban_02.png) no-repeat; top:-5px; left:-81px; -moz-animation:ban_s2 1s infinite;-ms-animation:ban_s2 1s infinite;-o-animation:ban_s2 1s infinite;-webkit-animation:ban_s2 1s infinite; animation:ban_s2 1s infinite;  }
	@-webkit-keyframes ban_s2{
		0%{top:-5px;left:-81px; }
		50%{top:0; left:-76px;}
		100%{ top:-5px; left:-81px; }
	}
	@-o-keyframes ban_s2{
		0%{top:-5px;left:-81px; }
		50%{top:0; left:-76px;}
		100%{ top:-5px; left:-81px; }
	}
	@-ms-keyframes ban_s2{
		0%{top:-5px;left:-81px; }
		50%{top:0; left:-76px;}
		100%{ top:-5px; left:-81px; }
	}
	@-moz-keyframes ban_s2{
		0%{top:-5px;left:-81px; }
		50%{top:0; left:-76px;}
		100%{ top:-5px; left:-81px; }
	}
	@keyframes ban_s2{
		0%{top:-5px;left:-81px; }
		50%{top:0; left:-76px;}
		100%{ top:-5px; left:-81px; }
	}

	.ban_s3{ width:142px; height:109px; background:url(../images/ban_03.png) no-repeat; top:-5px; left:826px; -moz-animation:ban_s3 1s infinite;-ms-animation:ban_s3 1s infinite;-o-animation:ban_s3 1s infinite;-webkit-animation:ban_s3 1s infinite; animation:ban_s3 1s infinite;  }
	@-webkit-keyframes ban_s3{
		0%{top:-5px;left:826px; }
		50%{top:0; left:831px;}
		100%{ top:-5px; left:826px; }
	}
	@-o-keyframes ban_s3{
		0%{top:-5px;left:826px; }
		50%{top:0; left:831px;}
		100%{ top:-5px; left:826px; }
	}
	@-ms-keyframes ban_s3{
		0%{top:-5px;left:826px; }
		50%{top:0; left:831px;}
		100%{ top:-5px; left:826px; }
	}
	@-moz-keyframes ban_s3{
		0%{top:-5px;left:826px; }
		50%{top:0; left:831px;}
		100%{ top:-5px; left:826px; }
	}
	@keyframes ban_s3{
		0%{top:-5px;left:826px; }
		50%{top:0; left:831px;}
		100%{ top:-5px; left:826px; }
	}

	.ban_s4{ width:93px; height:119px; background:url(../images/ban_04.png) no-repeat; top:0; right:-35%; -moz-animation:ban_s4 1s infinite;-ms-animation:ban_s4 1s infinite;-o-animation:ban_s4 1s infinite;-webkit-animation:ban_s4 1s infinite; animation:ban_s4 1s infinite;  }
	@-webkit-keyframes ban_s4{
		0%{ margin:0; }
		50%{ margin:-3px -3px 0 -0px; }
		100%{ margin:0; }
	}
	@-moz-keyframes ban_s4{
		0%{ margin:0; }
		50%{ margin:-3px -3px 0 -0px; }
		100%{ margin:0; }
	}
	@-o-keyframes ban_s4{
		0%{ margin:0; }
		50%{ margin:-3px -3px 0 -0px; }
		100%{ margin:0; }
	}
	@-ms-keyframes ban_s4{
		0%{ margin:0; }
		50%{ margin:-3px -3px 0 -0px; }
		100%{ margin:0; }
	}
	@keyframes ban_s4{
		0%{ margin:0; }
		50%{ margin:-3px -3px 0 -0px; }
		100%{ margin:0; }
	}
	
	.ban_s5{ width:223px; height:88px; background:url(../images/ban_05.png) no-repeat; bottom:-492px; right:-93px; -moz-animation:ban_s5 1s infinite;-ms-animation:ban_s5 1s infinite;-o-animation:ban_s5 1s infinite;-webkit-animation:ban_s5 1s infinite; animation:ban_s5 1s infinite;  }
	@-webkit-keyframes ban_s5{
		0%{bottom:-492px;right:-93px; }
		50%{bottom:-487px; right:-88px;}
		100%{ bottom:-492px; right:-93px; }
	}
	@-moz-keyframes ban_s5{
		0%{bottom:-492px;right:-93px; }
		50%{bottom:-487px; right:-88px;}
		100%{ bottom:-492px; right:-93px; }
	}
	@-ms-keyframes ban_s5{
		0%{bottom:-492px;right:-93px; }
		50%{bottom:-487px; right:-88px;}
		100%{ bottom:-492px; right:-93px; }
	}
	@-o-keyframes ban_s5{
		0%{bottom:-492px;right:-93px; }
		50%{bottom:-487px; right:-88px;}
		100%{ bottom:-492px; right:-93px; }
	}
	@keyframes ban_s5{
		0%{bottom:-492px;right:-93px; }
		50%{bottom:-487px; right:-88px;}
		100%{ bottom:-492px; right:-93px; }
	}
	
	.ban_s6{ width:73px; height:77px; background:url(../images/ban_06.png) no-repeat; bottom:-492px;  left:-35%; -moz-animation:ban_s6 1s infinite;-ms-animation:ban_s6 1s infinite;-o-animation:ban_s6 1s infinite;-webkit-animation:ban_s6 1s infinite; animation:ban_s6 1s infinite;  }
	@-webkit-keyframes ban_s6{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@-o-keyframes ban_s6{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@-ms-keyframes ban_s6{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@-moz-keyframes ban_s6{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	@keyframes ban_s6{
		0%{ margin:0; }
		50%{ margin:-3px 0 0 -3px; }
		100%{ margin:0; }
	}
	
	.ban_s7{ width:141px; height:40px; background:url(../images/ban_07.png) no-repeat; bottom:-492px; right:331px; -moz-animation:ban_s7 1s infinite;-ms-animation:ban_s7 1s infinite;-o-animation:ban_s7 1s infinite;-webkit-animation:ban_s7 1s infinite; animation:ban_s7 1s infinite;  }
	@-webkit-keyframes ban_s7{
		0%{bottom:-492px;right:331px; }
		50%{bottom:-487px; right:337px;}
		100%{ bottom:-492px; right:331px; }
	}
	@-moz-keyframes ban_s7{
		0%{bottom:-492px;right:331px; }
		50%{bottom:-487px; right:337px;}
		100%{ bottom:-492px; right:331px; }
	}
	@-ms-keyframes ban_s7{
		0%{bottom:-492px;right:331px; }
		50%{bottom:-487px; right:337px;}
		100%{ bottom:-492px; right:331px; }
	}
	@-o-keyframes ban_s7{
		0%{bottom:-492px;right:331px; }
		50%{bottom:-487px; right:337px;}
		100%{ bottom:-492px; right:331px; }
	}
	@keyframes ban_s7{
		0%{bottom:-492px;right:331px; }
		50%{bottom:-487px; right:337px;}
		100%{ bottom:-492px; right:331px; }
	}


/*problem*/
	.problem{  margin-bottom:14px; background-color:#fff; box-shadow:rgba(6,0,1,0.2) 4px 0 24px 0;}
	.title{ padding-top:90px; text-align:center ;}
	.top_i{ display:block; position:absolute; top:0; left:50%; margin-left:-10px; width:18px; height:83px; background:url(../images/til_01.png) no-repeat;  -moz-animation:top_i 1.5s infinite;-ms-animation:top_i 1.5s infinite;-o-animation:top_i 1.5s infinite;-webkit-animation:top_i 1.5s infinite; animation:top_i 1.5s infinite;  }
	@-webkit-keyframes top_i{
		0%{ top:-90px; }
		100%{ top:0; }
	}
	@-moz-keyframes top_i{
		0%{ top:-90px; }
		100%{ top:0; }
	}
	@-ms-keyframes top_i{
		0%{ top:-90px; }
		100%{ top:0; }
	}
	@-o-keyframes top_i{
		0%{ top:-90px; }
		100%{ top:0; }
	}
	@keyframes top_i{
		0%{ top:-90px; }
		100%{ top:0; }
	}
	.bg{ position:relative; overflow:hidden; width:100%;}
	.title h3{ line-height:84px; font-size:44px; font-weight:bold; color:#000; }
	.title h3 em{ color:#4671e8; }
	.title span{ display:block; margin:0 auto; width:180px; height:2px; background-color:#4671e8;}

	.pro_ul{ padding:40px 0 40px 11px;}
	.pro_ul li{ margin-right:38px; float:left; width:300px; color:#fff; padding-top:30px; height:320px; border-radius:8px; text-align:center;}
	.pro_li1{ background-color:#4875f5;}
	.pro_li2{ background-color:#0dc7c9;}
	.pro_li3{ background-color:#fa8638;}
	.pro_ul li img{ display:block; margin:0 auto;}
	.pro_ul li h4{ line-height:36px; font-size:20px; display:inline-block; border-bottom:1px dashed rgba(255,255,255,0.2); }
	.pro_ul li b{ line-height:50px; font-size:38px; font-weight:bold; display:block; padding-bottom:19px;  }
	.pli_d span,.pli_d p{ display:block; float:left;}
	.pli_d span{ width:46px; text-align:center;}
	.pli_d{ margin-bottom:10px; padding:0 23px;}
	.pli_d p{ text-align:left;width:180px;  height:44px; font-size:14px; line-height:18px;  }
	.pli_d .p1{ padding:5px 8px 0 20px; background:url(../images/pro_04.png) no-repeat;}
	.pli_d .p2{padding:5px 20px 0 8px; background:url(../images/pro_05.png) no-repeat;}
	.pli_d .ps1{ padding-top:10px; }

/*secret*/
	.secret{height:599px; background:url(../images/sec_bg.jpg) no-repeat top center;}
	.sec_con{ overflow:hidden; height:423px; position:relative;}
	.sec_d1{ z-index:1; width:800px; height:290px; background:url(../images/sec_01.jpg) no-repeat; position:absolute; bottom:0px; left:100px;}
	.sec_d2{ z-index:2; width:884px; height:188px; background:url(../images/sec_02.png) no-repeat; position:absolute; bottom:0px; left:58px;}
	.secret.cur .sec_d1{ -moz-animation:sec_d 2s ;-ms-animation:sec_d 2s ;-o-animation:sec_d 2s ;-animation:sec_d 2s ;animation:sec_d 2s ;  }
	@-webkit-keyframes sec_d{
		0%{ bottom:-50px; }
		100%{ bottom:0px; }
	}
	@-moz-keyframes sec_d{
		0%{ bottom:-50px; }
		100%{ bottom:0px; }
	}
	@-ms-keyframes sec_d{
		0%{ bottom:-50px; }
		100%{ bottom:0px; }
	}
	@-o-keyframes sec_d{
		0%{ bottom:-50px; }
		100%{ bottom:0px; }
	}
	@keyframes sec_d{
		0%{ bottom:-50px; }
		100%{ bottom:0px; }
	}

/*oath*/
	.oath{ padding:40px 0 50px;}
	.oat_l,.oat_r{ float:left;}
	.oat_l{ margin-left:44px; width:600px; padding-top:36px; height:370px; background:url(../images/oat_01.png) no-repeat; }
	.oat_l h4{ width:211px; height:55px; line-height:55px; background:url(../images/oat_02.png) no-repeat; text-align:center; margin:0 auto; font-size:24px; font-weight:bold; }
	.oat_ul { padding:18px 33px 0;}
	.oat_ul li{ height:28px; line-height:28px; border-bottom:1px solid #e5e5e5; padding:0  24px;}
	.oat_l p{ color:#000000; line-height:46px; padding-left:260px; }
	.oat_r{ width:296px; text-align:center; }
	.oat_r h4{ font-size:26px; font-weight:bold; color:#6048f5; line-height:30px; padding-top:107px; }
	
	.oat_btn{ padding-top:36px;}
	.oat_btn a{ margin-bottom:13px; width:244px; height:48px; line-height:48px; border-radius:48px; border:3px solid #a799ff; font-size:18px; font-weight:bold; color:#6048f5; }
	.oat_btn a img{ display:inline-table; vertical-align:middle; margin-top:-5px; }
	.oat_btn a:hover{ background-color:#a799ff; }
	.oat_btn .btn1{ background-color:#6048f5; border:3px solid #6048f5; color:#fff;}
	.oat_btn .btn1:hover{ background-color:#a799ff; border:3px solid #a799ff; }

/*trailer*/
	.trailer{ width:100%; height:413px; padding-top:55px; background:url(../images/tra_bg.jpg) no-repeat top center;}
	.tra_con{ width:734px; height:350px; border-radius:10px; padding:20px 26px 0; background-color:#fff; margin:0 auto; box-shadow:rgba(49,50,54,0.35) 0 0 18px 0; }
	.tra_con h4{ font-size:24px; font-weight:bold; background-color:#6048f5; height:50px; line-height:50px; color:#fff; text-align:center; }
	.tra_con h4 em{ color:#fffd02;}
	
	.tra_ul li{ overflow:hidden; margin-top:2px;}
	.tra_ul li span{ display:block; float:left; width:120px; height:50px; line-height:50px; background-color:#a799ff; color:#fff; text-align:center; font-size:18px; font-weight:bold;}
	.tra_ul li p{ float:left; font-size:16px; color:#676767; line-height:50px; height:49px; border-bottom:1px solid #e5e5e5; width:594px;  padding-left:20px;}
	.tra_ul li p.p1{ line-height:20px; padding-top:5px; height:44px; }

	.tra_con .btn{ width:316px; height:50px; line-height:50px; background: -webkit-linear-gradient(left,#6048f5, #9988ff);background: -moz-linear-gradient(left,#6048f5, #9988ff);background: -ms-linear-gradient(left,#6048f5, #9988ff);background: -o-linear-gradient(left,#6048f5, #9988ff);background: linear-gradient(left,#6048f5, #9988ff); border-radius:50px; font-size:18px; font-weight:bold; margin-top:20px; }
	.tra_con .btn:hover{-moz-box-shadow:#9382fe 0 0 10px;-ms-box-shadow:#9382fe 0 0 10px;-o-box-shadow:#9382fe 0 0 10px;-webkit-box-shadow:#9382fe 0 0 10px; box-shadow:#9382fe 0 0 10px; }

/*videotape*/
	.videotape{ height:878px; background:url(../images/vid_bg.jpg) no-repeat top center;}
	.vid_con{ margin-top:100px; position:relative;}
/*	.vid_ul{ height:500px;}
	.vid_ul li{ position:absolute; }
	.vid_ul li .vid_i{ opacity:0.6; filter: url(blur.svg#blur); 
    -webkit-filter: blur(5px); 
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
    
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); width:422px; z-index:2;}
	.vid_ul li.cur .vid_i{ opacity:1;filter: none; width:498px;}

	.vid_d{ display:none; margin:-10px auto 0; padding:0 0 10px 12px; color:#fff; width:440px; background-color:#7f97fe; border:10px solid #758fff; border-radius:0 0 10px 10px; } 
	.vid_ul li.cur .vid_d{ display:block;}
	.vid_d h4{ font-size:18px; font-weight:bold; line-height:30px; }
	
*/
	#tour{z-index:1;position:relative;z-index:1;padding-top:0;min-height:500px;margin-top:-50px; width:1000px;}
	
	#img-slider .slide{position:relative;}
	#img-slider .slide .img{ margin:10px auto;border:none;}
	#img-slider .img{ width:568px;height:331px;position:relative;}
	.switcher-wrap.slider{  padding:0 170px;}
	
	#img-slider .img img{display:block;width:100%;}
	#img-slider .img .label{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#10af8b;padding:2.5% 0;position:absolute;bottom:0;left:0;right:0;font-weight:400;text-align:center;color:#fff;font-size:150%;}
	#img-slider .img:first-child{display:block;}
	
	.switcher-wrap{position:relative;}
	.switcher-wrap.slider #img-slider .img{}
	.switcher-wrap a.next,.switcher-wrap a.prev{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;bottom:0;left:0;background:url(sprites.png) no-repeat 16px 12px;z-index:1000;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}
	
	.switcher-wrap ul.switcher{ line-height:56px;text-align:center;}
	.switcher-wrap ul.switcher li{display:inline-block; margin:0 5px;   display:inline-block; vertical-align:middle; background-color:#292836; border-radius:50%;}
	.switcher-wrap ul.switcher li a{display:block;font-size:18px; width:46px; height:46px; line-height:46px; font-weight:bold; color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-o-transition:background 0.30s ease-in-out;-webkit-transition:background 0.30s ease-in-out;-moz-transition:background 0.30s ease-in-out;transition:background 0.30s ease-in-out;}
	.switcher-wrap ul.switcher li.active a{width:56px; line-height:56px; height:56px; background-color:#fffd02; color:#292836;}
	.switcher-wrap ul.switcher li:last-child{margin-right:0;}
	.vid_d{ opacity:0;  margin:-10px auto 0; padding:0 0 10px 12px; color:#fff; width:440px; background-color:#7f97fe; border:10px solid #758fff; border-radius:0 0 10px 10px; } 
	.vid_d h4{ font-size:18px; font-weight:bold; line-height:30px; }
	
	.roundabout-in-focus .vid_d{ opacity:1; }
/*story*/
	.story{   background:#313236 url(../images/sto_bg.jpg) no-repeat top center;}
	.top_i1{ background:url(../images/til_02.png) no-repeat;}
	.title1 h3{ color:#fff;}
	.title1 h3 em{ color:#fffd02;}
	.title1 p{ color:#fff; font-size:18px; height:40px;}
	.title1 span{ background-color:#fff;}
	
	.sto_con{ width:960px; margin:40px 0 0 20px; position:relative;}
	.sto_ul li{ margin-bottom:20px; position:relative; width:470px; height:220px; float:left; background-color:#6048f5; border-radius:10px; color:#fff; }
	.sto_ul li img{ position:absolute; top:10px; left:20px;}
	.sto_ul li h4{ text-align:center; line-height:54px; padding-top:11px; font-size:30px; font-weight:bold; color:#fffd02;}
	.sto_ul li p{ font-size:16px; line-height:30px; padding-left: 46px; }
	.sto_li1{ margin-right:20px; }
	.sto_ul li.sto_li1 p{ padding:10px 0 0 66px;}
	.sto_ul li.sto_li3{  width:960px; }
	.sto_ul li.sto_li3 h4{ padding-top:30px;}
	.sto_ul li.sto_li3 p{ padding-left:177px; }

	.sto_con a{ width:300px; height:80px; line-height:80px; background-color:#fff;-moz-box-shadow:rgba(0,0,0,0.4) 0 0 16px;-ms-box-shadow:rgba(0,0,0,0.4) 0 0 16px;-box-shadow:rgba(0,0,0,0.4) 0 0 16px;-webkit-box-shadow:rgba(0,0,0,0.4) 0 0 16px; box-shadow:rgba(0,0,0,0.4) 0 0 16px; font-size:30px; font-weight:bold; color:#6048f5; position:absolute; top:189px; left:329px; border-radius:80px; }
	.sto_con a img{ display:inline-block; vertical-align:middle; margin:-3px 10px 0 0; }
	.sto_con a:hover{ background-color:#bdb3fa;}








	
/*扉页*/
.feiye{width:100%;line-height:20px;font-size:12px;text-align:center;color:#666666; padding-top:30px;}