body a:hover {
	text-decoration: none
}

a {
	outline: 0;
	-webkit-transition: all .5s;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	transition: all .5s
}

a:hover {
	color: #fd463e;
	outline: 0
}

h4 {
	margin-top: 25px
}

br {
	line-height: 10px
}

.contentprodut .btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	border-radius: 40px
}

.btn-default:hover {
	color: #fff;
	background-color: #1c7bd0;
	border-color: #ddd
}

.romana_slider_btn .romana_slider_btn1 {
	background: #eb2854;
	border: 1px solid #288feb;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	width: 185px;
	height: 55px;
	line-height: 55px;
	overflow: hidden
}

.hvr-shutter-out-horizontal:before {
	background: #a52ccc none repeat scroll 0 0
}

hr {
	margin-top: 40px;
	margin-bottom: 40px
}




ul.solution {
	padding-left: 10px
}



.header {
	width: 100%;
	height: 50px;
	padding-top: 5px;
	margin: 50px 0 10px
}

.header img {
	position: absolute;
	left: 10px
}

.header .phone {
	position: absolute;
	right: 20px;
	font-size: 2em;
	color: #d66161;
	margin: 10px 0 0;
	font-style: italic
}



.blueback {
	background: rgba(49,142,253,.8)
}

.footer {
	background: #3c3a3a;
	padding: 1em 0;
	margin-top: 50px
}

.footer-grids ul li {
	display: block;
	margin: .6em 0 0
}

.footer-grids ul li a {
	color: #999
}

.footer-grids ul li a:hover {
	color: #fff
}

.footer-grids h3 {
	font-size: 1.6em;
	color: #08cae2;
	margin-bottom: 1em;
	text-transform: capitalize
}

.copyw3-agile {
	text-align: center;
	padding: 2em 0;
	background: #222
}

.copyw3-agile p {
	font-size: 1em;
	color: #fff;
	font-weight: 300;
	line-height: 1.8em
}

.copyw3-agile p a {
	color: #fff
}

.copyw3-agile p a:hover {
	color: #5194ca
}

.footer-grids.w3-agileits:nth-child(2),.footer-grids.w3-agileits:nth-child(3),.footer-grids.w3-agileits:nth-child(4) {
	padding-left: .2em;
	margin-left: 0
}

.footer-grids h3 {
	font-size: 1.4em;
	margin-bottom: .8em;
	margin-bottom: .6em
}

.footer-grids ul li {
	margin: .5em 0 0;
	font-size: .9em
}

.footer-grids ul {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	-moz-padding-start: 0;
	-ms-padding-start: 0;
	-o-padding-start: 0
}

.footer-grids h3 {
	font-size: 1.3em
}

.footer-grids .w3-agileits {
	padding: 0 .5em
}

.about p {
	text-indent: 25px
}

.about p,.contact {
	color: #b3b3b3;
	padding: 0 2em 0 0
}

.contact ul li {
	font-size: 1.4em
}

.contact>span {
	font-size: 16px
}

.contact ul li a:hover {
	color: #5194ca
}

.contact .phone {
	color: #ec7f1f;
	font-size: 1.2em
}

.ac_results {
	padding: 0;
	background-color: #d1d1d1;
	overflow: hidden;
	z-index: 99999;
	text-align: left
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	background-position: 0;
	text-align: left
}

.ac_results li {
	margin: 0;
	padding: 2px 5px;
	cursor: default;
	display: block;
	text-align: left;
	font: menu;
	font-size: 14px;
	line-height: 1.6em;
	overflow: hidden
}

.ac_loading {
	background: #fff url(indicator.gif) 100% no-repeat
}

.ac_odd {
	background-color: #fff
}

.ac_over {
	background-color: #36f;
	color: #fff
}

.contentprodut {
	padding-top: 15px;
	padding-bottom: 35px
}

.content {
	margin-top: 80px;
	margin-left: 20px
}

