@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:#CD001A;}

.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;}



#head11{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);}

#head11 .logo11{float: left;height: 90px; padding: 15px 0 15px 0;box-sizing: border-box;}

#head11 .logo11 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;}



#head11 .menu{float:right;}

#head11 .menu > li{display:inline-block; height:90px;padding: 0 .8vw;}

#head11 .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;}

#head11 .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;}

#head11 .menu > li > a:hover:after,#head11 .menu li.cur a:after{width: 100%;left: 0;}

#head11 .menu > li:after,#head11 .menu .subpronav{content: ''; display: table; clear: both;}

#head11 .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;}



#head11 .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;

}

#head11 .menu li:hover > .sub{

z-index: 99;

opacity: 1;

margin-top: 0;

height: auto;

visibility: visible;

transition: opacity .3s, margin-top .3s, visibility .3s;

}





#head11 .menu li .subnav{text-align: right;width:70%;box-sizing: border-box;min-width: 1300px;margin: auto;}

#head11 .menu li .subnav li{display: inline-block;margin:13px 0;}

#head11 .menu li .subnav li > a{display: block;text-align: center;color: #333;font-size: 15px;line-height: 36px;}

#head11 .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;}

#head11 .menu li .subnav li:first-child a:after{display: none;}

#head11 .menu li .subnav li a:hover{color: #CD001A;}

#head11 .menu li .subpronav{width:80%;box-sizing: border-box;min-width: 1300px;margin: auto;padding: 20px 0;}

#head11 .menu li .subpronav li{float: left;width:19%; margin:16px .5%;box-sizing: border-box;}

#head11 .menu li .subpronav li a{display:flex;align-items:center; height: 60px;font-size: 15px; padding: 10px 10px 10px 80px;position: relative;}

#head11 .menu li .subpronav li a .proico{width:60px; position: absolute;left: 10px;top:10px;}

#head11 .menu li .subpronav li a:hover{background-color: #f5f5f5;color: #CD001A;}



.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;

  }

}



#head11.on{}







.banner11{width: 100%;height:100%;overflow: hidden;position: relative;z-index:70;box-sizing: border-box;}

.banner11 .swiper-wrapper{z-index: inherit;}

.banner11 .swiper-slide{width: 100%;height:100%;overflow: hidden;position: relative;background-position: center top;background-size: cover;}

.banner11 .swiper-slide .ani{width:86%; position: absolute;left:7%;top:42%;z-index: 9;}

.banner11 .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;}

.banner11 .swiper-slide .ani p{font-size:3rem;color: #fff;text-shadow: 0 15px 20px rgba(0,0,0,.2);margin-top: 10px;}

.banner11 .swiper-slide .ani .btn{display: inline-block; font-size:1.6rem;color: #fff;padding: 10px 40px;border: 1px solid #fff;margin-top: 20px;}

.banner11 .swiper-slide .ani p img{margin-top: 8px;}



.banner11 .swiper-pagination{ height: 34px;text-align: left;width: 86% !important;left:7%!important;bottom: 30px!important;}

.banner11 .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;

}

.banner11 .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;

}

.banner11 .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;

}

.banner11 .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;

}

.banner11 .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;

}

.banner11 .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;

}

.banner11 .gundong{color: #fff;writing-mode:vertical-rl;letter-spacing: 2px;font-size:16px; position: absolute;right:34px;top:450px;}

.banner11 .gundong span{margin-bottom: 10px;}

.banner11 .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);

}

.banner11 .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:#CD001A;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: #CD001A; font-family:Arial, Helvetica, sans-serif;}

