@charset "utf-8";
/* CSS Document */
/*@media (min-width: 768px)
{
	header .navbar-nav>li>a {padding-top: 38px;padding-bottom: 37px;}
	
}*/
@media (max-width: 1200px){	
.search{ display: none;}
.about-details p{ font-size: 15px; line-height: 30px;}
.about-items{ background: transparent;}
.about-items .top-img{margin: auto;}
.about-items li{ text-align: center;}
.about-items .top-img,.about-items .about-text{ float: none;}
.about-items li a{ width: auto;}
.about-items li a.cur-about,.about-items li a:hover{ border-bottom: 0;}	
.about-items .top-img{ width: 55px; height: 55px;}
.about-items{ margin-top: 10px;}
#index-about{ padding-bottom: 20px;}
#about-sec4  .ln-img{ width: 100%;}
#xm-item .xm-list-6>div:nth-child(4),#xm-item .xm-list-6>div:nth-child(5),#xm-item .xm-list-6>div:nth-child(6){ margin-top: 10px;}
#xm-item .xm-list-6>div{ margin-top: 10px;}
}
@media (max-width: 900px){	
.change{ display: none;}
.navbar ul li a{ padding-left: 13px; padding-right: 13px;}	
.details-text img{ display: block; width: 85%; margin: 10px auto;}
}

@media screen and (max-width: 767px)
{	
.navbar ul{ float: none;}
.navbar ul li {float: none;z-index: 9999;margin-right: 0;height: auto;}
.navbar ul li a {height: 40px;line-height: 40px; border-bottom: 1px solid #5c5c5c; color: #5c5c5c; background: #fff;}
.search{ float: none; width: 100%; background:#5c5c5c;padding: 10px; overflow: hidden;display: block;}
.search button,.search input{ display: block; float: left;}
.search input{ width: 200px;}
.change{ float: none; width: 100%; margin-top: 0; display: block;}
.change a{ display: block; width:100%; text-align: left; padding-left: 10px; height: 40px; line-height:40px;}
.change a span{ float: right;padding-right: 10px;}
.about-details>img{ width: 70%;}
#index-about{ padding-top: 10px;}
.about-items .about-text h3{ font-size: 15px;}
#index-xm .news-box .right-news li .news-data{ font-size: 30px;}
#index-xm .news-box .right-news li h3, #index-xm .news-box .right-news li p{ margin-top: 0px; }
#index-xm .news-box .right-news li h3{ font-size: 14px;}
#index-xm .news-box .right-news li p{ margin-top: 5px; font-size: 12px;}
#index-xm .news-box .right-news li{ margin-top: 10px;}
.con-title h2{ font-size: 20px;}
.pro-list a i{ width: 40px; height: 40px; line-height: 40px; left: 0; top: -10px; border-width: 3px; font-size: 20px;}
.pro-list p{ height: 100px; line-height: 20px;}
.pro-list h3{ font-size: 15px; height: 32px;}
#load{ width: 150px;margin: 30px auto;}
#about-sec1 .about-box img{ width: 80%; margin: auto;}
#about-sec2 .honor-item li{ margin-top: 30px;}
#about-sec3{ background-image: none;}
#xm-item .xm-list-6>div:nth-child(4),#xm-item .xm-list-6>div:nth-child(5),#xm-item .xm-list-6>div:nth-child(6){ margin-top: 10px;}
#xm-item .xm-list-6>div{ margin-top: 10px;}
#xm-item .xm-lists{ margin-top: 0px;}
#dituContent{ height: 350px;}
.right-nav a{ font-size: 14px;}
.sec-content{ margin-top: 0;}
}

@media screen and (max-width:360px)
{	
#m-footer ul li a{ font-size: 12px;}
}


@media screen and (max-width:320px)
{	
.about-items .top-img{ width: 50px; height: 50px;}
.about-items .top-img img{margin: 10px auto;}
.right-nav a{ font-size: 12px;}
}