/*必备样式*/

body { word-wrap:break-word; word-break:break-all;background: #fff;margin: 0 auto;width: 100%;}

h1,h2,h3,h4,h5,h6 {font-size: 14px;}

* {box-sizing: border-box;margin:0; padding:0;}

*:focus {outline: none;}

button, input, select, textarea, label { vertical-align:middle; border: 0; outline: none;}

img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}

ul, ol { list-style:none; }

a { text-decoration:none !important; color:#666; vertical-align:baseline; cursor:pointer; font-size: inherit;-o-transition: .2s ease;-moz-transition: .2s ease;-webkit-transition: .2s ease;transition: .2s ease;}

table { border-collapse:collapse; border-spacing:0; }

/*清浮*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}

.clearfix{*zoom:1;}

/*浮动*/

.fl { float:left; _display:inline; }

.fr { float:right; _display:inline; }

input, textarea {

    outline: none;

    -webkit-appearance: none;

    background: none;

}

input[type='checkbox']:focus{

    outline: none;

}

::-webkit-input-placeholder { /* WebKit browsers */

    color: #8b8b8b;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #8b8b8b;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #8b8b8b;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

    color: #8b8b8b;

}

.container {

	width: 1200px;

	margin: 0 auto;

}

.container01 {

	width: 1104px;

	margin: 0 auto;

}

.logo {

	padding: 12px 37px;

	border-bottom: 1px solid #e5e5e5;

	position: relative;

}

.h_logo img {

	height: 94px;

}

.banner_w {

	position: relative;

}

.b_con {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	padding-left: 15%;

	background: url(../images/bg4.png) no-repeat -45px center;

	z-index: 10;

}

.language {

	position: absolute;

	left: 1%;

	top: 38%;

	width: 8%;

}

.language select {

	width: 100%;

	padding-left: 24px;

	font-size: 18px;

	color: #2d86b3;

	appearance:none;

	-moz-appearance:none;

	-webkit-appearance:none;

	background: url(../images/icon13.png) no-repeat left center;

}

.naver ul li {

	display: inline-block;

	width: 12%;

	margin: 0 .5%;

	position: relative;

}

.naver ul li:first-child {

	width: 7%;

}

.naver ul li > a {

	display: block;

	font-size: 24px;

	line-height: 118px;

	color: #666666;

	text-align: center;

	font-weight: bold;

	/* transition: all .36s; */

}

.naver ul li.active > a ,

.naver ul li:hover > a{

	background: rgba(43,133,179,.8);

	color: #fff;

}

.sec_nav,

.third_nav,

.fourth_nav{

	position: absolute;

	width: 100%;

	left: 0;

	top: 118px;

	background: rgba(43,133,179,.8);

	z-index: 99;

	/* padding: 10px 0; */

	display: none;

}

.sec_nav dl dd ,

.third_nav .th_dl .th_dd {

	position: relative;

}

.sec_nav dl dd > a ,

.third_nav .th_dl .th_dd > a ,

.fourth_nav .fo_dl .fo_dd > a{

	display: flex;

	align-items: center;

	width: 100%;

	font-size: 16px;

	color: #fff;

	height: 48px;

	padding-left: 18%;

}

.fourth_nav .fo_dl .fo_dd > a {

	padding-left: 8%;

	font-size: 14px;

}

.sec_nav dl dd > a img,

.third_nav .th_dl .th_dd > a img ,

.fourth_nav .fo_dl .fo_dd > a img {

	margin-left: 8%;

}

.sec_nav dl dd:hover > a ,

.third_nav .th_dl .th_dd:hover > a ,

.fourth_nav .fo_dl .fo_dd:hover > a{

	font-weight: bold;

}

.third_nav {

	left: 100%;

	top: 0;

}

.fourth_nav {

	left: 100%;

	top: 0;

}

.naver ul li:hover .sec_nav {

	display: block;

}

.sec_nav dl dd:hover .third_nav{

	display: block;

}

.third_nav .th_dl .th_dd:hover .fourth_nav{

	display: block;

}

.h_tel {

	position: absolute;

	right: 35px;

	top: 37%;

}

.h_tel > * {

	display: inline-block;

	vertical-align: middle;

}

.h_tel span {

	color: #666;

	font-size: 24px;

	margin-left: 4px;

}

.banner_swiper .swiper-pagination {

	display: block;

	width: 18px;

	left: auto;

	right: 40px;

	bottom: auto;

	top: 50%;

	transform: translateY(-50%);

}

.banner_swiper .swiper-pagination-bullet {

	width: 18px;

	height: 18px;

	border-radius: 0;

	opacity: 1;

	background: #fff;

}

.banner_swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 8px 0;

}

.banner_swiper .swiper-pagination-bullet-active {

	background: #2b85b3;

}

.banner_tip {

	position: absolute;

	bottom: 0;

	right: 0;

	/* width: 62.5%; */

	width: 75.8%;

	height: 60px;

	text-align: center;

	z-index: 10;

}

.banner_tip:before {

	position: absolute;

	content: "";

	right: 0;

	top: 0;

	width: 97.5%;

	height:	0;

	border-top:	60px solid #2b85b3;

	border-left: 32px solid transparent;

	z-index: -1;

}

.banner_tip p {

	color: #fff;

	font-size: 30px;

	line-height: 60px;

	height: 60px;

}

.banner_tip p span {

	font-size: 24px;

}

.index_w1 {

	padding: 75px 0;

}

.index_info1 .txt {

	color: #666;

	font-size: 16px;

	line-height: 30px;

	text-align: center;

	margin-bottom: 30px;

}

.index_info1 .txt big {

	font-size: 24px;

	color: #2b85b3;

}

.index_icon {

	text-align: center;

	font-size: 0;

}

.index_list1 ul li {

	width: 50%;

	float: left;

	border: 2px solid #fff;

}

.index_list1 ul li a {

	display: block;

	position: relative;

}

