@charset "utf-8";
/* by Sean Lu 20180904 */
/* 移动端全局控制reset */
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {margin: 0;	padding: 0;}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {display: block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { background-color: #fff; font-size:18px; color:#333;}
textarea {	resize: none;}
iframe, img {border: 0;}
ul, ol,li { list-style: none;}
input, select, textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
/* input { -webkit-appearance: none; } */
a {	text-decoration: none;	color: #666;}
a:hover {text-decoration: none;color: #d90200;}
/* 清理浮动 */
.clearfix {	clear: both;zoom: 1;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
/* 全局浮动 */
.fl {float: left;}
.fr {float: right;}
.wrapper { width:1440px; margin: 0 auto;}

.lcbg{background:url(../images/lcbg.jpg) no-repeat center bottom; padding:0px 0 60px;}
.lcbg .wrapper{ padding-top:40px;}

.top{position:fixed; top:0; left:0; width:100%; height:90px; background-color:rgba(255,255,255); z-index:2222; padding-bottom:90px;}
.top .logo{ margin:20px 0;}

.menuBox { height: 90px; z-index: 100; text-align:center;}
.menuBox ul li { height: 90px;position: relative; display:inline-block;}
.menuBox ul li a {height: 90px;	display: block; line-height: 90px;}
.menuBox ul li.nav1 a {	padding: 0px 25px;	text-align: center;	color: #333;font-weight: 500;font-size: 17px;line-height: 90px;}
.menuBox ul li.nav1 a:hover, .menuBox li.nav1.hot a, .menuBox li.nav1 a.hot { padding: 0px 25px;background-position: -314px -60px;	color: #DA0C11;font-weight: 500;text-transform: none;text-decoration: none;	font-size: 18px;line-height: 90px;}
/*子菜单*/
.menuBox ul ul {display: none;	width: 100%;	background:rgba(255,255,255,0.85);	position: absolute; padding: 20px 0px;	z-index: 100; border-top:3px solid #DA0C11;}
.menuBox ul .submenu ul li {line-height: 32px;	height: 32px;border: 0px; font-weight: normal;width: 100%; text-align:center; margin:3px 0;}
.menuBox ul .submenu ul li a.topsubmenu {background: none;height: 32px;	line-height: 32px;	display:block; color: #555;font-weight: normal;font-size: 15px; width: 100%; text-align:center; padding:0;}
.menuBox ul .submenu ul li a.topsubmenu:hover {	color: #fff;text-decoration: none;display: block;height: 32px;	line-height: 32px; font-size: 15px; animation-duration: 2s;	animation-timing-function: linear;
font-weight: normal; width: 100%;-webkit-transition: all .4s .2s;transition: all .4s .2s; background-color:#DA0C11;}


.bannerslideaa {position: relative; margin-top:90px;}
.bannerslideaa .swiper-slide {background-position: center;background-size: cover;	position: relative;	height: 707px;}
.bannerslideaa .paginationw { position: absolute; left: 0; text-align: center; bottom:50px; width: 100%; z-index:1000001;}
.bannerslideaa .swiper-pagination-switch {display: inline-block; width: 50px; height: 3px; background: #fff; margin: 0 3px; cursor: pointer;}
.bannerslideaa .swiper-active-switch { background: #e60000;}
.bannerslideaa .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:1111111;}
.bannerslideaa .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:1111111;}


.homeson_tit{ font-size:30px; font-weight:bold; color:#333; letter-spacing:2px; text-align:center; margin-bottom:25px;}
.homeson_tit img{vertical-align:middle; margin-right:8px;}


.homebox{ background:#fff; padding:70px 0;}
.homecom{}
.homecom .img{ width:50%; height:410px;}
.homecom .text{ width:50%; background:#edecf2; height:410px; padding:50px; box-sizing:border-box;}
.homecom .text .com_tit{ font-size:20px; background:url(../images/homecom_line.jpg) no-repeat bottom left; padding-bottom:5px;}
.homecom .text .com_p{ margin-top:50px; line-height:30px; font-size:18px; color:#444; text-indent:24px;}
.homecom .text .com_more{ margin-top:50px;}
.homecom .text .com_more a{ background:#f70a0a; color:#fff; padding:10px 20px; border-radius:20px; font-size:14px;}

.homebox02{ padding:60px 0; background-color:#f2f6f9;}
.homeson{}
.homeson .homeson_tit{ font-size:30px; font-weight:bold; color:#333; letter-spacing:2px;}
.homeson .homeson_tit img{ vertical-align:bottom; margin-right:15px;}
.hotspot{}
.hotspot .txt{background-color:#fff; margin:30px 0 30px 0; width:30%; z-index:1111111;}
.hotspot .txt .bl{ width:100%;}
.hotspot .txt .bl li{ color:#555; position:relative; font-size:20px; padding-left:60px; line-height:130px; transition: 0.5s; cursor:pointer; position:relative; border:1px solid #ccc; border-bottom:0px none;  border-collapse:collapse;}
.hotspot .txt .bl li:last-child{border-bottom:1px solid #ccc;}
.hotspot .txt .bl li.on:after {content:''; position:absolute; width:0; height:0; border: 12px solid transparent; border-left-color: #018ed6; right: -24px; top: 50%; transform: translateY(-50%); }
.hotspot .txt .bl li:hover{background:url(../images/ibg5.png) no-repeat right center #018ed6; color:#fff;}
.hotspot .txt .bl li:hover img,.hotspot .txt .bl li.on img{ display:inline-block; -moz-transition: all 0.6s ease;  -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease;  transition: all 0.6s ease;}
.hotspot .txt .bl li:hover,.hotspot .txt .bl li.on{ padding-left:120px; position:relative;background:url(../images/ibg5.png) no-repeat right center #018ed6; color:#fff;}
.hotspot .txt .bl li img{ margin-left:30px; vertical-align:middle; display:none;}
.hotspot .txt .bl li .wite{ width:0;}
.hotspot .txt .bl li:hover .wite{position: absolute; bottom: 0; left: 0; height: 1px; background-color: #018ed6; -moz-transition: all 0.6s ease;  -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease;  transition: all 0.6s ease;width:100%;}
.hotspot .txt .bl li.on .wite{ position: absolute; bottom: 0; left: 0; height: 1px; background-color: #018ed6; -moz-transition: all 0.6s ease;  -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease;  transition: all 0.6s ease;width:100%;}
.hotspot .pic{float:right; width:70%; padding:30px 0 0px;}
.hotspot .pic li{ color:#fff; text-align:right; line-height:180%;}
.hotspot .pic li a:hover p{color:#333;}
.hotspot .pic li p{ margin-bottom:30px; font-size:18px;}
.hotspot .pic li strong{ font-size:26px; color:#333; display:block; text-align:center;}
.hotspot .pic li img{width:100%; height:655px;}

.homebox03{ background:url(../images/home03bg.jpg) repeat-y center; padding:60px 0; height:780px; box-sizing:border-box;}
.slideBox{ position:relative;}
.slideBox .bd{}
.slideBox .bd li{ width:100%;}
.slideBox .bd li .img{ width:50%; padding-top:20px; box-sizing:border-box; text-align:right;}
.slideBox .bd li .text{ width:50%; padding-left:150px; box-sizing:border-box; padding-top:60px;}
.slideBox .bd li .text .tt01{ color:#333; font-size:30px; font-weight:bold;}
.slideBox .bd li .text .tt02{ color:#cc0000; font-size:22px; font-weight:bold; margin-top:20px;}
.slideBox .bd li .text .tt03{ font-size:22px; margin-top:120px;}
.slideBox .bd li .text .tt03 img{ margin-left:30px; margin-right:10px;}
.slideBox .bd li .text .tt03 span{ font-size:18px;}
.slideBox .bd li .text .tt04{ font-size:18px; margin-top:90px;}
.slideBox .bd li .text .tt04 em.num{ font-weight:bold; font-size:60px; color:#0065e3;}
.slideBox .bd li .text .tt04 em{ font-weight:bold; font-size:60px; color:#0065e3; font-style:normal;}
.slideBox a{ position:absolute; bottom:30px; left:19%;}
.slideBox .hd{float:left;}
a.prev{ background:url(../images/homecaseleft.png) no-repeat; width:54px; height:48px; display:inline-block; margin-left:-120px;}
a.next{ background:url(../images/homecaseright.png) no-repeat; width:54px; height:48px; display:inline-block;}
a.prev:hover{ background:url(../images/homecaseleft2.png) no-repeat; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}
a.next:hover{ background:url(../images/homecaseright2.png) no-repeat; -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  transition: all 0.3s ease;}


  .vid {
    width: 100%;
    max-width: 600px;
    @media @sm {
      margin-top: 4vw;
    }
    a {
      display: block;
      position: relative;
      cursor: pointer;
      &::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url(../img/play.png) no-repeat center;
      }
      &:hover {
        opacity: 0.8;
      }
      img {
        display: block;
        width: 100%;
      }
    }
  }



.homebox04{ background:#fafafb; padding:60px 0 50px;}
.homenew{}
.homenew .homenewtit{ font-size:30px; font-weight:bold; text-align:center; letter-spacing:2px;}
.homenew .homenewpp{ text-align:center; margin-top:20px; font-size:18px; color:#888;}
.homenew .homenewmore{ text-align:center; margin-top:60px;}
.homenew .homenewmore a{ font-size:18px; color:#fff; background:#f70a0a; padding:15px 40px; border-radius:30px; display:inline-block;}
.homenew .homenews{ margin-top:60px;}
.homenew .homenews li{ float:left; width: 32%; margin: 0 0.6%; height: 315px;}
.homenew .homenews li a{ width: 100%; background: #fff; box-shadow: 3px 3px 6px rgb(0 0 0 / 10%); display: block; position: relative; height: 315px; transition: 0.5s;}
.homenew .homenews li a .t01{}
.homenew .homenews li a .t01 span{ background:#f70a0a; width:90px; height:32px; font-size:13px; display:inline-block; line-height:32px; color:#fff; text-align:center;}
.homenew .homenews li a .t02{ margin-top:70px; padding:0 40px; font-size:20px; color:#000;}
.homenew .homenews li a .t03{ padding:0 40px; font-size:18px; margin-top:45px; line-height:20px; color:#777;}
.homenew .homenews li a .newimg{ position: absolute; top: 0; left: 0; display: none; z-index:-111;  background-color: rgba(0,0,0,0.8); width:100%;}
.homenew .homenews li a .newimg img{ width:100%; height:315px; opacity:0.4; z-index:-111; display:block;}
.homenew .homenews li a .to{ position:absolute; width:136px; height:4px; background:#f70a0a; bottom:0; right:0; transition: 0.5s;}
.homenew .homenews li a:hover{ background-color:rgba(0,0,0,0.9); z-index:1111;}
.homenew .homenews li a:hover .t02{ color:#fff;}
.homenew .homenews li a:hover .t03{ color:#fff;}
.homenew .homenews li a:hover .newimg{ display:block;}
.homenew .homenews li a:hover .to{ background:url(../images/homenewjtbg.jpg) no-repeat; height:40px; right:0;}


.bannerxxx{width:1400px; margin:0 auto; overflow:hidden; position:relative;}
.bannerxxx .arrow-lefta { background: url(../images/arrowsq.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}
.bannerxxx .arrow-righta { background: url(../images/arrowsq.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}
.bannerxxx img{width:100%;}


.bannerxxx .arrow-left { background: url(../images/arrowsq.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}
.bannerxxx .arrow-right { background: url(../images/arrowsq.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}

.bannerxxx .arrow-leftb { background: url(../images/arrowsq.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}
.bannerxxx .arrow-rightb { background: url(../images/arrowsq.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}

.bannerxxx .arrow-leftc { background: url(../images/arrowsq.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}
.bannerxxx .arrow-rightc { background: url(../images/arrowsq.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}

.bannerxxx .arrow-leftd { background: url(../images/arrowsq.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}
.bannerxxx .arrow-rightd { background: url(../images/arrowsq.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}


.bannerxxx .arrow-lefte { background: url(../images/arrowsq.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}
.bannerxxx .arrow-righte { background: url(../images/arrowsq.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 60px; height: 60px; z-index:111111111;}



.tabs{width:60%; margin:0 auto;}

.tabs a{width:13.6%; margin:0.5% 0.1%; text-align:center; display:inline-block; background-color:#FFF; height:50px; line-height:50px; font-size:16px;}
.tabs a:hover{background-color:#F00; color:#fff;}
.tabs a.active{width:13.6%; margin:0.5% 0.1%; text-align:center; display:inline-block; height:50px; line-height:50px; font-size:16px; background-color:#F00; color:#fff;}

.tddd{background-color:#FFF; height:50px; line-height:50px; position:absolute; top:77px;     font-size: 16px; width: 8%; text-align:center; right:20%;}



.content-slide{margin:40px auto; text-align:center;}

.foot{ background:#f3f5f8 url(../images/footbg.jpg) no-repeat center top; border-top:1px #d9d9d9 solid; padding:3% 0;color:#333;}
.foot dl{float:left;line-height:24px;width:11%;}
.foot dl dt{font-weight:bold;line-height:32px;}
.foot dl dd{margin-left:8%;}
.foot dl dd a{color:#666;position:relative; font-size:13px;}
.foot dl dd a:before{content:".";font-size:30px;color:#ccc;padding-right:8px;position:absolute;top:-13px;left:-10px;width:0;height:0;}
.foot dl dd a:hover{color:#fff;}
.foot div.fcont{padding:5% 0 2%;line-height:24px;width:25%;text-align:right;color:#666; font-size:14px;}

.footer{ background:#4c4c4c; line-height:96px; height:96px; color:#fff; font-size:14px; border-top:1px #333 solid; overflow:hidden;}
.footer a{ color:#fff;}

#jtd05{display:none; width:300px; height:250px; position:fixed; right:5px; bottom:20px;z-index:999999999}
#jtd05.on{display:block;}
#jtd05 video{ width:300px; height:250px; background-color:#333;}
#openaaa{display:none;}
#closeaaa,#openaaa{background-color:#333;text-align:center; color:#fff; font-size:15px; cursor:pointer; width:30px; height:30px; line-height:30px; float:right;}


      .mySwiperab {
        width: 100%;
        height: 650px; margin-top:40px; background-image: linear-gradient(#d9e6fb, #f2f7ff);   border:1px solid #f2f7ff; border-right:0px none;
      }

      .mySwiperab  .swiper-slide {
        /* Center slide text vertically */
         width: 100%; height: 650px;
      }

     .mySwiperab  .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.mySwiperab .swiper-button-next{position:absolute; left:10%; top:90%;}
.mySwiperab .swiper-button-prev{position:absolute; left:5%; top:90%;}
.mySwiperab .swiper-slide .fl{width:40%; float:left; padding:80px 60px 0; box-sizing:border-box; height:100%;}
<!--.swiper-slide-active .fl{ transform:translateY(0);}-->
.mySwiperab .swiper-slide .fr{width:60%; float:right; border-top:0px none; border-bottom:0px none;}
<!--.swiper-slide-active .fr{ transform:translateY(0);}-->
.mySwiperab .swiper-slide .fr img{height:650px; width:100%;}
.mySwiperab .dz{    font-size: 34px;
    font-weight: lighter; margin-bottom:50px;
}
.mySwiperab .dza{font-size:18px; margin:0px 0 50px;}
.mySwiperab .dza img{width:15px; height:15px; display:inline-block; margin-right:10px;}
.mySwiperab .jx{display: inline-block;
    font-size: 18px;
    padding: 5px 0px;
    margin: 0;
    color: #333;
    cursor: pointer; line-height:180%;}


.bannerslideaa{margin-top:90px;}	

@media (max-width: 1400px){
	.wrapper{width:100%;}
	.top .logo{width:30%; margin-right:5%; float:left;}
	.top .logo img{max-width:100%;}
	.top .menuBox{width:65%; float:left;}
	.top .menuBox ul{width:100%;}
	.top .menuBox ul li{width:10.5%;}
	.top .menuBox ul li a{padding:0;}
	.bannerslideaa{height:600px;}
	.homenew .homenews li a .t02{margin-top:30px;}
	.homenew .homenews li a .t03{font-size:16px;}
	.vid img{max-width:100%;}
	.homecom .text .com_p{margin-top:20px; font-size:15px;}
	.homecom .text .com_more{margin-top:20px;}
	.homecom .text{padding:46px; height:auto !important;}
	.homebox{padding:40px 0;}
	.homecom .img{height:auto !important;}
	.homeson_tit img{display:none;}	
	.top .menuBox ul li.nav1 a:hover, .top .menuBox li.nav1.hot a, .top .menuBox li.nav1 a.hot { padding: 0px; background-position: -314px -60px; color: #DA0C11;font-weight: 500;text-transform: none;text-decoration: none;	font-size: 18px;line-height: 90px;}
/*子菜单*/
	.top .menuBox ul .submenu ul li a.topsubmenu {background: none;height: 32px;	line-height: 32px;	display:block; color: #555;font-weight: normal;font-size: 15px; width: 100%; text-align:center; padding:0;}
	.top .menuBox ul .submenu ul li a.topsubmenu:hover {	color: #fff;text-decoration: none;display: block;height: 32px;	line-height: 32px; font-size: 15px; animation-duration: 2s;	animation-timing-function: linear;
font-weight: normal; width: 100%;-webkit-transition: all .4s .2s;transition: all .4s .2s; background-color:#DA0C11;}
}

@media (max-width: 1200px){

	.top .menuBox ul li a{padding:0; font-size:14px;}
.top .menuBox ul li.nav1 a:hover, .top .menuBox li.nav1.hot a, .top .menuBox li.nav1 a.hot{padding:0; font-size:14px;}
.top .menuBox ul .submenu ul li a.topsubmenu {background: none;height: 32px;	line-height: 32px;	display:block; color: #555;font-weight: normal;font-size: 14px; width: 100%; text-align:center; padding:0;}
	.top .menuBox ul .submenu ul li a.topsubmenu:hover {	color: #fff;text-decoration: none;display: block;height: 32px;	line-height: 32px; font-size: 14px; animation-duration: 2s;	animation-timing-function: linear;
font-weight: normal; width: 100%;-webkit-transition: all .4s .2s;transition: all .4s .2s; background-color:#DA0C11;}
}


@media (max-width: 720px){
	.top{height:135px; overflow:hidden;}
	.top .logo{width:60%; margin:8px 0 8px 10px; float:none;}
	.top .menuBox{width:100%; float:none; height:70px;}
	.top .menuBox ul li{width:23%; height:30px; overflow:hidden;}
	.menuBox ul li{height:40px;}
	.menuBox ul li.nav1 a{font-size:14px; line-height:30px; height:30px; overflow:hidden;}
	.top .menuBox ul li.nav1 a:hover, .top .menuBox li.nav1.hot a, .top .menuBox li.nav1 a.hot { padding: 0px; background-position: -314px -60px; color: #DA0C11;font-weight: 500;text-transform: none;text-decoration: none;	font-size: 14px;line-height: 40px;}
	.top .menuBox ul li.submenu ul{display:none;}
	.menuBox ul .submenu ul li{display:none;}
	.bannerslideaa .swiper-slide img{width:130%;}
	.homenew .homenewpp{font-size:15px;}
	.homenew .homenews li{width:100%; height:auto !important;}
     .bannerslideaa{margin-top:140px;height:200px;}
	.homebox .fl{float:none;}
	.homecom .img{width:100%;}
	.homecom .text{width:100%;}
	.homebox .fr{float:none;}
	.mySwiperab .dz{font-size:28px; margin-bottom:25px;}
	.mySwiperab .swiper-slide .fl{float:none; width:100%; padding:30px; height:380px;}
	.mySwiperab .dza{margin:0 0 20px;}
	.mySwiperab .swiper-slide .fr{float:none; width:100%;}
	.mySwiperab .swiper-slide .fr img{height:auto; width:100%;}
	.foot{display:none;}
	.footer a.fr{float:right; display:none;}
	.footer{line-height:150%; padding:25px; box-sizing:border-box;}
	.footer  wrapper{width:100%;}
	.mySwiperab .swiper-button-prev{left:15%;}
	.mySwiperab .swiper-button-next{left:80%;}
	
	.homenew .homenews li{height:260px;}
	.homenew .homenews li a{height:260px;}
	.homenew .homenews li a .newimg img{height:260px;}
	.homenew .homenewmore{margin-top:20px;}
	.homenew .homenews{margin-top:20px;}
	.homenew .homenews li a .t02{font-size:18px;}
	.homenew .homenews li a .t03{margin-top:20px;}
	.homenew .homenewmore a{padding:10px; font-size:14px;}
	.bannerslideaa .arrow-right{display:none;}
	.bannerslideaa .arrow-left{display:none;}
	.bannerslideaa .swiper-pagination-switch{width:20px; height:3px;}
	.bannerslideaa .paginationw{bottom:19px;}
}