/*topbar*/
.topbar{width: 100%; height: 90px; position: fixed; top: 0; z-index: 999; background: rgba(255,255,255,.3); transition: .3s all linear;}
.topbar .logo{float: left; height: 90px; margin: 14px 0 0 40px;}
.topbar .language{float: right; margin-top: 35px; margin-right: 10px; display: flex; display: -ms-flexbox; align-items:center;}
.topbar .language a{ color: #333; margin: 0 30px 0 3px;}
.topbar .language a:hover{text-decoration: underline;}
.topbar .nav{float: right; margin: 0px 40px 0 0; display: flex; display: -ms-flexbox;}
.topbar .nav li a{height: 90px; line-height: 90px; display: block; font-size: 15px; font-weight: bold; color: #333; display: block; padding: 0px 20px; text-align: center; transition: .3s all;}
.topbar .nav li a:hover{background: rgba(51,149,244,1); color: #fff;}
.change-bg{background: rgba(255,255,255,1); box-shadow: 0 1px 7px rgba(0,0,0,.25);}

/*swiper轮播图*/
.swiper-container{width: 100%; height: 970px; }
.banner1,.banner2,.banner3{background: url(../images/header1.jpg) no-repeat ; background-size: 100% 100%; cursor: pointer;}
.banner2{background-image: url(../images/header2.jpg);}
.banner3{background-image: url(../images/header3.jpg);}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 12px;
	height: 12px;      /* 小圆点的大小 */
	background: #fff;  /* 小圆点的颜色 */
	margin: 5px;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	opacity: .8;
	left: 20px;  /* 左按钮 */
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	opacity: .8;
	right: 20px;  /* 右按钮 */
}

.margin-c{width: 1400px; margin: 0 auto;}
.mtop{margin-top: 55px;}

.index-title{text-align: center;}
.index-title h1{font-size: 30px;}
.index-title p{margin: 20px 0 30px; font-size: 14px; color: #959595;}

.index-title2{text-align: center;}
.index-title2 h1{font-size: 30px; color: #fff;}
.index-title2 p{margin: 20px 0 30px; font-size: 14px; color: #fff;}


/*product*/
.product{margin-top: 55px; margin-bottom: 50px;}
.product ul{display: flex; display: -ms-flexbox; justify-content:space-between; -ms-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap;}
.product ul li{width: 31.7%; box-shadow: 0 0 30px 0 rgba(0,0,0,.15); cursor: pointer; margin-bottom: 30px; overflow: hidden;}
.product ul li:hover .productText{background: rgba(31,139,244,.9); color: #fff;}
.product ul li:hover .productText h2{color: #fff;}
.product ul li:hover .productText p{color: #fff;}
.product ul li:hover .product-pics img{transform: scale(1.1);}
.product-pics{width: 444px; height: 270px; overflow: hidden;}
.product-pics img{width: 100%; height: 100%; transition: all 0.5s; }
.productText{width: 444px; height: 100%; padding: 35px 35px; box-sizing: border-box; }
.productText h2{font-size: 20px; color: #555;}
.productText p{font-size: 14px; color: #888; margin-top: 16px; line-height: 23px;}

/*about*/
.about{width: 100%; height: 705px; background: #ebebeb; margin-bottom: 50px;}
.aboutMain{height:100%; position: relative; overflow:hidden;}
.about_img{position: absolute; bottom: 80px; left: 180px; overflow: hidden; cursor: pointer;}
.about_img img{transition: all 0.5s;}
.about_img img:hover{transform: scale(1.1);}
.aboutText{position: absolute; bottom: 180px; right: 160px; width: 515px; height: 290px; background: #fff; padding: 40px 40px; box-sizing: border-box; box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.aboutText h2{font-size: 20px; color: #555;}
.aboutText p{font-size: 14px; color: #888; margin-top: 20px; line-height: 23px;}
.aboutText a{position: absolute; bottom: -26px; right: 250px; padding: 15px 60px; background: #e70012; color: #fff; font-size: 16px; }
.aboutText a:hover{background: rgba(51,149,244,1);}

/*culture*/
.culture{width: 1280px; margin: 0 auto; margin-bottom: 80px;}
.culture h2{font-size: 24px; margin-bottom: 22px;}
.cultureMain{display: flex; display: -ms-flexbox; height: 420px;}
.c-one{width: 49.3%; height: 100%; overflow: hidden;}
.c-one img{width: 100%; height: 100%; transition: all 0.5s; opacity: .95;}
.c-one img:hover{transform: scale(1.1); opacity: 1;}
.c-two{width: 1.4%;}
.c-three{width: 49.3%; height: 100%; }
.c-right{display: flex; display: -ms-flexbox; justify-content:space-between; -ms-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap; height: 420px;}
.c-right li{width: 305px; height: 203px; margin-bottom: 12px; overflow: hidden;}
.c-right li img{width: 100%; height: 100%; border:none; transition: all 0.5s; opacity: .9;}
.c-right li img:hover{transform: scale(1.1); opacity: 1;}
.c-right-text h2{font-size: 17px; color: #555; margin-top: 10px}
.c-right-text p{font-size: 12px; color: #888; }

/*support*/
.support{width: 100%; height: 610px; background: url(../images/support_bg.jpg) no-repeat center center; margin-bottom: 60px;}
.supportMain{height: 100%; display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column; align-items:center; -ms-align-items:center; overflow: hidden; }
.supportMain h1{font-size: 34px; color: #fff; margin-top: 75px;}
.lines{width: 165px; border-bottom: 3px solid #fff; margin: 50px auto 40px;}
.supportMain p{width: 720px; font-size: 14px; color: #fff; line-height: 24px; margin-bottom: 35px;}
.icons{padding-left: 30px; background: url(../images/icon_check.png) no-repeat; font-size: 18px; font-weight: bold; color: #fff; line-height: 24px; margin-bottom: 30px;}
.supportMain a{padding: 15px 50px; background: #e70012; color: #fff; font-size: 16px; margin-top: 10px;}
.supportMain a:hover{background: rgba(51,149,244,1);}

/*program*/
.program{margin-top: 55px; margin-bottom: 60px;}
.program ul{display: flex; display: -ms-flexbox; justify-content:space-between; -ms-justify-content:space-between; flex-wrap:wrap; -ms-flex-wrap:wrap;}
.program ul li{width: 31.7%; cursor: pointer; margin-bottom: 30px; }
.program ul li:hover{box-shadow: 0 0 30px 0 rgba(0,0,0,.15);}
.program ul li:hover .program-pics img{transform: scale(1.1);}
.program-pics{width: 444px; height: 270px; overflow: hidden;}
.program-pics img{width: 100%; height: 100%; transition: all 0.5s; }
.programText{width: 444px; padding: 35px 35px; box-sizing: border-box; }
.programText h2{font-size: 20px; color: #555;}
.programText p{font-size: 14px; color: #888; margin-top: 16px; line-height: 23px;}
.readmore{text-align: center;}
.readmore a{padding: 13px 54px; color: #999; font-size: 16px; border: 1px solid #aaa;}
.readmore a:hover{color: #fff; border: 1px solid #3395f4; background: rgba(51,149,244,1);}