img.index_img1 {

	/* height: 373px; */

	border-radius: 6px;

	object-fit: cover;

}

.index_list1 ul li .mask {

	position: absolute;

	width: 100%;

	left: 0;

	bottom: 0;

	height: 100%;

	border-radius: 6px;

	text-align: center;

	/* padding-top: 5%; */

	display: none;

}

/* .index_list1 ul li .mask > * {

	display: inline-block;

	vertical-align: middle;

} */

img.index_img2 {

	/* width: 280px;

	height: 260px; */

	width: 30%;

	object-fit: cover;

}

.index_info2 {

	/* width: 250px; */

	/* margin-left: -60px; */

	display: flex;

	width: 100%;

	height: 100%;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.index_info2 h2 {

	color: #fff;

	font-size: 18px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	/* margin-bottom: 20%; */

	margin-bottom: 4%;

}

.index_info2 h3 {

	width: 100%;

}

.index_info2 h3 span {

	display: inline-block;

	color: #fff;

	font-size: 14px;

	line-height: 26px;

	border: 1px solid #fff;

	width: 30%;

}

.index_left {

	width: 50%;

	float: left;

	background: #eeeeee;

	height: 750px;

}

.index_tt {

	padding-top: 60px;

	padding-left: 32px;

}

.index_tt h1 {

	position: relative;

}

.index_tt h1:before {

	position: absolute;

	content: "";

	width: 64px;

	height: 64px;

	border-radius: 50%;

	background: rgba(243,192,192,.4);

	left: 14px;

	top: 50%;

	transform: translateY(-50%);

}

.index_tt h1 > * {

	display: inline-block;

	vertical-align: middle;

	position: relative;

	z-index: 1;

}

.index_tt h1 span {

	color: #666;

	font-size: 30px;

	line-height: 64px;

	margin-left: -10px;

}

.index_swiper1 {

	text-align: center;

	margin-top: 50px;

}

.index_swiper1 > * {

	display: inline-block;

	vertical-align: middle;

}

.index_swiper1 .swiper-container {

	width: 600px;

	margin-right: 35px;

}

.case_h1 {

	margin-bottom: 2px;

}

.case_h1 a {

	display: block;

	float: left;

	width: 298px;

	margin-right: 2px;

}

.case_h1 a:nth-child(2n) {

	margin-right: 0;

}

.case_h1 a img {

	width: 100%;

	height: 240px;

	object-fit: cover;

}

.case_h2 a {

	display: block;

}

.case_h2 a img {

	width: 100%;

	height: 240px;

	object-fit: cover;

}

.index_right {

	width: 50%;

	float: right;

	height: 750px;

	padding-top: 160px;

}

.index_k1 {

	text-align: center;

}

.index_k1 h2 {

	color: #999;

	font-size: 22px;

}

.index_img3 {

	margin: 60px 0 100px 0;

}

.index_k1 h3 a {

	display: inline-block;

	color: #2b85b3;

	line-height: 26px;

	width: 250px;

	border: 1px solid #2b85b3;

}

.index_swiper2 .swiper-pagination {

	display: block;

	left: auto;

	right: 20px;

	bottom: auto;

	top: 50%;

	width: 30px;

	transform: translateY(-50%);

}

.index_swiper2 .swiper-pagination-bullet {

	width: 30px;

	height: 30px;

	color: #666;

	font-size: 18px;

	background: none;

	opacity: 1;

	text-align: center;

	line-height: 30px;

}

.index_swiper2 .swiper-pagination-bullet-active {

	color: #2b85b3;

}

.index_swiper2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 3px 0;

}

.index_zz {

	height: 566px;

}

.zizhi_swiper {

	margin: 40px auto 0 auto;

}

.zz_img {

	border: 1px solid #2b85b3;

	font-size: 0;

}

.footer {

	background-size: cover;

}

.f_con {

	width: 1280px;

	margin: 0 auto;

}

.f_h {

	padding-top: 22px;

}

.f_l {

	width: 70%;

}

.f_r {

	width: 30%;

}

.f_w p {

	margin-bottom: 10px;

}

.f_w p span {

	color: #fff;

	font-size: 14px;

	padding: 0 32px;

	line-height: 28px;

	border: 1px solid rgba(255,255,255,.6);

	display: inline-block;

}

