@charset "utf-8";

.test {
	color: #fff
}

i.bor {
	display: block;
	width: 100%;
	min-width: 1180px;
	height: 1px;
	background: #e8e8e8
}
#swiper1 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

#swiper1 .swiper-slide img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}
#swiper1 .swiper-container{width:100%;height:auto;background:#000;}
#swiper1 .swiper-container,#swiper1 .swiper-wrapper,#swiper1 .swiper-wrapper a{height: 610px}
#swiper1 .swiper-slide{background-position:center;background-size: cover;background-repeat: no-repeat;}
#swiper1 .swiper-container-vertical>.swiper-pagination-bullets {
    right: 3%!important;
    top: 58%!important
}

#swiper1 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 15px 0!important
}

.swiper-button-next {
    background: url(../images/right.png) no-repeat center
}

.swiper-button-prev {
    background: url(../images/left.png) no-repeat center
}

#swiper1 .swiper-button-next,.swiper-button-prev {
    width: 45px!important;
    height: 45px!important
}
#swiper1 .swiper-pagination-bullet {
    background: #fff!important;
    opacity: 1;
    width: 30px;
    height: 3px;
    border-radius: 0px;
    border: 2px solid #fff;

}
#swiper1 .swiper-pagination-bullet-active {
    background: transparent!important
}
#swiper1 .swiper-pagination{bottom: 20px;}
#index4{background: url(../images/love-bg.jpg) no-repeat right bottom;background-size: cover;}
#swiper2  {
        color: #fff;width: 1000px;margin: 0px auto;
    }
 #swiper2 .swiper-slide {
        text-align: center;
        font-size: 18px;
        padding: 40px 0px;
}
#swiper2 img{width: 110px;display: block;margin: 0px auto}  
#swiper2 .num{font-size: 30px;margin: 10px 0px;}
#swiper2 p{font-size: 14px;}
.swiper-button-prev{left: 0px;}
.swiper-button-next{right: 0px;}
.pd-t8 {
    padding-top: 8px
}
.pd-b5 {
    padding-bottom: 5px
}
.pd-t15 {
    padding-top: 15px
}
.mb45 {
    margin-bottom: 45px
}
.block {
    display: block
}
.wul105 {
    width: 105%
}
.wul110 {
    width: 110%
}
.hg70 {
    height: 75px
}
.hg80 {
    height: 80px
}
.hg1 {
    height: 1px
}
.hg50 {
    height: 50px
}
.hg1,.hg50,.hg80 {
    width: 100%;
    clear: both
}
.index_title{text-align: center;}
.index_title .f14{font-family: "宋体"}
.text-center{text-align: center;}
.backcolor {
	width: 100%;
}
.works_2 h3,.works_2 span{
	color: #fff;
	opacity: .8;
	filter: alpha(opacity=80)
}
.works_2 ul li {
	overflow: hidden;
	width: 280px;
	min-height: auto;
	float: left;
	margin-right: 20px
}

.works_2 ul li .title {
	height: 55px;
}

.works_2 ul li a.img {
	display: block;
	width: 280px;
	height: 178px;
	overflow: hidden
}

.works_2 ul li img {
	width: 280px
}

.works_2 ul li h5,.works_2 ul li img,.works_2 ul li p {
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-ms-transition: all .4s ease-in;
	transition: all .4s ease-in
}



.works_2 ul li:hover img {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4)
}

.works_2 ul li:hover h5 {
	font-weight: 700;
}

.works_2 ul li:hover p {
	margin-top: -14px;
	color: transparent
}
.works_2 ul li h5 a,.works_2 ul li p {
	color: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	height: 23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;width: 100%;
}

.works_2 a.more {
	color: #fff;
}

a.more,a.more:before {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in
}

a.more {
	position: relative;
	display: block;
	width: 245px;
	height: 47px;
	margin: 0 auto;
	border-radius: 40px;
	text-align: center;
	line-height: 47px;
	color: #323233;
	border: 1px solid #f0f0f0;
	margin: 0 auto;
	overflow: hidden;
	z-index: 999
}

a.more:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 47px;
	background: #FDD900;
	z-index: -1
}

a.more:hover {
	color: #fff
}

a.more:hover:before {
	width: 245px
}
.news_0 ul li {
	float: left;
	width: 350px;
	height: 292px;
	margin-right: 65px
}

