@charset "utf-8";
/* CSS Document */

@media screen and (min-width:769px)
{/*显示器>769*/
.navbar {border-radius: 4px;margin-top: 20px; min-height: 50px;}
.navbar-header {float: left;}
.navbar-collapse {width: auto; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; box-shadow: none; -webkit-box-shadow: none;padding-right:0px; padding-left: 0px;max-height: 200px;}
.navbar-collapse.in {-ms-overflow-y: visible;}
.collapse {height: auto !important; overflow: visible !important; padding-bottom: 0px; display: block !important;}
.navbar-default {border-radius: 0px;}
.navbar-fixed-top {border-radius: 0px;margin-top: 0px; min-height: 40px; background-color: rgba(43,150,204, 0.9);}

.navbar-nav {margin: 0px; float: left;}
.navbar-nav > li {float: left;}
.navbar-nav > li > a {padding-top: 15px; padding-bottom: 15px;text-align: center;padding: 15px 70px; color:#FFF;}
.navbar-nav > li > a:hover {color:#FFF; background-color:#0a76ac;}
.navbar-nav > li > a:focus {color:#FFF; background-color:#0a76ac;}

.nav_small {padding: 8px 0px; border-radius: 0px; border: currentColor; border-image: none; box-shadow: none; background-color: rgba(43,150,204, 0.8);}
.nav_small > li > a {color:#FFF; line-height: 26px; font-size: 13px;}
.nav_small > li > a:hover {color:#FFF; background-color:#0a76ac;}

.navbar-toggle {display: none;}
.navbar-header p {display: none;}
#app_menudown {display: none;}
.bottom-nav {display: none;}
}


@media screen and (max-width:768px) 
{/*显示器<=768*/
.dropdown-menu {border: 0px currentColor; border-image: none; width: auto; margin-top: 0px; float: none; position: static; box-shadow: none; background-color: transparent; -webkit-box-shadow: none;}
.dropdown-menu > li > a {padding: 5px 15px 5px 25px;line-height: 20px;color:#FFF;}
.dropdown-menu > li > a:hover {background-image: none;color:#FFF; background-color:#0a76ac;}
.dropdown-menu > li > a:focus {background-image: none;}

.navbar-header p{color:#FFF; font-size: 16px; padding: 15px; height: 50px; line-height: 20px; font-size: 18px; float: left;}

.navbar-toggle {border: currentColor; border-image: none;}
.navbar-toggle:hover {background-color:#0a76ac;}
.navbar-toggle:focus {background-color:#0a76ac;}

.navbar-collapse {border: 1px solid #2b96cc; border-image: none;}
.icon-bar {background-color:#FFF;}
.navbar-fixed-top {background-color: rgba(43,150,204, 0.9);}

.navbar-nav {margin-top: 0px; margin-bottom: 0px;}
.navbar-nav > li > a {color:#FFF;}
.navbar-nav > li > a:hover {color:#FFF; background-color:#0a76ac;}
.navbar-nav > li > a:focus {color:#FFF; background-color:#0a76ac;}

#header {display: none;}
.top-left {margin-left:10px; margin-top:8px; width:80%}
.top-right {display: none;}

.main1 {width:98%; font-size:14px;}

#case {width:98%;}
#case ul li{width:50%; padding:2px;}

#news {width:98%;}
#news ul li{width:50%; padding:2px;}

.main4 {width:98%;}
.main4-l {display: none;}
.main4-r {width:100%;}
.main4-r h1{font-size:14px;}
.main4-r p{font-size:14px;}
.more1 {display: none;}

.bottom {display: none;}

.about {width:98%; padding-top:20px; margin-bottom:60px;}
.about-left {display: none;}
.about-right {width:100%; padding-left:0px; BORDER-left:#DDD 0px solid; }

.Contact-main1 h1{font-size:14px;}
.Contact-main1 p{font-size:14px;}

.news-main-left {width:100%; background:#CCC}
.news-main-left img {height: auto; margin-right: auto; margin-left: auto; display: block; max-width: 100%;}
.news-main-right {width:100%; background:#2b96cc; padding:2px 2px 2px 8px;}
.news-main-right a{color: #FFF; line-height:150%; font-size: 14px;}
.news-main-right h1{display: none;}
.news-main-right p{display: none;}

.product ul li {width:50%;}
.product-content {padding:2px;}

.product-title a{
	font-size: 12px;
}
}