.foot2 {

	border-top: 1px solid rgba(255,255,255,.6);

}
.foot3 {

	text-align: center;
	line-height: 40px;
	padding:10px 0;
	width: 1200px;
	margin:0 auto;
	font-size: 14px;
	background: #333;
	color: #fff;

}
.foot3 a{color: #fff;}

.f_list {

	padding: 15px 0;

}

.f_list ul {

	display: flex;

	width: 100%;

	justify-content: space-between;

	color: #fff;

}

.f_list ul li a {

	color: #fff;

	font-size: 18px;

}



/* 新闻中心 */

.snav_hd {

	background: url(../images/nav_bg.jpg) no-repeat center;

	position: relative;

	z-index: 5;

}

.snav_list {

	padding: 20px 0;

	text-align: center;

}

.snav_list ul li {

	display: inline-block;

	margin: 0 100px;

}

.snav_list ul li a {

	display: inline-block;

	color: #666;

	font-size: 15px;

	line-height: 36px;

	border: 1px solid #eee;

	padding: 0 25px;

}

.snav_list ul li.active a ,

.snav_list ul li:hover a {

	border-color: #2b85b3;

	color: #2b85b3;

}

.mt100 {

	margin-top: 100px;

}

.mb100 {

	margin-bottom: 100px;

}

.news_list1 ul li {

	width: 29.16%;

	float: left;

	margin-right: 6.26%;

	margin-bottom: 40px;

	box-shadow: 0px 1px 2px 0px
		rgba(0, 0, 0, 0.2);
    height: 505px;

}

.news_list1 ul li:nth-child(3n) {

	margin-right: 0;

}

.news_list1 ul li a {

	display: block;

	width: 100%;

}

.news_list1 {

	margin-bottom: 20px;

}

.news_img1 {

	overflow: hidden;

}

.news_img1 img {

	width: 100%;

	/* height: 320px; */

	object-fit: cover;

	transition: all .36s;

}

.news_list1 ul li:hover .news_img1 img {

	transform: scale(1.1);

}

.news_info1 .title {

	padding: 10px 30px;

	border-bottom: 1px solid #2b85b3;

}

.news_info1 .title h2 {

	color: #333;

	font-size: 18px;

	line-height: 24px;

	height: 48px;

	overflow: hidden;

}

.news_info1 .txt {

	padding: 10px 30px;

}

.news_info1 .txt p {

	color: #666;

	font-size: 14px;

	line-height: 20px;

	height: 60px;

	overflow: hidden;

}

.news_time {

	text-align: right;

	padding: 0 30px 15px 30px;

}

.news_time > * {

	display: inline-block;

	vertical-align: middle;

}

.news_time span {

	color: #2b85b3;

	font-size: 12px;

	margin-left: 4px;

}

.page {

	text-align: center;

}

.page a {

	display: inline-block;

	width: 72px;

	height: 64px;

	line-height: 64px;

	color: #2b85b3;

	font-size: 18px;

	background: #eee;

}

.page a.on {

	background: #2d86b3;

	color: #eee;

}



/* 新闻详情 */

.mt40 {

	margin-top: 40px;

}

.mb40 {

	margin-bottom: 40px;

}

.detail_hd {

	position: relative;

	margin-bottom: 24px;

}

.detail_hd a {

	display: inline-block;

	color: #999;

	font-size: 16px;

}

.detail_hd p {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	color: #999;

	font-size: 16px;

}

.detail_con {

	background: #eee;

	padding-bottom: 30px;

}

.det_title {

	padding: 26px 52px;

	border-bottom: 1px solid rgba(153,153,153,.4);

	text-align: center;

}

.det_title h1 {

	color: #333;

	font-size: 24px;

	line-height: 34px;

}

.det_info1 {

	padding: 20px 52px 40px 52px;

}

.det_info1 .txt {

	text-align: justify;

	color: #666;

	font-size: 16px;

	line-height: 24px;

}

.pian {

	padding: 0 52px;

}

.pian a {

	width: 50%;

	float: left;

}

.pian a > * {

	display: inline-block;

	vertical-align: middle;

}

.pian a span {

	color: #999;

	font-size: 16px;

	max-width: 92%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding: 0 5px;

}

.pian a + a {

	text-align: right;

}



/* 展会动态 */

.news_list2 ul li {

	margin-bottom: 30px;

}

.news_list2 ul li a {

	display: block;

	width: 100%;

	border: 1px solid #999;

	height: 150px;

	padding: 22px 110px 0 55px;

	position: relative;

	transition: all .3s;

}

.news_list2 ul li a > * {

	display: inline-block;

	vertical-align: middle;

}

.news_time1 {

	width: 180px;

	text-align: center;

	position: relative;

	margin-right: 45px;

}

.news_time1:before {

	position: absolute;

	content: "";

	width: 1px;

	height: 76px;

	background: #999;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	transition: all .3s;

}

.news_time1 h1{

	color: #333;

	font-size: 60px;

	font-family: arial;

	transition: all .3s;

}

.news_time1 h2 {

	color: #333;

	font-size: 24px;

	font-family: arial;

	transition: all .3s;

}

.news_info2 {

	width: 55%;

}

.news_info2 h3 {

	color: #666;

	font-size: 18px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	transition: all .3s;

}

.news_k {

	position: absolute;

	right: 110px;

	top: 50%;

	transform: translateY(-50%);

	padding-right: 30px;

	background: url(../images/icon8.png) no-repeat right center;

}

.news_k img {

	width: 60px;

	/* height: 40px; */

}

.news_list2 ul li:hover a {

	border-color: #2d86b3;

}

.news_list2 ul li:hover .news_time1 h1,

.news_list2 ul li:hover .news_time1 h2,

.news_list2 ul li:hover .news_info2 h3 {

	color: #2b85b3;

}

.news_list2 ul li:hover .news_time1:before {

	background: #2b85b3;

}

.news_list2 ul li:hover .news_k {

	background: url(../images/icon8-1.png) no-repeat right center;

}

.mb60 {

	margin-bottom: 60px;

}



/* 关于我们 */

.snav_list1 ul li {

	margin: 0 18px;

}

.aboutUs ul li {

	margin-bottom: 80px;

}

.about_img {

	width: 65.4%;

	float: left;

}

.about_info1 {

	width: 30%;

	float: right;

}

.about_img img {

	height: 400px;

	width: 100%;

	object-fit: cover;

}

.about_info1 {

	writing-mode: vertical-rl;

	writing-mode: tb-rl;

	height: 400px;

}

.about_info1 .about_t1 {

	color: #333;

	font-size: 24px;

}

.about_info1 .txt {

	color: #666;

	font-size: 18px;

	line-height: 30px;

}

.aboutUs ul li:nth-child(2n) .about_img {

	float: right;

}

.aboutUs ul li:nth-child(2n) .about_info1 {

	float: left;

	writing-mode: vertical-lr;

	writing-mode: tb-lr;

}

.aboutUs {

	margin-bottom: 190px;

}

.ny_content {

	position: relative;

	z-index: 5;

}



/* 樱花 */

.ny_section {

	position: relative;

}

img.yh_01 {

	position: absolute;

	top: 18px;

	left: 5%;

}

img.yh_02 {

	position: absolute;

	right: 0;

	top: 160px;

}

img.yh_03 {

	position: absolute;

	left: 46px;

	top: 620px;

}

img.yh_04 {

	position: absolute;

	left: 16%;

	bottom: 3%;

}

img.yh_05 {

	position: absolute;

	right: 7%;

	bottom: 22%;

}



/* 发展历程 */

.history {

	background-position: center;

	position: relative;

}

.history_swiper {

	position: relative;

	padding-bottom: 170px;

}

.history_swiper .swiper-container {

	margin-top: 55px;

}

.history_swiper .swiper-container:before {

	position: absolute;

	content: "";

	width: 100%;

	height: 2px;

	background: #666;

	left: 0;

	top: 50%;

	margin-top: -6px;

}

.history_w {

	height: 440px;

	position: relative;

}

.history_info {

	height: 440px;

	position: relative;

}

.history_time {

	color: #666;

	font-size: 60px;

	margin-bottom: 10px;

	transition: all .36s;

}

.history_info:before {

	position: absolute;

	content: "";

	width: 10px;

	height: 10px;

	background: #666;

	border-radius: 50%;

	left: 0;

	bottom: 0;

}

.history_info .txt {

	color: #666;

	font-size: 18px;

	line-height: 30px;

}

.history_swiper .swiper-slide {

	height: 880px;

	padding-left: 5%;

}

.history_swiper .swiper-slide:nth-child(2n) .history_w {

	padding-top: 430px;

}

.history_swiper .swiper-slide:nth-child(2n) .history_info{

	padding-top: 40px;

}

.history_swiper .swiper-slide:nth-child(2n) .history_info:before {

	bottom: auto;

	top: 0;

}

.history_btn {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	width: 144px;

	font-size: 0;

	height: 64px;

	bottom: 70px;

	z-index: 10;

}

.history_btn .swiper-button-prev,

.history_btn .swiper-button-next {

	right: auto;

	left: auto;

	top: 0;

	left: 0;

	background: none;

	width: 72px;

	height: 64px;

	margin: 0;

	opacity: 1;

}

.history_btn .swiper-button-next {

	left: auto;

	right: 0;

}

.history_w:hover .history_time {

	color: #2b85b3;

}



/* 巨茂优势 */

.mb195 {

	margin-bottom: 195px;

}

.mt195 {

	margin-top: 195px;

}

.advantage_info .txt {

	color: #666;

	font-size: 18px;

	line-height: 30px;

	text-align: justify;

}



/* 企业视频 */

.mb85 {

	margin-bottom: 85px;

}

.mt85 {

	margin-top: 85px;

}

.video_u {

	position: relative;

	font-size: 0;

}

.video_u > img {

	width: 100%;

	/* height: 500px; */

}

.play_btn {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	width: 250px;

	background: #2b85b3;

	text-align: center;

	cursor: pointer;

}

.play_btn > * {

	display: inline-block;

	vertical-align: middle;

}

.play_btn span {

	color: #fff;

	font-size: 14px;

	line-height: 26px;

	margin-right: 20px;

}

.video_info {

	display: inline-block;

	padding: 15px 20px 25px 20px;

	height: 360px;

	background: #fff;

	writing-mode: vertical-rl;

	writing-mode: tb-rl;

	margin-left: 20px;

	margin-top: -50px;

	position: relative;

	z-index: 10;

}

.video_info .title {

	font-size: 36px;

	color: #333;

	margin-left: 8px;

}

.video_info .txt {

	color: #666;

	font-size: 18px;

	line-height: 30px;

}

.video_swiper .swiper-pagination {

	display: block;

	left: auto;

	bottom: auto;

	top: 480px;

	right: 122px;

	width: 72px;

	height: 64px;

	background: #2b85b3;

	color: #fff;

	line-height: 64px;

}

.video_swiper .swiper-pagination span {

	font-size: 18px;

	font-family: arial

}

.video_swiper .swiper-pagination .swiper-pagination-current {

	font-weight: bold;

}

.video_swiper .swiper-button-prev,

.video_swiper .swiper-button-next {

	background: none;

	width: 72px;

	height: 64px;

	bottom: auto;

	top: 480px;

	margin: 0;

	opacity: 1;

}

.video_swiper .swiper-button-prev {

	left: auto;

	right: 195px;

}

.video_swiper .swiper-button-next {

	right: 50px;

}



/* 企业风貌 */

.mb180 {

	margin-bottom: 180px;

}

.mt180 {

	margin-top: 180px;

}

.features_left {

	width: 63.5%;

	float: left;

}

.features_img1 img {

	width: 100%;

	height: 613px;

	object-fit: cover;

}

.features_right {

	width: 36.2%;

	float: right;

}

.features_list ul li {

	position: relative;

	margin-bottom: 4px;

	font-size: 0;

	cursor: pointer;

}

.features_list ul li:before {

	position: absolute;

	content: "";

	width: 4px;

	height: 100%;

	background: #2b85b3;

	right: 0;

	top: 0;

	z-index: 1;

	display: none;

}

.features_list ul li > img {

	width: 100%;

	height: 150px;

	object-fit: cover;

	-webkit-filter: grayscale(1);

	transition: all .36s;

}

.features_list ul li span {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	display: inline-block;

	padding: 0 20px;

	line-height: 50px;

	background: rgba(43,133,179,.8);

	color: #fff;

	font-size: 28px;

}

.features_list ul li.active:before {

	display: block;

}

.features_list ul li.active > img {

	-webkit-filter: grayscale(0);

}

.features_list ul li.active span {

	display: none;

}

.features_content .features_swiper {

	display: none;

}

.features_swiper .swiper-pagination {

	display: block;

	left: 0;

	bottom: 49px;

	width: 49px;

	height: 49px;

	line-height: 49px;

	color: #666;

	font-size: 15px;

	background: #fff;

}

.features_swiper .swiper-pagination span {

	color: #666;

	font-size: 15px;

}

.features_swiper .swiper-pagination span.swiper-pagination-current {

	color: #2b85b3;

}

.features_swiper .swiper-button-prev,

.features_swiper .swiper-button-next {

	left: 0;

	width: 49px;

	height: 49px;

	margin: 0;

	top: auto;

	bottom: 98px;

	background: none;

	opacity: 1;

}

.features_swiper .swiper-button-next {

	right: auto;

	bottom: 0;

}



.mt160 {

	margin-top: 160px;

}



/* 工程案例 */

.case_list{

	padding: 0 10px;

}

.case_list ul li {

	width: 33.33%;

	padding: 10px;

	float: left;

}

.case_left {

	width: 50%;

	float: left;

	/* height: 260px; */

	/* background-size: cover; */

	position: relative;

}

.case_left i {

	position: absolute;

	left: 10px;

	top: 10px;

	color: #999;

	font-size: 14px;

	font-style: normal;

}

.case_info {

	position: absolute;

	width: 100%;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	text-align: center;

}

.case_info h2 {

	color: #666;

	font-size: 16px;

	line-height: 22px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.case_info h3 {

	margin-top: 8px;

}

.case_info h3 a {

	display: inline-block;

	width: 70%;

	border: 1px solid #2b85b3;

}

.case_info h3 a > * {

	display: inline-block;

	vertical-align: middle;

}

.case_info h3 a span {

	font-size: 12px;

	line-height: 20px;

	color: #2b85b3;

	margin-right: 8px;

}

.case_right {

	width: 50%;

	float: right;

}

.case_img1 a {

	display: block;

	font-size: 0;

	overflow: hidden;

}

.case_img1 a img {

	transition: all .4s;

}

.case_list ul li:nth-child(2n) .case_info h2,

.case_list ul li:nth-child(2n) .case_left i ,

.case_list ul li:nth-child(2n) .case_info h3 a span {

	color: #fff;

}

.case_list ul li:nth-child(2n) .case_info h3 a {

	border-color: #fff;

}

.case_img1 a:hover img {

	transform: scale(1.1);

}

.case_list {

	margin-bottom: 85px;

}

.case_list1 {

	margin-top: 10px;

}

.case_list1 ul li {

	width: 24.4%;

	float: left;

	margin-right: .8%;

	position: relative;

	font-size: 0;

	overflow: hidden;

	cursor: pointer;

}

.case_list1 ul li:nth-child(4n) {

	margin-right: 0;

}

.case_list1 ul li > img {

	width: 100%;

	/* height: 200px; */

	object-fit: cover;

}

.case_list1 ul li .mask {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: rgba(43,133,179,.9);

	opacity: 0;

	transition: all .36s;

}

.case_d {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,200%);

	text-align: center;

	padding: 10px 0;

	width: 60%;

	border: 1px solid #eee;

	transition: all .36s;

}

.case_d p {

	color: #eee;

	font-size: 14px;

	line-height: 19px;

}

.case_list1 ul li:hover .mask,

.case_list1 ul li.active .mask{

	opacity: 1;

}

.case_list1 ul li:hover .case_d ,

.case_list1 ul li.active .case_d {

	transform: translate(-50%,-50%);

}

.case_img2 {

	width: 70.6%;

	height: 500px;

}

.case_img2 img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.case_u {

	position: relative;

}

.case_k {

	position: absolute;

	width: 450px;

	height: 360px;

	background: #eee;

	top: 50%;

	transform: translateY(-50%);

	right: 0;

	padding: 50px;

}

.case_k:before {

	position: absolute;

	content: "";

	width: 120px;

	height: 120px;

	border-radius: 50%;

	background: rgba(192,29,160,.05);

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

}

.case_info1 {

	border: 1px solid rgba(102,102,102,.2);

	height: 100%;

	position: relative;

}

.case_info1 .txt {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	color: #666;

	font-size: 16px;

	line-height: 30px;

	width: 100%;

	padding-left: 10%;

}

.case_swiper .swiper-pagination {

	display: block;

	left: 0;

	bottom: 173px;

	width: 49px;

	height: 49px;

	line-height: 49px;

	color: #666;

	font-size: 15px;

	background: #eee;

}

.case_swiper .swiper-pagination span {

	color: #666;

	font-size: 15px;

}

.case_swiper .swiper-pagination span.swiper-pagination-current {

	color: #2b85b3;

}

.case_swiper .swiper-button-prev,

.case_swiper .swiper-button-next {

	left: 0;

	width: 49px;

	height: 49px;

	margin: 0;

	top: auto;

	bottom: 222px;

	background: none;

	opacity: 1;

}

.case_swiper .swiper-button-next {

	right: auto;

	bottom: 124px;

}

.case_content .case_swiper {

	display: none;

}



/* 产品分类 */

.sort_list1 ul li {

	width: 24.45%;

	float: left;

	margin-right: .73%;

	margin-bottom: 8px;

	/* height: 380px; */

}

.sort_list1 ul li:nth-child(4n) {

	margin-right: 0;

}

.sort_info1 {

	padding-top: 90px;

	padding-right: 22px;

}

.sort_info1 h2 {

	color: #2b85b3;

	font-size: 24px;

	margin-bottom: 30px;

}

.sort_info1 .txt {

	color: #666;

	font-size: 16px;

	line-height: 30px;

}

.sort_list1 ul li a {

	display: block;

	position: relative;

	width: 100%;

	overflow: hidden;

}

.sort_list1 ul li a > img {

	width: 100%;

	 height: 380px;

}

.sort_list1 ul li a .mask {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: rgba(45,134,179,.9);

	opacity: 0;

	transition: all .36s;

}

.sort_list1 ul li a p {

	width: 80%;

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-800%);

	border: 1px solid #fff;

	text-align: center;

	line-height: 26px;

	color: #fff;

	font-size: 14px;

	transition: all .36s;

}