.news_0 ul li a.imgnews{
	display: block;
	width: 350px;
	height: 233px;
	overflow: hidden
}

.news_0 ul li img{
	width: 350px;
	height: 233px;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-ms-transition: all .4s ease-in;
	transition: all .4s ease-in
}

.news_0 ul li .news-data{
	width: 58px;
	height: 55px;
	border-right: 1px solid rgba(244,244,244,.5)
}

.news_0 ul li .news-data span.md {
	display: inline-block;
	color: #969696
}

.news_0 ul li .news-data span.y {
	color: #d9d9d9
}

.news_0 ul li .remark{
	width: 275px
}

.news_0 ul li .remark a {
	color: #646464;
	display: block;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

.news_0 ul li .remark p {
	width: 95%;
	color: #969696;
	max-height: 40px;
	overflow: hidden
}

.news_0 ul li .remark a.news-more{
	display: inline-block;
	width: 16px;
	height: 13px;
	background: url(../images/detail.png) no-repeat 0 0
}

.news_0 ul li:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}
.partner_0 {
	position: relative
}

.partner_0 ul li{
	float: left;
	text-align: center;margin-right: 10px;
}

.partner_0 ul li img{
	width: 260px;
	height: 160px;
	border: 1px solid #e8e8e8;
	-webkit-transition: border-color .7s linear;
	-moz-transition: border-color .7s linear;
	-ms-transition: border-color .7s linear;
	transition: border-color .7s linear
}

.partner_0 ul li:hover img{
	border-color: #282828
}
.tempDiv{line-height: 35px;font-size: 14px;}

.partner_0 .hd{
	text-align: center;
	width: 100%;
	overflow: hidden;
	zoom: 1;
	margin-top: 25px
}

.partner_0 .hd ul li{
	float: none;
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	border-width: 0;
	border: 0;
	padding: 0;
	background: url(../images/slide1-ico.png) 0 0 no-repeat
}

