@charset "utf-8";
/* CSS Document */
body{padding:0px;margin:0px;font-size:12px;font-family:"微软雅黑";border:none;text-align:center; color:#fff;  }
ul,li{margin:0px;padding:0px;border:none;border:0; list-style:none;}
p{ padding:0; margin:0;}
a{ text-decoration:none; outline:none;}
a:focus{outline:none;}
a.hidefocus{outline:none}
img{ border:none;}
.pabs{ position:absolute;}
.prov{ position:relative; overflow:hidden;}
a{outline:none;blr:expression(this.onFocus=this.blur());}
.w1280{ margin:auto; width:1280px;  position:relative;}
.hoverOp,.hoverS{-webkit-transition: all 0.2s ease-in 0;   transition: all 0.2s ease-in 0s;}
.hoverOp:hover{opacity:.9; text-decoration:none;}
.info{ background:url(../../images/zhuanti/20191220/info.png) no-repeat;}
a{ cursor:pointer;}
*{ touch-action: pan-y; } 

/**/
.popKc{ z-index:99999; width:100%; height:100%; position:fixed;  left:0px; top:0px; _position:absolute; overflow:hidden; display:block; background:#fff;   opacity:1;}
.popKc .popKbg{width: 100%;height: 100%; }
.popKc .popKcont{ width:274px; height:274px; line-height:274px; position:absolute; left:50%; margin-left:-137px; top:50%; margin-top:-137px; z-index:12; }
.popKc .popKcont i{ position:absolute; left:0px; top:0px; width:100%; height:100%;   -webkit-animation: z 5s linear 0s infinite; animation: z 5s linear 0s infinite;}
.popKc .popKcont p{ line-height:274px; position:relative; float:left; width:100%; z-index:2; color:#fff; font-size:18px;}

#video{ width:1920px;  position:absolute; left:50%; margin-left:-960px; top:0;}
#main{ width:100%; overflow:hidden; height:100%; position:relative; min-height:900px;  margin:0 auto; }
.logo{ position:absolute; z-index:55; width:160px; overflow:hidden; left:37px; top:26px; }
.zbox{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;   opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s; transition: all 1s;  }
.zbox.current,.zbox1.current2{ z-index:2; opacity:1;  filter: alpha(opacity=100);}

.zbox .page_bg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.zbox .w1320{ position:absolute; height:100%; width:1320px; left:50%; margin-left:-660px; top:0; z-index:2;}
.zbox .page_bg{ background:url(../../images/zhuanti/20191220/bg2.jpg) no-repeat center top;}
.zbox1 .page_bg{ background:url(../../images/zhuanti/20191220/bg1.jpg) no-repeat center top;  transform: matrix(1.5, 0, 0, 1.5, 0, 0); -webkit-transform: matrix(1.5, 0, 0, 1.5, 0, 0); transition: all 1s; -webkit-transition: all 1s;}
.zbox.current .page_bg{transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0);}
.webInfo{ position:absolute; top:943px; right:50px; padding:6px 24px; background:#223e58; border-radius:20px; overflow:hidden;}
.webInfo p{ line-height:26px; color:#85a7c5; font-size:16px; text-align:right; overflow:hidden; }
.webInfo p img{ padding:0 0 0 15px; vertical-align:middle; cursor:pointer;}
.webInfo p a{ padding-left:10px;color:#85a7c5;}

.ztt{ position:absolute; width:100%; height:210px; top:52px; left:0px;}
.ztt1{background:url(../../images/zhuanti/20191220/t1.png) no-repeat center top;}
.ztt2{background:url(../../images/zhuanti/20191220/t2.png) no-repeat center top;}
.ztt3{background:url(../../images/zhuanti/20191220/t3.png) no-repeat center top;}
.ztt4{background:url(../../images/zhuanti/20191220/t4.png) no-repeat center top;}
.ztt5{background:url(../../images/zhuanti/20191220/t5.png) no-repeat center top;}
.ztt6{background:url(../../images/zhuanti/20191220/t6.png) no-repeat center top;}
.ztt7{background:url(../../images/zhuanti/20191220/t7.png) no-repeat center top;}
.ztt8{background:url(../../images/zhuanti/20191220/t8.png) no-repeat center top;}
.cBox{ position:absolute; top:232px; left:28px; width:1275px; height:674px; background:url(../../images/zhuanti/20191220/jbg.png); text-align:left;}
.cBox h2{ font-size:14px; color:#91818b; text-indent:53px; line-height:46px; padding:0; margin-top:14px; background-position:-112px -164px;}
.cBox p{ line-height:30px; font-size:16px; color:#787878;}
.cBox h1{ padding:86px 0 0 0; margin:0; height:90px; width:100%; text-align:center;  color:#787878; }
.cBox h1 font{ line-height:46px; font-size:16px; font-weight:500;}

.zbox1 .ppd{ position:absolute; width:100%; height:317px; z-index:2; background:url(../../images/zhuanti/20191220/b1d.png) no-repeat center top; top:723px; left:0px; min-height:1320px;}
.zbox1 .logo{ left:0px; top:17px; width:170px; height:109px; background:url(../../images/zhuanti/20191220/logo.png) no-repeat;}
.urlBox{ position:absolute; top:26px; right:0px; width:144px; height:36px; background-position:right bottom;}
.urlBox a,.urlBox i{ float:left; width:26px; height:36px; margin-left:16px;}
.urlBox a.home{  background-position:5px -334px;}
.urlBox a.down{ background-position:-35px -334px;}
.urlBox i{  background-position:-75px -334px; cursor:pointer;}
.urlBox a:hover,.urlBox i:hover{ margin-top:2px;}
.zbox1 ul{ position:absolute; left:12px; top:759px;}
.zbox1 ul li{ float:left; width:130px; height:130px; background:url(../../images/zhuanti/20191220/but.png) no-repeat; margin-right:37px; position:relative; cursor:pointer; }
.zbox1 ul li.ua1{top:23px; background-position:left -23px;}
.zbox1 ul li.ua2{ top:39px; margin-right:38px; background-position:-167px -39px;}
.zbox1 ul li.ua3{ top:50px; margin-right:36px; background-position:-335px -50px;}
.zbox1 ul li.ua4{ top:53px; background-position:-501px -53px;}
.zbox1 ul li.ua5{ top:44px; background-position:-668px -44px;}
.zbox1 ul li.ua6{ top:44px; margin-right:36px; background-position:-835px -44px;}
.zbox1 ul li.ua7{ top:26px; margin-right:36px; background-position:-1001px -26px;}
.zbox1 ul li.ua8{ background-position:right top; margin-right:0; }
.zbox1 ul li:hover{ margin-top:5px;}
.zbox1 ul li i{ float:left; width:100%; height:100%; background:url(../../images/zhuanti/20191220/but.png) no-repeat; opacity: 0; filter: alpha(opacity=0);}
.zbox1 ul li:hover i{opacity: 1; filter: alpha(opacity=100);}
.zbox1 ul li.ua1 i{ background-position:left -205px;}
.zbox1 ul li.ua2 i{ background-position:-167px -221px;}
.zbox1 ul li.ua3 i{background-position:-335px -232px;}
.zbox1 ul li.ua4 i{background-position:-501px -235px;}
.zbox1 ul li.ua5 i{background-position:-668px -226px;}
.zbox1 ul li.ua6 i{background-position:-835px -226px;}
.zbox1 ul li.ua7 i{ background-position:-1001px -208px;}
.zbox1 ul li.ua8 i{background-position:right -182px; }

.fxBox{ position:absolute; top:35px; padding-top:5px; width:108px; right:0px; height:0; overflow:hidden; z-index:5; display:block;}
.fxBox a{ float:right; width:28px; height:28px; margin-left:8px; filter:alpha(Opacity=50);opacity:.5; background:url(../../images/zhuanti/20190618/info.png);}
.fxBox a.button_qzone{background-position:-186px bottom;}
.fxBox a.button_tsina{ background-position:-114px bottom;}
.fxBox a.button_weixin{background-position:-150px bottom;}
.fxBox a:hover{filter:alpha(Opacity=100);opacity:1;}

.b2cont{ float:left; width:1104px; height:548px; margin:57px 0 0 89px; background:url(../../images/zhuanti/20191220/b1m1.png) no-repeat 290px -7px; position:relative;}
.b2cont p{ padding-left:46px;}
.b2cont ul{ float:left; margin:26px 0 0 33px; background:url(../../images/zhuanti/20191220/b1jn.png) no-repeat 15px top;}
.b2cont ul li{ float:left; width:72px; font-size:14px; color:#646464; text-align:center; padding-top:50px; line-height:24px;}

.cXlbox{ float:left; margin-left:96px; width:1094px; height:426px; overflow:hidden; padding-right:16px;}
.cXlbox h3{ font-size:16px; margin:0; padding:30px 0 5px 0; line-height:26px; color:#787878;}
.cXlbox .pimg{ width:100%; height:auto; text-align:center;}
.cXlbox img{ text-align:center; margin:15px auto; width:50%;}
.zbox7 ul{ position:absolute; left:204px; top:170px;}
.zbox7 ul li{ float:left; width:197px; height:190px;   background:url(../../images/zhuanti/20191220/b6t.png) no-repeat; margin-right:20px; margin-bottom:8px; position:relative;-webkit-transition: all 0.3s ease-in 0;   transition: all 0.3s ease-in 0s;}
.zbox7 ul li:hover{ top:5px;}
.zbox7 ul li.b7l1{ background-position:left top;}
.zbox7 ul li.b7l2{ margin-right:23px; background-position:-217px top;}
.zbox7 ul li.b7l3{ margin-right:22px; background-position:-437px top;}
.zbox7 ul li.b7l4{background-position:right top;}
.zbox7 ul li.b7l5{background-position:-107px -198px; margin-left:107px; margin-right:23px;}
.zbox7 ul li.b7l6{background-position:-327px -198px; margin-right:21px;}
.zbox7 ul li.b7l7{background-position:-545px -198px;}

.b5nav{ float:left; margin:86px 0 0 371px;}
.b5nav a{ background:url(../../images/zhuanti/20191220/b4nav.png) no-repeat; height:41px; width:162px; float:left; margin-right:17px;}
.b5nav a.b5a1{ background-position:left top;}
.b5nav a.b5a2{ background-position:-179px top;}
.b5nav a.b5a3{ background-position:right top;}
.b5nav a i{ float:left; width:100%; height:100%; background:url(../../images/zhuanti/20191220/b4nav.png) no-repeat; filter:alpha(Opacity=0);opacity:0;} 
.b5nav a.b5a1 i{ background-position:left bottom;}
.b5nav a.b5a2 i{ background-position:-179px bottom;}
.b5nav a.b5a3 i{ background-position:right bottom;}
.b5nav a:hover i,.b5nav a.hover i{filter:alpha(Opacity=100);opacity:1;}
.b5c{ float:left; width:100%; text-align:center;}
.b5c p{ float:left; width:100%; font-size:16px; color:#787878; line-height:26px; padding:19px 0 13px 0;}
.b5List{ float:left; width:100%; display:none;}

.b5lb{background:url(../../images/zhuanti/20191220/b4nd.png) no-repeat center top; float:left; width:1054px; height:378px; margin-bottom:100px; margin-left:105px; position:relative;  }
.b5lb div{ float:left; position:relative; overflow:hidden; margin:9px 0 0 10px; width:1034px; height:360px;}
.b5lb div ul{ left:0px; top:0px; position:absolute; width:100000px; height:360px;}
.b5lb div ul li{ float:left; width:1034px; height:360px; position:relative;}

.b5lb1 i{ background:url(../../images/zhuanti/20191220/b4z.png) no-repeat center top; position:absolute; width:668px; height:448px; top:31px; left:497px; z-index:5;}
.b5lb .page{ width:60px; height:87px; top:50%; margin-top:-43px; position:absolute; z-index:6;}
.b5lb .spage{ left:31px; background-position:left -230px;}
.b5lb .spage:hover{ left:26px;}
.b5lb .xpage{ right:31px;background-position:-60px -230px}
.b5lb .xpage:hover{ right:26px;}

.b5lb2 i{ width:388px; height:419px; position:absolute; background:url(../../images/zhuanti/20191220/b4l.png) no-repeat center top; top:-13px; left:355px; z-index:5;}
.b5lb2 li span{ width:202px; height:202px; position:absolute; left:755px; top:94px;  background:url(../../images/zhuanti/20191220/b4g.png) no-repeat center top; z-index:2;}
.b5lb2 li span img{ width:184px; float:left; margin:9px 0 0 9px;}

.b53b{ float:left; width:216px; float:left; margin-top:84px;}
.b53b h2{ float:left; background:url(../../images/zhuanti/20191220/b4x.png) no-repeat left top; line-height:65px; padding:0; margin:0; text-indent:20px; font-size:22px; color:#787878; font-weight:500; }
.b53b p{ padding-top:8px; padding-left:20px; line-height:32px; color:#787878; font-size:16px; text-align:left;}
.b5List3 img{ float:left; margin-top:48px;}

.zbox6 .qdTime{ position:absolute; top:447px; left:260px; width:627px; height:127px; background:url(../../images/zhuanti/20191220/b5q2.png) no-repeat left top; padding-left:127px;}
.zbox6 .qdTime li{ float:left; width:95px; height:96px; margin-right:36px; }
.zbox6 .qdTime li i{ float:left; width:100%; height:100%; background:url(../../images/zhuanti/20191220/b5q3.png) no-repeat;  filter:alpha(Opacity=0);opacity:0;}
.zbox6 .qdTime li.qdl1 i{ background-position:-42px top;}
.zbox6 .qdTime li.qdl2 i{ background-position:-173px top;}
.zbox6 .qdTime li.qdl3 i{ background-position:-304px top;}
.zbox6 .qdTime li.qdl4 i{ background-position:-435px top;}
.zbox6 .qdTime li:hover i{filter:alpha(Opacity=100);opacity:1;}
.zbox6 .qdTime span{ position:absolute; height:29px; background:url(../../images/zhuanti/20191220/b5q3.png) no-repeat left bottom; bottom:0px; left:85px; }
.zbox6 .qdTime span.s1{ width:108px;}

.zbox6 .b6ul{ left:277px; top:170px; position:absolute; width:810px;}
.zbox6 .b6ul li{ float:left; width:143px; height:143px; margin-right:44px; position:relative; background-position:left top;}
.zbox6 .b6ul li i{ float:left; width:100%; height:100%; background-position:right top;  filter:alpha(Opacity=0);opacity:0;}
.zbox6 .b6ul li:hover{ z-index:2; }
.zbox6 .b6ul li:hover i{filter:alpha(Opacity=100);opacity:1;}
.zbox6 .b6ul li span{ width:90px; line-height:24px; color:#fff; font-size:14px; position:absolute; text-align:center; left:26px; top:101px;  background:url(../../images/zhuanti/20191220/b6but.png)}
.zbox6 .b6ul li:hover span{ background-position:left -188px; background:url(../../images/zhuanti/20191220/b6but2.png)}
.zbox6 .b6ul li dd{ position:absolute; top:30px; left:30px; margin:0; padding:0; background:url(../../images/zhuanti/20191220/b5t.png) no-repeat; width:84px; height:92px;}
.zbox6 .b6ul li.z6l1 dd{ background-position:4px top;}
.zbox6 .b6ul li.z6l2 dd{ background-position:-180px top;}
.zbox6 .b6ul li.z6l3 dd{ background-position:-375px top;}
.zbox6 .b6ul li.z6l4 dd{ background-position:-565px top;}
.zbox6 .b6ul li.z6l5 dd{ background-position:-94px -114px;}
.zbox6 .b6ul li.z6l6 dd{ background-position:-279px -114px;}
.zbox6 .b6ul li.z6l7 dd{ background-position:-468px -114px;}

.Pshow li{ cursor:pointer;}

.b9c{ position:absolute; top:172px; left:102px;  height:480px; }
.b9c a{background:url(../../images/zhuanti/20191220/b8t.png); float:left; width:192px; height:445px; margin-right:24px; position:relative;} 
.b9c a.act1{ background-position:left top; top:34px;}
.b9c a.act2{ background-position:-216px top;}
.b9c a.act3{ background-position:-432px top; top:34px;}
.b9c a.act4{ background-position:-648px top;}
.b9c a.act5{ background-position:-864px top; top:34px;}
.b9c a:hover{ margin-top:5px;}

.footer{ width:100%; left:0px; bottom:10px; line-height:20px; text-align:center; font-size:14px; position:absolute; color:#696eae;}
.footer a{ color:#696eae;}

#PopMsg{ position:absolute; z-index:50; padding:13px 22px; top:-200px; left:0; filter:alpha(Opacity=0);opacity:0; color:#d9eaff; text-align:left;  background:url(../../images/zhuanti/20191220/pmbg.png); border-radius:10px;}
#PopMsg h2{ line-height:22px; font-size:16px; color:#fff; padding:0; margin:0; }
#PopMsg p{ font-size:14px;}

.popwin{ z-index:900; width:100%; height:100%; position:fixed; _position:absolute; left:0px; top:0px; display:none; }
.popwin .pwin_bg{width: 100%;height: 100%; background: #000; opacity: .3; filter: alpha(opacity=70);-moz-opacity: .7; -khtml-opacity: .7; }

#loading{ z-index:199999;  position:fixed; _position:absolute; left:0px; width:100%; top:50%; margin-top:-15px; height:30px; overflow:hidden;}
#loading .l_left{ float:left; width:0px; height:2px; margin:14px 0 14px 0; position:relative;  background-color: #2d6bc8; }
#loading .load_jd{ width:50px; line-height:30px; margin-left:5px; text-align:left; height:30px; font-size:16px; color:#2d6bc8; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#sNav{ position: absolute; right:-200px; z-index: 10; width:140px; height:552px; top: 50%;  margin-top: -276px;  }
#sNav .link{ position:absolute; top:8px; right:4px; height:534px; width:1px; background:#c4ceda; font-size:0;}
#sNav a{ float:right; clear:both; width:auto; +width:100%; line-height:24px; font-size:14px; color:#fff; padding:0; height:24px; margin-bottom:42px; -webkit-transition: all .3s; transition: all .3s; }
#sNav a:hover,#sNav a.hover,#sNav a:hover font,#sNav a.hover font{ font-size:18px; }
#sNav a font{ width:auto; line-height:24px; float:right; font-size:14px; }
#sNav a span{ position:relative; float:right; width:9px; height:9px; background:#b1c1de; border-radius:4px; margin-left:33px; margin-top:8px; padding:0;}
#sNav a span i{ position:absolute; width:35px; height:32px; left:-13px; top:-14px; background:url(../../images/zhuanti/20191220/nh.png); opacity: 0; filter: alpha(opacity=0); transform: scale(0);  -webkit-transform: scale(0);}
#sNav a:hover span i,#sNav a.hover span i{ opacity: 1; filter: alpha(opacity=100); transform: scale(1);  -webkit-transform: scale(1);}


@-webkit-keyframes maskIn {
	0% {
		left:0px;
		-webkit-mask-position:left 0;
		mask-position:left 0
	}
	99% {
		left:0px;
		-webkit-mask-position:right 0;
		mask-position:right 0;
	}100%{
		left:1000000px; 
	}
}
@keyframes maskIn {
	0% {
		left:0px;
		mask-position:left 0;
		-webkit-mask-position:left 0;
	}
	99% {
		left:0px;
		mask-position:right 0;
		-webkit-mask-position:right 0;
		display:none;
	}100%{
		left:1000000px; 
	}
}

.current.popKc {
	-webkit-mask:url(/Public/images/mask_7ced2418.png);
	mask:url(/Public/images/mask_7ced2418.png);
	-webkit-mask-size:2500% 100%;
	mask-size:2500% 100%;
	-webkit-animation:maskIn 1s steps(24) forwards;
	animation:maskIn 1s steps(24) forwards;
}