.sort_list1 ul li a p img {

	margin-left: 12px;

}

.sort_list1 ul li a:hover .mask {

	opacity: 1;

}

.sort_list1 ul li a:hover p {

	transform: translate(-50%,-50%);

}

.yh_10 {

	position: absolute;

	right: 0;

	top: 50%;

}

.sort_hd {

	margin-bottom: 50px;

	position: relative;

}

.sort_hd > * {

	display: inline-block;

	vertical-align: middle;

}

.sort_hd img {

	margin: 0 8px;

}

.sort_hd a {

	color: #bbb;

	font-size: 18px;

}

.sort_hd a.then {

	color: #999;

}

.sort_list2 ,.sort_swiper2 {

	margin-bottom: 40px;

}

.sort_list2 ul {

	text-align: center;

	white-space: nowrap;

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

	padding-bottom: 20px;

}

.sort_list2 ul::-webkit-scrollbar {
	height: 6px;
}
.sort_list2 ul::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.2);
}
.sort_list2 ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 6px;
	background: rgba(0,0,0,0.1);
}

.sort_list2 ul li {

	display: inline-block;

	margin: 0 20px;

	width: 160px;

}

.sort_list2 ul li:first-child {

	margin-left: 0;

}

.sort_list2 ul li:last-child {

	margin-right: 0;

}

