.swiper-button-next, 
.swiper-button-prev{width: 11px; height: 20px; margin-top: -20px; background-size: 11px 20px; padding: 10px; box-sizing: initial;}
.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'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.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'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next{left:23px;}
.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev{right:23px;}

.swiper-pagination-box{padding: 14px 0;}
.swiper-pagination-box,
.swiper-pagination-box .swiper-pagination{width: 100%; height: 12px; box-sizing: initial;}
.swiper-pagination-box .swiper-pagination-bullet{width: 12px; height: 12px;background: none; opacity: 1; vertical-align: top; border: 2px solid #0b0707; box-sizing: border-box; margin: 0 3px;}
.swiper-pagination-box .swiper-pagination-bullet-active{background: #45a7af; border: none; width:24px; height: 10px; margin-top: 1px; border-radius: 12px;
	background: -moz-linear-gradient(left top, #45a7af, #4db29b);
	background: -webkit-linear-gradient(left top, #45a7af, #4db29b);
	background: -o-linear-gradient(left top, #45a7af, #4db29b);
}


.more {padding: 10px 0 34px; overflow: hidden;}
.more a{position: relative; float: right; font-size: 32px; line-height: 1; padding: 12px 0; font-weight: bold; text-transform: Capitalize;}
.more a:before{content: ""; position: absolute; top: 0; right: 0; z-index: -1; width: calc(100% + 20px); height: 60%; background: #2cb69a; opacity: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;}
.more a:hover:before{opacity: 1;}


.grid-box{}
.grid-box .item{width: 100%; display: block; position: relative;
	background: -moz-linear-gradient(left top, rgba(175, 173, 173, 0.99), rgba(173, 171, 171, 0.99));
	background: -webkit-linear-gradient(left top,rgba(175, 173, 173, 0.99), rgba(173, 171, 171, 0.99));
	background: -o-linear-gradient(left top,rgba(175, 173, 173, 0.99), rgba(173, 171, 171, 0.99));
}
.grid-box .picfocus img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.grid-box .prop{ position: absolute; filter: alpha(opacity=0); top: 0;  left: 0px; bottom:0; right:0; box-sizing: border-box; -moz-opacity: 0; opacity: 0; color: #000;font-size: 16px; line-height: 30px;
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.grid-box .prop .info{position: absolute; top:50%; padding: 0 14%; width: 100%; box-sizing: border-box;
-webkit-transform: translate(0,-50%); 
	transform: translate(0,-50%);
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;}
.grid-box .prop .en_tit{font-size: 48px; line-height: 1.5; padding-bottom: 10px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.grid-box .grid-item:hover img{filter: alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.4; transform: scale(1.1) rotate(0deg);}
.grid-box .grid-item:hover .prop{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}
.grid-box .grid-item:hover .info{top: calc(85% - 10px);}
@media (max-width: 1551px){
	.grid-box .prop .info{padding: 0 5%; }
	.grid-box .prop .en_tit{font-size: 32px; line-height: 1.2;}
}

@media (max-width: 991px){
	.grid-box .prop .en_tit{font-size: 24px;}
}



.load{position: absolute; top:0; left: 0; right: 0; bottom: 0; overflow: hidden;
	background: -moz-linear-gradient(left top, #44a7b0, #4fb399);
	background: -webkit-linear-gradient(left top, #44a7b0, #4fb399);
	background: -o-linear-gradient(left right, #44a7b0, #4fb399);
}
.load .container{position: relative; height: 100%;}
.load .row{position: absolute; padding: 0 70px; width:100%; position: absolute; top:40%; -webkit-transform: translate(0,-50%);  transform: translate(0,-50%);}
.load_logo{float: left; max-width: 373px; padding: 10px 0;}
.load_brand{ float: right; max-width: 551px;padding: 10px 0;}
.load_mouse{position: absolute; width: 25px; height: 65px; display: block; left: 50%; bottom:10%; animation: arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;}
.load_mouse:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@media (max-width: 991px){
	.load .row{top: 30%;}
}



.banner{overflow: hidden; position: relative;}
.banner .swiper-pagination-box{position: absolute; bottom: 0; left: 0; height: 20px; width: 100%; padding: 24px 0; z-index: 99; text-align: center;}
.banner .swiper-pagination-box .swiper-pagination-bullet{}
.banner .swiper-pagination-box .swiper-pagination-bullet-active{}
.banner .swiper-pagination{position: initial; display: inline-block;width: auto;height: 20px; padding: 0 15px;}
.banner .swiper-button-next, 
.banner .swiper-button-prev{position: initial; display: inline-block; padding: 0; margin-top: 4px;}

.ad_box{padding: 25px 0;}

.index_news{margin-bottom: 25px;}
.index_news .item{position: relative; overflow: hidden; display: block;}
.index_news .p1 { padding: 20px; font-size: 24px; font-weight: bold; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index_news .p2 { padding: 0px 20px 27px; font-size: 16px;  line-height: 1.5;}
.index_news .item .more{position: absolute; bottom: 0; right: 0; width: 15px; height: 15px; padding: 0; text-indent: -1000em; display: block; background: url(../image/icon-more.png) no-repeat top left;}

@media (max-width: 991px){
	.ad_box{padding: 8px 0;}
}


.banner .item{margin-bottom: 0;}

.news{margin: 50px auto;}
.news li{ margin: 50px 0;}
.news .item{position: relative; overflow: hidden; display: block;}
.news .pic{padding: 0 8px 0 0; margin: 0;}
.news .info{ padding: 0 4.6% ; margin: 0;}
.news .p1{font-size: 23px; font-weight: bold; line-height: 1.9; padding-top: 11%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_info .p1{ white-space: initial; }
.news .p2{font-size: 14px; padding: 9px 0; line-height: 1.5;}
.news .item .more{position: absolute; bottom: 0; left: 54.6%; width: 15px; height: 15px; padding: 0; text-indent: -1000em; display: block; background: url(../image/icon-more.png) no-repeat top left;}
@media (max-width: 1199px){
	.news{margin: 25px auto;}
	.news li {margin: 25px 0;}
	.news .info{padding: 0 8px;}
	.news .p1{font-size: 30px;}
	.news .p2{font-size: 18px;}
}

@media (max-width: 991px){
	.news{margin: 0 auto;}
	.news li {margin: 25px 0;}
	.news .pic{padding: 0;}
	.news .p1{padding-top: 5%;font-size: 24px;}
	.news .p2{font-size: 16px;}
	.news .item .more{left: auto; right: 8px; bottom: 17px;}
}


.news_info .p3,
.news_info .p4{font-size: 15px; line-height: 1.5;}
.new_article{font-size: 16px; line-height: 40px;padding:0 4px 0 8px;}
.new_article img{max-width: 100%; padding: 5px 0;}
@media (max-width: 1199px){
	.news_info{margin: 25px auto;}
}

@media (max-width: 991px){
	.news_info .pic{display: none;}
	.news_info .p3,
	.news_info .p4{font-size: 14px; line-height: 1.5; float: left; color: #999; margin: 0 15px 0 0;}
}


.lxwm{margin: 50px auto;}
.lxwm li{ margin: 50px 0; height: 245px; overflow: hidden;}
.lxwm li .info{height: 100%; overflow: hidden; margin: 0; padding-left: 0;}
.lxwm li .item{position: relative; overflow: hidden; display: block; height: 100%;}
.lxwm li .name{margin: 0; padding:  0 0 0 40px;}
.lxwm li .pic{padding: 0 8px 0 0; margin: 0; height: 245px;}
.lxwm li .pic img{min-height: 245px;}
.lxwm li .p1{font-size: 52px; font-weight: bold; line-height: initial; padding-top: 14%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.lxwm li .p2{font-size: 50px; padding: 12px 0 0; line-height: 1.5;}
.lxwm li .p2 em{font-size: 24px;}
.lxwm li .add{margin: 0;padding-right: 0;}
.lxwm li .add p{padding-left: 86px; font-size: 18px; font-weight: bold; line-height: 48px; background: url(../image/icon-add.png) no-repeat center left;}
.lxwm li .add p.icon-add{background-image: url(../image/icon-add.png);}
.lxwm li .add p.icon-tel{background-image: url(../image/icon-tel.png);}
.lxwm li .add p.icon-fax{background-image: url(../image/icon-fax.png);}
.lxwm li .add p.icon-qq{background-image: url(../image/icon-qq.png);}
.lxwm li .add p.icon-email{background-image: url(../image/icon-email.png);}
@media (max-width: 1199px){
	.lxwm{margin: 25px auto;}
	.lxwm li {margin: 25px 0;}
	.lxwm li .item .name{position: absolute; top:0; left: 0; bottom: 0; width: 100%; padding: 0;  }
	.lxwm li .item .name-msg{width: 300px; height: 102px; position: absolute; top: 50%; left: 50%; margin: -51px 0 0 -150px;}
	.lxwm li .pic{padding: 0; height: auto;}
	.lxwm li .p1{font-size: 40px;padding: 0; }
	.lxwm li .p2{font-size: 30px;}
	.lxwm li .p2 em{font-size: 20px;} 
	.lxwm li .add{padding-left: 50px;}
}

@media (max-width: 991px){
	.lxwm li{height: auto;}
	.lxwm li .pic{padding: 0;}
	.lxwm li .info{padding: 0;}
	.lxwm li .add { padding: 20px 0 0 8px;}
	.lxwm li .add p{font-size: 16px; padding-left: 56px;}
}


.about-page{margin: 100px auto;}
.about-page .title{ padding: 0 0 25px 0;}
.about-page .title h2{max-width: 356px; text-align: right; font-size: 50px; line-height: 1; font-weight: bold;}
.about-page .info{font-size: 16px;  color: #3e3a39; line-height: 36px; padding: 0 0 30px 0; margin: 0;}
.about-page .info_zizhi{text-align: right; padding-top: 24px;}
.about-page .info_zizhi p{max-width: 356px;  font-weight: bold;}
.about-page .info_zizhi,
.about-page .info_desc,
.about-page .title{margin: 0;}

.team-item{}
.team-item li{float: right; overflow: hidden;-webkit-transition: all ease-in .3s;  transition: all ease-in .3s;}
.team-item li .item{transition: all 0.5s; display: block; overflow: hidden;}
.team-item.on{width: 100%;}
.team-item .team_pic{float: left; width: 100%;}
.team-item .team_info{display: none; float:left; padding: 0 4.8%; line-height: 1;}
.team-item .team_info .p1{font-size: 30px; font-weight: bold; padding: 36px 0 0;}
.team-item .team_info .p2{font-size: 30px;  padding: 15px 0 0;}
.team-item .team_info .p3{font-size: 13px; line-height: 36px; padding-top: 21px;}
.team-item .team_info .close{width: 10%;opacity: 1; position: absolute; right: 20px; bottom: 20px;}
.team-item li.on{padding-left: 4px;-webkit-transition: all ease-in .3s;  transition: all ease-in .3s;}
.team-item li.on .item{width: 100%; position: relative; background: #3bb699; overflow: hidden;-webkit-transition: all ease-in .3s; transition: all ease-in .3s;}
.team-item li.on .team_pic,
.team-item li.on .team_info{ width: 50%; padding-bottom: 20px; box-sizing: border-box; overflow: hidden;}
.team-item li.on .team_pic{padding: 0 4px 0 0;}
.team-item li.on .team_pic img{width: 378px; height: 378px;}
.team-item li.on .team_info{display: block; position: absolute; right: 0; top: 0; z-index: 1;}


@media (max-width: 1551px){
	.team-item .team_info { padding: 0 3.6%;}
	.team-item .team_info .p1{font-size: 24px; padding: 24px 0 0;}
	.team-item .team_info .p2{font-size: 24px;}
	.team-item .team_info .p3{line-height: 26px;padding-top: 15px;}
}
@media (max-width: 1199px){
	.about-page .title h2{font-size: 36px;text-align: left; padding: 0 8px; width: 100%; max-width: initial;}
	.team-item li.on .item{background: none;}
	.team-item li.on .team_pic{width: 100%;}
	.team-item li.on .team_info{display: none;}
	
}

@media (max-width: 991px){
	.about-page{padding: 0 8px; margin: 25px auto;}
	.about-page .title {padding: 0 0 15px 0;}
	.about-page .title h2{font-size: 20px;}
	.about-page .info{font-size: 14px; line-height: 28px;}
	.about-page .info_zizhi{text-align: left; padding-top: 0;}
}



.case_img {width: 100%;  overflow: hidden; padding: 40px 4px 0;}
.case_img .swiper-container {width: 100%;}
.case_img .swiper-slide { position: relative; width:100%;}
.case_img .case_banner_desc{padding: 38px 0; font-size: 16px; line-height: 24px; color: #3e3a39; text-align: right;}

.case_box{}
.case_box .case_info{color: #000;letter-spacing:1.5px;}
.case_box .case_info .en_tit{font-size: 40px; font-weight: bold; line-height: 1;letter-spacing:-1px;}
.case_box .case_info .tit{font-size: 25px; font-weight: bold;  line-height: 1; padding: 18px 0 15px;}
.case_box .case_info p{font-size: 20px; line-height: 36px;}
.case_box .case_info .other{padding-top: 30px; overflow: hidden;}
.case_box .case_info .other a{float:left; margin-right:30px; width: 30px; height: 30px; display: block;}
.case_box .case_info .other .link_list{background: url(../image/icon-list.png) no-repeat top left;}
.case_box .case_info .other .link_share{width: 35px;background: url(../image/icon-share.png) no-repeat top left;}
.case_box .case_desc{line-height: 36px; font-size: 16px; margin-top: 50px; letter-spacing:1.5px;}

.related_box{padding: 36px 0 25px;}
.related_box .tit{font-size: 26px; font-weight: bold; line-height: 1; padding: 25px;}
.related_box ul{overflow: hidden;}
.related_box ul li{margin-bottom: 0;}