.partner_0 .hd ul li.on{
	background-position: -23px 0
}
.indexPos{position: fixed;left: 30px;top: 50%;z-index: 999;display: none;}
.indexPos li{margin-bottom: 10px;cursor: pointer;position: relative;height: 40px;}
.indexPos li div{display: inline-block;vertical-align: middle;}
.indexPos li a{display: block;position: absolute;top: 0px;left: 0px;z-index: 18}
.indexPos li .pic{width: 40px;height: 40px;display: inline-block;vertical-align: middle;border-radius:50%;background-size: 22px;background-repeat: no-repeat;background-position: center;background-color: #eee;}
.pic1{background-image: url(../images/news.png);}
.pic2{background-image: url(../images/cul.png);}
.pic3{background-image: url(../images/web.png);}
.pic4{background-image: url(../images/index/e.png);background-size: 27px!important}
.pic5{background-image: url(../images/index/c.png);background-size: 27px!important}
.pic6{background-image: url(../images/index/write.png);background-size: 18px!important}
.mes{display: none;}
.indexPos li:hover .pic1,.indexPos li.active .pic1{background-color: #FDD900}
.indexPos li:hover .pic2,.indexPos li.active .pic2{background-color: #FDD900}
.indexPos li:hover .pic3,.indexPos li.active .pic3{background-color: #FDD900}
.indexPos li:hover .pic4,.indexPos li.active .pic4{background-color: #FDD900}
.indexPos li .mes {
	margin-left: 22px;
	overflow: hidden;
	width: 95px;
	vertical-align: middle
}
.indexPos li .mes p{
	line-height: 40px;
	text-align: center;
	background: #eee;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	border-radius: 0px 20px 20px 0px;
}
.indexPos li:hover .mes p,.indexPos li.active .mes p{
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;text-indent: 10px;
}
.tempWrap{margin: 0px auto;}
#index5 .index5-left{float: left;width: 300px;}
#index5 .index5-right{float: left;width: 880px;}
.index5-top{font-size: 18px;margin-bottom: 20px;}
.index5-left div{line-height: 24px;}
.index5-right div{margin-bottom: 14px;float: left;width: 49%;}
.index5-right input{width: 300px;line-height: 28px;margin-left: 20px;text-indent: 16px;}
.index5-right input,.index5-right span{display: inline-block;vertical-align: middle;}
.button{
	-webkit-appearance:none;width: 100px!important;height: 28px;text-align: center;line-height: 28px;border:none;outline: none;background: #fdd900;color: #fff;}
textarea{resize: none;vertical-align: top;margin-left: 20px;width: 300px;line-height: 25px;height: 100px;}
.mapbox{display: none;position: fixed;top: 0px;z-index: 999;left: 0px;width: 100%;padding-top: 100px;box-sizing: border-box;height: 100%;background: rgba(0,0,0,.8)}
.closeMap{cursor: pointer;width: 50px;height: 50px;position: absolute;top: 0px;right: 0px;margin-bottom: 20px;background: url(../images/close.png) no-repeat center;background-size: 37px;}
#mapCon{width: 700px;height: 500px;margin: 10px auto;background: #eee}
.mapSonx{position: relative;width: 700px;padding-top: 50px;margin: 0px auto}


.index-tit{
	font-size: 20px;
    color: #333;
    font-weight: bold;
    margin: 10px auto;display: block;
}
#swiperNews {margin-bottom: 10px;}
.m-pic{height: 250px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.m-time{background: url("../images/rmt-icon01.png") no-repeat left center;background-size: 12px;display: inline-block;text-indent: 16px;font-size: 12px;margin: 10px 0px 0px;}
.m-title{font-size: 16px;font-weight: bold;margin: 5px 0px;}
.m-descrip{font-size: 12px;color: #666;line-height: 18px;}
.m-description{font-size: 13px;color: #666;margin-bottom: 15px;}
#swiperNews .news-tjw-item{width: 24%;height: 60px;margin-right: 1%;display: block;float: left;background-repeat: no-repeat;background-size: cover;background-position: center;}
.index-Titles{margin-top: 15px;}
.index-Titles li{width: 33%;display: inline-block;line-height: 30px;text-align: center;font-size: 20px;font-weight: bold;}
.index-Titles li a{display: block;width: 80%;margin: 0px auto;line-height: 32px;border-bottom: 2px solid #fff}
.index-Titles li.active a{border-color: #FDD900}
.index-sonbox{display: none;}
.index-sonbox.active{display: block;}
.index-sonbox li{border-bottom: 1px solid #e5e5e5;padding: 10px 0px;}
.index-sonbox li a{display: block;}
.index-m-left{float: left;width: 58%;}
.index-m-right{float: right;width: 40%;height: 120px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.index-sonbox .m-title{font-size: 14px;width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-sonbox .m-time{margin: 0px;}
.show-mobile{display: none;padding: 0px 10px;}
.index-more{text-align: center;font-size: 14px;display: block;margin: 15px auto 10px;width: 120px;line-height: 30px;background: #FDD900;}
#swiperSite a{display: block;height: 100%;text-align: center;}
#swiperSite .swiper-pagination-bullet{background: #fff;width: 24px;height: 3px;border-radius: 0px;}
.sitePic{background-position: center;background-size: cover;background-repeat: no-repeat;height: 240px;}
@media screen and  (max-width :768px){
 .hide-mobile{display: none!important;}
 .show-mobile{display: block!important;}

 .works_2 ul li{float: none;margin: 0px auto;}
 .index-module{width: 100%;overflow: hidden;}
 .hg80,.hg50,.hg70{height: 20px;}
 .wul105{width: 100%;}
 .mb45{margin-bottom: 15px;}
 .works_2 ul li .title{height: auto}
 .wul110{width: 100%;}
 .news_0 ul li{float: none;margin: 0px auto}
 .f36{font-size: 20px;}
 #index3 .tempWrap{margin: 0px auto}
 .partner_0 ul li{width: 300px;margin-right: 0px;}
 .partner_0 ul li img{width: 300px;height: 180px;}
 #swiper2{width: 100%;}
 .index5-left{margin: 0px auto;float: none!important;width: 90%!important;}
 .index5-right{margin: 20px auto 0px;width: 90%!important;float: none!important;}
 .index5-right div{float: none!important;width: 100%;}
 .index5-right input,.index5-right textarea{width: 215px;}
  .mapSonx{width: 95%;height: 85%;margin: 10px auto;}
  #mapCon{width: 100%;height: 98%;}
  #swiper1 .swiper-container, #swiper1 .swiper-wrapper, #swiper1 .swiper-wrapper a{
  	height: 280px;
  }
}
@media screen and  (max-width :321px){
	.index-Titles li{font-size: 18px;}
	.m-descrip{height:65px;overflow: hidden; }
}