@font-face{font-family:'cuya';src:url('/style22/cuya.ttf');}
.cuya{font-family:"cuya";}
#fullPage-nav LI{margin:0 0;}
em,i,u{font-style:normal;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote{margin:0;padding:0;}
body{color:#333;font-size:16px;}
#fullPage-nav LI A{text-align:right;width:21px;background:url(/style22/dot1.png) no-repeat center center;float:right;height:21px;color:#f1c820;text-decoration:none;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;}
#fullPage-nav LI .active{background-position:0px bottom;background:url(/style22/dot2.png) no-repeat 5px 5px;background:url(/style22/dot2.png) no-repeat center center;}
#fullPage-nav LI A:hover{background:url(/style22/dot3.png) no-repeat center center;}
#fullPage-nav SPAN{display:none;}
.fullPage-tooltip{font:12px/21px "Microsoft Yahei";float:left;color:#fff;top:0px;margin-right:5px;width:60px;text-align:center;line-height:21px;border-radius:25px;background:#0051a2;}
.dtgif{width:50px;position:relative;left:0;top:88%;right:0;margin:auto;}
.anniu{position:absolute;top:0px;width:78px;height:70px;background:url(/style22/1.png) no-repeat;animation:updown 1.5s infinite;animation-timing-function:linear;z-index:999;}

/*通用头部*/
.head{z-index:10000;margin:0 auto;width:100%;position:relative;top:0px;left:0px;}
.navc{position:absolute;width:100%;top:100%;left:0;height:70px;}
.navc .myLogo{float:left;display:block;margin:25px 0 0 20px;}
.navc .navMaing{float:right;margin:50px 100px 0 0;}
.navMaing li{float:left;color:#fff;margin-right:60px;}
.navMaing li a{color:#fff;font-size:16px;transition:all 0.3s;display:block;text-shadow:1px 1px 2px rgba(0,0,0,0.8);}
.navMaing li a:hover{transform:translateY(-3px);}
.navMaing li a:hover:after{content:"";display:block;width:60px;height:2px;background:#fff;position:absolute;}
#nav{display:none;}
#nav ul ul{display:none;width:100%;top:108px;position:absolute;left:0;background:rgba(0,0,0,0.8);color:#fff;z-index:9999;}
#nav ul ul li{float:left;width:14.28571429%;margin:0;}
#nav > ul > li ul li a{padding:2%!important;transition:0.5s;}
#nav > ul > li ul li a span{display:block;overflow:hidden;}
#nav > ul > li ul li a img{width:100%;display:block;}
#nav > ul > li ul li a p{line-height:30px;font-size:14px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;}
#nav > ul > li ul li a:hover{background:#1d2087;}
#container{overflow:hidden;position:relative;top:0;left:0;right:0;bottom:0;}
.topbg{background:url("/style22/b1.jpg") no-repeat;position:absolute;width:100%;height:100%;display:block;z-index:8;}
#background_video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;width: 100%;height: 100%;}
#video_cover{  /*      position: absolute;*/
width:100%;height:100%;background:url("/style22/b1.jpg") no-repeat;background-size:cover;background-position:center;}
#video_controls{  /*      position: absolute;*/
left:50%;transform:translate(-50%,0);}
#play img{width:100px;}
#pause img{width:90px;}
#pause{display:none;}
@media (min-width:768px){
	#video_controls{display:none;}
}
#container{height:100%;}
#overlay{position:absolute;top:0;right:0;left:0;bottom:0;background:url(/style22/vdian.png);opacity:0.7;filter:alpha(opacity=70);  /* 针对 IE8 以及更早的版本 */}
#main_content{z-index:2;position:relative;display:inline-block;  /* Vertical center */top:50%;transform:translateY(-50%);}
.sypic{position:absolute;top:0;left:0;z-index:9;right:0;width:100%;margin:auto;bottom:0;height:100%;}
.sypic img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;animation:sss3 1s infinite alternate linear;width:50.78%;}

/*底部版权*/
#copybox{width:96%;height:40px;line-height:40px;background:rgba(0,0,0,0.589);position:fixed;bottom:0;z-index:99999;color:#fff;padding:0 2%;font-size:14px;}
#copybox a{color:#fff;}
#copybox span{float:right;}
#copybox img{vertical-align:middle;margin-left:15px;}
@keyframes sss1{
	0%{transform:scaleX(1.1) scaleY(1.1);}
	50%{transform:scaleX(1) scaleY(1);}
	100%{transform:scaleX(1.1) scaleY(1.1);}
}
@keyframes sss{
	0%{transform:translateY(-10px);}
	100%{transform:translateY(0px);}
}
.qh_nav{position:absolute;right:200px;width:700px;z-index:999999999;top:60px;}
.qh_nav ul{width:100%;}
.qh_nav li{float:left;width:12.5%;}
.qh_nav li a{color:#fff;display:block;width:100%;text-align:center;box-sizing:border-box;position:relative;height:40px;font-weight:bold;}
.qh_nav li a:hover{color:#1d2087;border-bottom:2px solid #1d2087;}
.qh_nav li .act{color:#1d2087;border-bottom:2px solid #1d2087;}
@keyframes bg_moveww{
	0%{transform:scale3d(1,1,1);}
	50%{transform:scale3d(1.1,1.1,1.1);}
	100%{transform:scale3d(1,1,1);}
}
@keyframes bg_move{
	0%{background-size:100%;}
	25%{background-size:102%;}
	50%{background-size:104%;}
	75%{background-size:102%;}
	100%{background-size:100%;}
}
.section{background-position:center;background-size:cover;position: relative;overflow: hidden;background-repeat: no-repeat;}
.section_one{background-image:url(/style22/b1.jpg);}
.section15{background-image:url(/style22/b15.jpg);}
.section4_1{background-image:url(/style22/b4_1.jpg);}
.section4_2{background-image:url(/style22/b4_2.jpg);}
.section4_3{ background: linear-gradient(50deg, rgb(100,110,137), rgb(83,91,114)); }
.section3{background-image:url(/style22/03.jpg);}
.section5{background-image:url(/style22/05.jpg);}
.section6{background-image:url(/style22/09.jpg);}
.section7{background-image:url(/style22/06.jpg);}
.section8{background-image:url(/style22/07.jpg);}
.sytit{position:absolute;left:2%;top:0;bottom:0;margin:auto;z-index:9999;font-size:36px;height:150px;text-transform:uppercase;}
.sytit em{color:#0051a2;}
.sytit b{display:block;color:#000;margin:4px 0 50px 0;}
.sytit a{color:#000;font-size:14px;display:block;background:url(/style22/jt1.png) 70px 5px no-repeat;}
.sytit a:hover{background:url(/style22/jt1.png) 90px 5px no-repeat;}
.hrt{display:block;float:right;margin-top:40px;margin-right:15px;}
.hrt a{display:block;float:left;padding:0 15px;border-right:2px solid #fff;height:20px;position:relative;}
.hrt a:last-child{border:none;padding-right:0;}
.hrt a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;display:block;width:30px;position:relative;top:-3px;cursor: pointer;}
.header .hrt a img.ssr{display: none;}
.header .hrt a:hover img.ss{display: none;}
.header .hrt a:hover img.ssr{display: block;}
.header .hrt a .ewm{width:133px;position:absolute;top:42px;left:-35px;display:none;}
.header .hrt a .ewm img{width:100%;}

/* 搜索 */
.susuo{display:none;position:fixed;width:100%;background:rgba(21,158,80,0.9);top:0;left:0;z-index:22220;box-sizing:border-box;padding:300px 0 150px;}
.susuo .sch1{width:1120px;margin:0 auto;border-bottom:1px solid #fff;padding-bottom:50px;position:relative;}
.susuo .sch1 input{display:block;border:none;float:left;width:calc(100% - 80px);font-size:36px;background:none;outline:none;color:#fff;width:100%;}
.susuo .sch1 a{display:block;float:right;width:80px;}
.susuo .sch1 .submit{margin-top:34px;}
.susuo .sch1 a img{display:block;width:100%;}
.susuo .sch1 .out{cursor:pointer;display:block;width:50px;height:50px;background:url(/style22/out.png) center no-repeat;position:absolute;top:-100px;right:10px;background-size:cover;}
.w1300{width:1300px;margin:auto;}
.w1200{width:1200px;margin:auto;}
.section_one>a{display: inline-block;position: absolute;left: 0;right: 0;bottom: 3%;margin: auto;z-index: 99;width: 100px;animation:sss 1s infinite alternate linear;}
.section_one .section_one_wz{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;height:300px;}
.section_one .section_one_wz img{display:block;margin:0 auto;}
.section_one .section_one_wz b{display:block;text-align:center;font-size:28px;color:#1e2283;}
.section_one .section_one_wz strong{display:block;text-align:center;border-radius:30px;width:340px;margin:30px auto;padding:10px 0;background:#1d2087;color:#fff;font-size:22px;}
.section_one .banner1{height:100vh;min-height:600px;max-height:1600px;width:100%;position:relative;}
.section_one .bannerbg{width:100%;height:100%;display:block;background:rgba(45,48,50,0.25) url(/style22/banner_bg.png) repeat;position:absolute;z-index:2;}
.section_one .banner1 .video_bg{position:absolute;top:0;width:100%;left:0;height:100%;z-index:2;}
.section_one .banner1 .video_box{height:100%;display:block;width:100%;overflow:hidden;position:relative;}
.section_one .banner1 .video_bg img{display:inline-block;}
.section_one .banner1 .video_bg .bannertxt p,.section_one .banner1 .video_bg .bannertxt h3{color: #fff;text-shadow: 2px 3px 4px rgba(0,0,0,0.9), 0px 0px 30px rgba(0,0,0,0.075);    letter-spacing: 1px;}
.section_one .banner1 .video_bg .bannertxt h5{font-weight: 700;margin: 30px 0 20px 0;}
.section_one .banner1 .video_bg .bannertxt h3{font-weight: 400;margin: 30px 0 20px 0;font-weight: 700; }
.section_one .vidbacking-active-body-back{position:relative;z-index:1;width:120%;height:120%;top:0%;left:-10%;overflow:hidden;opacity:1;transition:2s opacity;}
.section_one .vidbacking-active-block-back{position:absolute;min-width:100%;min-height:100%;height:auto;width:auto;z-index:4;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.section_one .vidbacking{display:none;}
.section15 h2{font-weight: 700;}
.section15 .auto{margin: auto;width: 80%;}
.section15 .auto #wrapper {height: 500px;overflow: hidden;}
.section15 .auto #wrapper ul li{width: 24%;float: left;margin: 10px 0.5% ;}
.section15 .auto #wrapper ul li h3{color: #fff;transition: .4s;height: 35px;
    line-height: 35px;}
.section15 .auto #wrapper ul li a:hover h3{background: #E11517;}
.section15 .pnav{text-align: center;width: 90%;margin: 20px auto;}
.section15 .pnav a{display: inline-block;color: #fff;margin: 0 10px;background: #E41010;padding:5px 0;border-radius: 50px;width: 13%;margin: 0 1% 0 0;}
.section4_1 .auto{width: 90%;margin: auto;}
.protj h2,.protj h5,.protj p,.protj ul li{color: #fff;}
.protj h2,.protj h5{font-weight: 700;}
.protj h2{text-align: center;}
.protj h2 a{display: inline-block;margin-left: 20px;vertical-align: middle;}
.protj h2 a:hover{margin-left: 25px;}
.protj h5{border-radius: 50px;background: #E60012;display: inline-block;padding: 5px 20px;margin: 40px 0;}
.protj ul{margin-top: 40px;}
.protj ul li{border: 1px solid #fff;border-radius: 50px;width: 265px;line-height: 60px;margin: 0 auto 30px;}
.section4_1 .fr{position: absolute;right: 5%;bottom: 5%;width: 57%;}

.section4_2 .auto{width: 90%;margin: auto;}
.section4_2 .fr{position: absolute;right: 2%;bottom: 0;width: 53.59%;}

.section4_3 .auto{width: 85%;margin: auto;}
.section4_3 .protj ul li{display: inline-block;border: 0;border-radius: 0;width: auto;height: auto;}
.section4_3 .protj p{border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.section4_3 .fr{position: absolute;right: 2%;bottom: 0;width: 42.29%;}

.section3{position:relative;}
.section3 .pub_title p{color: #fff;}
.section3 .pub_title h3{color: #fff;}

.section5 .auto{width: 950px;margin: 10% auto 0;}
.section5>img{position: absolute;left: 0;right: 0;bottom: 0;margin: auto;display: none;}
.section5 .fl{width: 50%;}
.section5 .pub_title h3{margin-top: 10px;}
.section5 .pub_title p em{color: #e4ff00;font-weight: 700;}
.section5 .fr{width: 50%;}
.section5 .sygs{text-align: center;box-sizing: border-box;}
.section5 .sygs .img{text-align: center;}
.section5 .sygs .img img{display: inline-block;}
.section5 .sygs .sygswz{color:#000;line-height:200%;margin: 50px 0;}

.section5 .sygs .sygswz p{    background: #ffffffa1;
    padding: 20px 50px;}

.section5 .sygs a.more{color: #fff;padding-left: 70px;position: relative;display: inline-block;}
.section5 .sygs a.more::after,.section5 .sygs a.more::before{content: "";display: block;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;transition: .5s;}
.section5 .sygs a.more::after{width: 60px;height: 1px;background: rgba(255,255,255,0.5);}
.section5 .sygs a.more::before{width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,1);}
.section5 .sygs a.more:hover{color: #ff9a00;}
.section5 .sygs a.more:hover::before{left: 60px;background: #ff9a00;}
.yuan{height: 570px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.mainline{position:absolute;z-index: 6;top:0;left:0;width:100%;height:100%;}
.mainl1{ position:absolute;top:50%;left:50%; background:#fff; margin:-220px 0 0 230px; width:200px; height:1px; }
.mainl2{ position:absolute;top:50%;left:50%; background:#fff; margin:-250px 0 0 190px; width:80px; height:1px; }
.mainl3{ position:absolute;top:50%;left:50%; background:#fff; margin:-180px 0 0 260px; width:60px; height:1px; }
.mainl4{ position:absolute;top:50%;left:50%; background:#fff; margin:230px 0 0 -210px; width:220px; height:1px; }
.mainl5{ position:absolute;top:50%;left:50%; background:#fff; margin:190px 0 0 -250px; width:100px; height:1px; }
.mainl6{ position:absolute;top:50%;left:50%; background:#fff; margin:270px 0 0 -160px; width:70px; height:1px; }
.mainline2{ position:absolute; z-index: 6; top:50%; left:50%; margin:-500px 0 0 -500px; width:1000px; height:1000px; border-left: 1px solid rgba(255,255,255,1); border-right: 1px solid rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,.2); border-top: 1px solid rgba(255,255,255,.2); border-radius: 100%; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.mainla{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 -550px;width:200px;height:1px;opacity: 1;}
.mainlb{position:absolute;top:50%;left:50%;background:#fff;margin:0 0 0 350px;width:200px;height:1px;opacity: 1;}
.mainld1{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -502px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainld2{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 498px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainld3{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 -401px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainld4{position:absolute;top:50%;left:50%;background:#fff;margin:-2px 0 0 399px;width:4px;height:4px;border-radius: 100%;opacity: 1;}
.mainlr{ position:absolute; top:50%; left:50%; background:rgba(0,10,50,.05); margin:-400px 0 0 -400px; width:800px; height:800px; border-left: 1px solid rgba(255,255,255,1); border-right: 1px solid rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,.3); border-top: 1px solid rgba(255,255,255,.3); border-radius: 100%; }
.mainline2{
	-webkit-animation: mainline2xz 8s infinite alternate;
	-moz-animation: mainline2xz 8s infinite alternate;
	-o-animation: mainline2xz 8s infinite alternate;
	animation: mainline2xz 8s infinite alternate;
}

@-webkit-keyframes mainline2xz {
 from {
	-webkit-transform: rotate(90deg)
}
to {
	-webkit-transform: rotate(0deg)
}
}
@-moz-keyframes mainline2xz {
 from {
	-moz-transform: rotate(90deg)
}
to {
	-moz-transform: rotate(0deg)
}
}
@-o-keyframes mainline2xz {
 from {
	-o-transform: rotate(90deg)
}
to {
	-o-transform: rotate(0deg)
}
}
@keyframes mainline2xz {
 from {
	transform: rotate(90deg)
}
to {
	transform: rotate(0deg)
}
}
.mainl1{
	transform: rotate(-45deg);
	transform-origin:0 0;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(-45deg);
	-o-transform-origin:0 0;
	animation:line1move 1.5s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line1move 1.5s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line1move 1.5s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line1move 1.5s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}
@-webkit-keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}
@-moz-keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}
@-o-keyframes line1move{
	from {width:200px;}
	to {width:0px;}
}


.mainl2{
	transform: rotate(-45deg);
	transform-origin:0 0;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(-45deg);
	-o-transform-origin:0 0;
	animation:line2move 1.2s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line2move 1.2s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line2move 1.2s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line2move 1.2s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line2move{
	from{width:80px;}
	to{width:0px;}
}
@-webkit-keyframes line2move{
	from {width:80px;}
	to {width:0px;}
}
@-moz-keyframes line2move{
	from {width:80px;}
	to {width:0px;}
}
@-o-keyframes line2move{
	from {width:80px;}
	to {width:0px;}
}
.mainl3{
	transform: rotate(-45deg);
	transform-origin:0 0;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(-45deg);
	-o-transform-origin:0 0;
	animation:line3move 1s infinite alternate;
	animation-delay:3s;
		-webkit-animation:line3move 1s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line3move 1s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line3move 1s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line3move{
	from{width:60px;}
	to{width:0px;}
}
@-webkit-keyframes line3move{
	from {width:60px;}
	to {width:0px;}
}
@-moz-keyframes line3move{
	from {width:60px;}
	to {width:0px;}
}
@-o-keyframes line3move{
	from {width:60px;}
	to {width:0px;}
}
.mainl4{
	transform: rotate(135deg);
	transform-origin:0 0;
	-ms-transform: rotate(135deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(135deg);
	-o-transform-origin:0 0;
	animation:line4move 1.5s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line4move 1.5s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line4move 1.5s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line4move 1.5s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line4move{
	from{width:0px;}
	to{width:220px;}
}
@-webkit-keyframes line4move{
	from {width:0px;}
	to {width:200px;}
}
@-moz-keyframes line4move{
	from {width:0px;}
	to {width:200px;}
}
@-o-keyframes line4move{
	from {width:0px;}
	to {width:200px;}
}
.mainl5{
	transform: rotate(135deg);
	transform-origin:0 0;
	-ms-transform: rotate(135deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(135deg);
	-o-transform-origin:0 0;
	animation:line5move 1.2s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line5move 1.2s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line5move 1.2s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line5move 1.2s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line5move{
	from{width:0px;}
	to{width:100px;}
}
@-webkit-keyframes line5move{
	from {width:0px;}
	to {width:100px;}
}
@-moz-keyframes line5move{
	from {width:0px;}
	to {width:100px;}
}
@-o-keyframes line5move{
	from {width:0px;}
	to {width:100px;}
}
.mainl6{
	transform: rotate(135deg);
	transform-origin:0 0;
	-ms-transform: rotate(135deg);
	-ms-transform-origin:0 0;
	-webkit-transform: rotate(135deg);
	-webkit-transform-origin:0 0;
	-o-transform: rotate(135deg);
	-o-transform-origin:0 0;
	animation:line6move 1s infinite alternate;
	animation-delay:3s;
	-webkit-animation:line6move 1s infinite alternate;
	-webkit-animation-delay:3s;
	-moz-animation:line6move 1s infinite alternate;
	-moz-animation-delay:3s;
	-o-animation:line6move 1s infinite alternate;
	-o-animation-delay:3s;
}
@keyframes line6move{
	from{width:0px;}
	to{width:70px;}
}
@-webkit-keyframes line6move{
	from {width:0px;}
	to {width:70px;}
}
@-moz-keyframes line6move{
	from {width:0px;}
	to {width:70px;}
}
@-o-keyframes line6move{
	from {width:0px;}
	to {width:70px;}
}
.about_type{margin:0 auto;box-sizing:border-box;}
.about_type ul{text-align:center;margin:0 auto;}
.about_type h4{color:#E60012;margin-top:0;}
.about_type em{color:#E60012;font-family:impact;}
.about_type li{text-align:center;display:inline-block;margin:15px 0;box-sizing:border-box;width: 120px;height: 120px;border-radius: 50%;border:1px dashed #E60012; padding-top: 20px;}
.about_type li:nth-child(n+2){margin-left: 80px;}
.about_type li p{color:#000;}
.section2 .albox{position: absolute;display: block;width: 50%;height: 33.3333%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;text-align: center;padding: 3%;color: #fff;box-sizing: border-box;z-index: 9;}
.section2 .albox b{display: block;}
.section2 .albox h5{display: inline-block;border-bottom: 1px solid rgba(255,255,255,0.2);font-weight: 400;}
.section2 .albox p{line-height: 30px;margin-top: 10px;}
.section2 .albox a{display: inline-block;color: #fff;padding-left: 70px;position: relative;}
.section2 .albox a::after,.section2 .albox a::before{content: "";display: block;overflow: hidden;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;transition: .5s;}
.section2 .albox a::after{width: 60px;height: 1px;background: rgba(255,255,255,0.2);}
.section2 .albox a::before{width: 7px;height: 7px;border-radius: 50%;background: rgba(255,255,255,1);}
.section2 .albox a:hover{color: #ff9a00;}
.section2 .albox a:hover::before{left: 60px;background: #ff9a00;}
.section2 ul{width: 100%;height: 100%;display: block;}
.section2 ul li{width: 25%;height: 33.3333%;overflow: hidden;position: relative;}
.section2 ul li h3{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: inline-block;width: 150px;line-height: 40px;height: 40px;background: rgba(68, 153, 200, .95);text-align: center;color: #fff;opacity: 0;transition: .5s;}
.section2 ul li img{transition: .5s;}
.section2 ul li:hover img{transform:scale(1.1,1.1);}
.section2 ul li:hover h3{opacity: 1;}
.section2 ul li:nth-child(n+5){margin-top: 17%;}
.section2 ul li a img{width: 100%;height: 100%;}
.section3 .swiper-container.casebox { width: 100%; padding-top: 50px;} 
.section3 .swiper-container.casebox .swiper-slide { background-position: center; background-size: cover; width: 600px; height: 455px; border: 10px solid #fff; box-sizing: border-box ;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.section3 .swiper-container.casebox .swiper-slide img{width: 100%;}
.section6 .auto{width: 1200px;margin: 0 auto 0;overflow: hidden;}
.section6 .swiper-container.anli{padding:0 0 30px 0;}
.section6 .swiper-container.anli .swiper-slide{background-position:center;background-size:cover;width:600px;height:455px;border:10px solid #fff;box-sizing:border-box}
.section6 .swiper-container.anli .swiper-slide img{width:100%;}
.section6 .swiper-container.anli .swiper-slide h3{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.4);color: #fff;box-sizing: border-box;padding: 0 15px;line-height: 30px;}
.section7{overflow:hidden;position:relative;}
.hz_new{ height:100%; width:25%; position:relative; }
.hz_new_a{ line-height: 50px;  color: #fff; display: block; font-weight: bold;  left:25px; top:0;}
.hz_new_b{ color:#fff; line-height:35px; text-transform:uppercase;   left:25px; bottom:0;}
.hz_news_more{ width:180px; height:70px; border:1px solid rgba(255,255,255,0.2); line-height:70px;  margin:10px auto 0;}
.hz_news_more a{ display:block;  color:#fff; background:#E11517 url(/style22/g1.png) no-repeat 126px center;padding: 0 30px;text-align: left;}
.hz_news_more a:hover{background: #bd0c0f url(/style22/g1.png) no-repeat 130px center;}
.hz_new_a{margin-left:200px;opacity:0}
.anewa{transition: all 1s ease;opacity:1;margin-left:0;}
.hz_new_b{margin-left:200px;opacity:0}
.anewb{transition: all 1s ease 0.5s;opacity:1;margin-left:0;}
.hz_new_c{width:0;height:88px;background:#E11517;  left:0; top:-88px;}
.anewc{width:7px; top:0; transition: all 1s ease 0.5s;}
.anewmore{ right:0; transition: all 1s ease 0.5s; opacity:1}
.news_cont_content{width:200px;height:70px;top:50%;left:50%;margin-left:-50px;margin-top:-35px;opacity: 0;}
.news_cont_content li{width:32%;margin:0 2% 0 0;height:100%; position:relative; background-size:100%;background-position:50% 50%;background-repeat:no-repeat;list-style: none;}
.news_cont_content li:nth-child(3){margin-right:0}
.new_ut_z_m{ margin:10px 0 0 0 ;display:block; width:80px; background:url(/style22/jijian.png) no-repeat right center; color:#fff; font-size:14px;}
.section7 ul{width:75%;height: 100%;}
.section7 ul li{float: left;width:33.33%;box-sizing:border-box;position: relative;padding: 0 2%;height: 100%;overflow: hidden;}
.section7 ul li:nth-of-type(4){margin-right:0;}
.section7 ul li a{z-index:1;padding: 0 0 10px 0;}
.section7 ul li .img{overflow: hidden;position: relative;/*border-radius: 50px 0 50px 0;*/}
.new_ut_z_date{ height: 81px; width: 81px; position:absolute; left:25px;top:-25px; background:#E11517; text-transform:uppercase; font-size:15px; color:#fff; box-sizing:border-box; padding:15px 0 0 10px; z-index:2; line-height:30px;text-align: left;}
.new_ut_z_date strong{ display:block; font-size:18px;}
.section7 ul li h4{height:50px;line-height:50px;color:#fff;padding: 0 3%;font-weight: 700;text-align: left;width: 100%;display: block;box-sizing: border-box;overflow: hidden;}
.section7 ul li p{padding: 0 3%;font-size:14px;color: #fff;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.section7 a.more{width:125px;margin:40px auto 0;height:40px;border-radius:4px;background-color: #E11517;text-align: center;line-height:40px;font-size:16px;color:#fff;}
.section7 a.more:hover{width:150px;}
.section7 ul li i{position: absolute;bottom:0;left:0;width:100%;height:0;z-index:-1;background: rgba(228,16,16,0.8); }
.section7 ul li:hover h4, .section7 ul li:hover p, .section7 ul li:hover .new_ut_z_m{color:#fff;}
.section7 ul li:hover i{height:100%;}
.section8 .auto{width:80%;margin:0 auto;position: relative;display: table;  }
.section8 .pub_title h4{color: #3e4968;}

.section8 .conbox{width: 55%;overflow: hidden;color: #fff;}
.section8 .conbox{padding: 5% 0 0 5%;box-sizing: border-box;text-align: left !important;}
.section8 .conbox .pub_title{text-align: left}
.section8 .conbox .pub_title h3{color: #fff;margin-bottom: 25px;font-weight: 400;}
.section8 .conbox .pub_title p{color: #fff;}
.section8 .conbox .pub_title p{letter-spacing: 0;}
.section8 .conbox dl {text-align: left;vertical-align: top;width: 50%;float: left;margin-top: 30px;}
.section8 .conbox dl dt,.section8 .conbox dl dd{display: inline-block;vertical-align: middle;}
.section8 .conbox dl dt {width: 20%;}
.section8 .conbox dl dd{color: #fff;line-height: 30px;width: 70%;margin-left: 5%;}
.section8 .conbox>p{color: #fff;margin-top: 30px;}
.section8 .conbox>p a{display: inline-block;color: #fff;}
.section8>img{position: absolute;bottom: 0;}
.section8 .bom1{left: 0;right: 0;width: 100%;z-index: 9;}
.section8 .bom2{width: 50%;z-index: 7;right: 0;}
.ewmbox{background: url(/style22/f1.png) no-repeat; background-size: cover;position: absolute;right: 15%;bottom: 0;z-index: 8;width: 23%;height: 80%;box-sizing: border-box;padding:8% 3% 0 ;text-align: center;}
.ewmbox h4,.ewmbox p{font-weight: 700;color: #333;}
.ewmbox h4{color: #e11517;}
.ewmbox li{margin: 10px auto;width: 120px;display: inline-block;}
.ewmbox dl{display: block;margin-bottom: 15px;}
.ewmbox dl dt{width: 30px;height: 30px;background: #CD0E10;border-radius: 50%;text-align: center;color: #fff;margin-right: 10px;}


.footer{width:100%;background:#4e4c4c;padding:45px 0 15px 0;}
.footer .f_contact{width:355px;float:left;color:#fff;}
.footer .f_contact h2{font-size:20px;text-transform:uppercase;font-weight:normal;}
.footer .f_contact .f_contact_cont{padding-top:20px;width:83%;}
.footer .f_contact .f_contact_cont h3{font-weight:normal;font-size:18px;line-height:35px;}
.footer .f_contact .f_contact_cont p{font-size:16px;line-height:30px;text-align: left !important;}
.footer .f_contact .f_contact_cont em{color:#E11517;}
.footer .f_pro{width:450px;border-right:1px solid rgba(0,0,0,0.05);border-left:1px solid rgba(0,0,0,0.05);float:left;padding:0 0px 25px 70px;color:#fff;}
.footer .f_pro h2{font-size:20px;text-transform:uppercase;font-weight:normal;padding-bottom:50px;}
.footer .f_pro ul{overflow:hidden;padding-bottom:20px;}
.footer .f_pro li{width:calc(100%/2);float:left;font-size:18px;}
.footer .f_pro li em{display:block;color:#fff;padding-bottom:20px;}
.footer .f_pro li em:after{content:"";width:40px;height:3px;background:#fff;display:block;margin-top:10px;}
.footer .f_pro li a{color:#fff;font-size:15px;line-height:31px;}
.footer .f_wx{width:365px;float:right;color:#fff;}
.footer .f_wx h2{font-size:20px;text-transform:uppercase;font-weight:normal;}
.footer .f_wx ul{overflow:hidden;padding-top:30px;}
.footer .f_wx li{width:120px;float:left;margin-right:15px;}
.footer .f_wx li img{width:100%;}
.footer .f_wx p{margin-top:9px;font-size:15px;text-align: center;}
.footer .f_wx p img{margin-top:10px;display:block;}
.end{border-top:1px solid rgba(0,0,0,0.05);height:40px;padding-top: 15px;box-sizing: border-box;}
.end .end_l{color:#fff;margin: 0 auto;text-align: center;}
.end .end_l img{display:inline-block!important;}
.end .end_l a{display:inline-block!important;color: #fff;}
.end .end_l a:hover{opacity: .7;}
.end .end_l p{font-size:16px;color:#fff;float:right;}
.end .end_r{padding-top:23px;}
.ynlx{line-height:200%;}
.lx_con{overflow:hidden;}
.lx_con li{width:48%;float:left;border:1px solid rgba(204,204,204,0.622);padding-left:3%;box-sizing:border-box;margin-right:1%;line-height:200%;height:400px;padding-top:40px;}
.lx_con li img{float:left;margin-right:20px;padding-bottom:180px;}
.lx_con li strong{font-size:28px;color:#353992;}
ul.bigpage,ul.bigpage li{width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;}
ul.bigpage li{background-position:bottom center;background-size:cover;background-color:#333;opacity:0;display:block;z-index:1;}
ul.bigpage div.left{position:absolute;left:40px;width:70px;height:70px;top:50%;margin-top:-35px;background-image:url(/style22/left.png);background-size:70px 70px;cursor:pointer;z-index:10;opacity:0.7;}
ul.bigpage div.right{position:absolute;right:40px;width:70px;height:70px;top:50%;margin-top:-35px;background-image:url(/style22/right.png);background-size:70px 70px;cursor:pointer;z-index:10;opacity:0.7;}
ul.bigpage ol{position:absolute;margin-left:-500px;left:50%;width:1000px;text-align:center;bottom:86px;z-index:10;}
ul.bigpage ol span{display:inline-block;width:60px;height:12px;margin:10px;background:#D9D9D9;cursor:pointer;border-radius:3px;box-shadow:0px 1px 1px 0px rgba(0,0,0,0.3);opacity:0.4;}
ul.bigpage ol span div{border-radius:3px;}
ul.bigpage ol span:hover{box-shadow:0px 3px 3px 0px rgba(0,0,0,0.3);}
ul.bigpage ol span div{width:0%;height:100%;float:left;background-color:#E11517;background-image:-webkit-linear-gradient(top,#E11517,#E11517);background-image:linear-gradient(top,#E11517,#E11517);}
ul.bigpage ol span:first-child div{width:60px;}
ul.bigpage div.bottom{position:absolute;z-index:11;bottom:0px;width:100%;left:50%;margin-left:-50%;height:45px;line-height:45px;color:#fff;font-size:1.2em;background:rgba(0,0,0,0.1);box-shadow:0px 0px 10px 5px rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.1);}
ul.bigpage div.bottom span{padding:0px 20px;}
ul.bigpage div.bottom span.mainnav{float:right;}
ul.bigpage div.bottom span a{color:#fff;font-size:1em;font-weight:700;padding-right:15px;}
ul.bigpage .bg1{background-image:url(/style22/ba1.jpg);}
ul.bigpage .bg2{background-image:url(/style22/ba2.jpg);}
ul.bigpage .bg3{background-image:url(/style22/ba3.jpg);}