.sort_swiper2 .swiper-slide {

	width: 160px;

}

.sort_list2 ul li a ,

.sort_swiper2 .swiper-slide a{

	display: inline-block;

	width: 100%;

	line-height: 50px;

	color: #999;

	font-size: 16px;

	transition: all .36s;

	text-align: center;

}

.sort_list2 ul li.active a,

.sort_list2 ul li:hover a ,

.sort_swiper2 .swiper-slide a.active{

	background: #2b85b3;

	color: #fff;

}

.mt60 {

	margin-top: 60px;

}

.modal_info1 {

	margin-top: 45px;

	padding-left: 115px;

	position: relative;

}

.modal_info1:before {

	position: absolute;

	content: "";

	width: 100px;

	height: 1px;

	background: #2b85b3;

	left: 0;

	top: 15px;

}

.modal_info1 .title {

	color: #2b85b3;

	font-size: 24px;

	margin-bottom: 10px;

}

.modal_info1 .txt {

	color: #666;

	font-size: 18px;

	line-height: 30px;

}

.sort_swiper1 .swiper-button-prev,

.sort_swiper1 .swiper-button-next {

	background: none;

	width: 38px;

	height: 38px;

	left: auto;

	right: 20px;

	bottom: auto;

	top: 40%;

}

.sort_swiper1 .swiper-button-next {

	top: 52%;

}

