@charset "utf-8";
/* CSS Document */
*, dl, dt { margin: 0; padding: 0; }
img { border: none; }
ul, li { list-style: none; margin: 0; }
a { text-decoration: none; color: #666; cursor: pointer; outline: none; }
a:hover, a:focus { color: #0068b7; text-decoration: none; outline: none; }
input, select, button, textarea { font-size: 14px; font-family: "微软雅黑"; color: #666; }
body { font-size: 12px; font-family: "微软雅黑"; color: #666; }
h1, h2, h3, h4, h5, h6, h7, b { font-weight: normal; margin: 0; }
p { margin: 0; }
i, em { font-style: normal; }
.clearfix { zoom: 1 }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.fl { float: left; }
.fr { float: right; }
.w1002 { width: 1002px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.pr { position: relative; }
.pa { position: absolute; }

html, body { width: 100%; height: 100%; font-family: "Microsoft YaHei", "Hiragino Sans GB", sans-serif; font-size: 18px; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow: hidden}
.section_group { position: relative; height: 100%; -webkit-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); -moz-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); -o-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); -ms-transition: all 1000ms cubic-bezier(.86, 0, .07, 1); transition: all 1000ms cubic-bezier(.86, 0, .07, 1) }
.pagination { position: fixed; top: 50%; margin-top: -136px; right: 30px; width: 26px; z-index: 999; font-size: 14px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px }
.pagination li { cursor:pointer; display: block; height: 17px; width: 17px; border:1px #fff solid; background:none; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; -ms-transition: 500ms; transition: 500ms; padding:0; margin:10px 0;}
.pagination .active { background: #fff; -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.4), 0 0 0 4px rgba(255,255,255,0.3); -moz-box-shadow: 0 0 0 2px rgba(255,255,255,0.4), 0 0 0 4px rgba(255,100,255,0.3); -o-box-shadow: 0 0 0 2px rgba(255,255,255,0.4), 0 0 0 4px rgba(255,255,255,0.3); -ms-box-shadow: 0 0 0 2px rgba(255,255,255,0.4), 0 0 0 4px rgba(255,255,255,0.3); box-shadow: 0 0 0 2px rgba(255,255,255,0.4), 0 0 0 4px rgba(255,255,255,0.3); padding:0; }
.pagination li aside{ display:none;}

section { width: 100%; height: 100%; overflow: hidden; position: relative }

.area_01 { background:url(/Images/web/yi_bg.jpg) no-repeat center/cover;}
.area_02 { background-color: #00a0e9;}
.area_03 { background-color: #476bc3;}
.area_04 { background:url(/Images/web/yi_bg2.jpg) no-repeat center/cover;}
.area_05 { background:url(/Images/web/yi_bg1.jpg) repeat center;}
.area_06 { background-color: #476bc3;}

/*头部*/
.yi-header{ padding:30px 0 0; position:relative; z-index:999;}
.yi-hr a{ display:inline-block; border:1px #a79ed5 solid; color:#fff; font-size:16px; height:37px; line-height:35px; width:120px; text-align:center; margin:0 2px;}
.yi-hr a.yi-login{ background:#eb6100; border-color:#eb6100; width:100px;}
.yi-hr a.yi-login img{ vertical-align:middle; margin-right:12px;}
.yi-hr a:hover{ background:#eb6100; border-color:#eb6100;}
/*第一屏*/
.u-round1{ position:absolute; top:50%; margin-top:-345px; left:50%; margin-left:-345px; width:690px; height:690px; background-color:#6750af; border-radius:100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; z-index:1; -webkit-animation-duration: 500ms; animation-duration: 500ms;  -webkit-animation-delay: .3s; animation-delay: .3s;  -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.u-round2{ position:absolute; top:50%; margin-top:-297px; left:50%; margin-left:-297px; width:595px; height:595px; background-color:#5f40a4; border-radius:100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; z-index:2; -webkit-animation-duration: 500ms; animation-duration: 500ms;   -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.u-round3{ position:absolute; top:50%; margin-top:-232px; left:50%; margin-left:-232px; width:465px; height:465px; background-color:#532a94; border-radius:100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; z-index:3; -webkit-animation-duration: 500ms; animation-duration: 500ms;  -webkit-animation-delay: .9s; animation-delay: .9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.yi-img1{ position:absolute; top:50%; margin-top:-295px; left:50%; margin-left:-505px; width:1002px; height:493px; z-index:4; -webkit-animation-duration: 500ms; animation-duration: 500ms;  -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInTop; animation-name: fadeInTop;}
.yi-text1{ position:absolute; top:50%; margin-top:115px; left:50%; margin-left:-450px; width:901px; height:127px; z-index:5; -webkit-animation-duration: 500ms; animation-duration: 500ms;  -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom;}
/*第一屏动画*/
.current .u-round1{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s .3s; -moz-transition: .3s .3s; -o-transition: .3s .3s; -ms-transition: .3s .3s; transition: .3s .3s;}
.current .u-round2{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s .6s; -moz-transition: .3s .6s; -o-transition: .3s .6s; -ms-transition: .3s .6s; transition: .3s .6s;}
.current .u-round3{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s .9s; -moz-transition: .3s .9s; -o-transition: .3s .9s; -ms-transition: .3s .9s; transition: .3s .9s;}
.current .yi-img1{ opacity:1; margin-top:-295px; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
.current .yi-text1{ opacity:1; margin-top:115px; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
@-webkit-keyframes fadeInRight {
	0% {
		 -webkit-transform: scale(.68); -moz-transform: scale(.68); -o-transform: scale(.68); -ms-transform: scale(.68); transform: scale(.68); opacity:0;
	}
	100% {
		opacity: 1;
		 -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
	}
}
@keyframes fadeInRight {
	0% {
		 -webkit-transform: scale(.68); -moz-transform: scale(.68); -o-transform: scale(.68); -ms-transform: scale(.68); transform: scale(.68); opacity:0;
	}
	100% {
		opacity: 1;
		 -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s .3s; -moz-transition: .3s .3s; -o-transition: .3s .3s; -ms-transition: .3s .3s; transition: .3s .3s;
	}
}
@-webkit-keyframes fadeInTop {
	0% {
		 opacity:0;  margin-top:-495px;
	}
	100% {
		 opacity:1; margin-top:-295px;
	}
}
@keyframes fadeInTop {
	0% {
		 opacity:0;  margin-top:-495px;
	}
	100% {
		 opacity:1; margin-top:-295px;
	}
}
@-webkit-keyframes fadeInBottom {
	0% {
		 opacity:0;  margin-top:315px;
	}
	100% {
		 opacity:1; margin-top:115px;
	}
}
@keyframes fadeInBottom {
	0% {
		 opacity:0;  margin-top:315px;
	}
	100% {
		 opacity:1; margin-top:115px;
	}
}



/*第二屏*/
.page2 .w1200{ position:absolute; left:50%; margin-left:-600px; background:#000; z-index:0; height:1000px;}
.m-page2{ position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-600px; background-color:#5e42a9; width:857px; height:500px; padding:140px 235px 0 60px; z-index:1;/* clip-path: polygon(857px 0,0px 0px,0px 500px,637px 500px); -moz-clip-path: polygon(857px 0,0px 0px,0px 500px,637px 500px); -webkit-clip-path: polygon(857px 0,0px 0px,0px 500px,637px 500px); -o-clip-path: polygon(857px 0,0px 0px,0px 500px,637px 500px); -ms-clip-path: polygon(857px 0,0px 0px,0px 500px,637px 500px);*/}
.m-page2 span{ position:absolute; top:25px; left:315px; font-family:Arial; font-size:40px; color:#7150c7; text-transform:uppercase; opacity:0;}
.m-page2 h3{ position:absolute; top:82px; left:475px; font-size:36px; color:#fff; font-weight:bold; opacity:0;}
.m-page2-con{ position:absolute; top:340px; left:60px; width:562px; opacity:0;}
.m-page2-con p{ font-size:14px; color:#fff; line-height:20px; text-indent:2em;}
.u-p2{ position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:-738px; width:250px; height:500px; z-index:2;}
.u-p3{ position:absolute; top:50%; margin-top:-250px; left:50%; margin-left:136px; width:589px; height:500px; z-index:3;}
.u-p4{ position:absolute; top:50%; margin-top:-275px; left:50%; margin-left:125px; width:114px; height:0; overflow:hidden; z-index:4;}
/*第二屏动画*/
.current .m-page2 span{ opacity:1; left:115px; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
.current .m-page2 h3{ opacity:1; left:275px; -webkit-transition: 500ms ease-out .7s; -moz-transition: 500ms ease-out .7s; -o-transition: 500ms ease-out .7s; -ms-transition: 500ms ease-out .7s; transition: 500ms ease-out .7s;}
.current .m-page2-con{ opacity:1; top:140px; -webkit-transition: 500ms ease-out .9s; -moz-transition: 500ms ease-out .9s; -o-transition: 500ms ease-out .9s; -ms-transition: 500ms ease-out .9s; transition: 500ms ease-out .9s;}
.current .u-p3{ opacity:1; margin-left:36px; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
.current .u-p4{ height:148px; -webkit-transition: 500ms ease-out 1.2s; -moz-transition: 500ms ease-out 1.2s; -o-transition: 500ms ease-out 1.2s; -ms-transition: 500ms ease-out 1.2s; transition: 500ms ease-out 1.2s;}
/*第三屏*/
.m-page3 h3{ position:absolute; top:50%; margin-top:-450px; left:50%; margin-left:-211px; background:url(/Images/web/yi_img3-2.png) no-repeat; width:423px; height:62px; text-align:center; font-size:36px; font-weight:bold; color:#92330a; line-height:50px; z-index:6; opacity:0;}
.m-page3 img{ position:absolute; top:50%; margin-top:150px; left:50%; margin-left:-506px; display:block; width:1033px; height:405px; z-index:6; opacity:0;}
.yi-img3{ position:absolute; top:50%; margin-top:150px; left:50%; margin-left:-506px; display:block; width:1033px; height:405px; z-index:6; opacity:0;}
.u-round4{ position:absolute; top:50%; margin-top:-350px; left:50%; margin-left:-325px; background:#4366bc; width:680px; height:680px; border-radius:100%; z-index:1; -webkit-transform: scale(.68); -moz-transform: scale(.68); -o-transform: scale(.68); -ms-transform: scale(.68); transform: scale(.68);}
.u-round5{ position:absolute; top:50%; margin-top:-340px; left:50%; margin-left:-340px; background:#3f61b6; width:680px; height:680px; border-radius:100%; z-index:2; -webkit-transform: scale(.68); -moz-transform: scale(.68); -o-transform: scale(.68); -ms-transform: scale(.68); transform: scale(.68);}
.u-round6{ position:absolute; top:50%; margin-top:-223px; left:50%; margin-left:-348px; background:#577edd; width:48px; height:48px; border-radius:100%; z-index:5; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5);}
.u-round7{ position:absolute; top:50%; margin-top:-40px; left:50%; margin-left:407px; background:#4062b6; width:36px; height:36px; border-radius:100%; z-index:1; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5);}
.u-round8{ position:absolute; top:50%; margin-top:33px; left:50%; margin-left:393px; background:#577edd; width:70px; height:70px; border-radius:100%; z-index:1; -webkit-transform: scale(.5); -moz-transform: scale(.5); -o-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5);}
.u-p5{ position:absolute; top:50%; margin-top:-280px; left:50%; margin-left:-405px; width:616px; height:0; overflow:hidden; z-index:0;}
.u-p6{ position:absolute; top:50%; margin-top:-280px; left:50%; margin-left:-340px; width:48px; height:0; overflow:hidden;}
/*第三屏动画*/
.current .m-page3 h3{ opacity:1; margin-top:-250px; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
.current .yi-img3{ opacity:1; margin-top:-150px; -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; -ms-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms;}
.current .u-round4{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s .3s; -moz-transition: .3s .3s; -o-transition: .3s .3s; -ms-transition: .3s .3s; transition: .3s .3s;}
.current .u-round5{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s .6s; -moz-transition: .3s .6s; -o-transition: .3s .6s; -ms-transition: .3s .6s; transition: .3s .6s;}
.current .u-round6,.current .u-round7,.current .u-round8{ opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .3s 1.2s; -moz-transition: .3s 1.2s; -o-transition: .3s .9s; -ms-transition: .3s 1.2s; transition: .3s 1.2s;}
.current .u-p5{ height:617px; -webkit-transition: 500ms ease-out .9s; -moz-transition: 500ms ease-out .9s; -o-transition: 500ms ease-out .9s; -ms-transition: 500ms ease-out .9s; transition: 500ms ease-out .9s;}
.current .u-p6{ height:48px; -webkit-transition: 500ms ease-out .9s; -moz-transition: 500ms ease-out 1.2s; -o-transition: 500ms ease-out .9s; -ms-transition: 500ms ease-out .9s; transition: 500ms ease-out .9s;}
/*第四屏*/
.m-title{ position:absolute; top:50%; margin-top:-452px; left:0; font-size:36px; color:#fff; font-weight:bold; text-align:center; width:100%; opacity:0;}
.picScroll-left{ position:absolute; top:50%; margin-top:135px; left:50%; margin-left:-600px; width:1200px; opacity:0; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:55px; height:55px; position:absolute; top:50%; margin-top:-27px; overflow:hidden; cursor:pointer; background:url(/Images/web/yi_arrow.png) no-repeat;}
.picScroll-left .hd .prev{ left:0;  }
.picScroll-left .hd .prev:hover{ background-position:0 -55px;}
.picScroll-left .hd .next{ right:0; background-position:-55px 0;  }
.picScroll-left .hd .next:hover{ background-position:-55px -55px;}
.picScroll-left .bd{ width:1002px; overflow:hidden; margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li { float: left; display: inline; width: 300px; margin: 0 50px 0 0; }
.picScroll-left .bd ul li img { display: block; width: 300px; height: 225px; }
.mdzsInfo { background: #fff; border: 1px solid #eee; padding: 0 18px; height: 160px; }
.mdzsInfo h3 { color: #000; font-size: 18px; text-align: center; border-bottom: 1px solid #dcdcdc; padding: 20px 0 15px; margin-bottom: 10px; }
.mdzsInfo p { line-height: 24px; font-size: 14px; color: #666; padding-left: 19px; }
.mdzsInfo p.adr { background: url(/Images/web/ico6.png) left 4px no-repeat; }
.mdzsInfo p.pho { background: url(/Images/web/ico7.png) left center no-repeat; }
.picScroll-left .bd ul li a { display: block; position: relative; }
.picScroll-left .bd ul li a:hover .mdzsInfo h3 { color: #6333ab; }
.picScroll-left .bd ul li em { display: none; background: url(/Images/web/ico5.png) no-repeat; width: 47px; height: 47px; position: absolute; left: 50%; margin-left: -24px; top: 89px; z-index: 2; }
.picScroll-left .bd ul li span { display: none; background: #000; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; position: absolute; width: 300px; height: 225px; left: 0; top: 0; z-index: 1; }
.picScroll-left .bd ul li a:hover em, .picScroll-left .bd ul li a:hover span { display: block; }
/*第四屏动画*/
.current .m-title{ opacity:1; margin-top:-252px; -webkit-transition: 500ms ease-out .9s; -moz-transition: 500ms ease-out 1.2s; -o-transition: 500ms ease-out .9s; -ms-transition: 500ms ease-out .9s; transition: 500ms ease-out .9s;} 
.current .picScroll-left{ opacity:1; margin-top:-135px; -webkit-transition: 500ms ease-out .9s; -moz-transition: 500ms ease-out 1.2s; -o-transition: 500ms ease-out .9s; -ms-transition: 500ms ease-out .9s; transition: 500ms ease-out .9s;} 
/*第五屏*/
.picScroll-left1{ position:absolute; top:50%; margin-top:170px; left:50%; margin-left:-600px; width:1200px; opacity:0; }
.picScroll-left1 .hd{ margin-bottom:35px;}
.picScroll-left1 .hd ul{ text-align:center;}
.picScroll-left1 .hd ul li{ display:inline-block;  width:15px; height:15px; border:1px #fff solid; overflow:hidden; margin-right:10px; text-indent:-999px; cursor:pointer; border-radius:15px;}
.picScroll-left1 .hd ul li.on{ background-color:#fff; }
.picScroll-left1 .bd{ width:1200px; overflow:hidden; margin:0 auto;}
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li { float: left; display: inline; width: 275px; margin: 0 33px 0 0; background:#fff;}
.picScroll-left1 .bd ul li a{ display:block; padding-bottom:15px;}
.picScroll-left1 .bd ul li div{ width:275px; height:205px; border-bottom:1px #eee solid; display:table; text-align:center;}
.picScroll-left1 .bd ul li div span{ display:table-cell; vertical-align:middle;}
.picScroll-left1 .bd ul li img { display: block; max-width:275px; max-height:205px; margin:0 auto;}
.picScroll-left1 .bd ul li h3{ font-size:18px; line-height:26px; color:#212121; height:52px; overflow:hidden; margin:20px 15px 0;}
.picScroll-left1 .bd ul li p{ font-size:13px; color:#999; line-height:24px; height:48px; overflow:hidden; margin:10px 15px;}
.picScroll-left1 .bd ul li span.more{ display:block; font-size:14px; color:#272727; line-height:24px; background:url(/Images/web/yi_jia.png) left 4px no-repeat; padding-left:20px; margin:0 15px;}
.picScroll-left1 .bd ul li a:hover h3{ color:#28bab6;}
.picScroll-left1 .bd ul li a:hover span.more{ color:#28bab6; background-position:left -21px;}
/*第五屏动画*/
.current .picScroll-left1{ opacity:1; margin-top:-170px; -webkit-transition: 500ms ease-out .9s; -moz-transition: 500ms ease-out 1.2s; -o-transition: 500ms ease-out .9s; -ms-transition: 500ms ease-out .9s; transition: 500ms ease-out .9s;} 
/*第六屏*/
.m-page6{ position:absolute; top:50%; margin-top:-279px; left:50%; margin-left:-438px; width:877px; height:558px; text-align:center; color:#fff; overflow:hidden; z-index:5;}
.m-page6 h2{ font-size:36px; font-weight:bold; margin:30px 0 20px;}
.m-page6 h3{ font-family:Arial; font-weight:bold; font-size:58px; letter-spacing:2px;}
.m-page6 p{ font-size:24px; margin:-2px 0 20px;}
.m-page6 span{ display:block; font-size:14px;}
.u-ewm{ margin:18px 0 0;}
.u-ewm p{ font-size:18px; margin-top:10px;}
.u-p7{ position:absolute; top:50%; margin-top:-279px; left:50%; margin-left:-438px; background:url(/Images/web/yi_img5.png) no-repeat; width:877px; height:558px; z-index:3;}
.u-p8{ position:absolute; top:50%; margin-top:-220px; left:50%; margin-left:-585px; background:url(/Images/web/yi_img5-2.png) no-repeat; width:1170px; height:490px; z-index:1;}