.ind-about .ablogo11{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:45px;padding-bottom: 100px; position: relative;background:#f5f5f5;}

.indtit{font-size:32px;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:#CD001A;}

.indtit .line .b2{background-color:#CD001A;}

.indtit .line .b3{background-color:#CD001A;}





.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:1.7rem;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:#CD001A;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 #CD001A;

	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: #CD001A;

	/* 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: #CD001A;}





.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: #CD001A;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: #CD001A;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 #CD001A;line-height: 40px;color: #fff;font-size:1.2rem;padding: 0 22px;text-align: center;text-transform: uppercase;background-color: #CD001A; 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 #CD001A;transition: all .3s;}

.more1:hover::before{border: 3px solid #CD001A;left: -8px;top: -8px;}

.more1:hover{background-color: #d0112b00;color: #CD001A;}

.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: #CD001A;  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: #CD001A;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:#CD001A;transform:translateY(-3px);}







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





/*kefu11 TOP*/

#kefu11{position:fixed;z-index:1001;right:0;bottom:105px;width:70px;height:240px;display:none;}

#kefu11 .kefu11-box{position:relative;float:right;}

#kefu11 .clearfix:after{content:"";display:block;clear:both;}

#kefu11 .a{display:block;width:44px;height:44px;background:rgba(240,130,0,.8);margin-bottom:4px;cursor:pointer;outline:none;}

#kefu11 .a.active,#kefu11 .a:hover{background:rgba(225,123,3,1);}

#kefu11 .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu11_icon.png);background-repeat:no-repeat;}

#kefu11 .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu11-bg.png);background-repeat:no-repeat;background-position:0 0;}

#kefu11 .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu11-bg.png);background-repeat:no-repeat;background-position:-27px 0;}

#kefu11 .a-qrcode .i{background-position:-44px 0;}

#kefu11 .a-cart .i{background-position:-88px 0;}

#kefu11 .a-top .i{background-position:-132px 0;}

#kefu11 .a-top{background:rgba(0,0,0,.8);}

#kefu11 .a-top:hover{background:rgba(0,0,0,1);}

#kefu11 .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);}

#kefu11 .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu11_bg_arrow.png) no-repeat;right:-8px;top:31px;}

#kefu11 .d-service{top:0;}

#kefu11 .d-service-phone{top:34px;}

#kefu11 .d-qrcode{top:78px;}

#kefu11 .d .inner-box{padding:8px 22px 12px;}

#kefu11 .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}

#kefu11 .d-service .d-service-item{border-bottom:none;}

#kefu11 .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}

#kefu11 .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu11_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}

#kefu11 .d-service-item:hover .i-qq{background-position:center 3px;}

#kefu11 .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu11_con_icon02.png) no-repeat center center;display:block;}

#kefu11 .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}

#kefu11 .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}

#kefu11 .d-service-item .text .number{font-family:Arial; color:#CD001A;}

#kefu11 .d-service-intro{padding-top:10px;}

#kefu11 .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}

#kefu11 .d-service-intro i{background:url(../images/kefu11_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}

#kefu11 .d-qrcode{text-align:center; width:290px;}

#kefu11 .d-qrcode .inner-box{padding:20px 0;}

#kefu11 .d-qrcode .qrcode{ display:inline-block; width:110px;padding:0 9px; border-left:1px solid #eee;}

#kefu11 .d-qrcode .qrcode:first-child{ border:0 !important;}

#kefu11 .d-qrcode .qrcode>img{ width:100%; height:auto;}

#kefu11 .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;}



	#head11{height:50px;position: absolute;}

	#head11 .logo11{height:50px; padding: 8px 0;}

	#head11 .logo11 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,#head11>.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);}







	/*.banner11{height:600px;}*/

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



	.banner11 .swiper-slide .ani{width:90%;left:5%;top:45%;z-index: 9;margin-left:0;}

	.banner11 .swiper-slide .ani h3{font-size:3rem;}

	.banner11 .swiper-slide .ani p{font-size:2rem;}

	.banner11 .swiper-slide .ani .btn{font-size:1.2rem;padding: 10px 40px;margin-top: 20px;}

	.banner11 .swiper-slide .ani p img{margin-top: 8px;}

	.banner11 .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 .ablogo11{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;}

	#kefu11,.foot{display: none!important;}

	

	.copy{

		line-height: 24px;

		text-align: center;

		padding: 5px 0;

	}

	.copy .fl,.copy .fr{

		float: none;

	}

}









@media (max-width: 992px) {



	/*.banner11{height:400px;}*/

	/*.banner11 .swiper-slide{height:400px!important;}*/

	/*.banner11 .swiper-slide .ani h3 {font-size:2.2rem;	}*/

	/*.banner11 .swiper-slide .ani p img {max-width: 30%;}*/

	/*.banner11 .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%;}



}