/*		Default Layout: 1200px. 
		Gutters: 30px.
		Outer margins: 15px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10      11     12
px      100   200    300    400    500    600    700    800    900    1000    1100    1200  */
/*		Tablet Layout: 1200px.
		Gutters: 30px.
		Outer margins: 15px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10      11     12
px      70    140    210    280    350    420    490    560    630    700     770    840    */


@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*---------------------------------------------
						Index Start 
	-----------------------------------------------*/
	/*调整nav li a的宽度，解决因导航栏不够宽而换行*/
	#nav .navbar-nav li a {
    padding: 25px 5px 24px 5px;
	}
	/*--
		section intro Start 
	--*/
	.intro h3 {
		text-align: center;
	}
	/*--
		qualification Start 
	--*/
	.qualification {
		text-align: center;
	}
	/*--
		footer Start 
	--*/
	footer{
		background-size: cover;
	}
	footer .navbar {
		margin-bottom: 0px;
		border: 0px;
		min-height: 40px;
	}
	footer .navbar-default {
		border: 0px;
		width: 68%;
	}
	footer .navbar-default .navbar-nav li a {
		color: #494949;
		padding: 10px 10px;
		font-size: 15px;
	}
	footer .navbar-default .navbar-nav li a:hover {
		color: #000;
	}
	/*---------------------------------------------
						Index Close 
	-----------------------------------------------*/

	  /*---------------------------------------------
						products Start 
	-----------------------------------------------*/

	/*--
		ECO-ITSS智能运维平台
	--*/
	
	  /*---------------------------------------------
						products close 
	-----------------------------------------------*/
	  /*=============================================*/
	  /*---------------------------------------------
						contact start 
	-----------------------------------------------*/
	
	/*--
		百度地图样式
	--*/
	#dituContent {
	height: 350px;
	}
	.contact .ad-icon {
		margin-right:15px;
	}
	  /*---------------------------------------------
						contact close 
	-----------------------------------------------*/
	 
	
	/*---------------------------------------------
						support start 
	-----------------------------------------------*/
	.m_map {
	    margin: 30px auto;
	    width: 90%;
	    position: relative;
	}
	.mp .mito {
    left: -8px;
    bottom: -8px;
    width: 50px;
	}	
	.feng {
    left: -240px;
    top: -100px;
	}
	.mp2 {
		left: 69%;
		top: 69%;
	}
	.mp3 {
		left: 50%;
		top: 65%;
	}
	.mp9 {
		left: 63%;
		top: 57%;
	}
	.mp16 {
		left: 64%;
		top: 82%;
	}
	.mp20 {
		left: 76%;
		top: 63%;
	}
	.mp23 {
		left: 69%;
		top: 40%;
	}
	.mp40 {
		left: 66%;
		top: 48.5%;
	}
	/*---------------------------------------------
						support close 
	-----------------------------------------------*/
	
}

/*===============================================================================================*/

