@charset "utf-8";
/* CSS Document */
body,div,span,img,h1,h2,h3,h4,h5,h6,ul,li,dl,dd,ol,p,i,b,strong,a,table,th,td,form,input,textarea{
	margin:0;padding:0;outline:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
body{font-family:Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;}
ol,ul,li{list-style:none;}
a{
    background: transparent;
    text-decoration: none;
    color: #666;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;display:inline-block;vertical-align:middle;}
::-webkit-scrollbar{width:6px;height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent;background: #f8f8f8;border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px;background: #bbb;}
/* --Public-- */
.hidden{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0;clear:both;}
.t-c{text-align:center;}
.t-r{text-align:right;}
.valign-middle{display:table-cell;vertical-align:middle;}
.section{background-size:cover;position:relative;}
.pub{width:82%;margin:auto;position:relative;}
.incontainer{padding:120px 0 140px;}

@font-face{
	font-family:FuturaLL;
	src:url('../fonts/Futura LT Light.otf');
}
@font-face {
	font-family:fz;
	src:url('../fonts/bahnschrift.ttf');
}

/* --menu-- */
#menu{position:fixed;left:20px;top:50%;margin-top:-100px;padding:0;list-style-type:none;z-index:999;}
#menu a{display:block;height:32px;overflow:hidden;color:#FFF;}
#menu a i{width:8px;height:8px;border-radius:50%;float:left;margin:12px;background:#fff;}
#menu a b{width:auto;height:32px;float:left;color:#fff;font-size:14px;line-height:32px;margin-left:12px;opacity:0;}
#menu a.active i{width:32px;height:32px;border:1px solid #fff;margin:0;background:none;}
#menu a.active b{opacity: 1;}
#menu a:nth-of-type(1).active i{background:url(../images/menu-page1.png) no-repeat center;}
#menu a:nth-of-type(2).active i{background:url(../images/menu-page2.png) no-repeat center;}
#menu a:nth-of-type(3).active i{background:url(../images/menu-page3.png) no-repeat center;}
#menu a:nth-of-type(4).active i{background:url(../images/menu-page4.png) no-repeat center;}
#menu a:nth-of-type(5).active i{background:url(../images/menu-page5.png) no-repeat center;}
#menu a:nth-of-type(6).active i{background:url(../images/menu-page6.png) no-repeat center;}
#menu a:nth-of-type(7).active i{background:url(../images/menu-page7.png) no-repeat center;}

#menu.ani-cur a i{background-color:#2d70b4;}
#menu.ani-cur a.active i{border:1px solid #2d70b4;}
#menu.ani-cur a.active b{color:#2d70b4;}
#menu.ani-cur a:nth-of-type(1).active i{background:url(../images/menu-page1-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(2).active i{background:url(../images/menu-page2-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(3).active i{background:url(../images/menu-page3-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(4).active i{background:url(../images/menu-page4-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(5).active i{background:url(../images/menu-page5-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(6).active i{background:url(../images/menu-page6-cur.png) no-repeat center;}
#menu.ani-cur a:nth-of-type(7).active i{background:url(../images/menu-page7-cur.png) no-repeat center;}


.header{width:100%;height:auto;position:fixed;left:0;top:0;z-index:9999;}
.header-box{height:71px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(255,255,255,0.2);position:relative;z-index:99;}
.header .logo{width:24%;height:70px;float:left;display:table;}
.header .logo img{width:100%;height:auto;max-width:218px;display:block;}
.header .nava{width:60%;height:70px;float:left;position:relative;}
.header .nava li{width:14.28%;height:70px;float:left;position:relative;}
.header .nava li .nava-li{width:100%;height:70px;font-size:16px;color:#fff !important;line-height:70px;text-align:center;position:relative;overflow:hidden;cursor:pointer;display:block;}
.header .nava li .nava-li span{width:0px;height:2px;background:#FFF;position:absolute;left:50%;bottom:0;}
.header .nava li:hover .nava-li span{width:40%;left:30%;}
.header .nava li .navtwo{
    min-width: 120px;
    width: auto;
    display: none;
    position: absolute;
    top: 110%;
    left: 50%;
    z-index: 99;
    padding-top: 15px;
	display:none;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
dl.navtwo:after{
	position: absolute;
	left:50%;
	top: 0;
	margin-left: -11px;
	content: " ";
	width: 23px; 
	height: 15px;
    background: url(../images/navatwo.png) center no-repeat;
	z-index: 1;
}

.header .nava li .navtwo .inner {
    width: 100%;
    background-color: rgba(255,255,255,1);
    padding: 13px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);
}
.header .nava li .navtwo dd {
    height: 36px;
    line-height: 36px;
    text-align: center;
}
.header .nava li .navtwo dd>a {
    display: block;
    height: 100%;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    padding: 0 20px;
    overflow: hidden;
    background-color: #fff;
}
.header .nava li .navtwo.on{
	top:90%;
}
.header .nava li .navtwo dd>a:hover {
    color:#FFF;
	background-color: #2d70b4;
}


.header .module{width:16%;height:70px;padding-right:28px;float:right;}
.header .module .search{width:100%;height:36px;margin-top:15px;z-index:3;overflow:hidden;position:relative;}
.header .module .search .keywords{width:100%;height:36px;opacity:0;overflow:hidden;}
.header .module .search .keywords input{width:100%;height:36px;padding-right:24px;padding-left:4px;font-size:14px;color:#FFF;outline:none;border:none;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(255,255,255,0.2);background:none;}
.header .module .search .submit{width:18px;height:18px;border:none;outline:none;background:url(../images/headerSearch.png) no-repeat center;cursor:pointer;position:absolute;right:6px;top:12px;z-index:9;}
.header .module .search input::-webkit-input-placeholder{color:#FFF;}
.header .module .search:hover{z-index:9;}
.header .module .search:hover .keywords{opacity:1;}
.header .module .wechat{width:28px;height:70px;padding:27px 0 25px 10px;position:absolute;right:0;top:0;z-index:6;}
.header .module .wechat .icon{width:18px;height:18px;cursor:pointer;display:block;}
.header .module .wechat .mask{width:90px;height:0;right:0;top:71px;position:absolute;overflow:hidden;}
.header .module .wechat .mask img{width:90px;height:90px;background:#FFF;display:block;}
.header .module .wechat:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    z-index: 0;
    width: 0;
    height: 0;
    border: 4px solid transparent;
}
.header .module .wechat:hover:after{border-top-color:#FFF;}
.header .module .wechat:hover .mask{height:90px;}

.header.ani-cur{background:rgba(0,0,0,0.4);}
.header.ani-cur .header-box{border-bottom:none;}

/* --banner-- */
.swiper-banner{width:100%;height:100%;margin:auto;overflow:hidden;position:absolute;left:0;top:0;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.swiper-banner .swiper-pagination{width:auto !important;left:7% !important;bottom:5% !important;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{width:auto;height:auto;font-size:24px;font-family:fz;color:rgba(255,255,255,0.5);margin:0 25px 0 0 !important;background:none;opacity:1;position:relative;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{color:#FFF;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet:after{
    content: '';
    position: absolute;
    width: 3px;
    height: 0;
    top: -40px;
    left: 50%;
    background-color: #FFF;
    z-index: -1;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active:after{height:34px;}

.slide-inner{width:82%;height:100%;left:9%;top:0;z-index:99;position:absolute;}
.slide-inner .banner1_1{width:46%;max-width:680px;left:4%;margin-bottom:-100px;}
.slide-inner .banner2_1{width:50%;max-width:800px;left:0;margin-bottom:-100px;}
.slide-inner .banner3_1{width:48%;max-width:750px;left:4%;margin-bottom:-100px;}
.slide-inner .banner_img{
	position:absolute;
	bottom:50%;
	opacity:0;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transform: translateX(50px);
	-ms-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-o-transform: translateX(50px);
}
.swiper-banner .ani-slide .banner_img{
    opacity: 1;
	transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
}

/* --index-- */
.index-title{color:#FFF;margin-top:4%;}
.index-title h2{
    font-size: 42px;
    line-height: 58px;
    height: 58px;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
}
.index-title p{
    font-size: 16px;
    line-height: 28px;
    word-break: normal;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
}

.index-product{background:url(../images/index_product_bg.jpg) no-repeat center;}
.index-product-box{height:100%;}
.index-product-swiper{width:100%;height:100%;margin:auto;position:relative;}
.index-product-swiper .next, .index-product-swiper .prev {
    -webkit-animation: pin02 3s ease-in-out 0s infinite;
    animation: pin02 3s ease-in-out 0s infinite;
}
.index-product-swiper .prev {
    left: 50%;
    background: #38bab1 url(../images/prev.png) center no-repeat;
    margin-left: -25px;
    margin-top: -60px;
}
.index-product-swiper .next {
    left: 50%;
    background: #38bab1 url(../images/next.png) center no-repeat;
    margin-left: -25px;
    margin-top: 10px;
}
.index-product-swiper .next, .index-product-swiper .prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    font-size: 0;
    text-align: center;
    border-radius: 50%;
}
.index-product-swiper .next:before, .index-product-swiper .prev:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(56, 186, 177, 0.1);
    -webkit-animation: circlepulse 1.5s ease 0s infinite;
    animation: circlepulse 1.5s ease 0s infinite;
}

.index-product-swiper .prev:hover, .index-product-swiper .next:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

#productSwiper {
    height: 100%;
    overflow: visible;
}
#productSwiper .swiper-slide{
	border-right: 1px solid rgba(45, 112, 180, 0.15);
}
#productSwiper .swiper-slide.swiper-slide-active .swiperinner {
    opacity: 1;
}
#productSwiper .swiper-slide .swiperinner {
    display: table;
    width: 100%;
	height:100%;
	padding-top:70px;
	overflow:hidden;
    opacity: 0.3;
}
#productSwiper .picout {
    float: right;
    position: relative;
    width: 46.65%;
    height: auto;
    margin-right: 100px;
    overflow: hidden;
    padding: 64px;
}
#productSwiper .picout:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: url(../images/yuanpan.png) center / cover no-repeat;
    -webkit-animation: rt 20s linear 0s infinite;
    animation: rt 20s linear 0s infinite;
}
#productSwiper .pic {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 0;
    overflow: hidden;
}
#productSwiper .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#productSwiper .wz {
    float: left;
    width: 35%;
}
#productSwiper label {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    height: 34px;
    position: relative;
}
#productSwiper label:before {
    content: '';
    position: absolute;
    left: 82px;
    top: 16px;
    z-index: 0;
    width: 30px;
    height: 2px;
    background-color: #2d70b4;
}
#productSwiper h3 {
    font-size: 42px;
    color: #333;
    line-height: 58px;
    height: 58px;
    font-weight: bold;
    position: relative;
    margin-top: 58px;
    white-space: nowrap;
}
#productSwiper h3:before {
    content: '';
    position: absolute;
    left: 0;
    top: -22px;
    z-index: -1;
    width: 140px;
    height: 103px;
    background: url(../images/index_product_title.png) center no-repeat;
}
#productSwiper h3 a {
    color: #333;
}
#productSwiper h4 {
    font-size: 20px;
    color: #666;
    line-height: 28px;
    word-break: normal;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
}
#productSwiper .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    min-height: 72px;
    max-height: 96px;
    overflow: hidden;
    margin-top: 34px;
}
#productSwiper dl {
    margin-top: 36px;
}
#productSwiper dd {
    font-size: 16px;
    padding: 5px 0;
}
#productSwiper dd a {
	height:30px;
    padding-left: 26px;
    color: #555;
    line-height: 30px;
    display: block;
	overflow:hidden;
    position: relative;
}
#productSwiper dd a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 0;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: transparent;
    -webkit-transition: .3s;
    transition: .3s;
    border: 1px solid #c1c1c1;
}
#productSwiper dd a:after {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    z-index: 0;
    width: 0;
    height: 1px;
    background-color: #0061ae;
    -webkit-transition: .3s;
    transition: .3s;
}
#productSwiper h3:hover a, #productSwiper h4:hover, #productSwiper dd:hover a {
    color: #2d70b4;
}
#productSwiper dd:hover a {
    padding-left: 52px;
}
#productSwiper dd:hover a:before {
    border-color: #2d70b4;
}
#productSwiper dd:hover a:after {
    width: 32px;
}




