/* banner */



.container{

	padding-top: 10vh;

	z-index: 1000;

	background: #FFF;

	position: relative;

}

.example{max-width: 1280px;margin: 0 auto;padding: 0 40px;}

.example_wrapper{padding: 0px 15px 20px;animation-duration: 1s;position: relative;}

.example_title_inner{display: inline-block;position: relative;max-width: 100%;}

.header_title{font-size: 24px;color: #191919;}

.header_subtitle{font-size: 12px;color: #174195;padding: 2px;}

.example-ckmore{position: absolute;right: 0;font-size: 12px;color: #174195;padding: 4px 15px;border: 1px solid #174195;}

.example-img-left{width: auto;position: absolute;top: 234px;}

.example-img-right{width:auto;/* position:absolute; */top:81px;left: 0;}

.example-cont{word-wrap: break-word;/* position: relative; *//* overflow: hidden; */width: 100%;}

.example-list{float: left;width: 24%;height: 333px;margin-bottom: 5px;}

.example-list:nth-child(2){margin-left:1%;}

.example-list-cont{padding: 15px; width:95%}

.example_img{overflow: hidden;position: relative;height: 183px;width: 100%;}

.example_img img{height: 100%;width: 100%;transition: all 1s ease-out 0s!important;}

.example_img:hover img{ transform: scale(1.1);display: block;z-index: 999;}

.example-list-cont:hover .item_wrapper a{ color:#222;}

.item_wrapper{

	height: 60px;

	overflow: hidden;

	text-align: center;

	margin-top: 10px;

}

.item_wrapper a{color: #808080;font-size: 16px;padding-bottom: 8px;padding-top: 10px;line-height:1.5em;}

.item_wrapper a:hover{color: #222;padding-bottom: 8px;padding-top: 10px;line-height:1.5em;}

.date_wrap{color: #aaa;transition: all 0.3s ease-out 0s;font-size: 13px;}

.date_wrap a{font-size:13px;}

.example-list .year{font-size: 16px;}

.example-list .post_date{font-size: 15px;}

.example-more{

	animation-duration: 1s;

	text-align: center;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 70px;

	padding-left: 0px;

}

.example-more a{font-size: 14px;padding: 8px 40px;color: rgb(23, 65, 149);border: 1px solid rgb(23, 65, 149);position: relative;transition: color 0.5s, border 0.5s;-webkit-transition: color 0.5s, border 0.5s;}

.example-more a:hover{color:rgb(136,136,136);border:1px solid rgb(136,136,136);}

.example-more img{position: absolute;top: 15px;right: 9px;}



.container .swiper-slide{

    width: 24% !important;

    margin-right: 1% !important;

}

.container .example .example-cont .example-list.wow.slideInUp .example-list-cont .item_wrapper .date_wrap a {font-size: 13px;}

.con {

	overflow: hidden;

	width: 100%;

	height: 310px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

@media only screen and (min-width:992px){

#carousel_container {

	position: relative;

	height: 280px;

	overflow: hidden;

}

#carousel_inner {

	width: 98%;

	height: 288px;

	overflow: hidden;

	position: absolute;

	left: 16px;

	top: 5px;

}

#left_scroll {position: absolute;left: 0;top: 88px;width: 16px;height: 26px;cursor: pointer;cursor: hand;background: url(../images/zuo.png) no-repeat;}

#right_scroll {position: absolute;top: 88px;right: 0;width: 16px;height: 26px;cursor: pointer;cursor: hand;background: url(../images/yo.png) no-repeat;}

#left_huanjing {

	position: absolute;

	left: 0;

	top: 88px;

	width: 16px;

	height: 26px;

	cursor: pointer;

	cursor: hand;

	background: url(../images/zuo.png) no-repeat;

}

#right_huanjing {

	position: absolute;

	top: 88px;

	right: 0;

	width: 16px;

	height: 26px;

	cursor: pointer;

	cursor: hand;

	background: url(../images/yo.png) no-repeat;

}

#left_zizhi {

	position: absolute;

	left: 0;

	top: 88px;

	width: 16px;

	height: 26px;

	cursor: pointer;

	cursor: hand;

	background: url(../images/zuo.png) no-repeat;

}

#right_zizhi {

	position: absolute;

	top: 88px;

	right: 0;

	width: 16px;

	height: 26px;

	cursor: pointer;

	cursor: hand;

	background: url(../images/yo.png) no-repeat;

}

#carousel_ul {width: 4760px;height: 333px;position: relative;}

#carousel_ul li {float: left;width: 6.25%;height: 333px;margin-right: 15px; display: inline;}

#carousel_huanjing {width: 4760px;height: 333px;position: relative;}

#carousel_huanjing li {float: left;width: 6.25%;height: 333px;margin-right: 15px; display: inline;}

#carousel_zizhi {width: 4760px;height: 333px;position: relative;}

#carousel_zizhi li {float: left;width: 6.25%;height: 333px;margin-right: 15px; display: inline;}

}

@media only screen and (max-width:992px){

  .example{padding: 0 15px;}

  .example_wrapper{padding:0;}

  .example-list{width:100%;height: auto;}

  .example_img img{width:100%;}

  .example-more{

	animation-duration: 1s;

	text-align: center;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 70px;

	padding-left: 0px;

}

  .item_wrapper{height:40px;}

  .header_title{font-size:18px;}

  .item_wrapper .date_wrap a {font-size: 14px;}

  .item_wrapper .date_wrap a:hover {color:#222;font-size: 14px;}

  .example-img-right,.example-img-left{display:none;}

  .con{height:auto;}

#left_scroll {display:none;}

#right_scroll {display:none;}

#left_huanjing {display:none;}

#right_huanjing {display:none;}

#left_zizhi {display:none;}

#right_zizhi {display:none;}

#carousel_container{/* height:auto; */display: flex;flex-wrap: wrap;}

#carousel_inner{height:auto;}

#carousel_ul{width:100%;}

#carousel_ul li{width:100%;}

#carousel_zizhi{width:100%;}

}

/* ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¿Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¡ */

.service{

	padding-top: 100px;

	min-height: 550px;

	background-color: #f2f2f2;

	z-index: 99999;

	position: relative;

	background-repeat: no-repeat;

	background-position: center top;

}

.service_row{max-width: 1280px;margin: 0 auto;position: relative;}

.service_title_warpper{

	position: relative;

	height: 110px;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 20px;

	padding-left: 15px;

}

.service_title_inner{display: inline-block;position: relative;}

.service_title{font-size: 24px;color: #191919;}

.service_subtitle{font-size: 12px;color: #174195;padding: 2px;}

.service_wrapper{position: absolute;right: 30px;font-size: 12px;color: #174195;padding: 4px 15px;border: 1px solid #174195;}

.service_cont{padding: 0;overflow: hidden;}

.service_list{

	float: left;

	width: 16.66666666%;

	text-align: center;

	transition: margin-top 0.5s, color 0.5s;

	-webkit-transition: margin-top 0.5s, color 0.5s;

}

.service_list:hover{

}

.service_list:hover .service_text_column{color:#494949;}

.service_list:hover .service_fontsize{

	color: #494949;

	text-align: left;

}

.service_containter{padding-left: 10px;padding-right: 10px;padding-bottom: 40px;}

.service_img{padding-bottom: 20px;}

.service_text_column{line-height: 1.5em;padding-top: 10px;padding-bottom: 10px;color: #808080;transition: margin-top 0.5s, color 0.5s;-webkit-transition: margin-top 0.5s, color 0.5s; font-weight:700}

.service_fontsize{line-height: 1.5em;color: #aaa;font-size: 11px;transition: margin-top 0.5s, color 0.5s;-webkit-transition: margin-top 0.5s, color 0.5s; text-align:left;}

@media only screen and (max-width:992px){

	.scroll-img{display:none}

  .service{padding: 0 15px;}

  .service_title_warpper{width:100%;padding: 59px 0 56px 0;height: 43px;}

  .service_title{font-size: 18px;}

  .service_list{width:50%;}

  .service_cont{display: flex;flex-wrap: wrap;padding: 0;}

}

.service_text_column .column_en {font-size: 10px; display:none}

/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ */

.swiper-container{width: 100%;}

.container .swiper-wrapper{padding: 0;height: 324px;width: 100%;}

.team-list{width: 33.333333%;float: left;}

.team_inner{padding: 0 30px;}

.team-element{padding: 5px 0;text-align: center;}

.team-element img{border-radius: 50%;vertical-align: middle;}

.team_title_inner{padding: 20px 0 10px 0;text-align: center;word-wrap: break-word;}

.team_title{font-size: 16px;color: #000;display: inline-block;padding: 0 10px 0 0;vertical-align: middle;}

.team_subtitle{font-size: 14px;color: #888888;display: inline-block;vertical-align: middle;}

.team-cont{line-height: 1.5em;padding-top: 5px;padding-bottom: 5px;color: #808080;font-size: 13px;text-align: center;}

.swiper-pagination-bullet{background-color: rgba(255,255,255,0.5);border: 1px solid #999999;}

.swiper-pagination-bullet-active{background-color: #666666;border: 1px solid #666666;}

.team-more{padding: 54px 0px 80px;}

@media only screen and (max-width:992px){

  .team-list{width:100%;}

  .swiper-wrapper{height:auto;}

  .team_inner{padding:0;}

}

/* logo */

.column{padding-top: 20px;z-index: 10;position: relative;background: #fff;}

.column_inner{padding-top: 0;max-width: 1280px;padding-bottom: 100px;display: flex;flex-wrap: wrap;margin-top: 0;margin-right: auto;height: 100px;margin-bottom: 0;margin-left: auto;padding-right: 40px;padding-left: 40px;}

.column_inner ul{width:100%;height: 153px;overflow: hidden;}

.column_inner ul li{height:87px;}

.column_list{margin-bottom: 40px;width: 20%;float: left;text-align: center;}





#recommend_works{padding-top: 20px;z-index: 10;position: relative;background: #fff;}

#recommend_works_list{padding-top: 0;max-width: 1280px;padding-bottom: 100px;display: flex;flex-wrap: wrap;margin-top: 0;margin-right: auto;height: 100px;margin-bottom: 0;margin-left: auto;padding-right: 40px;padding-left: 40px;}

#recommend_works_list_scroll ul{width:100%;height: 153px;overflow: hidden;}

#recommend_works_list_scroll ul li{margin-bottom: 40px;width: 20%;float: left;text-align: center;height:87px;}

@media only screen and (max-width:992px){

  .column{display:none;}
}

/* Ã¦â€“Â°Ã©â€”Â» */

.news{padding-top: 80px;padding-bottom: 80px;position: relative;}

.news_beijing{background-image: url('../images/news-bjing.jpg');background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:0 0%;position: absolute;width: 100%;left: 0;top: 0;bottom: 0;z-index: 1;}

.news-background-overlay{background-color: rgba(0,0,0,0.3);background-image: url(../images/news_grid.png);position: absolute;width: 100%;left: 0;top: 0;bottom: 0;z-index: 2;}

.news_conter{position: relative;z-index: 10;max-width: 1200px;margin: 0 auto;padding: 0 40px;}

.news-top{position: relative;padding-right: 15px;padding-left: 15px;}

.news_title_inner{display: inline-block;position: relative;max-width: 100%;}

.news_title{font-size: 24px;color: #ffffff;padding: 0 0 0px 0;}

.news_subtitle{font-size: 12px;color: #ffffff;padding: 2px;vertical-align: bottom;}

.news_button{display: inline-block;position: absolute;top: 14px;right: 0;font-size: 12px;color: #ffffff;padding: 4px 15px;border: 1px solid #fff;}

.news_cont{padding-top: 60px;display: flex;flex-wrap: wrap;}

.news_cont:before {background-color: #eee;content: "";height: 477px;left: 50%;margin-left: 1px;position: absolute;top: 149px;width: 1px;z-index: 0;}

.news_list{border: 1px solid #fff0;float: left;position: relative;transition: all 0.3s ease-out 0s;width: calc(50% + 50px);margin: 5px 0;transition: border 0.5s, color 0.5s;-webkit-transition: border 0.5s, color 0.5s;}

.news_list:hover{border:1px solid #fff;}

.news_list:nth-child(2n){margin-left: calc(50% - 50px);}

.news_wrapper{background: transparent!important;border: 1px solid transparent;float: left;position: relative;transition: all 0.3s ease-out 0s;height: 110px;/* text-align: right; */}

.news_list:nth-child(2n) .news_wrapper{margin-left: 100px;}

.news_yuandian{width: 13px;height: 13px;border-radius: 13px;background: #fff;float: right;margin-top: 34px;margin-right: 42px;}

.news_info{width: calc(100% - 200px);float: left;text-align: right;padding-right: 70px;margin-top: 10px;}

/*.news_list:nth-child(2n) .news_info{float: right;text-align: left;width: calc(100% - 200px);display: table;}*/
.news_list:nth-child(2n) .news_info{width:418px; margin-left:70px; padding-right:0px;float: right;text-align: left;display: table;}

.news_list:nth-child(2n) .news_yuandian{float: left;margin-left: -57px;margin-right: 0;}

.news_info a{color: #ffffff;font-size: 16px;}

.news_des{color: #cccccc;font-size: 13px;line-height: 22px;padding-top: 15px;}

.news_list:hover .news_des{color:#fff;}

.news_wrap{margin-top: 20px;display: table-cell;text-align: left;vertical-align: middle!important;max-width: 115px;float: left;position: relative;}

.news_md{color: #ffffff;font-size: 20px;font-family: arial;}

.news_year{color: #ffffff;font-size: 16px;font-family: arial;position: absolute;}

.news_more{width: 31px;height: 31px;background: #fff;position: relative;margin: 0 auto;border-radius: 50px;}

.news_more:after{background-color: #eee;content: "";height: 13px;left: 50%;margin-top: -6px;margin-left: -1px;position: absolute;top: 50%;transform: rotate(0deg);transition: all 0.3s ease-out 0s;width: 1px;}

.news_more::before {background-color: #eee;content: "";height: 1px;left: 50%;margin-left: -7px;position: absolute;top: 50%;transform: rotate(0deg);transition: all 0.3s ease-out 0s;width: 13px;}

@media only screen and (max-width:992px){

  .news{padding: 0 15px 80px 15px;}

  .news_conter{padding: 80px 0 0 0;}

  .news-top{padding:0;}

  .news_title{font-size:18px;}

  .news_button{top: 7px;}

  .news_list{width:100%;margin-left: 0 !important;margin: 10px 0;}

  .news_wrapper{width:100%;height: auto;}

  .news_info{height:110px;float:right;width: calc(100% - 115px)!important;padding: 0 5px;text-align: left; margin-left: 0px!important;}

  .news_cont:before{display:none;}

  .news_yuandian{display:none;}

  .news_list:nth-child(2n) .news_wrapper{margin-left: 0 !important;}

}

/* Ã¥Âºâ€¢Ã©Æ’Â¨ */





.scroll-img{

	width: 1200px;

	height: 185px;

	overflow: hidden;

	font-size: 0;

	margin-top: 33px;

	margin-right: auto;

	margin-bottom: 70px;

	margin-left: auto;

}

.scroll-img ul{width:1200px;height:600px;margin:0}

.scroll-img ul li{width: 25%;float: left;height: 90px;line-height: 90px;text-align: center;}

.scroll-img ul li img{display: inline-block;vertical-align: middle;max-width: 100%;}

@media only screen and (max-width:992px){

.scroll-img{width: 100%;height: auto;}

.scroll-img ul{width: 100%;}

.scroll-img ul li{width: 50%;}

.example_img { width:96%;}

}

.service .service_row .service_cont .service_list.wow.slideInUp .service_containter .service_img {

	text-align: center;

}

.banner-nr a{color: #f1f1f1;color: #fff;text-shadow:0px 0px 15px #000;}

.banner-nr a:hover {

	color: #fff;text-shadow:0px 0px 15px #555;

}

