body{min-width: 350px;font-family: "微软雅黑";}
body a{outline:none;blr:expression(this.onFocus=this.blur());text-decoration: none;}
a:hover{text-decoration: none;}
a:focus{ outline:none;}
.group{overflow: hidden;}


.logo{text-align: center;overflow: hidden;width: 370px;margin:30px auto;}
.logo div{float: left;width:170px;}
.logo ul{list-style: none;}
.logo ul li{padding-top: 20px;float: left;margin-left: 15px;font-size: 18px;}
.logo ul li a{font-size: 16px;color: #000;}
.logo img{width:100%}
.icon-bar{color: #000;background: #000;}
.line1{height: 30px;width: 2px;background: #a7a7a7;display: block;float: left;margin-top: 15px;}
.daohang{margin: 10px 0 5px 0;}
.carousel-control.left,.carousel-control.right{background-image:none;}
.icon-zuojiantou{background: #000;display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;;border-radius: 50px;top: 40%;margin-top: -15px;font-size: 20px;}
.icon-iconfonti{background: #000;display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;;border-radius: 50px;top: 40%;margin-top: -15px;font-size: 25px;}
.group{margin-top: 60px;}
.title_Map{text-align: center;}
.title_Map img{width: 150px;}
.subway_case_bj{width: 100%;margin-top: 10px;}
.picture_list{list-style: none;padding-left: 0px;overflow: hidden;}
.picture_list li{float: left;width: 20%;padding: 0 10px;margin-top: 20px;}
.picture_list li img{width: 100%;}
.text_introduction{padding: 0 10px;border: 1px solid #e1e1e1;}
.picture_list li h4{border-bottom: 1px solid #a6a6a6;color: #666666;font-size: 18px;padding: 10px 0;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;margin-bottom: 0px;}
.picture_list li p{font-size: 12px;color: #666666;margin-bottom: 0;height: 40px;padding-top: 3px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.picture_list_img{border: 1px solid #e1e1e1;}
.logo_img{list-style: none;overflow: hidden;margin-top: 30px;padding-left: 0px;}
.logo_img li{float: left;width: 12%;text-align: center;margin-top: 15px;box-sizing: border-box;;padding: 0 20px;font-size: 20px;color: #585657;line-height: 60px;}
.logo_img li img{
	width: 100%;
	 -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	filter: gray;}
.logo_img li img:hover{
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
	filter: gray;
	cursor: pointer;}
.more{color: #656364;overflow: hidden;height: 50px;width: 100%;}
.more div{display: block;padding: 5px;border: 1px solid #656364;width: 100px;float: right;margin-right: 40px;}
.more div:hover{background: #eee;cursor: pointer;color: #000;}
.more span{margin: 0 5px;font-size: 20px;}
footer{background: #9c9c9c;color: #fff;text-align: center;line-height: 45px;
margin-top: 30px;position: absolute;width: 100%;}
footer span{padding: 0 3px;}
footer img{margin-left: 40px;width: 20px;vertical-align: middle;}
footer div{margin-left: 0px;display: inline-block;}
footer div:nth-of-type(4){margin-left: 0px;}
.details{overflow: hidden;}
.details .pull-left,.pull-right{margin-top: 50px;}
.pull-right{width:75%}
.details ul{list-style: none;}
.details .pull-left{width: 20%;background: #fff;padding: 0 10px;}
.details .pull-left .active{background: url(../images/icon_current_03_ys.jpg)no-repeat;background-size: 12px 12px;background-position: 0px 5px;}
.details .pull-left ul{padding-left: 0px;background: #fff;padding: 0 5px;}
.details .pull-left ul li{padding-left: 20px;width: 100%;}
.details .pull-left li h3{margin-bottom: 0px;color: #666666;font-size: 20px;margin-top: 0px;}
.details .pull-left li{margin-bottom: 0px;margin-top: 15px;font-size: 14px;color: #666666;border-bottom: 1px solid #a6a6a6;padding-bottom: 15px;}
.details .pull-left li p{margin-bottom: 0px;font-size: 14px;color: #666666;padding-bottom: 0px;}
.details .master_graph img{width: 100%;}
.details .container .right{width: 78%;margin-left: 2%;}
.details .container .right h4{font-size: 30px;color: #494949;margin-bottom: 60px;letter-spacing:2px}
.details .container .right h3:nth-of-type(1){margin-top: 30px;}
.details .container .right h3{margin-top: 60px;border-bottom: 1px solid #000;font-size: 24px;padding-bottom: 8PX;letter-spacing:2px;}
.details .container .right h3 span{height: 20px;width: 4px;background: #000;display: inline-block;vertical-align: middle;margin-right: 5px;}
.details .Art_Exhibition .pull-right p{font-size: 18px;color: #494949;padding:10px 0px 10px 0px;margin-bottom: 0px;letter-spacing:2px;min-height: 30px;}
.details .container .right img{max-width: 100%;height:auto!important;}
.Two_level_title{text-align: center;margin: 20px 0 20px 0;font-size: 22px;color: #494949;}
.img_l{float: left;width: 50%}
.img_r{width: 50%;float: left;}
.pull_right_list_img_1{padding-left: 0px;}
.pull_right_list_img_1 li{width: 33.33%;float: left;padding: 3px;}
.pull_right_list_img_1 li img{width: 100%;}
.process li{float: left;width:50%;padding: 3px 5px;}
.process li img{width: 100%;}
.process{border: 1px solid #aaaaaa;padding:0px 20px 20px 20px;}
.process .Two_level_title:nth-of-type(1){border: none;padding-top: 0px;}
.process .Two_level_title{margin-bottom: 0px;border-top: 2px solid #aeaeae;margin-top: 15px;padding-top: 15px;}
.Arrow{text-align: center;}
.Arrow img{width: 15px;margin: 0px 0 10px 0;}
.Subheading{text-align: center;font-size: 18px;margin-top: 20px;}

.second_level{font-size: 22px;margin-top: 40px;}
.second_level:nth-of-type(1){margin-top: 0px;}
.right .painting{margin-top: 50px;padding-bottom: 20px;}


.bj{margin: 7% 0;}
.bj img{width: 100%;}
.about_us{width: 60%;margin: auto;overflow: hidden;}
.about_us img{width: 100%;}
.about_us .pull-left p{font-size: 18px;font-family: "微软雅黑"}
.about_us_text{margin-top: 5%;padding-left: 30px;}
.contact_us{position: relative;margin: 60px 0 80px 0;}
.contact_us_leftimg{width: 60%;}
.contact_us_leftimg img{width: 100%;}
.contact_us_right{background: #fff;width: 40%;position: absolute;bottom: -15%;right: 5%;padding: 1.5%;}
.contact_us_right .qr_code{margin-top: -20%;width: 45%;}
.contact_us_right>div{border: 3px solid #333;padding: 0 11%;}
footer{clear: both;}

.pull-right img{max-width: 100%;}
.pull-right_title{text-align: center;color: #494949;background: url(..{pboot:sitetplpath}/images/tour_03_ys.png) bottom no-repeat;background-size: 100%;height: 70px;}
.publication-title_Map{margin-top: 5%;}
.publication_group{border: 1px solid #7d7d7d;text-align: center;margin-top: 12%;}
.publication_group-icon{width: 35%;margin: auto;margin-top: -7.5%;}
.publication_group-icon img{width: 100%;}
.publication_group-Bigpicture{width: 70%;margin:4% auto 0;}
.publication_group-Bigpicture img{width: 100%;}
.publication_group-chart{width: 85%;margin:3% auto 0;}
.publication_group-chart img{width: 100%;}
.course{background: #b7b7b7;text-align: left;padding:  30px  60px;margin-top: 60px;}
.course h4{color: #b34c47;font-family: "微软雅黑";font-weight: bold;}
.course_group{background: #fff;border-radius: 10px;overflow: hidden;margin: 20px 0;align-items:center; display: -webkit-flex;}
.course_group span{background: #b34c47;width: 10%;color: #fff;display: inline-block;
line-height: 50px;border-radius: 10px;text-align: center;font-size: 18px;float: left;font-family: "微软雅黑"}
.course_group p{width: 90%;display: inline-block;float: left;padding-bottom: 0px;margin-bottom: 0px;padding-left: 20px;font-family: "微软雅黑";font-size: 16px;}
.media img{width: 100%;}
.case .container{padding: 0px;}
.case .container .pull-right p{font-size: 12px;}
.position_icon{width: 30px;}
.affix{width: 18%;}
.more_content{
display: block;
padding: 5px;
border: 1px solid #656364;
width: 100px;
float: right;
margin-right: 10px;
color:#656364
}
.master_graph img{width:100%}
.activity{overflow: hidden;padding: 60px 60px;}
.activity img{width:100%}
.text_t{padding:30px 10px 0}
.activity h3{border-bottom: 1px solid #494949;padding-bottom: 10px;margin-top:0px;margin-bottom: 5px;font-size:22px}
.activity p{line-height:30px;margin-bottom:0px;font-size:16px}
.activity .col-lg-3{margin-top:20px}
.activity .col-lg-3 div{color:#494949;}
.activity .col-lg-3:hover div{background:#8b8b8b;color:#fff}
.activity .col-lg-3:hover h3{border-bottom:1px solid #fff}
.Newest_details{width:80%;margin:30px auto;background:#fff;padding:30px 30px;border-radius:5px}
.Newest_details img{max-width:100%;height:auto!important}
.navbar-toggle img{width:30px}
@media all and (max-width:1400px){
	.activity h3{font-size:20px}
	.activity p{font-size:14px}
}
	
@media all and (max-width:1200px){
	.logo_img li{font-size: 14px;padding: 0 10px;}
	.about_us{width: 80%;}
	.contact_us_right h1{font-size: 30px;}
	.affix{width:18%;}
	.text_t {padding: 15px 10px 0;}
}
@media all and (max-width:992px){
	.picture_list li{float: left;width: 33.33%;padding: 0 10px;}
	.title_Map img{width: 100px;}
	.group{margin-top: 40px;}
	.picture_list li h4{font-size: 16px;}
	.logo div{float: left;width:200px;}
	.logo ul li {float: left;margin-left: 3px;padding-top: 27px;}
	.line1 {height: 40px;width: 2px;background: #a7a7a7;display: block;float: left;margin-top: 10px;}
	.logo ul li{font-size: 16px;}
	.details .container .right h4{font-size: 20px;margin-bottom: 30px;}
	.details .container .right h3{font-size: 16px;}
	.details .Art_Exhibition .pull-right p{font-size: 16px;}
	.Two_level_title{font-size: 16px;}
	.details .pull-left li h3{font-size: 16px;}
	.logo_img li{margin-top: 10px;font-size: 14px;}
	.details .pull-left,.pull-right{margin-top: 30px;}
	.course_group span{font-size: 16px;}
	.about_us{width: 90%;}
	.about_usimg{width: 30%;}
	.about_usimg img{width: 100%;}
	.pull-right_title h3{font-size: 20px;height:60px}
	.activity{padding:30px 10px}
	.Newest_details{width:95%}
}
@media all and (max-width:800px){
	footer div:nth-of-type(3){width: 100%;margin-left: 0px;}
}
@media all and (min-width:768px){
	.wap_img{display: none;}
}
@media all and (max-width:768px){
	.picture_list li{float: left;width: 50%;padding: 0 10px;}
	.title_Map img{width: 80px;}
	.group{margin-top: 30px;}
	.picture_list li h4{font-size: 14px;}
	.nav > li{width: 100%;}
	.navbar-nav{padding: 0px ;}
	.navbar-nav{margin: 0px;}
	.navbar-nav > li > a{overflow: hidden;}
	.nav > li > a span{width: 100%;border: none;}
	.nav > li > a i{display: none;}
	.logo div{float: left;width:180px;}
	.logo ul li{font-size: 14px;}
	.navbar-toggle{margin-top: 0px;padding: 9px 0px;}
	.logo ul{padding-left: 3px;}
	.details .container .right h4{font-size: 18px;}
	.details .container .right h3{font-size: 16px;}
	.details .Art_Exhibition .pull-right p{font-size: 16px;}
	.Two_level_title{font-size: 16px;}
	.details .pull-left{width: 25%;}
	.details .container .right{width: 70%;}
	.details .pull-left li h3{font-size: 16px;}
	.details .pull-right{width: 72%;}

	.logo_img li{width: 25%;font-size: 12px;}
	.course_group span{font-size: 14px;}
	.course_group p{font-size: 14px;}
	.about_us .pull-left p{font-size: 16px;margin-bottom: 5px;}
	.logo{width: 305px;}
	.contact_us_right h1{font-size: 24px;}
	.navbar-nav{display: block;}
}
@media all and (max-width:650px){
	.pull-right_title{height:50px}
	.pull-right_title h3{font-size: 18px}
	.course{padding: 30px;}
	.about_us .pull-left p{font-size: 14px;}
}
@media all and (max-width:600px){
	.contact_us_leftimg{width: 100%}
	.contact_us_right{
		background: #fff;
		width: 60%;
		position: absolute;
		bottom: 5%;
		right: 20%;
		padding: 1.5%;
	}
}
@media all and (max-width:500px){
	.pull-right_title{height:40px}
	.pull-right_title h3{font-size: 16px;}
	.details .pull-left{width: 100%;background: #fff;}
	.details .container .right{width: 100%;margin-left: 0px;}
	.logo_img li{margin-top: 0px;padding: 0px 5px;}
	.details .pull-right{width: 100%;}
		.contact_us_right{
		background: #fff;
		width: 80%;
		position: absolute;
		bottom: 2%;
		right: 10%;
		padding: 1.5%;
	}
	.position_icon{width: 20px;}
	.course{padding: 20px;}
	.course_group span{padding: 0 5px;}
	.details .pull-left ul{width: 100%;}
	
}
@media all and (max-width:450px){
	.logo div{width: 120px;}
	.line1{height: 30px;margin-top: 0px;}
	.logo ul li {float: left;margin-left: 10px;padding-top: 12px;}
	.logo ul{padding-left: 0px;}
	.icon-zuojiantou{width: 25px;height: 25px;font-size: 14px;line-height: 25px;top: 30%;}
	.icon-iconfonti{width: 25px;height: 25px;font-size: 14px;line-height: 25px;top: 30%;}
	.logo {width: 280px;}
	.activity .col-lg-3{width:100%}
}
@media all and (max-width:400px){
	.picture_list li{width: 50%;}
}