@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
}	


@font-face {
	font-family: 'Conv_Barrci___Free_Elegant_Font_by_Dannci';
	src: url('../fonts/barrci___free_elegant_font_by_dannci.eot');
	src: local('☺'), 
	     url('../fonts/barrci___free_elegant_font_by_dannci.woff') format('woff'), 
		 url('../fonts/barrci___free_elegant_font_by_dannci.ttf') format('truetype'), 
		 url('../fonts/barrci___free_elegant_font_by_dannci.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {    
   font-family: 'webfontregular';
    font-weight: 600; 
    src: url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.eot');
    src: url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.eot') format('embedded-opentype'),
         url('../fonts/vziuho9z-oj4wgkppotg1_eszw2xoq-xsnqo47m55da-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quicksandbook';
    src: url('../fonts/quicksand_book-webfont.eot');
    src: url('../fonts/quicksand_book-webfont.eot') format('embedded-opentype'),
         url('../fonts/quicksand_book-webfont.woff') format('woff'),
         url('../fonts/quicksand_book-webfont.ttf') format('truetype'),
         url('../fonts/quicksand_book-webfont.svg#quicksandbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
body,dl,dt,dd,p,h3{margin:0;}
html{font-size:62.5%;}
img{border:0px none; vertical-align:middle;}
table{border-collapse:collapse;}
ul{display:block; margin:0; padding:0;}
li{list-style:none;}
a{color:#666; text-decoration:none; outline:none;transition:all ease 0.3s;}
a:hover{color:#02529b;}
.clear{ clear:both; height:0px !important; overflow:hidden;}
.wrap{width:86%;box-sizing: border-box;margin: auto;min-width: 1300px;}
/*clearfix清除浮动*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}


.fl{float:left;}
.fr{float:right;}
.imgauto{width: 100%;height: auto;}
body,html{overflow-x: hidden;}
::-webkit-scrollbar{width:6px; height:8px;}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background:#005bac;}

#head{width: 100%;height: 90px; box-sizing: border-box;transition: all .3s;position: fixed;left: 0;top:0px;z-index: 999;background-color: #fff;box-shadow: 0 10px 20px rgba(0,0,0,.1);}
#head .logo{float: left;height: 90px; padding: 15px 0 15px 0;box-sizing: border-box;}
#head .logo img{height:60px;}


.hdtop{height:36px;background-color: #333;overflow: hidden;}
.hdtop .topnav{float: right;}
.hdtop .topnav a{display: block;float: left;line-height: 36px;color: #fff;font-size: 1.2rem; margin-left: 20px;text-transform: uppercase;}
.hdtop .topnav a:hover{text-decoration: underline;}
.hdtop .topnav a.lan{background-color: #000;padding: 0 10px;}
.hdtop .topnav a.lan:hover{background-color:#005bac;}
#menubtn-mo,#menu-mob{display: none;}

#head .menu{float:right;}
#head .menu > li{display:inline-block; height:90px;padding: 0 .8vw;}
#head .menu > li > a{display: block;cursor: pointer;font-size: 1.6rem; line-height: 90px; color: #333;text-align: center;display:block;position: relative;padding:0 .8vw;}
#head .menu > li > a:after{display: block;content:" ";width:0;height:3px; position: absolute;left:50%;bottom:0px;margin: auto;transition: all .2s;background-color:#005bac;}
#head .menu > li > a:hover:after,#head .menu li.cur a:after{width: 100%;left: 0;}
#head .menu > li:after,#head .menu .subpronav{content: ''; display: table; clear: both;}
#head .menu li .sub{width:100%;background-color:#fff;position:absolute;top:100%;left:0px;z-index:98;box-shadow: 0 15px 10px rgba(0,0,0,0.3);box-sizing: border-box;border-top: 2px solid #ddd;}

#head .menu li .sub{
position: absolute;
width: 100%;
height: 0;
left: 0;
top: 100%;
z-index: -1;
background: #fff;
box-sizing: border-box;
opacity: 0;
margin-top: 20px;
overflow: hidden;
visibility: hidden;
box-shadow: 0 2px 2px rgba(183, 183, 183, 0.3);
transition: opacity .2s, margin-top .2s, visibility .2s;
}
#head .menu li:hover > .sub{
z-index: 99;
opacity: 1;
margin-top: 0;
height: auto;
visibility: visible;
transition: opacity .3s, margin-top .3s, visibility .3s;
}


#head .menu li .subnav{text-align: right;width:70%;box-sizing: border-box;min-width: 1300px;margin: auto;}
#head .menu li .subnav li{display: inline-block;margin:13px 0;}
#head .menu li .subnav li > a{display: block;text-align: center;color: #333;font-size: 15px;line-height: 36px;}
#head .menu li .subnav li > a:after{float: left;content: ""; display: block;width: 1px;height:20px;margin:8px 30px 0 30px;position: relative;background-color: #ebebeb;}
#head .menu li .subnav li:first-child a:after{display: none;}
#head .menu li .subnav li a:hover{color: #02529b;}
#head .menu li .subpronav{width:80%;box-sizing: border-box;min-width: 1300px;margin: auto;padding: 20px 0;}
#head .menu li .subpronav li{float: left;width:19%; margin:16px .5%;box-sizing: border-box;}
#head .menu li .subpronav li a{display:flex;align-items:center; height: 60px;font-size: 15px; padding: 10px 10px 10px 80px;position: relative;}
#head .menu li .subpronav li a .proico{width:60px; position: absolute;left: 10px;top:10px;}
#head .menu li .subpronav li a:hover{background-color: #f5f5f5;color: #02529b;}

.hdsearch{float: right;margin-left: 50px;}
.hdsearch .searchbtn{display: block;width:30px;height:30px;line-height:30px;color: #333;text-align: center;overflow: hidden;cursor: pointer;margin-top: 30px;}
.hdsearch .searchbtn .iconfont{font-size:24px;}
.hdsearch .searchbtn:hover{color:#005bac;}
.hdsearch .searchbox{display: none; width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999; background-color:rgba(0,0,0,.8);}
.hdsearch .searchbox .bdbox{width: 40%;min-width:500px; margin: auto; margin-top:15%;}
.hdsearch .searchbox .bdbox a.closebtn{display:block;color: #fff;height: 50px;width: 50px;text-align: center;line-height: 50px;margin: auto;overflow: hidden;cursor: pointer;}
.hdsearch .searchbox .bdbox a.closebtn .iconfont{font-size: 40px;color:#005bac;}
.hdsearch .searchbox .bdbox a.closebtn:hover{transform: rotate(180deg);}
.hdsearch .searchbox #search{width: 100%;height: 70px;line-height: 70px; background-color: #fff;border-radius: 10px;overflow: hidden;margin-top: 20px;overflow: hidden;transition: all .3s;	animation-name: sea;animation-duration:1.5s;	animation-fill-mode:forwards;	animation-timing-function:ease;}
.hdsearch .searchbox #search #keys{float: left; width:80%;height:70px;line-height: 70px;padding-left: 15px; border: none;}
.hdsearch .searchbox #search #gobtn{float: right; width:70px;height:70px;line-height: 70px;padding-left: 15px; border: none;background:none;}
.hdsearch .searchbox #search #gobtn .iconfont{font-size: 30px;color:#005bac;cursor: pointer;}
@keyframes sea{
  from {
	transform: translateY(70px);
	opacity:0;
  }
  to {
	transform: translateY(0px);
	opacity:1;
  }
}

#head.on{}



.banner{width: 100%;height:100%;overflow: hidden;position: relative;z-index:70;box-sizing: border-box;}
.banner .swiper-wrapper{z-index: inherit;}
.banner .swiper-slide{width: 100%;height:100%;overflow: hidden;position: relative;background-position: center top;background-size: cover;}
.banner .swiper-slide .ani{width:86%; position: absolute;left:7%;top:42%;z-index: 9;}
.banner .swiper-slide .ani h3{font-size:5rem; color: #fff;text-shadow: 0 15px 20px rgba(0,0,0,.2);line-height: 100%;font-weight: normal;}
.banner .swiper-slide .ani p{font-size:3rem;color: #fff;text-shadow: 0 15px 20px rgba(0,0,0,.2);margin-top: 10px;}
.banner .swiper-slide .ani .btn{display: inline-block; font-size:1.6rem;color: #fff;padding: 10px 40px;border: 1px solid #fff;margin-top: 20px;}
.banner .swiper-slide .ani p img{margin-top: 8px;}

.banner .swiper-pagination{ height: 34px;text-align: left;width: 86% !important;left:7%!important;bottom: 30px!important;}
.banner .swiper-pagination .swiper-pagination-bullet{
	width:8px;
	height:8px;
	background:#fff;
	border-radius:0;
	margin:0 12px;
	position:relative;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet:before{
	content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 1px transparent;
	margin-top:0;
	margin-left:0;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active:before{
	width:16px;
	height:16px;
	margin-top:-5px;
	margin-left:-5px;
	border-color:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
	background:transparent;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination .swiper-pagination-bullet:after{
	content:"";
	width:6px;
	height:6px;
	position:absolute;
	left:1px;
	top:1px;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .swiper-pagination  .swiper-pagination-bullet-active:after{
	background:#fff;
	transition:all 0.4s;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
}
.banner .gundong{color: #fff;writing-mode:vertical-rl;letter-spacing: 2px;font-size:16px; position: absolute;right:34px;top:450px;}
.banner .gundong span{margin-bottom: 10px;}
.banner .gundong #mouse {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
}
.banner .gundong  #mouse #mouse-move {
  animation: Tmouse 0.8s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}




.more2{color:#02529b;display: block;margin-top: 15px;}
.more2:hover{text-decoration: underline;}

.ind-about{padding:100px 0;font-size: 1.6rem;line-height: 200%;text-align: center;}
.ind-about .t1{font-size:3rem;line-height:120%;font-family: 'webfontregular';font-weight: 600;margin-bottom:25px;}
.ind-about .t2{font-size:4rem;margin-bottom: 10px;line-height:120%;color: #02529b; font-family:Arial, Helvetica, sans-serif;}
.ind-about .ablogo{width:15%;}
.ind-about .con{width:70%;margin:20px auto;}
.ind-about .more1{margin-top: 30px;}




.ind-bm{color:#FFF;background-color:#005bac;overflow: hidden;padding: 40px 0;}
.ind-bm .wrap{display: flex; justify-content:space-between;align-items:center;}
.ind-bm .fl{width:70%;font-size:3rem;line-height:100%;}
.ind-bm .fl .t2{font-size:2.4rem;margin-top: 8px;}
.ind-bm .fl .t3{font-size:1.3rem;color: #aecbe5;}

.ind-bm .img{width:24%;}
.ind-bm .img img{width:100%;}


.ind-pro{padding-top:140px;padding-bottom: 100px; position: relative;background:#f5f5f5;}
.indtit{font-size:4rem;font-weight: 600;text-align: center;line-height: 120%;}
.indtit .line{text-align: center;width: 100%;line-height:0%;}
.indtit .line b{display:inline-block; width:16px;height:5px;margin: 0 2px;line-height: 0;}
.indtit .line .b1{background-color:#02529b;}
.indtit .line .b2{background-color:#02529b;}
.indtit .line .b3{background-color:#02529b;}


.probox{ position: relative;margin-top:30px;}
.probox .swiper-pro{overflow: hidden;display: none;}
.probox .swiper-pro.show{
	display: block;
}
.probox .swiper-pro .swiper-slide a{display: block;width: 100%;height: 100%;position: relative; overflow: hidden;}
.probox .swiper-pro .swiper-slide .img{width: 100%;position: relative;z-index: 9;transition: all .8s;}
.probox .swiper-pro .swiper-slide .img img{width: 100%;}

.probox .swiper-pro .swiper-slide .con{width:100%; height: 100px;transition: all .3s;background-color: #fff;margin: auto; margin-top: -50px;position: relative; z-index: 10;box-sizing: border-box;padding:10px 15px;overflow: hidden;}
.probox .swiper-pro .swiper-slide .con .proico{float: left;width:80px;margin-right:10px;}
.probox .swiper-pro .swiper-slide .con span{display:block;float:left;width:100%;text-align: center; }
.probox .swiper-pro .swiper-slide .name{width: 100%;height:45px;line-height:45px;font-size:2.4rem;color:#333;margin-top:15px; transition: all .3s;overflow: hidden;	text-overflow:ellipsis;	white-space: nowrap;}
.probox .swiper-pro .swiper-slide .con p{font-size: 1.4rem;color:#02529b;transition: all .3s;margin-top: 70px;transition: all .3s;}
.probox .swiper-pro .swiper-slide a:hover .name{font-size:2rem;color: #333;margin-top: 0;}
.probox .swiper-pro .swiper-slide a:hover .con p{margin-top: 0px;}


.probox .swiper-button-prev{left: -50px;}
.probox .swiper-button-next{right: -50px;}

.ind-pro .more1{margin-top: 40px;}


.ind-pro .pro_nav {
	margin-top: 40px;
}

.ind-pro .pro_nav ul {
	text-align: center;
}

.ind-pro .pro_nav ul li {
	display: inline-block;
	min-width: 210px;
	text-align: center;
	padding: 15px 20px;
	border-radius: 40px;
	margin: 0 10px 10px;
	position: relative;
	overflow: hidden;
	border: 1px solid #025098;
	box-sizing: border-box;
}

.ind-pro .pro_nav ul li.active,.ind-pro .pro_nav ul li:hover{
/* 	background-image: -webkit-linear-gradient(to right, #e52727 0%, #f38a23 100%));
	background-image: -moz-linear-gradient(to right, #e52727 0%, #f38a23 100%);
	background-image: -o-linear-gradient(to right, #e52727 0%, #f38a23 100%);
	background-image: linear-gradient(to right, #e52727 0%, #f38a23 100%); */
	background-color: #025098;
	/* border: 0; */
}

.ind-pro .pro_nav ul li a {
	color: white;
	background-color: transparent;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #222;
	font-size: 16px;
}

.ind-pro .pro_nav ul li.active a,.ind-pro .pro_nav ul li:hover a{
	color: white;
}

.ind-adv{padding: 80px 0;}
.ind-adv .indtit{text-align: left;}
.ind-adv .subtit{font-size: 1.6rem;}
.ind-adv .adv-fl{float: left; width:25%; position: relative;margin-top: 40px;}
.ind-adv .adv-fl .swiper-advl{width: 100%;height: 254px; overflow: hidden;}
.ind-adv .adv-fl .swiper-advl .swiper-slide img{width:auto;height: 100%;}
.ind-adv .adv-fl .swiper-pagination{width: 100%;text-align: center;bottom: -30px!important;}
.ind-adv .adv-fr{width: 70%;float: right;position: relative;margin-top: 40px;padding-bottom:10px;}
.ind-adv .adv-fr .swiper-advr{width: 100%;overflow: hidden;}
.ind-adv .swiper-advr .swiper-slide{height:254px; text-align: center;background-color: #f5f5f5;border: 2px solid #f5f5f5;box-sizing: border-box;padding:20px;transition: all .3s;cursor: pointer;}
.ind-adv .swiper-advr .swiper-slide img{width: 80%;margin: auto;margin-top:35px;}
.ind-adv .swiper-advr .swiper-slide p{margin-top:25px;font-size: 1.6rem;}
.ind-adv .swiper-advr .swiper-slide:hover{background-color: #fff;border-color: #02529b;}


.ind-app{width: 100%; height: 700px; overflow: hidden;}

.swiper-app{height: 100%;position: relative;}
.swiper-app .swiper-slide{width: 100%;height: 100%;position: relative;}
.swiper-app .swiper-slide .con{position: relative;z-index: 9;padding-top: 10%;}
.swiper-app .swiper-slide .con .t1{color: #fff;font-size: 4rem;font-weight: 600;}
.swiper-app .swiper-slide .con .t2{width: 40%; color: #fff;font-size:1.6rem;line-height: 200%; font-weight: 100;margin-top: 15px;}
.swiper-app .swiper-slide .con a.more1{margin-top: 30px;}
.swiper-app .more1:hover{color: #fff !important;}


.swiper-app .swiper-slide .bgimg{width: 100%;height: 100%;background-position: center top;background-size: cover;position: absolute;left: 0;top: 0;z-index: 0;}
.swiper-app .swiper-slide .bgimg::before{display: block;content: " ";width: 100%;height: 100%;background-color: rgba(0,0,0,.5);position: absolute;left: 0;top: 0;z-index: 2;}
.sol-pagination{position: absolute;bottom:30px !important;z-index: 8;text-align:center;}
.sol-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 6px;background-color: #02529b;opacity:1!important;}
.sol-pagination .swiper-pagination-bullet-active{background-color:#fff;}

.ind-news{padding: 60px 0;}	
.ind-news .tit{font-size:4rem;text-transform:uppercase;text-align: center;line-height: 120%;}

.newswrap{margin:40px -1.5%;}
.newsitem{width: 30.3%;float: left;margin:0 1.5%;}
.newsitem a{display: block;background-color: #f5f5f5;}
.newsitem .img{width:100%;height: auto; overflow: hidden;background-color: #333;}
.newsitem .img img{width:100%;height: auto;transition: all .8s;}
.newsitem a:hover .img img{width:100%;height: auto;transform:scale(1.1);opacity: .6;}
.newsitem .con{padding: 15px;height: 100px;overflow: hidden;position: relative;}
.newsitem .con::before{display: block;content: " ";width: 5px;height: 15px;background-color: #666;position: absolute;left: 0;top:21px;transition: all .3s;}
.newsitem .con h3{font-size: 1.8rem;margin-top:5px;}
.newsitem .con p{font-size: 1.4rem; color: #888;margin-top: 10px;}
.newsitem .con .date{color: #999; padding-left:20px; background:url(../images/ico-date.png) no-repeat 0 1px;position: absolute;left: 15px;bottom: 15px;}
.newsitem a:hover{box-shadow: 0 20px 30px rgba(0,0,0,.1);background-color: #fff;}
.newsitem a:hover .con::before{background-color: #02529b;width: 8px;}
.ind-news .more1{margin-top: 30px;}



/* 首页新闻 s*/

.box_table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.box_table_cell{ display:table-cell; vertical-align:middle}
.box_table_cell *{ white-space:normal; word-wrap:break-word; }
.container01{padding:4rem 0 3rem;overflow:hidden;background: #fff;position: relative;}
.container01 .content{ margin:0 15px; font-size:0;overflow: hidden;}
.container01 .content .box{ display:inline-block; width:50%; padding:0 15px; vertical-align:top;float: left;box-sizing: border-box;}
.container01 .content .box ul li a{ display:block}
.container01 .content .box .left ul li .img, .container01 .content .box .left ul li .img img{width:100%;height: 348px;overflow:hidden;position:relative;object-fit: cover;}
.container01 .content .box .left ul li .con{background:#f7f8fa;height: 368px;padding:0 50px;}
.container01 .content .box .left ul li .con .box_table{ text-align:left}
.container01 .content .box .left ul li .con h5{ margin: 0;font-size:24px; color:#333333; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:0.6s;font-weight:bold;}
.container01 .content .box .left ul li .con h6{ margin:18px 0 28px}
.container01 .content .box .left ul li .con h6 svg{fill:#828d9f;width:16px;height:16px;display:inline-block;vertical-align: middle;margin: -3px 8px 0 0;}
.container01 .content .box .left ul li .con h6{ font-size:16px; color:#6e7073; font-family:Roboto}
.container01 .content .box .left ul li .con p{ font-size:16px; color:#7c7c7c; line-height:25px; height:50px; overflow:hidden; margin-bottom:52px}
.container01 .content .box .left ul li .con font{ display:inline-block; width:140px; height:44px; line-height:44px; background:#0d2e73; border-radius:22px; text-align:center; overflow:hidden; position:relative}
.container01 .content .box .left ul li .con font:before{ content:""; position:absolute; left:0; right:0; bottom:0; height:0; transition:0.6s;}
.container01 .content .box .left ul li .con font span{ position:relative; font-size:14px; color:#fff; transition:0.6s}

.container01 .content .box .right ul li{ margin-bottom:20px}
.container01 .content .box .right ul li .img, .container01 .content .box .right ul li .img img{width:100%;height: 348px;overflow:hidden;position:relative;object-fit: cover;}
.container01 .content .box .right ul li .img h6{ position:absolute; top:26px; left:36px; background:rgba(255,255,255,0.9); width:130px; height:36px; line-height:36px; text-align:center; font-size:15px; color:#6e7073; font-family:Roboto}
.container01 .content .box .right ul li .img h6:before{ content:""; position:absolute; left:0; right:0; bottom:0; height:0; transition:0.6s;}
.container01 .content .box .right ul li .img h6 svg{fill:#828d9f;width:16px;height:16px;display:inline-block;vertical-align: middle;margin: -3px 6px 0 0; position:relative; transition:0.36s}
.container01 .content .box .right ul li .img h6 span{ position:relative; color:inherit; transition:0.36s}
.container01 .content .box .right ul li .img .touyin{background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));position:absolute;bottom:0;left:0;right:0;height:50%;}
.container01 .content .box .right ul li .img h5{font-size: 20px;color:#fff;height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:0.6s;padding:0 50px;position:absolute;bottom:30px;width: 100%;font-weight:bold}

.container01 .content .box .right ul li a:hover .img h6:before {
    height: 100%;
    background: #0b6aaa;
}
.container01 .content .box .right ul li:hover .img h6{
	color: white;
}
.container01 .content .box .right ul li:hover .img h6 svg{
	fill: white;
}

.container01 .content .box .left ul li a:hover .con h5, .container01 .content .box .left ul li a:hover .con h6, .container01 .content .box .left ul li a:hover .con p{
	color: #fff;
}
.container01 .content .box .left ul li a:hover .con {
    background: #0d2e73;
}
.container01 .content .box .left ul li a:hover .con font:before {
    height: 100%;
    background: #fff;
}
.container01 .content .box .left ul li a:hover .con font span {
    color: #05297e !important;
}
/* 首页新闻 e */




.more1{display:inline-block; border: 1px solid #02529b;line-height: 40px;color: #fff;font-size:1.2rem;padding: 0 22px;text-align: center;text-transform: uppercase;background-color: #02529b; transition: all .3s;position: relative;}
.more1 span{display: inline-block;transition: all .3s;}
.more1::before{display: block;content: " ";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px solid #02529b;transition: all .3s;}
.more1:hover::before{border: 3px solid #02529b;left: -8px;top: -8px;}
.more1:hover{background-color: #d0112b00;color: #02529b;}
.more1:hover span{transform: translate(-6px,-6px);}

.foot{color:#8b8b8b;background:#222;padding:50px 0; overflow: hidden;position: relative;z-index: 2;}
.foot .ftnav dl{float: left;width:calc(100% / 5);}
.foot .ftnav dl dt,.ftcontact dl dt{font-size:2rem;color: #5b5b5b;font-weight: bold;margin-bottom: 15px;margin-top: 15px;}
.foot .ftnav dl dd{}
.foot .ftnav dl dd a{display:block;color: #898989; line-height:200%;font-size: 1.4rem;}
.foot .ftnav dl dd a:hover{color: #02529b;  text-decoration: underline;}

.foot .ftcontact p{line-height:200%;font-size: 1.4rem;}
.foot .ftcontact a{display: inline-block !important;}
.foot .ftcontact a:hover{color: #02529b;text-decoration: underline;}
.qq{display: block;width: 30px;height:30px;line-height: 30px; float:left;margin-right:10px;text-align: center;color: #fff;background-color:#898989;border-radius: 100%;overflow: hidden;margin-top: 15px;}
.qq span.iconfont{font-size:1.8rem;color: #fff;}
.qq:hover{background-color:#02529b;transform:translateY(-3px);}



.copy{line-height: 55px; font-size:1.2rem; color: #666;background-color:#111;border-top: 1px solid #333;}


/*kefu TOP*/
#kefu{position:fixed;z-index:1001;right:0;bottom:105px;width:70px;height:240px;display:none;}
#kefu .kefu-box{position:relative;float:right;}
#kefu .clearfix:after{content:"";display:block;clear:both;}
#kefu .a{display:block;width:44px;height:44px;background:rgba(240,130,0,.8);margin-bottom:4px;cursor:pointer;outline:none;}
#kefu .a.active,#kefu .a:hover{background:rgba(225,123,3,1);}
#kefu .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu_icon.png);background-repeat:no-repeat;}
#kefu .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:0 0;}
#kefu .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
#kefu .a-qrcode .i{background-position:-44px 0;}
#kefu .a-cart .i{background-position:-88px 0;}
#kefu .a-top .i{background-position:-132px 0;}
#kefu .a-top{background:rgba(0,0,0,.8);}
#kefu .a-top:hover{background:rgba(0,0,0,1);}
#kefu .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
#kefu .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu_bg_arrow.png) no-repeat;right:-8px;top:31px;}
#kefu .d-service{top:0;}
#kefu .d-service-phone{top:34px;}
#kefu .d-qrcode{top:78px;}
#kefu .d .inner-box{padding:8px 22px 12px;}
#kefu .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
#kefu .d-service .d-service-item{border-bottom:none;}
#kefu .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
#kefu .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
#kefu .d-service-item:hover .i-qq{background-position:center 3px;}
#kefu .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu_con_icon02.png) no-repeat center center;display:block;}
#kefu .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text .number{font-family:Arial; color:#02529b;}
#kefu .d-service-intro{padding-top:10px;}
#kefu .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
#kefu .d-service-intro i{background:url(../images/kefu_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
#kefu .d-qrcode{text-align:center; width:290px;}
#kefu .d-qrcode .inner-box{padding:20px 0;}
#kefu .d-qrcode .qrcode{ display:inline-block; width:110px;padding:0 9px; border-left:1px solid #eee;}
#kefu .d-qrcode .qrcode:first-child{ border:0 !important;}
#kefu .d-qrcode .qrcode>img{ width:100%; height:auto;}
#kefu .d-qrcode p{font-size:12px;color:#93959c;}

@media (max-width: 1440px) {
	.wrap {width:90%;min-width: auto;}



	
}



@media (max-width: 1280px) {
	.wrap {width:100%;box-sizing: border-box;padding: 0 20px;}
	#menu-pc{display: none;}
	.hdtop .wrap{padding: 0;}
	.hdtop .topnav a.lan {width: 50px;box-sizing: border-box;text-align: center;}

	#head{height:50px;position: absolute;}
	#head .logo{height:50px; padding: 8px 0;}
	#head .logo img{height:34px;}
	.hdsearch .searchbtn {margin-top:9px;}

	#menubtn-mo{float: right; width:50px; height:50px; display:block; position: relative;line-height:50px; cursor:pointer; background:#005bac;margin-left: 15px;margin-right: -20px;}
	#menubtn-mo>.icon-mu { position: absolute;top:50%;left:50%;z-index: 999; margin-left:-25px; margin-top:-25px; box-sizing: border-box;padding:12px;width:50px;height:50px;-webkit-tap-highlight-color: transparent;-ms-touch-action: manipulation;touch-action: manipulation;}
	#menubtn-mo>.icon-mu>span { position: relative; display:block; margin-top:14px;}
	#menubtn-mo>.icon-mu>span,#menubtn-mo>.icon-mu>span:after,#menubtn-mo>.icon-mu>span:before { display: block;width:100%;height:2px;background:#fff; border-radius:2px; transition-duration: .4s;transition-property: background-color,transform;}
	#menubtn-mo>.icon-mu>span:after,#menubtn-mo>.icon-mu>span:before { position: absolute; content: "";}
	#menubtn-mo>.icon-mu>span:before {top: -10px;}
	#menubtn-mo>.icon-mu>span:after {top: 10px;}
	#menubtn-mo>.icon-mu.active span { background-color: transparent;}
	#menubtn-mo>.icon-mu.active span:after,#head>.nav>.icon-mu.active span:before {background-color: #fff;}
	#menubtn-mo>.icon-mu.active span:before {transform: translateY(10px)rotate(45deg);}
	#menubtn-mo>.icon-mu.active span:after {transform: translateY(-10px)rotate(-45deg);}
	
	#menu-mob{width: 100%;background-color:#005bac;position: absolute;left: 0;top:86px;z-index: 999; padding: 15px 0;box-sizing: border-box;}
	#menu-mob .mobmenu{}
	#menu-mob .mobmenu > li{width: 100%;padding: 0 20px;box-sizing: border-box;position: relative;}
	#menu-mob .mobmenu > li > a{display: block;cursor: pointer;font-size: 1.6rem; line-height: 50px; color: #fff;display:block;position: relative;border-bottom: 1px solid rgba(255,255,255,.1);}
	#menu-mob .mobmenu > li:last-child > a,#menu-mob .mobmenu li .subnav li:last-child  a{border: none;}
	#menu-mob .mobmenu > li >span.iconfont{position: absolute;right:30px;top: 18px;color: #fff;transition: all .3s;}
	#menu-mob .mobmenu li .subnav{display: none; width:100%;background-color: rgba(0,0,0,.2);padding: 20px;box-sizing: border-box;}
	#menu-mob .mobmenu li .subnav a{display: block;color: rgba(255,255,255,.8);font-size: 1.4rem; line-height: 40px;border-bottom: 1px solid rgba(255,255,255,.1);}

	#menu-mob .mobmenu li.A span.iconfont{transform:rotate(180deg);}



	/*.banner{height:600px;}*/
	/*.banner .swiper-slide{height:600px!important;}*/

	.banner .swiper-slide .ani{width:90%;left:5%;top:45%;z-index: 9;margin-left:0;}
	.banner .swiper-slide .ani h3{font-size:3rem;}
	.banner .swiper-slide .ani p{font-size:2rem;}
	.banner .swiper-slide .ani .btn{font-size:1.2rem;padding: 10px 40px;margin-top: 20px;}
	.banner .swiper-slide .ani p img{margin-top: 8px;}
	.banner .swiper-pagination{ height: 34px;text-align: center;bottom:20px!important;}
	.gundong{display: none;}

	.indtit{font-size:3rem;}

	.ind-about .t1{font-size:2rem;}
	.ind-about .t2{font-size:3rem;}
	.ind-about .ablogo{width:20%;}
	.ind-about .con{width:90%;}
	


	.ind-bm .fl{width:60%;font-size:2rem;}
	.ind-bm .fl .t2{font-size:1.6rem;}
	.ind-bm .fl .t3{font-size:1.1rem;line-height:150%;}
	.ind-bm .img{width:35%;}
	


	.ind-adv{padding:50px 0;}
	.ind-adv .indtit{text-align: center;}
	.ind-adv .subtit{font-size: 1.4rem;text-align: center;}
	.ind-adv .adv-fl{float:none; width:100%; position: relative;margin-top: 40px;}
	.ind-adv .adv-fl .swiper-advl{height: auto;}
	.ind-adv .adv-fl .swiper-advl .swiper-slide img{width: 100%;height:auto;}
	.ind-adv .adv-fr{width: 100%;float: none;margin-top: 40px;}
	.ind-adv .adv-fr .swiper-advr{width: 100%;overflow: hidden;}
	.ind-adv .swiper-advr .swiper-slide{height:250px;}
	.ind-adv .swiper-advr .swiper-slide p{font-size: 1.4rem;}
	


	.ind-app{height:500px;}
	.swiper-app .swiper-slide .con .t1{font-size: 3rem;}
	.swiper-app .swiper-slide .con .t2{width:100%;font-size:1.4rem;}
	.swiper-app .swiper-slide .con a.more1{margin-top:20px;}
	


	.ind-news{padding: 60px 0;}	
	.ind-news .tit{font-size:3rem;}
	
	.newswrap{margin:40px 0 20px 0;}
	.newsitem{width:100%;float:none;margin:0;margin-bottom: 25px;}
	#kefu,.foot{display: none!important;}
	
	.copy{
		line-height: 24px;
		text-align: center;
		padding: 5px 0;
	}
	.copy .fl,.copy .fr{
		float: none;
	}
}




@media (max-width: 992px) {

	/*.banner{height:400px;}*/
	/*.banner .swiper-slide{height:400px!important;}*/
	/*.banner .swiper-slide .ani h3 {font-size:2.2rem;	}*/
	/*.banner .swiper-slide .ani p img {max-width: 30%;}*/
	/*.banner .swiper-slide .ani .btn {padding:5px 20px;*/
	.indtit {font-size:2rem;}
	.ind-about {padding:40px 0;	}
	.ind-about .more1 {margin-top:15px;}
	.ind-pro {padding-top: 40px;padding-bottom: 40px;	}
	.probox {margin-top:30px;}

	.ind-adv .swiper-advr .swiper-slide{height:150px;}
	.ind-adv .swiper-advr .swiper-slide img {margin-top:5px;}
	.ind-adv .swiper-advr .swiper-slide p {margin-top:15px;}

	.ind-app {height:400px;}
	.swiper-app .swiper-slide .con{text-align: center;}
	.swiper-app .swiper-slide .con .t1{font-size:2rem;}
	.swiper-app .swiper-slide .con .t2{width:100%;}

}