@charset "utf-8";
/* CSS Document */
.index_con2.hmain{ padding:0 0;} 
.hmain .chan{ position:relative; min-height:720px; padding-top:47px; padding-bottom:169px;}
.hmain .chan::before{ content:''; position:absolute; top:0px; left:0; width:100%; height:100%; background:url(../images/chanb.png) no-repeat top center; z-index:1;}
.hmain .chan .container{ width:1230px; margin:0 auto; position:relative; z-index:2;}
.hmain .chan .container:after,.hmain .chan .container:before{ display:table; content:" ";}
.hmain .chan .container .h1s{ font-size:36px; text-align:center; padding-top:71px; font-weight:normal; line-height:1; margin:0;}
.hmain .chan .container .h2s{ position:relative; font-family:"Calibri Light"; color:#666; font-size:30px; text-align:center; margin-top:20px; font-weight:normal; line-height:1;}
.hmain .chan .container .h2s::after{ content:''; position:absolute; left:50%; margin-left:-23px; bottom:-5px; width:46px; height:1px; background-color:#333333;}
.hmain .chan .container .chann{ position:relative; min-height:627px;}
.hmain .chan .container .chann .chanj{ float:left; width:338px; margin-top:100px;}
.hmain .chan .container .chann .chanj .slick_j{ margin:0; display:none;}
.hmain .chan .container .chann .chanj .slick_j:first-child{	display:block;}
.hmain .chan .container .chann .chanj .slick_j .slick-slide{ padding:0;}
.hmain .chan .container .chann .chanj .slick_j h1{ font-size:30px; margin-bottom:18px;}
.hmain .chan .container .chann .chanj .slick_j .h11{ color:#00a0e9; text-align:left;}
.hmain .chan .container .chann .chanj .slick_j .h12{ margin-bottom:24px; text-align:left;}
.hmain .chan .container .chann .chanj .slick_j p{ color:#666; font-size:18px; text-align:left; line-height:23px; margin-bottom:25px; padding-left:29px; position:relative;}
.hmain .chan .container .chann .chanj .slick_j p::before{ content:''; position:absolute; top:5px; left:0; width:13px; height:11px; background-image:url(../images/chanz01.png); background-size:100% 100%;}
.hmain .chan .container .chann .chanj .slick_j a.amore{ display:inline-block; width:175px; height:42px; float:left; background:#fff; color:#21a9f8; font-size:20px; text-align:center; line-height:42px; border-radius:25px 25px; box-shadow:0 0 9px 0 #eaeaea; margin-top:33px; margin-bottom:10px; margin-left:5px;}
.hmain .chan .container .chann .chanj .slick_j a.amore:hover{ color:#fff; background:#21a9f8;}
.hmain .chan .container .chann .chanlist{ float:right; position:relative;}
.hmain .chan .container .chann .chanlist p{color:#666; font-weight:300; font-size:24px; position:absolute; display:inline-block; cursor:pointer; padding-left:30px;}
.hmain .chan .container .chann .chanlist p::before{ content:''; position:absolute; top:8px; left:0; width:10px; height:10px; border-radius:50%; background:#00a0e9;}
.hmain .chan .container .chann .chanlist p::after{ content:''; position:absolute; top:1px; left:-7px; width:14px; height:14px; border-radius:50%; border:5px solid transparent;}
.hmain .chan .container .chann .chanlist .p1{ left:-310px; top:100px;}
.hmain .chan .container .chann .chanlist .p2{ left:-275px; top:187px;}
.hmain .chan .container .chann .chanlist .p3{ left:-263px; top:267px;}
.hmain .chan .container .chann .chanlist .p4{ left:-269px; top:344px;}
.hmain .chan .container .chann .chanlist .p5{ left:-287px; top:409px;}
.hmain .chan .container .chann .chanlist .p6{ left:-315px; top:465px;}
.hmain .chan .container .chann .chanlist .p7{ left:-351px; top:513px;}
.hmain .chan .container .chann .chanlist .p8{ left:-395px; top:556px;}
.hmain .chan .container .chann .chanlist p.active,.hmain .chan .container .chann .chanlist p:hover{ padding-left:50px;}
.hmain .chan .container .chann .chanlist p.active::after,.hmain .chan .container .chann .chanlist p:hover::after{ border:5px solid #c7eafa;}
.hmain .chan .container .chann .chanz{ position:absolute; top:50px; left:50%; width:553px; height:553px; transform:translateX(-50%); -webkit-transform:translate(-50%); -moz-transform:translate(-50%); -ms-transform:translate(-50%); -o-transform:translate(-50%); transform:translate(-50%);}
.hmain .chan .container .chann .chanz::after{ content:''; background-image:url(../images/chanbd.png); background-repeat:no-repeat; background-size:100% 100%; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; animation:rotate 25s infinite; -webkit-animation:rotate 25s infinite linear;}
@-webkit-keyframes rotate{
	0%{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate{
	0%{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.hmain .chan .container .chann .chanz .chans{ position:absolute; top:50%; left:50%; width:69%; height:69%; border-radius:50%; overflow:hidden; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;}
.hmain .chan .container .chann .chanz .chans .slick_pro{ position:absolute; top:0; left:0; width:100%; margin:0; height:100%; opacity:0; z-index:-2000;}
.hmain .chan .container .chann .chanz .chans .slick_pro:first-child{ opacity:1; z-index:1;}
.hmain .chan .container .chann .chanz .chans .slick_pro .slick-slide{ padding:0; text-align:center;}
.hmain .chan .container .chann .chanz .chans .slick_pro .imgk{ height:380px; line-height:405px;}
.hmain .chan .container .chann .chanz .chans .slick_pro .imgk img{ max-width:80%; max-height:100%; display:inline-block;}
.hmain .chan .container .chann .chanz .chanarrow{ position:absolute; bottom:-74px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.hmain .chan .container .chann .chanz .chanarrow span{ display:inline-block; width:50%; height:100%; cursor:pointer; position:absolute; top:0; background:#fff; opacity:0;}
.hmain .chan .container .chann .chanz .chanarrow .span1{ left:0;}
.hmain .chan .container .chann .chanz .chanarrow .span2{ right:0;}



.index_con3 #main{ height:auto; position:relative; overflow:hidden;}
.index_con3 #main .Fourth{ top:-56px; position:relative;}
.index_con3 #main .Fourth .radia_box{ height:32.5vw; position:relative;}
.index_con3 #main .Fourth .radia_box .slide{ position:relative; height:100%;}
.index_con3 #main .Fourth .radia_box .slide dl{ display:block; position:relative; width:100%; height:100%;}
.index_con3 #main .Fourth .radia_box .slide dl dd{ position:absolute; width:100%; height:100%; left:0; top:0; transform:scale(1); -webkit-transform:scale(1); opacity:1; transition:400ms ease 400ms; -webkit-transition:400ms ease 400ms;}
.index_con3 #main .Fourth .radia_box .slide dl dd.hid{ opacity:0; transform:scale(0.8); -webkit-transform:scale(0.8);}
.index_con3 #main .Fourth .radia_box .slide .slide-left{ z-index:2; left:0; width:31vw; height:20.5vw; -webkit-background-size:100% auto; background-size:100% auto; position:absolute; top:50%; -webkit-transform:translateY(-54%); -ms-transform:translateY(-54%); transform:translateY(-54%); overflow:hidden;}
.index_con3 #main .Fourth .radia_box .slide .slide-right{ width:50.5vw; right:0; position:absolute; height:100%; -webkit-background-size:100% auto; background-size:100% auto; overflow:hidden;}
.index_con3 #main .Fourth .radia_box .slide .change{ position:absolute; width:102%; height:120%; left:-10%; top:-10%; background-color:#f8fafc; width:0; z-index:1; -webkit-transition:width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition:width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition:width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.index_con3 #main .Fourth .radia_box .slide .change.start{ width:120%;}
.index_con3 #main .Fourth .radia_box .slide .change.start.right{ left:auto; right:-10%; -webkit-transition:all 0; -o-transition:all 0; transition:all 0;}
.index_con3 #main .Fourth .radia_box .slide .change.start.right.end{ width:0; -webkit-transition:width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition:width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition:width 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.index_con3 #main .Fourth .radia_box .control{ position:absolute; left:13.6vw; background-color:#00a0e9; line-height:54px; color:#fff; padding:0 55px; z-index:3; bottom:0; border-radius:27px;}
.index_con3 #main .Fourth .radia_box .control ul{ display:block; width:380px; height:57px; overflow:hidden; position:relative;}
.index_con3 #main .Fourth .radia_box .control ul li{ position:absolute; left:0; bottom:0;}
.index_con3 #main .Fourth .radia_box .control ul li.hid{ display:none;}
.index_con3 #main .Fourth .radia_box .control .conticon{ font-family:-webkit-pictograph; font-size:30px; vertical-align:sub; margin:0 20px; cursor:pointer;}
.index_con3 #main .Fourth .radia_box .control .conticon.fl{ float:left;}
.index_con3 #main .Fourth .radia_box .control .conticon.fr{ float:right;}
.index_con3 #main .Fourth .radia_box .control .pag span.line{ display:inline-block; width:140px; height:1px; background-color:#fff; vertical-align:super; position:relative; overflow:hidden; font-size:0; -webkit-text-size-adjust:none;}
.index_con3 #main .Fourth .radia_box .control .pag .line .change{ background-color:#deb86e;}
.index_con3 #main .Fourth .radia_box .control .pag span{ color:rgba(255, 255, 255, 0.6); margin-right:10px;}
.index_con3 #main .Fourth .radia_box .control .pag span.active{ color:#fff;}
.index_con3 #main .Fourth .radia_box .control .pag{ font-size:20px;}



.index_con5 .jiams{	position:relative;	margin-top:39px; margin-bottom:123px;}
.index_con5 .jiams .slick_jia .pnk{}
.index_con5 .jiams .slick_jia .pn{ float:left; width:50%; position:relative; height:80px;}
.index_con5 .jiams .slick_jia2 .pn{ width:100%;}
.index_con5 .jiams .slick_jia .pn p{ padding-left:100px; color:#666; font-size:14px; line-height:24px; letter-spacing:0.5px; padding-right:15px; margin-top:11px; height:48px; overflow:hidden;}
.index_con5 .jiams .slick_jia .pn span{ display:inline-block; color:#dedede; font-size:71.48px; position:absolute; top:0; left:0;}
.index_con5 .jiams .slick_jia .pn:hover span,.index_con5 .jiams .slick_jia .pn:hover p{	color:#00a0e9;}
.index_con5 .jiams .slick_jia .slick-arrow{ width:48px; height:48px; z-index:2; background-size:100% 100%; border-radius:50%; box-shadow:0 5px 5px 0 #dcdcdc;}
.index_con5 .jiams .slick_jia .slick-prev{ background-image:url(../images/la.png); left:-140px; background-size:100% 100%;}
.index_con5 .jiams .slick_jia .slick-next{ background-image:url(../images/ra.png); right:-140px; background-size:100% 100%;}
.index_con5 .jiams .slick_jia .slick-prev:hover{ background-image: url(../images/lab.png); left:-140px; background-size:100% 100%;}
.index_con5 .jiams .slick_jia .slick-next:hover{ background-image:url(../images/rab.png); right:-140px; background-size:100% 100%;}
.index_con5 .jiams .slick_jia .slick-dots{ bottom:-55px;}
.index_con5 .jiams .slick_jia .slick-dots li{ width:35px; height:2px; background:#c9c9c9; margin:0 7px;}
.index_con5 .jiams .slick_jia .slick-dots li.slick-active{ background:#00a0e9; -webkit-transform:rotate(15deg); -moz-transform:rotate(15deg); -ms-transform:rotate(15deg); -o-transform:rotate(15deg); transform:rotate(15deg);}
.index_con5 .jiams .slick_jia2{ position:absolute; top:0; left:0; width:100%; z-index:-2000; opacity:0;}
.index_con5 .jiams .slick_jia2 .pn span{ font-size:52.48px;}
.index_con5 .jiams .slick_jia2 .pn p{ padding-left:66px; margin-top:1px;}
.index_con5 .jiams .slick_jia2 .slick-dots{	bottom:-20px;}
.index_con5 .jiams .slick_jia2 .slick-dots li{ width:10px; margin:0 5px;}