@media only screen and (max-width: 767px) {
	
	/* --
	所有页面，手机版菜单button下拉高度更改，重写bootstrap默认的样式 
	--*/
	.navbar-fixed-top .navbar-collapse {
		max-height: 440px;
	}
	
	/*---------------------------------------------
					Index Start 
	-----------------------------------------------*/
	/*--
		masterheader
	--*/
	
	header.masthead .tp-banner h1 {
		letter-spacing: 0px;
		/*font-size: 16px;*/
		font-size: 14px;
	}
	header.masthead .tp-banner .tp-caption.large_white_light {
		/*font-size: 12px !important;
		line-height: 16px !important;*/
		font-size: 10px !important;
		line-height: 20px !important;
	}
	header.masthead .tp-banner .tp-caption.large_white_light span {
		margin-right: 1px;
	}
	header.masthead .tp-caption .btn.btn-warning {
		font-size: 10px;
		color: white;
	}
	header.masthead .tp-caption .btn {
		padding: 3px 4px;
	}
	header.masthead h1, header.masthead h2, header.masthead h3 {
		color: white;
	}
	/*--
	v-banner
	--*/
	.v-banner {
    height: 560px;
	}
	/*--
		section intro Start 
	--*/
	.intro h3 {
		text-align: center;
	}
	/*--
		navbar的媒体查询样式（所有页面共用
		--*/
	.inside-nav {
		margin-top: -50px;
	}
	.inside-nav-box {
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
	}
	#nav .navbar-nav li {
		text-align: center;
		background-color: #F5F5F5;
		border-top: 1px solid rgba(207,207,207,.66);
		padding: 10px;
	}
	.navbar-nav {
		margin: 0px -15px;
	}
	#nav .navbar-nav li a {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.navbar-brand {
		margin-left: 20px;
	}
	
	header .navbar-default .navbar-toggle {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.v-banner .title {
	    width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.v-banner .title h1 {
		font-size: 24px;
		padding-bottom: 0px;
		letter-spacing: 4px;
	}
	.v-banner .title p {
		font-size: 14px;
	}
	/*--
		products Start 
	--*/
	.products .thumbnail {
		padding-bottom: 70px;
	}

	.products .products-name {
	border-radius: 15px 15px 0px 0px;
	font-size: 20px;
	padding: 30px 0px;
	}

	.products ul {
	margin: 15px 0px 15px 0px;
	}
	.products ul li {
		font-size: 16px;
		padding: 8px 10px;
	}
	.products .elementor-list-box {
    border-radius: 15px 15px;
    padding-bottom: 20px;
    margin-top: 10px;
}
	/*--
		support Start 
	--*/
	.support .btn {
		padding: 5px 10px;
		font-size: 15px;
	}
	/*--
		qualification Start 
	--*/
	.qualification {
		text-align: center;
	}
	/*--
		case Start 
	--*/
	.case .container-content {
		height: 120px;
	}
	.case .marquee-content-items {
		height: 100px;
	}
	.case .marquee-content-items img {
		width: 100px;
	}
	  /*---------------------------------------------
						Index Close 
	-----------------------------------------------*/
	  /*=============================================*/
	
		/*-------------------------------------------
	                   除了首页外的其他页面共用样式
	-------------------------------------------------*/
	
	.inside-banner {
		height: 270px;
	}
	.banner-font {
		top: 40%;
    	width: 80%;
		left: 2%;
		-ms-transform: translate(0,-50%);
		-o-transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	.banner-font h1 {
		font-size: 30px;
	}
	.banner-font p {
		font-size: 20px;
	}
	.title2 {
    margin-bottom: 10px;
}
	.title2 h2 {
		font-size: 22px;
	}
	.title2 p {
		font-size: 18px;
	}
	.wrapper {
		padding: 5% 2%;
	}
	
	
	  /*---------------------------------------------
						product Start 
	-----------------------------------------------*/
	/*--
	ECO.html 智能运维平台 产品页面
	--*/
	.itss-advantages .advantage-item .item-box {
    padding: 10px 0px 30px 0px;
	}
	.itss-advantages .item-box h3 {
		font-size: 20px;
	}
	.module-turns {
    margin: 0px auto 35%;
	}
	.module-turns .carousel-caption p {
		font-size: 13px;
		line-height: 15px;
	}
	/*--
		ECO-ITSS智能运维平台 轮番图
	--*/
	
	/*--
		las E 日志
	--*/
	.las-about .las-icon img {
		width: 50%;
	}
	
	  /*---------------------------------------------
						product close 
	-----------------------------------------------*/
	  /*=============================================*/
	  /*---------------------------------------------
						contact Start 
	-----------------------------------------------*/
	/*--
		百度地图样式
	--*/
	#dituContent {
		height: 250px;
	}
	.contact .ad-icon {
		margin-right:15px;
	}
	  /*---------------------------------------------
						contact close 
	-----------------------------------------------*/


	 /*---------------------------------------------
						support begin 
	-----------------------------------------------*/
	
	.m_map {
	    margin: 30px auto;
	    width: 90%;
	    position: relative;
	}
	.mp .mito {
    left: -8px;
    bottom: -8px;
    width: 50px;
	}	
	.feng {
    left: -240px;
    top: -100px;
	}
	.mp2 {
		left: 69%;
		top: 69%;
	}
	.mp3 {
		left: 50%;
		top: 65%;
	}
	.mp9 {
		left: 63%;
		top: 57%;
	}
	.mp16 {
		left: 64%;
		top: 82%;
	}
	.mp20 {
		left: 76%;
		top: 63%;
	}
	.mp23 {
		left: 69%;
		top: 40%;
	}
	.mp40 {
		left: 66%;
		top: 48.5%;
	}
	
	
	/*---------------------------------------------
					support close 
	-----------------------------------------------*/
	
	/*---------------------------------------------
				successful case Start 
	-----------------------------------------------*/
	.successful-case-in .customer-content .page .pagination li {
		margin-right: 0px;
	}
	
	/*---------------------------------------------
				successful case close 
	-----------------------------------------------*/
	
	/*---------------------------------------------
					news-in Start 
	-----------------------------------------------*/
	.customer-content .page .pagination li {
		margin-right: 0px;
	}
	.article-info .title h2 {
		font-size: 18px;
	}
	.article-info .title .time {
		font-size: 12px;
	}
	/*---------------------------------------------
					news-in Start 
	-----------------------------------------------*/
	
	  /*--
		footer Start 
	--*/
	footer .footer-manu {
    	padding-bottom: 15px;
	}
	footer .footer-manu ul li {
		padding: 5px 10px;
	}
	footer {
	    padding-top: 20px;
	    padding-bottom: 20px;
	    /* background: rgb(245, 245, 245); */
		background: url(../images/footer_bg.jpg);
		background-size: cover;
	}
}