.index-advantage{background:url(../images/index_advantage_bg.jpg) no-repeat center;}
.index-advantage-box{height:100%;padding-top:70px;}
.index-advantage-list{width:100%;height:66%;margin-top:3%;}
.index-advantage-list .wz{width:20%;height:100%;float:left;background:#FFF;}
.index-advantage-list .wz li{width:100%;height:25%;padding:0 10%;border-bottom:1px solid #e5e5e5;cursor:pointer;position:relative;}
.index-advantage-list .wz li:nth-of-type(4n){border:none;}
.index-advantage-list .wz li:before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));
    background-image: linear-gradient(to right, #255ba9, #1fb4b8);
    z-index: 60;
    top: 0;
    left: 0;
    transition: all .5s;
}
.index-advantage-list .wz li .box{height:100%;display:table;position:relative;z-index:99;}
.index-advantage-list .wz li i{padding:13px;margin-right:16px;background:#e5e5e5;border-radius:50%;float:left;overflow:hidden;}
.index-advantage-list .wz li h3{padding-top:10px;font-size:24px;line-height:24px;font-weight:bold;color:#2d70b4;white-space:nowrap;}
.index-advantage-list .wz li p{font-size:14px;line-height:24px;color:#666;text-transform:uppercase;white-space:nowrap;}
.index-advantage-list .wz li.on:before{width: 107%;}
.index-advantage-list .wz li.on i{background:#FFF;}
.index-advantage-list .wz li.on h3{color:#FFF;}
.index-advantage-list .wz li.on p{color:#FFF;}

.index-advantage-list .picout{width:80%;height:100%;float:right;background:#000;position:relative;}
.index-advantage-list .picout li{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;position:absolute;top:0;left:0;opacity:0;-webkit-opacity:0;}
.index-advantage-list .picout li.on{position:relative;opacity:1;-webkit-opacity:1;z-index:50;}
.index-advantage-list .picout li .con{width:100%;padding:40px 100px;position:absolute;left:0;bottom:0;}
.index-advantage-list .picout li .con img{width:120px;height:96px;float:left;}
.index-advantage-list .picout li .con .txt{width: calc(100% - 160px);float:right;}
.index-advantage-list .picout li .con .txt h3{height:30px;font-size:24px;line-height:30px;font-weight:bold;color:#FFF;overflow:hidden;}
.index-advantage-list .picout li .con .txt p{height:60px;font-size:16px;line-height:30px;color:#FFF;margin-top:10px;overflow:hidden;}


.index-honor{background:url(../images/index_honor_bg.jpg) no-repeat center;}
.index-honor .index-title{color:#333;}
.index-honor-swiper{
	margin-top:2%;
	padding-bottom:120px;
	background:url(../images/index_honor_list.png) no-repeat center bottom;
	background-size:100% auto;
	position:relative;
}
.index-honor-swiper .swiper-wrapper{
}
.index-honor-swiper .swiper-slide{
	height:460px;
	padding:30px 10px 0;
}
.index-honor-swiper .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.index-honor-swiper .swiper-slide .pic {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}
.index-honor-swiper .swiper-slide img {
    width: 100%;
    height: auto;
	padding: 8px;
	border: 3px solid #FFF;
	border-radius:10px;
}
.index-honor-swiper .swiper-slide:hover .pic img {
	box-shadow: 0 12px 12px rgba(0,0,0,0.2);
    transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -o-transform: translateY(-30px);
}

.honorSwiper-pagination{width:100%;text-align:center;position:absolute;left:0;bottom:60px;}
.honorSwiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 6px;background:#2d70b4;border-radius:10px;position:relative;}
.honorSwiper-pagination .swiper-pagination-bullet-active{width:24px;}


.index-honor-list{}
.index-honor-list li{width:46%;margin-right:8%;float:left;}
.index-honor-list li .pic {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
}
.index-honor-list li img {
    width: 100%;
    height: auto;
	padding: 2px;
	border: 2px solid #FFF;
	border-radius:10px;
}

.index-company{background:url(../images/index_company_bg.jpg) no-repeat center;}
.index-company-box{height:100%;padding-top:70px;}
.index-company-title{width:32.5%;margin-top:8%;float:left;position:relative;z-index:9;}
.index-company-title label {
    display: block;
    font-size: 16px;
    color: #FFF;
    line-height: 34px;
    height: 34px;
    position: relative;
}
.index-company-title label:before {
    content: '';
    position: absolute;
    left: 82px;
    top: 16px;
    z-index: 0;
    width: 30px;
    height: 2px;
    background-color: #FFF;
}
.index-company-title h2{
    font-size: 42px;
    color: #FFF;
    line-height: 58px;
    font-weight: bold;
    position: relative;
    margin-top: 3%;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.index-company-title h2 a{
    color: #FFF;
}
.index-company-title h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: -22px;
    z-index: -1;
    width: 140px;
    height: 103px;
	opacity:0.2;
    background: url(../images/index_product_title.png) center no-repeat;
}
.index-company-title p{font-size:20px;line-height:30px;color:#FFF;text-transform:uppercase;text-shadow: 3px 3px 3px rgba(0,0,0,0.2);}
.index-company-txt{width:55%;margin-top:8%;float:right;}
.index-company-txt .txt {
    margin: 30px 0 44px;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
    max-height: 170px;
    overflow: hidden;
}
.index-company-txt .scale li{
    width:22%;
	border-right:1px solid rgba(255,255,255,0.2);
	margin-right:4%;
	color:#FFF;
	float:left;
}
.index-company-txt .scale li:nth-of-type(4n){border:none;margin-right:0;}
.index-company-txt .scale li h3{
    font-size: 42px;
    height: 48px;
    line-height: 48px;
	font-weight:normal;
}
.index-company-txt .scale li p{
    font-size: 14px;
    line-height: 28px;
}



.index-news{background:url(../images/index_news_bg.jpg) no-repeat center;background-size:cover;}
.index-news-box{padding-top:70px;}
.index-news-left {
    float: left;
    width: 50%;
}
.index-news-left-title {
    position: relative;
    height: 84px;
}
.index-news-left-title .title {
    float: left;
    position: relative;
}
.index-news-left-title .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: -22px;
    z-index: 0;
    width: 140px;
    height: 103px;
    background: url(../images/index_product_title.png) center no-repeat;
}
.index-news-left-title .title .cn {
    font-size: 42px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
.index-news-left-title .title .cn a {
    color: #333;
}
.index-news-left-title .title .en {
    font-size: 14px;
    color: #999;
    line-height: 34px;
    font-family: 'Arial';
    height: 34px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.index-news-left-title .type {
    float: right;
    height: 34px;
    margin-top:30px;
    font-size: 0;
    white-space: nowrap;
}
.index-news-left-title .type a {
    display: inline-block;
    margin-left: 6px;
    overflow: hidden;
    border-radius: 17px;
    background-color: #fff;
    width: 82px;
    height: 34px;
    font-size: 14px;
    color: #333;
    line-height: 34px;
    text-align: center;
}
.index-news-left-title .type a:hover, .index-news-left-title .type a.on {
    color: #fff;
    background-color: #38bab1;
}


.index-news-swiper{width:100%;height:452px;margin-top:54px;position:relative;overflow:hidden;}
.index-news-swiper-item{width:100%;position:absolute;top:0;left:0;opacity:0;-webkit-opacity:0;}
.index-news-swiper-item.on{position:relative;opacity: 1;-webkit-opacity: 1;z-index: 50;}
.index-news-swiper-item .swiper-slide a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.index-news-swiper-item .swiper-slide .pic {
    width: 100%;
    height: 237px;
    overflow: hidden;
    font-size: 0;
}
.index-news-swiper-item .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.index-news-swiper-item .swiper-slide .wz {
    width: 100%;
    padding-top: 21px;
}
.index-news-swiper-item .swiper-slide h3 {
    font-size: 24px;
    color: #333;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}
.index-news-swiper-item .swiper-slide .txt {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin: 30px 0 36px;
}
.index-news-swiper-item .swiper-slide label {
    font-size: 16px;
    color: #666;
    line-height: 26px;
    font-family: FuturaLL;
    display: block;
    cursor: pointer;
    height: 26px;
	position:relative;
}
.index-news-swiper-item .swiper-slide label:before {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    z-index: 0;
    width: 0;
    height: 1px;
    background-color: #0061ae;
    -webkit-transition: .3s;
    transition: .3s;
}
.index-news-swiper-item .swiper-slide a:hover h3 {
    color: #2d70b4;
}
.index-news-swiper-item .swiper-slide img:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}
.index-news-swiper-item .swiper-slide a:hover label{
	color: #2d70b4;
    padding-left: 52px;
}
.index-news-swiper-item .swiper-slide a:hover label:before {
    width: 32px;
}
.index-news-swiper-item .prev, .index-news-swiper-item .next {
	position: absolute;
	z-index:10;
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    outline: 0 none;
    border-radius: 50%;
    margin-top: -20px;
	cursor:pointer;
}
.index-news-swiper-item .prev {
    left: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/prev.png) center no-repeat;
}
.index-news-swiper-item .next {
    right: 0;
    background: rgba(0, 0, 0, 0.5) url(../images/next.png) center no-repeat;
}
.index-news-swiper-item .prev:hover, .index-news-swiper-item .next:hover {
    background-color: #2778be;
}


.index-news-right {
    float: right;
    width: 46.875%;
}
.index-news-right a {
    display: block;
    position: relative;
    width: 100%;
}
.index-news-right .pic {
    width: 100%;
    height: 467px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    z-index: 0;
}
.index-news-right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.index-news-right .wz {
    width: 70%;
    position: relative;
    z-index: 2;
    margin-left: 40%;
    margin-top: -180px;
}
.index-news-right .title {
    padding: 60px 40px 40px 40px;
    background-color: #2778be;
    border-top-left-radius: 40px;
    position: relative;
    overflow: hidden;
}
.index-news-right .date {
    height: 52px;
    line-height: 52px;
}
.index-news-right .date span {
    font-family: FuturaLL;
    color: #fff;
}
.index-news-right .date .day {
    font-size: 52px;
}
.index-news-right .date .year {
    font-size: 16px;
    margin-left: 10px;
}
.index-news-right h3 {
    font-size: 22px;
    color: #fff;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-top: 10px;
}
.index-news-right .more {
    padding: 0 40px;
    background-color: #1164ac;
    height: 52px;
}
.index-news-right label {
    font-size: 16px;
    color: #fff;
    line-height: 52px;
    font-family: FuturaLL;
    display: block;
    cursor: pointer;
    height: 100%;
}
.index-news-right img:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

@media screen and (max-width: 1400px){
	.index-news-left{
		width: 100%;
	}
	.index-news-swiper-item .swiper-slide {
		width: 380px;
	}
	.index-news-right{
		display:none;
	}
}




/* --footer-- */
.footer {
    position: relative;
    background:#333941;
}
.footer .pub{
    padding:60px 0 46px;
}
.footer_fl{
	width:20.6%;
	margin-right:4%;
	float:left;
}
.footer_fl .logo{
	margin-bottom:40px;
}
.footer_fl .logo img{
	max-width:100%;
	display:block;
}
.footer_fl .ewm{
	overflow:hidden;
}
.footer_fl .ewm .pic{
	max-width:42%;
	margin-right:5%;
	display:inline-block;
	overflow:hidden;
}
.footer_fl .ewm .pic img{
	width:100%;
	max-width:110px;
	display:block;
}
.footer_fl .ewm .pic p{
	font-size:14px;color:#a1a6b0;line-height:28px;margin-top:10px;text-align:center;
}

.footer_tel{
	width:24.5%;
	margin-left:4%;
	float:left;
}
.footer_tel .wx{
	margin-bottom:20px;
}
.footer_tel .wx:last-child
{ 
	margin:0;
}
.footer_tel .wx p{
	font-size:14px;color:#a1a6b0;line-height:28px;
}

.footer_nava{width:46.25%;float:right;}
.footer_nava dl{width:18%;float:left;color:#a9a9a9;text-align:center;margin-left:2%;}
.footer_nava dt{font-size:16px;color:#FFF;margin-bottom:20px;}
.footer_nava dd{font-size:14px;line-height:28px;}
.footer_nava dd a{color:#a1a6b0;}
.footer_nava dd a:hover{color:#FFF;}

.footer_sx {
    position: absolute;
    left: 22.6%;
    top: 0;
    z-index: 0;
    width: 1px;
    height: 100%;
	background-color: rgba(255,255,255,0.25);
}
.footer_sx .center {
    position: absolute;
    left: -5px;
    top: 68px;
    z-index: 1;
    width: 10px;
    height: 50px;
    background:url(../images/footer_line.png) no-repeat center #333941;
}

.footer_icp{font-size:14px;color:#a1a6b0;line-height:24px;padding:18px 0;text-align:center;background:#272b31;}
.footer_icp a{font-size:14px;color:#a1a6b0;}
.footer_icp a:hover{color:#FFF;}
.footer_icp b{font-weight:normal;margin-left:20px;}

/* --暂无内容-- */
.no-goods{padding:100px 0;overflow:hidden;text-align:center;}
.no-goods img{width:220px;max-height: 105px;display: block;margin:0 auto 30px;}
.no-goods p{font-size:14px;color:#666666;line-height: 20px;}

/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin:20px 0 0;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #2778be;
  background: #2778be;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/page-prve.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/page-prve-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/page-next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/page-next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}