.modal_img1 {

	position: relative;

}

.modal_img1 .mask {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: rgba(0,0,0,.4);

	opacity: 0;

	transition: all .36s;

	display: none;

}

.modal_name {

	position: absolute;

	width: 250px;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	background: #2b85b3;

	text-align: center;

	opacity: 0;

	transition: all .36s;

	display: none;

}

.modal_name a {

	display: block;

	width: 100%;

}

.modal_name a > * {

	display: inline-block;

	vertical-align: middle;

}

.modal_name a span {

	color: #fff;

	font-size: 20px;

	line-height: 60px;

	margin-right: 15px;

}

.modal_img1:hover .mask,

.modal_img1:hover .modal_name {

	opacity: 1;

}

/* 产品详情 */

.sort_hd a.download {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

}

.sort_hd a.download > * {

	display: inline-block;

	vertical-align: middle;

}

.sort_hd a.download span {

	color: #2b85b3;

	font-size: 20px;

}

.sort_content {

	width: 35%;

	float: left;

}

.sort_content .sort_img1{

	display: none;

}

.sort_img1 img {

	width: 400px;

	height: 458px;

	object-fit: cover;

}

.sort_j {

	width: 62.5%;

	float: right;

}

.sort_info2 {

	margin-bottom: 20px;

}

.sort_info2 .title {

	font-size: 24px;

	color: #2B85B3;

	margin-bottom: 10px;

}

.sort_info2 .txt {

	color: #666;

	font-size: 16px;

	line-height: 24px;

	text-align: justify;

}

.sort_list3 ul li {

	width: 21.73%;

	height: 150px;

	float: left;

	position: relative;

	font-size: 0;

	text-align: center;

	border: 1px solid #eee;

	margin-right: 4.36%;

	cursor: pointer;

}

.sort_list3 ul li:nth-child(4n) {

	margin-right: 0;

}

.sort_list3 ul li img {

	max-height: 100%;

}

.sort_list3 ul li .jia {

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	transition: all .36s;

}

.sort_list3 ul li.active .jia ,

.sort_list3 ul li:hover .jia {

	opacity: 1;

}



/* 联系我们 */

.snav_list2 ul {

	/* text-align: right; */

}

.contact_w {

	background: #fff;

	box-shadow:  0 0 15px rgba(34,34,34,.2);

	position: relative;

}

.contact_img1 {

	width: 50%;

	/* float: left; */

	position: absolute;

	left: 0;

	height: 100%;

}

.contact_img1 img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.contact_r {

	width: 50%;

	float: right;

}

.contact_info1 {

	padding: 30px 0 15px 20px;

}

.contact_info1 p {

	color: #666;

	/* font-size: 22px; */

	font-size: 18px;

	line-height: 38px;

	/* line-height: 54px; */

	letter-spacing: 1px;

}

.contact_info1 p span {

	font-weight: bold;

}

.contact_form {

	padding: 40px 0 35px 50px;

}

.contact_form .form_group {

	margin-bottom: 12px;

}

.contact_form .form_group1 {

	margin-bottom: 20px;

}

.contact_form .form_group > * {

	display: inline-block;

	vertical-align: middle;

}

.contact_form .form_group span {

	color: #333;

	font-size: 18px;

}

.contact_form .form_group span i {

	color: #ea2e15;

	font-style: normal;

}

.contact_form .form_group input ,

.contact_form .form_group textarea{

	width: 70%;

	height: 30px;

	line-height: 30px;

	padding: 0 20px;

	font-size: 16px;

	color: #333;

	border: 1px solid #999;

	margin: 0 6px;

}

.contact_form .form_group textarea{

	height: 120px;

	resize: none;

}

/* .contact_form .form_group i {

	font-size: 18px;

	color: #2B85B3;

	font-style: normal;

} */

.form_btn {

	text-align: center;

}

