@charset "utf-8";
*{ margin:0px; padding:0px; }
img{ border:none;}
a,a:hover{ text-decoration:none;}
.clear{ clear:both;}
/*html5*/
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video { display: block; }
address { display: inline; }
/**/
.fl{ float: left;}
.fr{ float: right;}
.fr.fl{display:inline;}
.mauto{ margin: 0 auto; width: 1200px;}
.txt_c{ text-align: center;}
.f12,.f14,.f16,.f18,.f20,.f24{ font-weight: normal; color: #333333; font-family: "Century Gothic", CenturyGothic, AppleGothic, Arial, "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", sans-serif;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
h4{font-size:14px}

input,button,select,textarea{outline:none; border: none; background: none;}
textarea{resize:none}
ul,li{list-style-position: inside; list-style: none;}
/*{  behavior: url(css/PIE.htc); position: relative;}*/
body{ background:url(../images/bg2.jpg) center #999;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, Arial, "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", sans-serif;}

@font-face {
    font-family: "CenturyGothic";
    src:url(../fonts/CenturyGothic.TTF)
}
.body{ font-family: "Century Gothic", CenturyGothic, AppleGothic, Arial, "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", sans-serif; }

.fakeimg { height: 200px; background: #aaa; }
.top{background: #992727;color: #fff;  }
.top p{margin: 10px 0;}

.icon-bar{background: #ccc;}


.page-header{ border-bottom: 1px solid #ddd;}
.page-header h1{ color:#666;text-transform:uppercase; }
.page-header h3{ color:#333; font-weight:400;font-size: 20px;}

.index_about img{width: 100%;}
.index_about img:hover{ opacity: 0.8; }
.case img{width: 100%;}

.zuopin{ text-align: center; }
.zuopin ul{ padding: 30px 0; }
.zuopin ul li{ list-style: none; display:inline; padding: 10px; }
.zuopin ul li a{ color: #333; padding: 10px 20px; border: 1px solid #999; }
.zuopin ul li a:hover{ background: #992727; color: #fff; }

.erjinav{ text-align: center; }

.erjinav ul li{ list-style: none; display:inline; padding: 10px; }
.erjinav ul li a{ color: #333; padding: 10px 20px; border: 1px solid #999; }
.erjinav ul li a:hover{ background: #992727; color: #fff; }

.picbox{  padding:0;margin:0;}
.erjipic{background-size: cover;background-position: center;background-repeat: no-repeat;}
.aboutpic{ background: url(../images/aboutpic.jpg) center no-repeat;background-size: 100%;}
.fuwupic{background: url(../images/fuwupic.jpg) center no-repeat;background-size: 100%; }
.lianxipic{background: url(../images/lianxipic.jpg) center no-repeat;background-size: 100%; }
.propic{background: url(../images/propic.jpg) center no-repeat;background-size: 100%; }
.newspic{background: url(../images/newspic.jpg) center no-repeat;background-size: 100%; }


.rongyu{ width: 900px; margin: 0 auto; text-align: left;}
.rongyu dl dd{ line-height: 2em; }
.rongyu dl dd span{ width:70px;display: inline-block;}
.rongyu dl dd p{ display: inline-block; }
.rongyu2  dl dd span{ color: #333; }
.rongyu2  dl dd p{ color: #333; }

.leftLoop{  }
.leftLoop h4{padding: 15px 0; color: #992727;text-transform: uppercase;font-size: 16px;}
.leftLoop h4 span{color:#999;  padding: 0 5px;font-weight: 400;font-size: 14px;}
.leftLoop h4 a{ color:#999;font-weight: 400;font-size: 14px;}
.piclist{ }
.piclist ul{ }
.piclist ul li{width: 180px;height: 230px;overflow: hidden;text-align: center;margin: 0 10px 0 20px;background: #333;}
.piclist ul li img{width: 150px;height: 200px;}
.piclist ul li p{line-height: 36px;height: 30px;width: 150px;overflow: hidden;color: #ccc; display: block; }
.piclist ul li a:hover p{color: #fff;font-weight: bold;}
.tuandui .page-header{ border:none;  }
.tuandui .page-header h3{ color: #fff; }
.tuandui{ padding: 0 0 50px; background: #333; }
.effect{  }

.leftLoop .bd{}
.leftLoop h3{height: 20px;line-height: 20px; border-left: 3px solid #203286;}
.leftLoop h3 p{display: inline-block; padding: 0 10px;color: #333;}
.leftLoop h3 p span{padding: 0 0 0 10px;font-size: 14px;color: #999;}
.leftLoop h3 span{float: right;font-size: 12px;font-weight: 400;padding: 0 10px 0 0;}
.leftLoop h3 span a{color: #999;}

.leftLoop .hd{ } 
.hd .prev, .hd .next{ display:block;  width:25px; height:40px; line-height:40px;  margin-right:0; margin-top:70px;  overflow:hidden; cursor:pointer; } 
.leftLoop .hd .next{background: url(../images/next.png) no-repeat;float:right;}
.leftLoop .hd .prev{ background: url(../images/prev.png) no-repeat; float:left;} 
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  } 
.leftLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:0; text-indent:-999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(css/PIE.htc);} 

.news{ margin: 10px; border-bottom:1px solid #ddd;  }
.news:after { clear: both;content: " "; display: block;}
.news p{ width: 30%; float: left;color: #999;} 
.news p img{ width: 100%; }
.news dl{ width: 65%; float: right; text-align: left; } 
.news dl dt{color: #333;font-size: 16px;}
.news dl dd{ line-height: 2em; color: #666; font-size: 12px;}
.news dl  p{ width: 100%; }
.news:hover dl dt{ color: #992727; }
.news:hover img{ opacity: 0.8; }

.newsbox .news p img{ height: 100%; 
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
	-ms-transform: transform 300ms;
}
.newsbox .news:hover p img{ opacity: 0.8;
	-webkit-transition: transform 300ms;
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transition: transform 300ms;
	transform: scale(1.1, 1.1);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

 }

.about{ font-size: 16px; }
.page-header a{ font-size: 16px; }
.zuopinbox2{ background:#fff; }
.zuopin .page-header{ border:none; }
.probox{ height: 100%; overflow: hidden; }
.probox img{ width: 100%;vertical-align: middle;}


.zuopinbox .col-md-3 img{ max-width: 100%; 
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
	-ms-transform: transform 300ms;
}
.zuopinbox .col-md-3:hover img{ opacity: 0.8;
	-webkit-transition: transform 300ms;
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transition: transform 300ms;
	transform: scale(1.2, 1.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

 }


.probg {
	color: #fff;	position: absolute;left: 0; bottom: 0; 	height: 100%;width: 100%;
	background-image: url(../images/caption-bg.png);
	background-position: left bottom;background-repeat: repeat-x;background-size: auto 100%; text-shadow: none;
}
.probox .pro{ position: relative; }
.probox .protex{  position: absolute; left: 0; bottom: 0; z-index: 9999;text-align: center; text-align: bottom; line-height:50px;
	width: 100%; color: #fff; font-size: 16px;

}
.probox a{display: inline-block;}

.zuopinbox .col-md-3 .proback{	position: absolute;	left: 0;top: 0;	width: 100%;background: #000 ;	
	opacity: 0.3;-webkit-transition: opacity 300ms;	transition: opacity 300ms; z-index: 999; display: none;
}
.zuopinbox .col-md-3:hover .proback{opacity: 0.5;-webkit-transition: opacity 300ms;	transition: opacity 300ms;display: block; }


.footer{ background: #d72c2c; text-align: center; line-height: 2em;  }

.flipper a{color: #992727;}
.flipper p{ line-height: 2em;font-size: 14px; }

#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #333;}

#myNavbar ul li:hover{background:#333;}

.navbar-nav li ul{background: #992727; padding: 0;margin: 0; border: none;}
#myNavbar ul li:hover a{background: #992727; color: #fff;}
#myNavbar ul li ul li:hover a{background: #d72c2c;}

.boxbk{ background: url(../images/boxbk.png) center no-repeat #fff; color: #fff; height: 200px; }

.more{width: 100px; margin: 30px auto;text-align: center; }
.more a{ border: 1px solid #999;border-radius: 20px;display: block; padding: 10px;  color: #333;}
.more a:hover{ background:  #992727;color: #fff; border: 1px solid #fff;}
.case .row h2{ font-size: 20px; text-align: center; line-height: 2em; }
.case .row .col-md-4{overflow: hidden;}
.case .row .col-md-4:hover img{ opacity:0.7;}
.case .row .col-md-4:hover a{ text-decoration: none; }
.case .row .col-md-4 h2{color: #992727;}
.case .row .col-md-4 p{color: #333;}

.footerbox{background: #992727;margin: 30px 0 0;}
.footer{ color: #fff; padding: 30px 0 ;  }
.footer ul li{ list-style: none; line-height: 2em; }

.picbox{  padding:0;margin:0;}
.erjipic{background-size: cover;background-position: center;background-repeat: no-repeat;}
.aboutpic{ background: url(../images/aboutpic.jpg)  no-repeat scroll 50% center / cover;}
.fuwupic{background: url(../images/fuwupic.jpg)  no-repeat scroll 50% center / cover; }
.lianxipic{background: url(../images/lianxipic.jpg)  no-repeat scroll 50% center / cover;}
.propic{background: url(../images/propic.jpg)  no-repeat scroll 50% center / cover; }
.newspic{background: url(../images/newspic.jpg)  no-repeat scroll 50% center / cover;}

.aboutbox{ line-height: 2em; padding: 0 0 50px; }
.aboutbox img{ width: 100%;}

.aboutbox{ line-height: 2em; text-indent: 2em; }
.aboutbox a{ color: #992727; }
.aboutshow{ text-align: center;  padding: 20px 0 100px; }
.aboutshow p{ line-height: 2em; }
.erjinav ul li a{display: inline-block; margin: 10px 0;}

.jiagou{ text-align: center; }
.jiagou dl{ line-height: 3em; }
.jiagou dl dd{line-height: 3em; font-weight: bold;font-size: 18px; }

.zongjian{ text-align: center;  padding: 20px 0 100px; }
.zongjian dl {}
.zongjian dl dt{ line-height:3em;font-size: 16px; }
.zongjian dl dd{line-height:2em;}

.hezuo{  padding: 20px 0 100px; }
.hezuo dl{  }
.hezuo dl dd{ width: 20%; float: left; padding: 1%; }
.hezuo dl dd img{ max-width: 100%; }

.zhaopin dl{ padding: 10px 0 20px; border-bottom: 1px solid #ccc; line-height: 2em;  }
.zhaopin dl dt{ line-height: 3em; }
.zhaopin dl dd{ line-height: 2em; }

.lianxi{ text-align: center; line-height: 3em; padding: 20px 0 100px;}


.newslist img{width: 100%;}
.newslist .row {overflow: hidden;}
.newslist .row div:hover img{ opacity:0.7;}
.newslist .row div:hover a{ text-decoration: none; }
.newslist .row h2{color: #992727;}
.newslist .row p{color: #333;}
.newslist .row  h2{ font-size: 20px; text-align: center; }

.container h3{color:#333;}
.column1 ul li{ line-height: 2.5em; list-style: none; }
.column1 ul li a{color: #333; text-decoration: none; display: block; }
.column1 ul li a:hover{ color: #992727;font-weight: bold; }
.column1 ul li.on a{color: #992727;font-weight: bold; }

.fuwu h2{ padding: 20px 0; color:#992727;}
.fuwu ul li{ font-size: 16px; line-height: 2em; }


.git{background: url(../images/git.jpg) no-repeat right top;}
.git p{padding: 30px 0 ;}
.git ul{ width: 100%; }
.git ul li{float: none;line-height: 30px; list-style: none; width: 100%;}
.git ul li p{padding: 0 10px 0 0;color: #666;}
.git ul li span{padding: 0 10px 0 0 ;}
.git ul li img{width: 60px;height: 26px; vertical-align: middle;}
.git ul li input{border: 1px solid #ccc;line-height: 3em;padding: 0 5px;width: 100%;}
.git ul li:last-child input{  }
.git ul li textarea{border: 1px solid #ccc;line-height: 24px;padding: 5px;width: 100%;}
.git .submit{cursor: pointer; padding: 10px 40px; background: #97c240;color: #fff; border-radius: 20px;}
.tijiao{ text-align: center;font-size: 16px; margin: 30px 0; }


.foot_nav{ width:33.3%; float:left;background-color: #fafafa;text-align:center;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:0;
    margin: 0 5px;
    border-radius: 15px;
    color: #fff;
    height: 36px;
    line-height: 36px;
}
.foot_nav .zixun{
    background: #409eff;
}

.foot_nav .dianhua{
    background: #67c23a;
}
.foot_nav .lxwm{
    background: #e6a23c;
}
.foot_nav .gotop{
    background: #f56c6c;
}

.footer_nav:after{
    clear: both;
}




.zhengwenbox{ margin: 0 auto;overflow: hidden;}
.zhengwentitle{margin: 0 0 20px;border-bottom: 1px solid #bbb;}
.zhengwentitle h3{line-height: 1.5em; }
.zhengwentitle h3 span{font-size: 14px; color: #666;font-weight: 400;display: block;}
.zhengwen img{ }
.zhengwen p{ line-height: 30px; }

.fenye{ text-align: center; margin: 50px 0;}
.fenye a{  color: #333;  }
.fenye a:hover{  color: #992727;  }
.new_fen {margin: 50px 0;border-top: 1px solid #ccc;}
.new_fen ul{margin: 20px 0 0;}
.new_fen ul li {float: none;line-height: 30px; list-style: none;}
.new_fen ul li a {display: inline-block;color: #333;}
.new_fen ul li a:hover{ color: #992727; }

.proshow{ margin: 70px 0 0; }
.proshowpic p{ text-align: center;font-size: 16px;}
.proshowpic p a{ border-radius: 20px; background: #992727; color: #fff; width: 50%; padding: 10px 0; display: inline-block;  }
.proshowpic img{ width: 100%; }
.proshowpic img:hover{ opacity: 0.8; }

.shownav{ line-height: 60px;text-align: center;  }
.shownav ul{ display: inline-block;}
.shownav ul li{ list-style: none;font-size: 16px;float: left;  margin: 0 10px; cursor: pointer; }
.shownav ul li.on{ border-bottom: 2px solid #992727;font-weight: bold; }

.newslistbox ul li{ list-style: none; border-bottom: 1px solid #ccc; padding: 10px 0; }
.newslistbox ul li h4{ font-size: 16px;}
.newslistbox ul li:hover{border-bottom: 1px solid #992727;}


.linkbox{ height: 120px; text-align: center; }
.linkbox ul{ display: inline-block; }
.linkbox ul li{ float: left;  height: 40px; width: 40px;  margin: 0 8px;  }
.linkbox ul li:hover{ background: #023f2f; border-radius: 50%; }
.linkbox ul li i{  height: 40px; width: 40px;  display: block; }
.linkbox ul li i.facebook{ background: url(../images/facebook.png) center no-repeat; background-size: 70%; }
.linkbox ul li i.google{ background: url(../images/google.png) center no-repeat; background-size: 70%;}
.linkbox ul li i.twitter{ background: url(../images/twitter.png) center no-repeat; background-size: 70%;}
.linkbox ul li i.linkedin{ background: url(../images/linkedin.png) center no-repeat; background-size: 70%;}
.linkbox ul li i.youtube{ background: url(../images/youtube.png) center no-repeat; background-size: 70%;}

.xianshi{display: none;}
.box_qq{display: none;}
.about2{
	background-image: url(../images/boxbk.png) !important ;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	}
.aboutwrop{ background: #fff; opacity: 0.9; }
.rongyubox{ background: url(../images/bg1.jpg) #333;}
.rongyu{ font-size:16px; color: #ccc;  }
.zhengwentitle h3{ color: #992727; }
.carousel-inner > .item a{display: block;height: 700px; text-align: center;}
.carousel-inner > .item a img{margin: 0 auto;}
.rongyuwrop{ background: #fff; }
.rongyulist{  padding: 20px 0 20px; }
.rongyulist dl{  }

.rongyulist dl dd img{ max-width: 100%; }
.rongyulist:after { clear: both;content: " "; display: block;}
.rongyuls .col-md-6{  }
.rongyuls .col-md-6 img{ max-width: 100%; }

.rongyubox .more a{ color: #fff; }
.rongyubox .more a:hover{ border: 1px solid #333; }

.rongyuls dl dd{ line-height: 2em; }
.rongyuls dl dd span{ width:70px;display: inline-block;}
.rongyuls dl dd p{ display: inline-block; }


@media screen and (min-width:1200px) {
	.top{ color: #fff; line-height: 40px;  }
	.top p{margin:0;}
	.boxbk{ margin: 30px 0; background-size: 100%; }
	.navbar{ background: #fff; box-shadow: 0 5px 5px 0  rgba(0,0,0,0.3);z-index: 999;}
	.navbox{ height: 100px; }
	.navbar-nav > li:hover{background: #fff; }
	.navbar-nav > li:hover a{ color: #fff;}
	.navbar-nav > li > a{ line-height: 100px;padding: 0 10px; color: #fff; }
	.navbar-nav > li > a:hover{color:#fff;}
	.navbar-brand{ line-height: 60px; }
	.navbar{margin: 0;background: #d72c2c;border-radius:0;}
	.dropdown-menu li a{ line-height: 2em; }
	.navbar-nav > li > .dropdown-menu{min-width: 110%;}
	.case{ margin: 30px 0; }
	.erjipic{ height: 300px; }
	
	.rongyuls{ width: 80%; margin: 0 auto; text-align: left;}
	.rongyulist dl dd{ width: 20%; float: left; padding: 1%; overflow: hidden; }

	.container h3{ font-size: 20px;}
	.margintop{ margin: 50px 0 0; }

	.scrolldown{ display: none; background: url(../images/top.jpg) center no-repeat;bottom: 20px;cursor: pointer;
	height: 35px;position: fixed; right: 20px;width: 35px;}

	.navbar-logo img{ height: 100px;}
	.scrolled{
		position: fixed;height: 60px;
		z-index: 99999;
		width: 100%;
		left: 0;
		top: 0;
		background: #fff;;
		-webkit-transition: padding-padding-top 300ms ;
		transition: padding-padding-top 300ms ;
	}
	.scrolled .navbar-logo img{width: 100%; height: 60px;}
	.scrolled{
		-webkit-transition: padding-padding-top 300ms ;
		transition: padding-padding-top 300ms ;
		box-shadow: 0 0 5px 5px 0.7;
		background: #992727;
	}
	.scrolled .navbox{height: 60px;}
	.scrolled .navbar-nav > li > a{color: #fff;line-height: 60px;height: 60px;}
	.navbox .navbar-right{padding-right:0;}
	
	#app_menudown{ display:none; }
	.column1{ width: 15%; float: left; }
	.column2{ width: 80%; float: right; }
	.content_inner{ margin: 30px 0; }
	.fuwu{margin: 100px 0;}
	.fuwu .col-md-6{ margin: 50px 0 0; }
	.footer_nav{ display: none; }
	.proshowimg{ margin: 60px 0 0; }
	.tijiaobox{ margin: 0 auto; width: 80%; }

	.about2{margin-bottom: 150px !important; height: 500px;
		padding-top: 100px !important;
		padding-bottom: 200px !important;
	}

	.aboutwrop{padding: 70px 50px ; }
	.aboutwrop ul li{ line-height: 2em; }

	.xianshi{position: fixed;top: 30%; right: 0px; cursor: pointer;background: #666; width: 30px;height: 30px;z-index: 99999;display: block;}
	.box_qq{border: 1px solid #666;min-height: 300px; width: 160px;background: #fff; z-index: 99999; position: fixed;top: 30%; right: 20px;display: none;}
	.box_qq p{background: #666;min-height: 40px; line-height: 30px;margin: 0; color: #fff; cursor: pointer;}
	.box_qq p img{margin: 5px 0 0 10px;}
	.box_qq p span{float: right;margin: 5px 40px 0 0 ;}
	.box_qq ul{padding: 0; min-height: 200px;}
	.box_qq ul li{width: 160px;line-height: 30px;list-style: none;text-align: center; font-size: 14px;}
	.box_qq ul li img{  }
	.box_qq ul li.onr{color: #666;}
	
	.erjinav ul{ padding: 30px 0; }
	.newslistbox ul li h4 small{ float: right; }
	.team .row .col-md-4:nth-of-type(3n+1){ clear: both; }
	.news{ height: 150px; }
	.anlibox .col-md-4{  padding: 10px 40px; }
	


}
.team .row .col-md-3 p{ line-height: 2em; }

.xueyuan .row .col-md-3 h2{ text-align: center; color: #333; }
.aboutshow,.zhengwen{ line-height: 2em; }
.zhengwen img{
    max-width: 100%;
    
}
.zz h4{ color: #333;line-height: 2em; }
.zz .col-md-4:hover h4{ text-decoration: underline; }
.navbar{ margin: 0; }

@media screen and (max-width:1024px) {
	.navbar-nav > li > a{color: #fff; }
	.top{line-height: 1.5em;}
	.navbar-logo img{ width: 20%; }
	.container h1{font-size: 30px;}
	.boxbk { background-size: 120%; }
	.case .row h2{font-size: 16px;}
	.erjipic{ height: 120px; }
	
	.fuwu .col-md-6{ margin: 50px 0 0; width: 100%; box-sizing: border-box;vertical-align: baseline; }
	.fuwu img{ width: 100%; }
	.fuwu h2{font-size: 20px;}
	.navbar-toggle{  }
	.zhengwen img{width: 100%;height:auto !important;}
	.carousel-inner > .item img{height: 200px;}
	.rongyulist dl dd{ width: 50%; float: left; padding: 1%; overflow: hidden; }
    .carousel-inner > .item a{display: block;height: 180px;}
    .zuopinbox .container .row{
    	display: flex;
    	flex-wrap: wrap; /* 允许换行 */
    }
    .zuopinbox .container .row>div{
     /* 方法1.1: 使用flex-basis */
      flex: 0 0 calc(50% - 20px); /* 减去间距 */
  /* 或 方法1.2: 使用width */
    width: calc(50% - 20px);
      
      margin: 10px; /* 设置间距 */
      box-sizing: border-box; /* 确保padding和border不增加宽度 */
    }
}



.line{ border-bottom: 2px solid #992727; display: inline-block; }
.index_about .flipper h2{ font-size: 24px; padding: 20px 0; }

.indexnews{ margin: 30px 0; }
.indexnews ul{ float: left; width: 22%;border: 1px solid #ccc; border-radius: 10px; }
.indexnews ul:nth-of-type(2n){width: 25%;margin: 0 2% 0; background: #992727; }
.indexnews ul:nth-of-type(2n) a h4{ color: #fff;  }
.indexnews ul:nth-of-type(4){ float: right;margin: 0 0 0 1%;}
.indexnews ul a:hover{ text-decoration: none; }
.indexnews ul li{list-style: none; text-align: left; }
.indexnews ul li a h4{ line-height: 2em;padding: 0 0 0 20px; }

.indexmore{ background: #992727;font-size: 18px; margin: 30px 0; display: inline-block; padding: 10px 30px;border-radius: 20px;  }
.indexmore a{  color: #fff; }

.indexpic{ padding: 20px 0; }

.indmaps{ width: 100%; height: 360px; position: relative;}
#dituContent{ height: 360px; position: absolute; left: 0; top: 0; width: 100%;}


.anli{overflow: hidden;}
.anli img{max-width: 100%;}
.anli img{ 
	-webkit-transition: transform 300ms;
	transition: transform 300ms;
	-ms-transform: transform 300ms;
}
.anli:hover img{ opacity: 0.9;
	-webkit-transition: transform 300ms;
	-webkit-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transition: transform 300ms;
	transform: scale(1.2, 1.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
 }

.anlibox h4{color: #333;font-size: 16px; line-height: 2em;}
.anlibox .col-md-4{ margin:0 0 20px 0; }
.anlibox .col-md-4:hover h4{ text-decoration: underline; }
.anlibox .col-md-4 p{ color: #333; }
.anlibox .col-md-4 p span{ float: right; }

.rongyubox .page-header h3{ color: #fff; }
.rongyubox .page-header{border: none;}


@media screen and (max-width:1024px) {
	h1.line{ font-size: 22px; }
	.container h3{ color: #992727; }
	.indexnews ul{ width: 100%; }
	.indexnews ul:nth-of-type(2n){ width: 100%; }
	
	.indexnews ul{ margin: 0; }
	.indexnews ul:nth-of-type(2n){ margin:20px 0; }
	.baobox{ background: #992727; }
	
	.bao{  }
	.bao ul{ width: 80%; margin: 0 10%; }
	.bao ul li{ color: #fff; list-style: none;  height: 90px; margin: 30px 0;}
	.bao ul li p{ float: left; }
	.bao ul li dl{ float: left;font-size: 18px; padding: 10px 0 0; }
	.baotitle{text-align: center;}
	.baotitle h2{ color: #fff; }
	.baotitle h3{ color: #fff; }
	.bao .col-md-6 ul li img{ width: auto; }

	.git h2{ text-align: center; width: 100%;  color: #992727; padding: 30px 0 0;}
	.git{ background: #fff; height: auto; }
	.git ul{margin: 0;}
	.git ul li{line-height: 30px; width: 100%;margin: 20px 0; height: auto;}
	.git ul li p{padding: 0 10px 0 0;color: #333;text-align: right;}
	.git ul li input{ border: 1px solid #ccc;line-height: 30px;padding: 0 5px;width:280px; color: #333;background: #fff;}
	.col-md-6 .git .submit {background: #992727; display: inline-block; text-align: center; margin: 50px 0 70px 30%; }

	.zuopinbox .sss{ margin: 15px; padding: 0; }
	.rongyu{ width: 100%; }
	.rongyu dl dd:after { clear: both;content: " "; display: block;}
	.rongyu dl dd span{ width: 20%;float: left; }
	.rongyu dl dd p{ width: 80%; float: right; }
	.tuandui{ display: none; }
	.news{ margin: 0; border:none;}
	.news .col-sm-12{ margin: 0;padding: 0;  }
	.zuopin ul{ padding: 0; }
	.zuopin ul li{ display: inline-block;float: left;margin: 10px 0; padding: 6px; }
	.aboutpicc { text-align: middle;vertical-align: middle; }
	.aboutpicc img{ width: 100%; float: left; }
	.footer{ margin: 0 0 20px 0; }
	.navbar{background: #333;}
	
	.aboutshow img{ max-width: 100%; }
	.zongjian img{ max-width: 100%; }
	.hezuo dl dd{ width: 48%; }
	.lianxi{ line-height: 2em; }
	 
	.zhengwentitle h3{ font-size: 18px; }
	.rongyu{ font-size:14px;  }

    .footer_nav{
        background-color: #fff;
        min-height: 40px;
    }

}



@media screen and (min-width:1100px) {
	.baobox{ margin: 20px 0; background: url(../images/b7.jpg) center right no-repeat #992727; height: 569px; }
	.baotitle{ text-align: center; padding: 20px 0; }
	.baotitle h2{ color: #fff; border-bottom: 2px solid #fff; display: inline; }
	.baotitle h3{ color: #fff; }
	.bao ul{  }
	.bao ul li img{  }
	.bao ul li{ float: left; color: #fff; padding: 30px 0 0 50px; width:50%; list-style: none; }
	.bao ul li p{ float: left; }
	.bao ul li dl{ float: left; font-size: 18px; line-height: 30px; margin: 10px 0 0 20px; }
	.bao .col-md-6{ width: 50%; }
	

	.git{ width: 460px; margin: 50px; background: rgba(255,255,255,0.8); }
	.git h2{ text-align: center; width: 100%;  color: #992727; padding: 30px 0 0;}
	.git p{padding: 30px 0 ;}
	.git ul{}
	.git ul li{line-height: 30px;height: 30px; width: 100%;margin: 20px 0;}
	.git ul li p{padding: 0 10px 0 0;color: #333;float: left;width: 50px; text-align: right;}
	.git ul li span{padding: 0 10px 0 0 ;}
	.git ul li img{width: 60px;height: 26px; vertical-align: middle;}
	.git ul li input{float: left; border: 1px solid #ccc;line-height: 30px;padding: 0 5px;width:280px; color: #333;background: #fff;}
	.git ul li:last-child input{  }
	.git ul li textarea{border: 1px solid #ccc;line-height: 30px;padding: 0 5px;width: 280px;font-size: 14px;color: #333; font-family: "微软雅黑"}
	.col-md-6 .git .submit {background: #992727; display: inline-block; text-align: center; margin: 50px 0 70px 180px; }
	
	.zuopinbox .col-md-3{   }
	.about{ padding: 50px 0 0 30px; line-height: 36px; }
	.navbar-nav li{ min-width: 100px; text-align: center; }
	.erjipic{ height: 300px; }
	.fenye{ margin: 100px 0; }
	.xueyuan .row .col-md-3{ width: 20%; }
	
	


	
}

/* 


先需要把你的按钮添加一个class，例如 加一个 “shangqiao”
<a class="shangqiao" href="javascript:void(0);">我要咨询</a>

然后在js中引入jquery，添加一个
$(function(){
    //点击按钮时判断 百度商桥代码中的“我要咨询”按钮的元素是否存在，存在的话就执行一次点击事件
    $(".shangqiao").click(function(event) {
            if ($('#nb_invite_ok').length > 0) {
                $('#nb_invite_ok').click();
            }
    });
});



 */