@media screen and (max-width:1220px){
.top,.header .head,.i_m,.fn_m,.foot,.pst,.scd{width:1200px;}
.head .nav_m{ width:720px;}
.head .nav li a{ width:94px;}
.head .nav li{ margin-left:0;}
.head .nav li .er{ width:130px; left:-18px;}
.head .nav li .er .er_m i{ left:52px;}
.i_ma li{ width:310px; margin-right:15px;}
.i_ma li .tu, .i_ma li .tu img{ width:310px; height:127px;}
.i_ml,.i_mr{ width:460px;}
.i_mb dl dd{ width:300px;}
.i_mc dt img,.i_mc dt{ width:176px; height:180px;}
.i_mc dd{ width:260px;}
.i_mc dd ul li{ margin-bottom:2px;}
.i_md dt, .i_md dt img{ width:192px; height:138px;}
.i_md dd{ width:260px; height:240px;}
.fn_m .code li{ width:120px;}
.fn_m .code li img{ width:120px; height:120px;}
.fn_m .code li b,.f_nav li b{ font-size:16px;}
.fn_m .code{ width:270px;}
.f_nav li{ margin-left:20px;}
.fn_m .f_nav{ width:375px;}
.fn_m .f_ct{ width:295px;}
.fn_m .f_ct ul li span{ width:275px;}
.scd .scd_r{ width:725px;}
.pro dl{ width:355px; margin-right:15px; margin-bottom:20px;}
.pro dl dd{ width:180px;}
.pro dl dd .title a{ font-size:14px;}
.pro dl dd .des{ font-size:12px;}
.friend ul li,.friend ul li img{ width:169px; height:79px;}
.friend ul li{ margin-right:10px; border:2px solid #eee;}
.news dl dd{ width:470px;}
.cotnact dl dd{ width:365px;}
.cotnact ul li{ margin-right:15px;}

}
@media screen and (max-width:990px){
.top,.header .head,.i_m,.fn_m,.foot,.pst,.scd{width:960px;}
.head .logo img,.head .logo{ width:199px; height:51px;}
.head .logo{ margin-top:20px;}
.top .lang a{ font-size:12px;}
.head .nav_m{ width:530px;}
.head .nav li a{ font-size:16px;}
.nav_m .n_icon{ display:block;}
.nav_m .nav{ width:740px; position:absolute; right:0; top:90px; background:#EEEEEE; display:none;}
.head .nav li a{ width:100px;}
.i_ma li{ width:240px; margin-right:10px;}
.i_ma li .tu, .i_ma li .tu img{ width:240px; height:98px;}
.i_ma li .des{ height:40px; line-height:150%;}
.i_ml, .i_mr{ width:100%;}
.i_mb dl dd{ width:570px;}
.i_mc dd,.i_md dd{ width:540px;}
.i_md dd{ height:140px;}
.fn_m .code{ width:45%;}
.fn_m .f_nav{ width:52%; border:0;}
.fn_m .f_ct{ width:100%; margin-top:30px;}
.fn_m .f_ct ul li span{ width:295px;}
.fn_m .f_ct ul{ width:48%; float:left;}
.scd .scd_r{ width:505px;}
.pro dl{ width:100%; margin-right:0;}
.pro dl dd{ width:325px;}
.friend ul li, .friend ul li img{ width:154px; height:71px;}
.friend ul li{ margin:8px 5px !important;}
.news dl dd{ width:255px;}
.news dl dd .title p{ font-size:15px;}
.news dl dd .title em{ font-size:12px;}
.cotnact dl dt, .cotnact dl dt img,.cotnact dl dd,.cotnact ul li{ width:100%; height:auto; margin-right:0;}
.cotnact dl dd{ margin-top:20px;}
.book_m ul li .name{ width:95px;}
.book_m ul li input{ width:300px;}
.book_m ul li textarea{ width:380px;}
}

@media screen and (max-width:770px) {
.top,.header .head,.i_m,.fn_m,.pst{width:100%;}
.head .logo{ position:absolute; left:10px; top:0;}
.top .lang, .top .search{ margin-right:10px;}

.head .nav_m,.nav_m .nav{ width:100%;}
.head .nav li .er{ display:none !important;}
.head .nav li{ height:auto;}
.head .nav li a{ margin:10px 0;}
.i_ma li{ width:100%; margin-right:0;}
.i_ma li .tu{ width:95%; height:95%; margin:auto;}
.i_ma li .des{ width:95%; height:95%; margin:auto; line-height:24px; margin-top:10px;}
.i_ma li .tu img{ width:100%; height:100%; margin:auto;}
.i_mb dl dd{ width:95%; margin:auto;}
.i_mc dd, .i_md dd{ width:95%;}
.i_ml .i_title h2{ margin-left:5px;}
.i_ml .i_title h4{ margin-right:5px;}
.i_mr .i_title h2{ margin-left:5px;}
.i_mr .i_title h4{ margin-right:5px;}
.i_mb dd .des{ width:95%; margin-right:10px; line-height:28px;}
.i_mb dd .time{ margin-right:10px; padding-right:15px;}



.fn_m .f_ct{ width:430px; margin-top:0px;}
.fn_m .code,.fn_m .f_nav,.fn_m .f_ct ul{ width:100%; border:0;}
.fn_m .f_nav li{ margin-left:0; margin-right:50px;}
.scd{width:95%;}
.scd .scd_r,.scd .scd_l{ width:100%;}
.scd_l .s_name i{ display:none;}
.scd .scd_l{ margin-top:25px;}
.scd_l .s_name{ width:100%; background-size:100% 100%; text-align:left;}
.scd_l .s_name img{ margin-left:30px;}
.scd_l .s_nav{ width:470px;}
.scd_l .s_nav li a{ width:440px;}
.pro dl dd{ width:300px;}
.friend ul li{ margin:8px 4px !important;}
.friend ul li, .friend ul li img{ width:148px; height:68px;}
.news dl dd{ width:230px;}
.pst{ text-align:left;}
.cotnact h1{ font-size:22px;}
.book_m ul li textarea{ width:310px;}





.hidden-xs {display: none !important;}
.f_bg{ width:100%; padding:20px 0 20px; line-height:20px; background:#414244; text-align:center;}
.foot{ width:95%; height:10px; text-align:center; margin: auto; }
.owl-pagination { bottom: 10px; }

/*关于 左侧*/
.lm{ width:100%; margin-bottom: 20px; font-family: 'Open Sans', sans-serif;}
.lm h2{ color: #fff; background: #012b7d; text-align: center; font-size: 25px; padding: 10px; font-weight: 300;}
.lm h2 b{ float: right; margin-right: 20px; margin-top: 20px; line-height: 1; font-size: 40px;}
.lm h2 span{ font-size: 14px; font-weight: 300; display:block; margin-top:10px;}

.lm ul li{ width:100%; border:1px solid #ccc; margin: 10px 0; line-height: 3;}
.lm ul li a{ float: left; padding-left: 20px; color: #333; display:block;}
.lm ul li b{ float: right; margin-right: 25px; color:#333; }
.lm ul li:hover b,.lm ul li:hover a{color:#fff; -webkit-transition: all .5s;transition: all .5s;}
.lm ul li:hover{ border-color: #2899cd;background:#2899cd;-webkit-transition: all .5s;transition: all .5s;}
.lm .currentNav { background:#012b7d; border-color: #012b7d; color:#fff;}
.lm .currentNav a { color:#fff; background: none;}
.lm .currentNav b { color:#fff; background: none;}
.lm .currentNav a:hover {color:#fff; border-bottom: none;-webkit-transition: all .5s;transition: all .5s;}


.content{ float:left; width:100%; margin-bottom:10px; overflow:hidden;}
.content h2.cona{ display: none;}
.content h2.cona a{ color: #333;}
.content h2.cona a:hover{color: #295e9c;-webkit-transition: all .5s;transition: all .5s;}
.content img{ max-width: 100%; margin:15px auto 25px; display:block;}
.contb{}

.content .about33 {
float:left;
width:32%;
margin-right:1.33%;
}
.content .about33 img {
float:left;
max-width:100%;
display:block;
}
.content .about33 p {
float:left;
display:block;
margin: -0.8em 0 1em 0;
}

.content .about-info {
font-family: 'Open Sans', sans-serif;
overflow:hidden;
max-width:870px;
line-height:26px;
}
.content .about-info h3{
font-family: 'Open Sans', sans-serif;
color: #393939;
font-size: 22px;
margin: 0.5em 0 0em 0;
font-weight: 300;
margin: 0;
}
.content .about-info h5 {
font-family: 'Open Sans', sans-serif;
color: #999;
font-size: 18px;
margin: 0.3em 0 1em 0;
font-weight:100;
}
.content .about-info h5 span {
display: block;
}
.content .line {
border-bottom:1px solid #eee;
height:1px;
margin:20px auto 20px;
display: block;
}

/*--blog--*/
.blog{
	padding: 0em 0;
}
.blog h2{
  color: #bb1e10;
  font-size: 40px;
  font-weight: 300;
  margin-top: 20px;
}
.blog h3{
  color: #393939;
  font-size: 32px;
  font-weight: 300;
  margin: 0;
}
.blog h5 {
  color: #777;
  font-size: 22px;
  margin: 0.2em 0 1em 0;
  font-weight: 300;
  line-height: 1.5em;
}
.blog-to {
  padding: 0em 0 2em 0;
  margin-bottom:2em;
  border-bottom: 1px solid #f5f5f5;
  display:block;
  clear:both;
}
.blog-top {
  padding: 0em 0 0;
}
.blog-left{
	float: left;
	border-right: 1px solid #B6B3B3;
	padding-right: 1.3em;
}
.blog-left b{
	font-size:3em;
	color:#134395;
	display:block;
	height:55px;
}
.blog-left span{
	font-size:1.5em;
	color:#134395;
}
ul.men-grid li{
	display:inline-block;
}
.top-blog {
	float:left;
	margin: 0em 0em 0em 1.7em;
	max-width:67%;
	overflow:hidden;
}
.top-blog p{
  font-size: .90em;
  color: #777;
  line-height: 1.7em;
}
.top-blog .sed{
  font-size: .90em;
  color: #777;
  line-height: 1.6em;
}
.top-blog p a{
	text-decoration:none;
	color:#333;
}
.top-blog  a.fast{
  text-decoration: none;
  font-size: 1.2em;
  color: #333;
	  
}
.top-blog a.fast:hover,.top-blog p a:hover,ul.popular li a:hover,a.more-dummy:hover{
	color: #1e52ab;
}
.pagination > .active > a,.pagination > .active > a:hover{
	background:#1e52ab;
	border-color:#1e52ab;
}
.pagination {
  margin: 0;
}
.pagination > li > a:hover{
  color: #FFFFFF;
  border-color: #bb1e10;
  background: #bb1e10;
}
a.moreto {
  color: #fff;
  background: #1e52ab;
  padding: 0.5em 1em;
  display: inline-block;
  text-decoration: none;
}
a.moreto:hover {
  background: #3894ff;-webkit-transition: all .5s;transition: all .5s;
}
p.sed {
  margin: 0.5em 0 1em;
}
nav {
  text-align: center;
}
/*--//blog--*/



}
@media screen and (max-width:510px) {
.top,.header .head,.i_m,.fn_m,.foot,.pst{width:100%;}
.head .logo{ position:absolute; left:10px; top:0;}
.top .lang, .top .search{ margin-right:10px;}
.top .search{ width:195px;}
.head .nav li a{ width:74px; font-size:15px;}
.i_name b{ font-size:22px; font-weight: 300; margin-left:5px; display:block;}
.i_name b span{ font-size:14px; font-weight: 300; margin-left:5px; display:block; margin-top:10px; margin-bottom:15px;}
.i_ma li .tu, .i_ma li .tu img{ width:100%;}
.i_mb dl dd{ width:98%; margin:auto;}
.i_mb dl dt,.i_mb dl dt img{ width:100%; height:100%; margin:auto;}
.i_mc dd ul li.on i{ display:none;}
.i_mc dd{ width:100%;}
.i_md dd{ width:96%; line-height:28px; margin-right:10px;}
.i_mc dt{ width:314px;}
.i_mc dt{ width:98.8%; height:50%;}
.i_mc dt img{ width:100%; height:100%;}
.i_md dt, .i_md dt img{ width:100%; height:100%;}
.i_mb dd .des{ width:95%; margin-right:10px; line-height:28px;}
.i_mb dd .time{ margin-right:10px; padding-right:15px;}


.fn_m .f_ct{ width:95%; margin-top:0px;}
.fn_m .f_nav li{ margin-right:10px;}
.scd{width:95%;}
.scd_l .s_nav{ width:310px;}
.scd_l .s_nav li a{ width:280px;}
.fn_m .code li b, .f_nav li b{ font-size:15px;}
.f_nav li p,.fn_m .code li p{ font-size:12px;}
.pst{ font-size:14px;}
.fn_m .code li{ margin-right:70px;}
.pro dl{ height:146px;}
.pro dl dt img,.pro dl dt{ width:140px; height:140px;}
.pro dl dd{ width:160px;}
.pro dl dd .more{ margin-top:5px;}
.join .j_c{ display:none;}
.join .j_d{ display:block;}
.news dl dd{ width:100%;}
.news dl dt, .news dl dt img{ width:314px; height:180px;}
.book_m ul li .name{ width:75px;}
.book_m ul li input{ width:225px;}
.book_m ul li textarea{ width:235px; height:100px;}
.foot{ width:95%; height:10px; text-align:center; margin: auto; }


/*地图样式 */
.Aboutmap {width:100%; height:500px; margin-top:0px;}


}