.form_btn button {

	display: inline-block;

	width: 180px;

	height: 40px;

	background: #2B85B3;

	color: #fff;

	font-size: 20px;

}

.yh_11 {

	position: absolute;

	bottom: -180px;

	right: 10%;

}

.map01 {

	position: absolute;

	right: 8%;

	top: 180px;

}

.mt300{

	margin-top: 300px;

}



.shadow {

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: rgba(0,0,0,.6);

	z-index: 20;

	display: none;

}

.video_tk {

	position: fixed;

	width: 50%;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	background: #fff;

	z-index: 99;

	display: none;

}

.video_1 {

	width: 100%;

	height: 500px;

}

.video_tk .close1 {

	position: absolute;

	right: -40px;

	top: -40px;

	cursor: pointer;

}



.naver ul li:nth-child(1){animation: translateY ease-in-out .8s forwards;}

.naver ul li:nth-child(2){animation: translateY ease-in-out .8s forwards;animation-delay: .2s;}

.naver ul li:nth-child(3){animation: translateY ease-in-out .8s forwards;animation-delay: .4s;}

.naver ul li:nth-child(4){animation: translateY ease-in-out .8s forwards;animation-delay: .6s;}

.naver ul li:nth-child(5){animation: translateY ease-in-out .8s forwards;animation-delay: .8s;}

.naver ul li:nth-child(6){animation: translateY ease-in-out .8s forwards;animation-delay: 1s;}

.naver ul li:nth-child(7){animation: translateY ease-in-out .8s forwards;animation-delay: 1.2s;}

.naver ul li:nth-child(8){animation: translateY ease-in-out .8s forwards;animation-delay: 1.4s;}

@keyframes translateY{

    0%{

        opacity: 0;

         transform: translateY(-80px);

    }

    100%{

        opacity: 1;

         transform: translateY(0);

    }

}



.hd_c {

	position: relative;

}

.s_icon {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	right: 25px;

	width: 30px;

	font-size: 0;

	z-index: 9;

	cursor: pointer;

}

.s_icon span {

	display: inline-block;

	width: 100%;

	height: 2px;

	background: #000;

	border-radius: 4px;

}

.s_icon span:nth-child(2) {

	width: 24px;

	margin: 8px 0;

}

.s_language {

	position: absolute;

	right: 20%;

	top: 50%;

	transform: translateY(-50%);

}

.s_language select {

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	background: url(../images/icon13.png) no-repeat left center;

	padding-left: 30px;

	color: #2d86b3;

	font-size: 18px;

}

.s_naver {

	position: absolute;

	width: 100%;

	left: 0;

	top: 80px;

	background: #fff;

	z-index: 99;

	padding: 8px 0;

	display: none;

}

.s_naver ul li {

	text-align: center;

	border-bottom: 1px solid #eee;

}

.s_naver ul li:last-child {

	border-bottom: none;

}

.s_naver ul li > a {

	display: block;

	color: #333;

	font-size: 15px;

	line-height: 42px;

}



/* 发展历史-手机 */

.history_list {

	margin-bottom: 20px;

	margin-top: 20px;

}

.history_list ul li {

	/* padding: 15px 0; */

	/* border-bottom: 1px solid #666; */

}

.history_list ul li:last-child {

	border-bottom: none;

}

.history_info1 .history_time1 {

	font-size: 20px;

	color: #666;

	margin-bottom: 5px;

}

.history_info1 .txt {

	font-size: 14px;

	color: #666;

	line-height: 24px;

}



/* 发展历史-pc */