.pd_leftpanel {
	border-width: 0
}

.panel-heading.panelheader {
	border: 1px solid #6f9a15;
	border-radius: 10px
}

.date1 {
	text-align: left;
	line-height: 25px;
	margin: 10px 0 10px 15px;
	padding-left: 25px;
	height: 25px;
	border-left: 3px solid #6f9a15;
	background-color: #eef4d8
}

.row {
	margin-right: 0;
	margin-left: 0
}

.aboutus {
	border: 0 solid transparent
}

.about-heading {
	border: 1px solid transparent;
	border-radius: 5px
}

.panel-heading .title {
	display: inline
}

.panel-heading .date {
	display: inline;
	float: right;
	margin-right: 10px
}

.panel-body.solution {
	text-indent: 25px
}

.form-group.product {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0
}

.media {
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 45px;
	border: 1px solid #d5d5d5;
	border-radius: 5px
}

.media-body {
	padding-right: 20px
}



.filter {
	margin-left: 20px
}

.row .search {
	padding-left: 0;
	padding-bottom: 2px;
	padding-right: 2px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
	vertical-align: middle
}

/* 大屏幕 ：大于等于1200px*/
/* @media (min-width: 1200px) { 
	
 } */
 
/*默认*/
@media (min-width: 980px){
	
	div.form-group {
		position: relative;
		margin: 1px 0 0 -20px;
		top: 2px
	}
	
	.navigation {
		padding: 0 0 .6em;
		text-align: center;
		background: rgba(FF,50,63,.84);
		position: relative
	}
	
	.navbar-default .navbar-brand {
		color: #fff;
		padding: 10px 15px
	}
	
	.navbar-toggle {
		color: #fff
	}
	
	.navbar-brand>img {
		display: block
	}
	
	.navbar-brand>p {
		padding: 6px 15px
	}
	
	.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
		color: #ff5063;
		background-color: transparent
	}
	
	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
		color: #ff5063
	}
	
	.navbar-default .navbar-nav>li>a {
		color: #fff;
		-webkit-transition: all .5s;
		-moz-transition: .5s all;
		transition: all .5s
	}
	
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
		background-color: transparent;
		color: #fff
	}
	
	.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		color: #ff5063;
		background-color: transparent
	}
	
	.navbar-default .navbar-collapse,.navbar-default .navbar-form {
		border: 0
	}
	
	.navbar-default {
		background: rgba(60,58,58,.84);
		border: 0;
		min-height: inherit;
		margin-bottom: 0
	}
	
	.navbar-collapse {
		padding: 0
	}
	
	.dropdown .dropdown-menu {
		left: 0;
		display: block;
		-webkit-transition: .3s ease-out;
		-moz-transition: .3s ease-out;
		-o-transition: .3s ease-out;
		-ms-transition: .3s ease-out;
		transition: .3s ease-out;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0)
	}
	
	.navbar-right .dropdown-menu {
		left: 0;
		top: 190%
	}
	
	.multi-column-dropdown li {
		color: #888;
		list-style-type: none;
		margin: 7px 0
	}	

	.multi-column-dropdown li a {
		display: block;
		clear: both;
		color: #008dd6!important;
		white-space: normal;
		text-decoration: none;
		font-size: 1em;
		line-height: 1.6em
	}
	
	.multi-column-dropdown li a:hover {
		color: #ff5063!important
	}	
	
	/* nav-product */
	.dropdown-menu.columns-5 {
		position: absolute;
		left:-280px;
		min-width: 780px;
		padding-top: 25px
	}
	
	.dropdown-menu.columns-105 {
		min-width: 200px;
		padding: 15px
	}
	
	.dropdown-menu.columns-2 {
		min-width: 550px;
		padding: 25px
	}
	
	/* nav-solution */
	.dropdown-menu.columns-1 {  
		min-width: 300px;
		padding: 25px;

	}
	
	li.dropdown.open .dropdown-menu {
		-webkit-transform: scale(1);
		-moz-transform: scale(10);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	
	ul.multi-column-dropdown h6 {
		font-size: 1.4em;
		color: #b31330;
		margin: 0 0 .5em;
		padding-bottom: .5em;
		border-bottom: 1px solid #e4e4e4;
		text-transform: capitalize;
		font-family: Yantramanav,sans-serif;
		font-weight: 300
	}
	

	
	.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
		background: 0;
		border: 0
	}
	
	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
		background-color: transparent
	}
	
	.nav.navbar-nav {
		padding-left: 110px
	}
	.dropdown .col-md-4 {
		height: 320px
	}

	input.form-control {
		position: relative;
		margin-right: 10px
	}
	
	.search_ico {
		position: relative;
		margin: -27px 0 0 150px
	}

	.pdcatalogue {
		color: #b31330
	}
	
	.pdcatalogue:hover {
		color: #008dd6
	}


	/* 轮播 */
	
	.carousel {
		/*height: 700px;*/
		margin-bottom: 60px
	}

	.carousel-caption {
		z-index: 10
	}

	.carousel .item {
		height: 40em;
		background-color: #777
	}

	.carousel-inner>.item>img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		height: 100%
	}
	
	.icon{
	    display: inline-block;
	    height: 16px;
	    width: 16px;
	    background-image: url(/images/search_ico.png);/*这里放置图标的绝对路径*/
	    background-repeat: no-repeat;
	    position: absolute;
	    top: 23%;
	    right: 10%;
	    z-index: 2;
	}
	.msgdevlisttable {
		width: 100%;
		overflow: auto;
	}		
}   
 
