@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{max-width:1920px; margin:0 auto; background:#fff;color:#555; font-family: "Source Han Sans CN"}
/*body{background:#fff;color:#555; font-family: "microsoft yahei"}*/
a{text-decoration:none;/*transition:color 0.2s linear 0s*/}
.wrapper a:hover{color: #2a65bd;}
.wrapper {max-width:1920px; position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1200px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
a,img { vertical-align: top; }


@font-face {
	font-family: 'SourceHanSansCN';
	src: url('../fonts/sourcehansanscn-regular.eot');
	src: url('../fonts/sourcehansanscn-regular.eot') format('embedded-opentype'),
 	url('../fonts/sourcehansanscn-regular.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'Arial';
	src: url('../fonts/arial.eot');
	src: url('../fonts/arial.eot') format('embedded-opentype'),
 	url('../fonts/arial.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'arial';
	src: url('../fonts/arial.eot');
	src: url('../fonts/arial.eot') format('embedded-opentype'),
 	url('../fonts/arial.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'Times new Roman';
	src: url('../fonts/times.eot');
	src: url('../fonts/times.eot') format('embedded-opentype'),
 	url('../fonts/times.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
	}

/*PC站头部开始*/
.header { position:relative;}
.topArea { position: absolute; top:0; width: 100%; left:0; z-index: 999; height: 74px; border-bottom:1px solid rgba(255,255,255,0.3);}
.topArea .logo { float: left; padding:0 0 0 0.6rem;  }
.topArea .logo .color1 {display: inline-block;}
.topArea .logo .color2 {display: none;}
.fixed .logo .color2 {display: inline-block;}
.fixed .logo .color1 {display: none;}
.topArea .nav {float: left; margin-left:6px; display: inline-block;height: 73px; line-height: 73px;text-align: center; }
.topArea .nav dl dt {position: relative; display: inline-block; }
.topArea .nav dl dt>a {position: relative; font-size: 15px;color:#ffffff; padding: 0 5px; margin:0 10px;display: inline-block; height: 73px; }
.topArea .nav dl dt>a:after {background: #fff; content:''; width: 3px; height: 3px; border-radius: 50%; position: absolute; right:-21px; top:50%; margin-top:-2px; }
.fixed .nav dl dt>a:after {background: #333; content:''; width: 4px; height: 4px; border-radius: 2px; position: absolute; right:-23px; top:50%; margin-top:-2px; }
.topArea .nav dl dt:last-child a:after { display: none; }
.fixed .nav dl dt>a {color:#333;}

/*.xxx { box-shadow:-5px 0px 10px #ccc,0px 0px 0px #000,5px 0px 10px #ccc, 0px 5px 10px #ccc; }*/
.topArea .nav dl dt .xxx {display: none; text-align: center; position: absolute; padding:5px 0; box-sizing: border-box; top:73px; background: rgba(0,0,0,0.5); width: 3000px;  text-align: center; line-height: 30px; left:50%; margin-left:-1500px; }
.topArea .nav dl dt .xxx li {float: none; display: inline-block; margin: 0 10px;  }
.topArea .nav dl dt .xxx a { display: block; height: 30px; line-height: 30px; font-size: 14px;color:#fff; border-bottom:0px solid #f0f0f0; }
.topArea .nav dl dt .xxx a:hover { color:#2a65bd; }
.topArea .nav dl dt:hover .xxx { display: block; }

.topArea .log ul li .xxx {display: none; position: absolute; padding:5px 0; box-sizing: border-box; top:73px; background: rgba(0,0,0,0.5); width: 4000px; text-align: center; line-height: 30px; left:50%; margin-left:-2000px; }
.topArea .log ul li .xxx li {float: none; display: inline-block; margin: 0 10px;  }

.topArea .log ul li .xxx a { display: block; height: 30px; line-height: 30px; font-size: 14px;color:#fff; border-bottom:0px solid #f0f0f0; }
.topArea .log ul li .xxx a:hover { color:#2a65bd; }
.topArea .log ul li:hover .xxx { display: block; }


.topArea .nav dl dt.current>a,.topArea .nav dl dt:hover>a { margin-bottom:-1px; color:#fff; border-bottom:2px solid #fff;}
.fixed .nav dl dt.current>a,.fixed .nav dl dt:hover>a {display: block; margin-bottom:-1px; color:#0054a6; border-bottom:2px solid #0054a6;}
.topArea .log { float: right; text-align: left; }
.topArea .log ul {float: left;padding-right:18px; position: relative; margin-right:25px;}
.topArea .log ul:after { content:''; width: 1px; height: 16px; background: rgba(255,255,255,0.2); position: absolute; right:0; top:50%; margin-top:-8px; }
.topArea .log ul li { float: left; position: relative; }
.topArea .log ul li>a { display: inline-block; font-size: 15px;color:#fff; height: 74px; line-height: 74px; margin: 0 18px; }
.topArea .log ul li.current>a,.topArea .log ul li:hover>a {display: block; margin-bottom:-1px; color:#fff; border-bottom:2px solid #fff;}
.fixed .log ul li.current>a,.fixed .log ul li:hover>a {display: block; margin-bottom:-1px; color:#0054a6; border-bottom:2px solid #0054a6;}


.fixed .log ul li>a {color:#333;}
.fixed .log ul:after { content:''; width: 1px; height: 16px; background: rgba(0,0,0,0.2); position: absolute; right:0; top:50%; margin-top:-8px; }

.topArea .log .loga {margin-right:0.58rem; float: left; }
.topArea .log .loga a { display: inline-block; height: 74px; width: 30px; }
.topArea .log .loga a.ssbb { width: 30px; padding-top:26px; box-sizing: border-box; } 
.topArea .log .loga a.ssbb span { width: 30px;display: block;height: 2px;margin: 4px auto;background: #fff;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.fixed .log .loga a.ssbb span { background: #000; }

.topArea .log .loga a.ssbb {font-size: 16px; width: 45px; padding-top:0; line-height: 74px; color:#fff;}

.fixed .log .loga a.ssbb { color: #000; }

.log .loga .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.log .loga .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.log .loga .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.open .log .loga a.ssbb {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.open .log .loga a.ssbb  span { margin:-4px auto; transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.open .log .loga a.ssbb  span i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.open .log .loga a.ssbb .u-menu-middle {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.open .log .loga a.ssbb .u-menu-bottom { display:none; }




.topArea .log .loga .logb { background: url(../images/a2.png) no-repeat center; }
.topArea .log .loga .logc { /*background: url(../images/a1.png) no-repeat center;*/ font-size: 16px;color:#fff; line-height: 74px; font-family: 'SourceHanSansCN'; }
.fixed .log .loga .logb { background: url(../images/a2bg.png) no-repeat center; }
.fixed .log .loga .logc { /*background: url(../images/a1bg.png) no-repeat center;*/ color:#333; }
.topArea .log ul li a:hover { border-color:#fff; color:#fff; }
.fixed .log ul li a:hover { border-color:#0054a6; color:#0054a6; }
@media (max-width: 1330px){
	.topArea .nav dl dt a { margin:0 15px; }
	.topArea .log ul li a { margin: 0 14px; }
}
@media (max-width: 1200px){
	.topArea .nav dl dt a { margin:0 10px; }
	.topArea .log .loga { margin-right:0.3rem; }
	.topArea .logo { padding-left:0.3rem; }
	.topArea .log ul li a {margin:0 10px;}
	.topArea .nav dl dt a:after { right:-12px; }
}
@media (max-width: 1150px){
	.topArea .nav dl dt a { margin:0 8px; }
	.topArea .log ul li a { margin: 0 7px; }
}
@media (max-width: 1000px){
	.topArea .nav dl dt a { margin: 0 10px; }
}

@media (max-width: 900px){
	.topArea .nav dl dt a { margin: 0 5px; }
	.topArea .logo { padding-left:2%; }
	.topArea .log {margin-right:2%;}
}

.banner {position:relative; width: 100%; left:0; text-align:center;}
.banner .bd ul li img,.banner .bd ul li a { vertical-align: top; }
.banner .hd { position:absolute; left:0; bottom:1.8rem; width:100%; height:12px; z-index:4; }
.banner .hd ul { width:100%; height:12px; margin:0 auto; text-align:center;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:0 4px; border-radius:5px; border:1px solid #999; box-sizing: border-box; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on {background-color:#fff; border-color: #fff; }
.banner .next,.banner .prev { display: inline-block; width: 60px; height: 60px;z-index: 100000; position: absolute; top:50%; margin-top:-30px; transition: all 0.5s; }
.banner .next {background: url(../images/a4.png) no-repeat center; right:0.6rem;}
.banner .prev {background: url(../images/a3.png) no-repeat center; left:0.6rem;}
/*.banner:hover .next {right:10%;}
.banner:hover .prev {left:10%;}*/
/*PC站头部结束*/

/*SJ站头部开始*/
.mheader {display: none;}
.mtop { width: 100%; box-sizing: border-box; border-bottom:1px solid rgba(0,0,0,0.1);  padding:0 20px; background: #fff; position: fixed; left:0; top:0; z-index: 100000000000000; }
.mibanner {padding-top:56px;}
.mbanner { padding-top:56px; }
.swiper-container-1 .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: 1; }
.swiper-container-1 .swiper-pagination-bullet-active {opacity: 1;background: #0054a6;}
.swiper-container-1 .swiper-slide a,.swiper-container-1 .swiper-slide a img { vertical-align: top; }
.mlogo { float: left; }
.mlogo a,.mlogo a img {vertical-align: top;}
.mtop .menu {position: relative; z-index: 1000000000000000000000; float: right; margin-top:18px;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms; }
.mtop .menu span { width: 28px;display: block;height: 3px;margin-bottom: 6px;background: #000000;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.g-wp { -webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms }
.m-nav { width:65%; height:100%; right:-65%; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav dl dt { width: 100%; height: 57px;line-height: 57px;background: #0054a6; }
.m-nav dl dt img { float: right;margin: 7px; }
.m-nav dl dd { position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2; }
.m-nav dl dd a { color:#333; display: block;padding: 0 8%;font-size: 15px;position: relative;}
.m-nav dl dd a img {float: right;display: block;margin: 24px 0;}
.headerBox-ul {position: relative;overflow-y: auto;height: 100%;}
.headerBox-li.on {left: 0;}
.headerBox-li {position: absolute;top: 0;left: 100%;width: 100%;background: #fff;height: 100%;}
.headerBox-ul {position: absolute;top:57px;overflow-y: auto;height: 100%;}
.sq_timer_800ms {-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms;}
.headerBox-li-item .headerBox-li-back {background: rgba(0, 84, 166, 0.68);}
.headerBox li {position: relative;line-height: 60px;width: 100%;border-bottom: 1px solid #f2f2f2;}
.headerBox-li-item .headerBox-li-back a {color: #fff;}
.headerBox a {display: block;padding: 0 8%;font-size: 15px;position: relative;color:#333;}
.headerBox-li-item .headerBox-li-back span {cursor: pointer;font-size: 13px;color: #fff;position: absolute;right: 0;top: 0;height: 100%;padding: 0 6%;background: rgba(0, 84, 166, 0.8);}
@media (max-width: 1100px){
	.header { display: none; }
	.mheader { display: block; }
}
body.z-open .m-nav {transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);}
body.z-open .g-wp {transform:translate3d(-65%,0,0);-webkit-transform:translate3d(-65%,0,0);}
.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9999999999; }
/*SJ站头部结束*/

/*footer部分*/
/**底部**/
.sha {position: relative; padding:22px 0.6rem; background: #000000; }
.sha .smore { position: absolute; height: 20px; line-height: 20px; font-size: 14px;color:rgba(255,255,255,0.4); position: absolute; right:0.6rem; top:50%; margin-top:-10px; cursor: pointer; }
.shaa { float: left; width: 1.2rem; line-height: 30px; font-size:16px; color:rgba(255,255,255,0.4);  }

.sha ul { float: left; width:16rem; }
.sha ul.more { display: none; }
.sha ul li {padding:5px 0;height: 20px; line-height: 20px;  float: left;margin-right:0.3rem; }
.sha ul li a { font-size: 14px;color:rgba(255,255,255,0.38);}
@media (max-width: 1300px){
	.shaa { width: 1.6rem; }
}
@media (max-width: 1000px){
	.shaa { width: 2rem; }
	.sha ul { width: 15.5rem; }
}

@media (max-width: 800px){
	.shaa { width: 3rem; }
	.sha ul { width: 14.5rem; }
}
@media (max-width: 640px){
	.sha { padding: 20px 0.2rem; }
	.sha .smore { top:20px; margin-top:0;right:0.2rem; }
	.shaa { width: 100%; }
	.sha ul { width: 100%; }
}

.footer{background: #131313;padding:0.36rem 0.6rem 0.55rem;}
.foot_top{position: relative;}
.foot_top:before{content: "";position: absolute;right: -30px;bottom: 0;width: 84%;height: 1px;background: #999999;opacity: .2;}
.foot_top .img{float: left;line-height: 0;}
.foot_top .foot_nav{float: right;}
.foot_top .foot_nav a{ font-size: 14px; float: left;color: #999999;display: block;margin-left: 45px;position: relative;}
.foot_top .foot_nav a:before{content: "";position: absolute;left: 0;bottom: -21px;width: 0;height: 2px;background: #999999;transition: all .5s;}
.foot_top .foot_nav a:hover { color:#fff; }
.foot_top .foot_nav a:hover:before{width: 100%;}
.foot_top .foot_nav a:first-child{margin-left: 0;}
.fott_bottom{margin-top: 30px;}
.fott_bottom .dz{float: left;max-width: 300px;line-height: 24px;color: #fff;}
.fott_bottom .dz .d1{ opacity: 0.32; }
.fott_bottom .dz .d2{font-size: 12px;font-family: arial;color: #4c4c4c;margin-top: 12px;line-height: 18px;opacity: 1;}
.fott_bottom .xx{float: left; font-size: 13px; margin-left: 120px;color: #fff; opacity: 0.32; line-height: 24px;}
.fott_bottom .xx span { font-size: 26px; }
.fott_bottom .right{float: right;text-align: right;}
.fott_bottom .right .fenxiang{display: inline-block;}
.fott_bottom .right .fenxiang a{display: block;float: left;height: 16px;margin-left: 15px;}
.fott_bottom .right .fenxiang a:first-child{margin-left: 0;}
.fott_bottom .right .banquan{margin-top: 30px;color: #999999;font-size: 12px;font-family: arial;}
.fott_bottom .right .banquan a{color: #999999;}
.fott_bottom { font-size: 14px; }

@media (max-width: 1600px){
	.foot_top:before { width: 80%; }
}
@media (max-width: 1300px){
	.foot_top:before { width: 76%; }
}
@media (max-width: 1200px){
	.foot_top:before { width: 72%; }
	.fott_bottom .xx {display: none;}
	.foot_top .foot_nav a { margin-left:35px; }
}
@media (max-width: 1100px){
	.foot_top:before { width: 70%; }
	.foot_top .foot_nav a { margin-left:25px; }
}
@media (max-width: 1000px){
	.foot_top:before,.foot_top .foot_nav{display: none;}
}

@media (max-width: 800px){
	.footer { box-sizing: border-box; padding: 0.5rem 0.2rem 0.5rem; width: 100%; }
	.fott_bottom .dz { width: 100%; float: none;max-width: 100%; }
	.fott_bottom .right {width: 100%; text-align: left; float: none;margin-top:0.4rem;}
	.fott_bottom .right .banquan {margin-top:0.1rem;}
}


/*fixed*/
.fix {  }
@media only screen and (max-width: 1000px){
  .fix { background: #272a2e; }
}
* html{background-image:url(about:blank);background-attachment:fixed;}
.fixed{ box-shadow: 0 0 3px 2px rgba(21,21,21,0.2); background: #fff; width:100%;position:fixed!important;top:0;left:0;z-index:100000000000000000000; /*box-shadow:0 0 3px #e33a3d;*/}
.fixed{_position:absolute;_left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop));}

.searchx { padding:50px 0 28px; text-align: center; position: fixed; width: 100%; background: #fff; left:0; top:75px; z-index: 9999999999999999999999999999999999; }
.searchx1 { width: 800px; text-align: center; margin: 0 auto; }
.searchx form { position: relative; }
.searchx form .inp { font-size: 18px; color:#333; width: 100%; height: 66px;outline: none; border:none; border-bottom:1px solid #000102; }
.searchx form .sub { position: absolute; right:20px; height: 26px; width: 26px; height: 26px; top:50%; margin-top:-12px; background:url(../images/search.png) no-repeat center; cursor: pointer; border:none; outline: none; }

.searchx ul { text-align: center; margin-top:15px; }
.searchx li { position: relative; display: inline-block; padding: 0 14px;}
.searchx li:after{ content:''; width: 1px; height: 14px; background: #e3e3e3; position: absolute; right:0; top:50%; margin-top:-7px; }
.searchx li:last-child:after{ display: none; }
.searchx li a {font-size: 16px;color:#666666; display: inline-block; padding:0 18px; border-radius:16px; height: 32px;line-height: 32px;}
.searchx li a:hover { background: #00479d; background: #b9e3f9; }
.searchx li:hover:after { display: none; }


.domenu { display: none; z-index: 1000000000000000000001; position: fixed; left:0; top:0; background: url(../images/domenu.jpg) no-repeat 95% bottom #fff; -webkit-background-size: 4rem auto;
background-size: 4rem auto; width: 100%;  }
.domenu .logo { padding: 5px 0 5px 50px; border-bottom:1px solid #f2f2f2; }
.domenu .logo img { width: auto; height: 64px; }
.domenua {position: relative; border-bottom:1px solid #f2f2f2; padding-bottom:20px; margin-bottom:50px;width: 80%; margin:0 auto; padding-top:0px; font-size: 24px;color:#0054a6; font-weight: bold; }
.domenua p { margin-top:70px; }
.domenub { position: relative; }
.domenub span {cursor: pointer; display: block; width: 74px; height: 74px; position: absolute; right:0; top:0; background:url(../images/allmenubtn_on.png) no-repeat center #000;-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms; }


.domenu1 { width: 80%; margin: 0 auto; }
.domenu2,.domenu3 {padding:40px 0 70px; width: 100%; float: left; box-sizing: border-box; }

.domenu2 dl { float: left; width: 14%; margin-right:0; }
.domenu1 dl dt {position: relative; margin-bottom:15px; font-size: 20px; font-weight: bold; color:#000; }
.domenu1 dl dt a { font-size: 16px;color:#000; display: block; line-height: 35px; }
.domenu1 dl dt:hover a { color:#00479d; }
.domenu1 dl dd a { font-size: 15px;color:#333; display: block; line-height: 35px; }
.domenu1 dl dd:hover a { color:#00479d; }
.domenu3 dl {display: inline-block; width: 14%; margin-right:0; vertical-align: top; }
.domenu3 { text-align: left; }
@media (max-width: 1300px){
	.domenu1,.domenua {width: 90%;}
	.domenu1 dl dt { font-size: 18px; }
}

.hide{display: none;}
.show{display: block;}







/**2022-5-23开始**/
.banner .bd ul li img, .banner .bd ul li{
	overflow: hidden;
}

.banner .bd ul li img, .banner .bd ul li a{
    -webkit-animation:haha2 2000ms linear both; 
    animation:haha2 2000ms linear both;
}

@-webkit-keyframes haha2{
    0%{ transform: scale(2) }
    10%{ transform: scale(1.9) }
    20%{ transform: scale(1.8) }
    30%{ transform: scale(1.7) }
    40%{ transform: scale(1.6) }
    50%{ transform: scale(1.5) }
    60%{ transform: scale(1.4) }
    70%{ transform: scale(1.3) }
    80%{ transform: scale(1.2) }
    90%{ transform: scale(1.1) }
    100%{ transform: scale(1) }
}

.banner{
	overflow: hidden;
}

.banner .aboa{
	overflow: hidden;
}

.banner img{
	-webkit-animation:haha2 2000ms linear both; 
    animation:haha2 2000ms linear both;
}

.aboa .pros1b .pic{
	overflow: hidden;
}

.aboa .pros1b .pic a img{
	-webkit-animation: initial;
	 animation: initial;
}