.rowMain .time-con {
    position: relative;
    min-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.rowMain .time-con .time-line {
    position: absolute;
    height: 1px;
    background-color: #e5e5e5;
    width: 100%;
    left: 0;
    top: 40vh;
}

.rowMain .time-con .time-box {
    height: 40vh;
    width: 100%;
    position: relative;
}

.rowMain .time-con .time-box .time-date {
    position: absolute;
    bottom: -8px;
    width: 100000%;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.rowMain .time-con .time-box .time-date .time-list {
    display: inline-block;
    text-align: center;
    width: 24vw;
    opacity: 0;
    pointer-events: none;
    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
}

.rowMain .time-con .time-box .time-date .time-list .date {
    position: relative;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transform: translateY(-24px) scaleX(1.2);
    -webkit-transform: translateY(-24px) scaleX(1.2);
    -moz-transform: translateY(-24px) scaleX(1.2);
    -o-transform: translateY(-24px) scaleX(1.2);
    -ms-transform: translateY(-24px) scaleX(1.2);
}

.rowMain .time-con .time-box .time-date .time-list .date > em {
    vertical-align: middle;
    display: inline-block;
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-style: italic;
    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;

	font-size: 60px;

	font-weight: bold;

	font-family: arial;

	color: #cccccc;

	line-height: 90px;
}

.rowMain .time-con .time-box .time-date .time-list .date > small {
    vertical-align: middle;
    position: absolute;
    white-space: nowrap;
    letter-spacing: 3px;
    left: 120%;
    top: calc(50% - 8px);
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition-delay: 0.5s;

	opacity: 0;

	color: #2b85b3;

	font-size: 18px;

	font-weight: bold;
}

.rowMain .time-con .time-box .time-date .time-list > div {
    height: 16px;
    line-height: 16px;
    position: relative;
}

.rowMain .time-con .time-box .time-date .time-list > div img {
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    height: 1px;
    width: 100%;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition-delay: 0.3s;
}

.rowMain .time-con .time-box .time-date .time-list > div > span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    border: 4px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.rowMain .time-con .time-box .time-date .time-list.on1 ,

.rowMain .time-con .time-box .time-date .time-list.on{
    opacity: 1;
    pointer-events: auto;
}

.rowMain .time-con .time-box .time-date .time-list.on2 {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

.rowMain .time-con .time-box .time-date .time-list.on1 .date ,

.rowMain .time-con .time-box .time-date .time-list.on2 .date {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

.rowMain .time-con .time-box .time-date .time-list.on .date > em {
    color: #2b85b3;
    text-shadow: 0 4px 8px rgba(43, 133, 179, 0.4);
}

.rowMain .time-con .time-box .time-date .time-list.on .date > small {
    opacity: 1;
    transform: translateX(7px);
    -webkit-transform: translateX(7px);
    -moz-transform: translateX(7px);
    -o-transform: translateX(7px);
    -ms-transform: translateX(7px);
}

.rowMain .time-con .time-box .time-date .time-list.on > div img {
    opacity: 1;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
}

.rowMain .time-con .time-box .time-date .time-list.on > div > span {
    border-color: #2b85b3;
}

.rowMain .time-con .time-msg {
    min-height: 40vh;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 50px;
    position: relative;
}

.rowMain .time-con .time-msg .time-note {
    width: 28%;
    margin: auto;
    transform: translateX(8%);
    -webkit-transform: translateX(8%);
    -moz-transform: translateX(8%);
    -o-transform: translateX(8%);
    -ms-transform: translateX(8%);
}

.rowMain .time-con .time-msg .time-note > ul {
    display: none;
}

.rowMain .time-con .time-msg .time-note > ul.on {
    display: block;
}

.rowMain .time-con .time-msg .time-note > ul > li {
    position: relative;
    padding-left: 70px;
    margin-bottom: 10px;
}

.rowMain .time-con .time-msg .time-note > ul > li > div {
    position: absolute;
    left: 0;
    height: 28px;
    line-height: 28px;
    top: 0;
}

.rowMain .time-con .time-msg .time-note > ul > li > div > span,.rowMain .time-con .time-msg .time-note > ul > li > div > em {
    width: 20px;
    white-space: nowrap;
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.rowMain .time-con .time-msg .time-note > ul > li > div > em {
    vertical-align: top;

	color: #999;
}

.rowMain .time-con .time-msg .time-note > ul > li > p {

	color: #999;

	line-height: 30px;

}

.rowMain .time-con .time-msg .time-note > ul > li > div > span {

	color: #2b85b3;

	font-size: 18px;

	font-family: arial;

	margin-right: 20px;

}

.rowMain .time-con .time-msg .time-set {
    display: inline-block;
    position: absolute;
    left: 72%;
    top: 50px;
}

.rowMain .time-con .time-msg .time-set > a {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    line-height: 50px;

	font-size: 30px;
    text-align: center;
    display: inline-block;
    background-color: #e5e5e5;
    margin: 0 10px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;

	color: #fff;
}

.rowMain .time-con .time-msg .time-set > a:hover {
    background-color: #2b85b3;
}

@keyframes fadeInRightSmall {
	from {
		opacity: 0;
		transform: translate3d(20px, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}
.fadeInRightSmall {
	animation-name: fadeInRightSmall;
}

.scroll-animate.animated {

	visibility: hidden;

}



/* banner */

.banner_m {

	position: relative;

}

.banner_info1 {

	position: absolute;

	/* left: -3%; */

	left: 2%;

	bottom: 8%;

	/* writing-mode: vertical-rl;

	writing-mode: tb-rl; */

	/* height: 510px; */

	/*width: 255px;*/
width: 14%;
	padding: 10px;

	/* border: 1px solid #999999; */

	z-index: 10;

}

.banner_info1 h2 {

	color: #666666;

	font-size: 28px;

	/* margin-left: 20px; */

	/* letter-spacing: 2px; */

	margin-bottom: 20px;

}

.banner_info1 .txt {

	color: #666666;

	font-size: 15px;

	line-height: 26px;

	text-align: justify;

}

.banner_pic {

	position: relative;

}

img.white_bg {

	position: absolute;

	left: 0;

	height: 100%;

	top: 0;

}



.floatRight {

	position: fixed;

	width: 36px;

	right: 10px;

	top: 50%;

	transform: translateY(-50%);

	z-index: 999;

}

.floatRight ul li {

	margin: 10px 0;

	position: relative;

}

.floatRight ul li a > img {

	height: 36px;

}

img.wx_ewm {

	position: absolute;

	left: -126px;

	top: 0;

	width: 120px;

	height: 120px;

	max-width: 130px;

	display: none;

}

.wx_icon:hover .wx_ewm {

	display: block;

}

@-webkit-keyframes Updown{
	25% {

		transform: translateY(-10px);

	}

	50%, 100% {

		transform: translateY(0);

	}

	75% {

		transform: translateY(10px);

	}
}
@keyframes Updown{
	25% {

		transform: translateY(-10px);

	}

	50%, 100% {

		transform: translateY(0);

	}

	75% {

		transform: translateY(10px);

	}
}

.index_icon img{

	-webkit-animation: Updown 1.5s linear infinite;

	animation: Updown 1.5s linear infinite;

}



.modal_w {

	margin-top: 45px;

}

.modal_left {

	width: 43.5%;

	float: left;

}

.modal_img {

	text-align: center;

}

.modal_right {

	width: 47%;

	float: right;

}

.modal_d .title {

	color: #2b85b3;

	font-size: 24px;

	margin-bottom: 15px;

	font-weight: bold;

}

.modal_ul ul li {

	margin-bottom: 15px;

}

.modal_t > * {

	display: inline-block;

	vertical-align: middle;

}

.modal_t span {

	color: #333;

	font-size: 18px;

	margin-left: 18px;

}

.modal_ul ul li .txt {

	padding-left: 60px;

	color: #666;

	font-size: 16px;

	line-height: 28px;

}

.xq_a {

	text-align: center;

	margin-top: 60px;

}

.xq_a a {

	display: inline-block;

	width: 140px;

	line-height: 40px;

	background: #2b85b3;

	border-radius: 5px;

	color: #fff;

	font-size: 16px;

}



.gallery .swiper-slide {

	opacity: 0 !important;

}

.gallery .swiper-slide-active {

	opacity: 1 !important;

}