/* 平板电脑和小屏电脑之间的分辨率 */
 @media (min-width: 768px) and (max-width: 979px) { 
	
	div.form-group {
		position: relative;
		margin: 1px 0 0 -20px;
		top: 2px
	}
	
	.navigation {
		padding: 0 0 .6em;
		text-align: center;
		background: rgba(FF,50,63,.84);
		position: relative
	}
	
	.navbar-default .navbar-brand {
		color: #fff;
		padding: 10px 15px
	}
	
	.navbar-toggle {
		color: #fff
	}
	
	.navbar-brand>img {
		display: block
	}
	
	.navbar-brand>p {
		padding: 6px 15px
	}
	
	.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
		color: #ff5063;
		background-color: transparent
	}
	
	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
		color: #ff5063
	}
	
	.navbar-default .navbar-nav>li>a {
		color: #fff;
		-webkit-transition: all .5s;
		-moz-transition: .5s all;
		transition: all .5s
	}
	
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
		background-color: transparent;
		color: #fff
	}
	
	.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		color: #ff5063;
		background-color: transparent
	}
	
	.navbar-default .navbar-collapse,.navbar-default .navbar-form {
		border: 0
	}
	
	.navbar-default {
		background: rgba(60,58,58,.84);
		border: 0;
		min-height: inherit;
		margin-bottom: 0
	}
	
	.navbar-collapse {
		padding: 0
	}
	
	.dropdown .dropdown-menu {
		left: 0;
		display: block;
		-webkit-transition: .3s ease-out;
		-moz-transition: .3s ease-out;
		-o-transition: .3s ease-out;
		-ms-transition: .3s ease-out;
		transition: .3s ease-out;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0)
	}
	
	.navbar-right .dropdown-menu {
		left: 0;
		top: 190%
	}
	
	.multi-column-dropdown li {
		color: #888;
		list-style-type: none;
		margin: 7px 0
	}	

	.multi-column-dropdown li a {
		display: block;
		clear: both;
		color: #008dd6!important;
		white-space: normal;
		text-decoration: none;
		font-size: 1em;
		line-height: 1.6em
	}
	
	.multi-column-dropdown li a:hover {
		color: #ff5063!important
	}	
	
	/* nav-product */
	.dropdown-menu.columns-5 {
		position: absolute;
		left:-280px;
		min-width: 780px;
		padding-top: 25px
	}
	
	.dropdown-menu.columns-105 {
		min-width: 200px;
		padding: 15px
	}
	
	.dropdown-menu.columns-2 {
		min-width: 550px;
		padding: 25px
	}
	
	/* nav-solution */
	.dropdown-menu.columns-1 {  
		min-width: 300px;
		padding: 25px;

	}
	
	li.dropdown.open .dropdown-menu {
		-webkit-transform: scale(1);
		-moz-transform: scale(10);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
	
	ul.multi-column-dropdown h6 {
		font-size: 1.4em;
		color: #b31330;
		margin: 0 0 .5em;
		padding-bottom: .5em;
		border-bottom: 1px solid #e4e4e4;
		text-transform: capitalize;
		font-family: Yantramanav,sans-serif;
		font-weight: 300
	}
	

	
	.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
		background: 0;
		border: 0
	}
	
	.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
		background-color: transparent
	}
	
	.nav.navbar-nav {
		padding-left: 30px
	}
	.dropdown .col-md-4 {
		height: 320px
	}

	.navbar-form .form-control {
		width: 120px;
	}	
	input.form-control {
		position: relative;
		margin-right: 10px
	}
	
	.search_ico {
		position: relative;
		margin: -27px 0 0 150px
	}

	.pdcatalogue {
		color: #b31330
	}
	
	.pdcatalogue:hover {
		color: #008dd6
	}

	.carousel-inner {
		position: relative;
		width: 100%;
		overflow: visible;
		overflow-x: visible;
		overflow-y: visible
	}

	.carousel-inner>.item>img {
		position: absolute;
		top: 0;
		left: 0;
		max-width: 100%;
		height: 300px
	}

	.carousel .item {
		height: 300px;
		background-color: #777
	}

	.carousel {
		height: 300px;
		margin-bottom: 60px
	}

	.carousel-caption {
		top: 180px;
		padding-bottom: 10px
	}
	
	
	.dropdown-menu.columns-5 {
		min-width: 550px;
		padding-top: 25px
	}

	.icon{
		display: inline-block;
		height: 16px;
		width: 16px;
		background-image: url(/images/search_ico.png);/*这里放置图标的绝对路径*/
		background-repeat: no-repeat;
		position: absolute;
		top: 25%;
		right: 10%;
		z-index: 2;
	}

 } 
 

 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { 

	div.form-group {
		position: relative;
		margin: 1px 0 0 -20px;
		height: 1rem;
		/* top: -10px */
		bottom: 1rem;
	}
	
	.form-control.ac_input {
		background-color: #ffffff;
		margin-left: 8px;
		width: 100%;
		bottom: 50%;
/* 		height: 1cm; */
	}
	
     .icon{
         display: inline-block;
         height: 16px;
         width: 16px;
         background-image: url(/assets/images/search_ico.png);/*这里放置图标的绝对路径*/
         background-repeat: no-repeat;
         position: absolute;
         top: 74%;
         right: 1%;
         z-index: 2;
     }

	a:hover {
		color: #e713ff;
		outline: 0
	}

/* 	.multi-column-dropdown li a {
		color: #fff!important
	} */

	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff
	}

	.dropdown-menu.columns-2,.dropdown-menu.columns-5 {
		padding: 0px;
	}

	.navbar-default {
		background: #3c3a3a
	}
	.navbar-default .navbar-nav>li>a {
		color: #fff;
		-webkit-transition: all .5s;
		-moz-transition: .5s all;
		transition: all .5s
	}
	.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
		color: #ff5063;
		background-color: transparent
	}	
	
	.multi-column-dropdown li {
		color: #888;
		list-style-type: none;
		margin: 7px 0
	}

	.msgdevlisttable {
		/* display: flex; */
		width: 380px;
		overflow: auto;
	}
 }
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { 
	
 }