h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol {margin: 0; padding:0;}
p {margin: 0;}
html, body{
	font-family:'寰蒋闆呴粦';
	font-size: 100%;
}




@font-face {
    font-family: "miui";
    src: url("../Font/miui.woff2") format("woff2"),
    url("../Fontmiui.woff") format("woff"),
    url("../Fontmiui.ttf") format("truetype"),
    url("../Fontmiui.eot") format("embedded-opentype"),
    url("../Fontmiui.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
a:focus {
    outline: none!Important;
    outline:none!Important;
    outline-offset:0px!Important;
}
.clear{ clear: both}
li {list-style-type: none;}
.kb20{
	height:20px;}
.h_xian {
	margin: 20px auto;
	clear: both;
	height: 1px;
	background: #EAEAEA;
}
h1.b1, h2.b2, h3.b3 {
  margin-bottom: 25px;
  display: block;
}
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.row{
	margin:0;
	padding:10px 0;
}


a#toTop{
  margin-top: 0;
}
.breadcrumb{
	margin:2em 0;
	text-align:left;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
.kb90 {height: 90px;line-height: 90px;clear: both;}
.kb100{height:100px; line-height: 100px; clear: both}
.kb117{height:117px; line-height: 117px; clear: both}
/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
/*-- header_top --*/
.header{
	background:#2D2D2D;
	padding:6px 0;
}
.headr-left{
	float:left;
	width:85%;
}
.social{
	float:left;
	height: auto;
}
.social i {
width: 27px;
height: 27px;
background: url('../images/social.png') no-repeat 0px 0px;
display: inline-block;
margin:0 5px;
}
a i.facebook{
background-position:-3px -2px;
}
a i.twitter{
background-position: -43px -3px;
}
a i.dribble{
background-position: -83px -3px;
}
a i.google{
background-position:-126px -2px
}
a i.youtube{
background-position:-167px -3px;
}
a i.facebook:hover{
background-position:-3px -36px;
}
a i.twitter:hover{
background-position: -43px -36px;
}
a i.dribble:hover{
background-position: -83px -36px;
}
a i.google:hover{
background-position:-126px -36px
}
a i.youtube:hover{
background-position:-167px -36px;
}

.details {
    float: left;
	padding-top: 3px;
}
.headr-right {
  float: left;
}
.details ul li{
	display:inline-block;
	padding:0.3em 0em 0.3em 1em;
}
.details ul li:nth-child(1){
	margin-right:3em;
}
.details ul li{
	color:#fff;	
	text-decoration:none;
	font-size:0.9em;
}
.details ul li a{
	color:#fff;	
	text-decoration:none;
	font-size:0.9em;
}
.details ul li a:hover{
	color:#b8d29b;
}
.glyphicon-earphone:before,.glyphicon-envelope:before  {
  font-size:13px;
  margin-right:5px;
}
.glyphicon{
    display:inline-block!important;
}
/*--------------------
2. Navigation
--------------------*/

.navbar-default {
	background:url("../images/jy_01.png") repeat #fff;
	border-color: transparent;
	top:auto;
}
.navbar-default .navbar-brand {
	color: #fff;
	padding: 0px;
	margin-left: 10px;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active {
	color: #fec503
}
.navbar-nav{
	padding:20px 0;
}
.navbar-nav li{
	padding:0 10px 0;
}
.navbar-default .navbar-collapse {
	border-color: rgba(255,255,255,.02)
}
.navbar-default .navbar-toggle {
	margin:16px 16px 0 16px;
	background-color: #ff4e58;
	border-color: #ff4e58
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
	background-color: #ff4e58
}
.navbar-default .nav li a {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	color: #000;
	
}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus {
	color: #196be8;
	outline: 0
}

.navbar-default .navbar-nav>.active>a {
	border-radius: 0;
	color: #fff;
	background-color: #fed136
}
.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #fec503
}


.h100{height: 384px;}





@media (min-width:768px) and (max-width:920px){
	.navbar-default .nav li a{padding: 15px 3px;}
	.navbar-default .nav li:nth-of-type(2) a{display: none;}
		.navbar-default .nav li:nth-of-type(8) a{display: none;}

}



@media (min-width:921px) and (max-width:1168px){
	.navbar-default .nav li a
	{
     padding: 15px 3px;
	}
}





@media (min-width:768px) and (max-width:1100px){
	.navbar-header{
		float: left;
		width: 150px;
	}
	.navbar-nav li{
		padding:0 0;
	}

	
}





@media (max-width:768px){
	.biglogo{
		display: block;
		height: auto;
		/*width: 76vw;*/
		float: left;
	}

}





@media (min-width:768px) {
	.navbar-default
	{
		background-color: rgba(255, 255, 255, 1);
		-webkit-transition:padding .3s;
		-moz-transition:padding .3s;
		transition:padding .3s;
		border:0
	}
	.navbar-default .navbar-brand {
		font-size: 2em;
		-webkit-transition:all .3s;
		-moz-transition:all .3s;
		transition:all .3s;
		margin-top: 10px;
		margin-left: 10px;
	}
	.navbar-default .navbar-nav>.active>a {
		border-radius: 3px
	}
	.navbar-default.navbar-shrink {
		background-color: #FFFFFF;
		padding: 5px 0;
	}
	.navbar-default.navbar-shrink .navbar-brand {
		font-size: 1.5em;
		margin-top: 10px;
	}

}

/*--banner--*/

/*--banner--*/

/*--//banner--*/
/*------------------ Slider Part starts Here----------*/
#slider3,#slider4 {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0,0,0,.25);
	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	font-size: 18px;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 540px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.rslides_tabs .rslides_here a {
	background: rgba(255,255,255,.1);
	color: #fff;
	font-weight: bold;
}
.events {
	list-style: none;
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
}
.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 49%;
	left: 3%;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 32px;
	width: 32px;
}
#slider3-pager a ,#slider4-pager a {
	display: inline-block;
}
#slider3-pager span, #slider4-pager span{
	float: left;
}
#slider3-pager span,#slider4-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a , #slider4-pager .rslides_here a {
	background: #FFF;
	border-radius:30em;
	opacity:1;
}
#slider3-pager a ,#slider4-pager a{
	padding: 0;
}
#slider3-pager li ,#slider4-pager li{
	display:inline-block;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li{
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	height: auto;
	border: 0;
	width:100%;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	bottom: 20%;
	z-index: 111;
	left: 45%;
	padding: 0;
	margin: 0;
}
.callbacks_tabs li{
	display:inline-block;
	margin: 0 .3em;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
@media screen and (max-width: 600px){
	.callbacks_nav {
		top: 47%;
	}
}
/*----*/
.callbacks_tabs a{
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 9px;
	border-radius: 18px;
	width: 40px;
	display: inline-block;
	background: #fff;
	border:1px solid #00CED1;
}
.callbacks_here a:after{
	background: #00CED1;
}
/*--//slider end here--*/




/*jiaqi*/
#portfolio .nopadding  img{
	display: block;
	width: 100%;
}
#portfolio .paddings{
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:26px 36px;}



#portfolio {font-family: 寰蒋闆呴粦;}
#portfolio .row .paddings{height: 318px;}
#portfolio .row .paddings:nth-of-type(1){background: #da8439;}
#portfolio .row .paddings:nth-of-type(3){background: #d0b95c;}
#portfolio .row .paddings:nth-of-type(5){background: #ff9900;}


#portfolio .row .paddings:nth-of-type(7){background: #51b7b9;}
#portfolio .row .paddings:nth-of-type(9){background: #87b00d;}
#portfolio .row .paddings:nth-of-type(11){background: #ff5d4f;}





#portfolio .nopadding .times{font-size: 18px;color: #fff;}
#portfolio .nopadding .hline{height: 5px;width: 30px;border-top: 2px solid #f1f1f1;margin-top: 10px;}
#portfolio .nopadding .news-more i{font-size: 30px;display: block;color: #fff;padding-top: 13px;}




.nopadding{padding: 0;margin: 0;}



.hover-text>h5{font-size: 18px;line-height: 1.4rem;display: block;padding: 1rem 0;color: #fff;font-weight:100; }
.hover-text .content{color: #fff; line-height: 20px;font-size: 14px;font-weight: 100;}
.portfolio-item .hover-bg{overflow: hidden;position: relative;}

.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.66);
	padding: 20% 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h5{
	opacity: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>h5{
	opacity: 1;
	-webkit-backface-visibility:hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	font-size: 1.2em;
}
.hover-bg .hover-text>.hline{
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: all 0.3s;
}
.hover-bg:hover .hover-text>.hline{
	opacity: 1;
	-webkit-backface-visibility:hidden;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}
.hover-bg:hover .hover-text{
	opacity: 1;
}


.hover-text p.lead{
	color: #fff;
	font-size: 1em;
	padding:1em;
	line-height: 1.5em;
}
.hover-bg img{ width: 100%}
/*jaiqi*/




/*--welcome--*/
.welcome{
	padding:3em 0 4em;
}
.welcm-left h3{
	font-size: 3em;
    color:#B8D29B;
}
.welcm-left h4{
	font-size: 1.3em;
    color: #333;
	margin:1em 0;
}
.welcm-left p{
	color:#999;
	font-size:0.9em;
	line-height:1.8em;
}
.welcm-right {
    padding: 0 0 0 3em;
}
.welcm-right h3{
	color: #333;
    font-size: 2em;
}
.welcm-right img {
    margin: 2em 0 1em 0;
}
.welcm-right p{
	color:#999;
	font-size:0.9em;
	line-height:1.8em;
	margin-top:2em;
}
p.text{
	margin-top:1em;
}
/*璇剧▼*/
.team-item{ background:rgba(0,0,0,0.8); height:98px;}
.team-image{ width:98px; margin-left:30px; float:left;}
.team-text{ float:left; padding-top:20px;}

.team-item h3 {
	font-size: 1.2em;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
}

.team-item .team-position {
	color: #ff9900;
	font-size: 1em;
	margin: 15px 0 10px;
	text-transform: uppercase;
	font-weight: 500;
}
.light-bg .col-md-4{padding:0;}
.light-bg{padding:0;background: #f3f3f3;}




.topbox{width:100%;background: #f3f3f5;line-height: 30px;color: #333;font-size: 12px;}
.topbox a{color: #333;}






/*--about--*/
#about{padding-top: 40px;}
.section-title h2 {
	font-size: 36px;
	color: #555555;
	font-weight: normal;
	position: relative;
}
.dark-bg .section-title h2 {
	color: #fff;
}


.section-title p {
	font-size: 36px;
	width:80%;
	margin:0 auto;
	line-height: 31px;
	color: #555555;
	margin-bottom:10px;
	font-style: italic;
}
.section-title p i{color: #1e85e4;}

.section-cta h2 {
	color: #fff;
	font-size: 23px;
	font-weight: 300;
	margin: 0 0 20px;
}

.button-cta {
	border: 2px solid #fff;
	padding: 10px 50px;
	font-size: 16px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	display: inline-block;

	-webkit-transition: all .4s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-o-transition: all .5s ease; /* IE 9 */
	-ms-transition: all .5s ease; /* Opera */
	transition: all .5s ease;

}
.button-cta:hover {
	color: #000;
	background-color: #fff;	
	text-decoration: none;
}


.kc_t{ height:2em;font-size:0.9em;  line-height:2em; color:#000; text-indent:0.5em; transition: all 0.3s ease 0s;}

.team-info {
	margin-top:3em;
}
.team-grids a {
	overflow: hidden;
	position: relative;
	display: block;
	width:100%;
	height:100%;
}
.team-grids a img{

}
.captn h4 {
	color: #fff;
	font-size: 1em;
	margin-top: 2px;
}
.captn p {
	font-size:0.9em;
	margin-top: 0.5em;
	color:#fff;
	line-height:1.8em;
}
.team-grids a .captn {
	display: inline-block;
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: -70%;
	right: 0;
	background-color: rgba(51, 51, 51, 0.68);
	padding: 5% 10%;
	text-align: center;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.team-grids a:hover .captn {
	width: 100%;
	bottom: 0%;
	padding: 22% 10%;
}
.services .gallery-grid{ transition: all 0.3s ease 0s;}
.services .gallery-grid:hover .kc_t{ background:#77c6c7; color:#fff;}
.kc_t a{ font-size:0.8em; text-indent:10px; }

.more{ width:120px; height:2em; line-height:2.2em; color:#fff;  background:#ff4e58; border-radius:15px; margin:3em auto;transition: all 0.5s ease 0s; text-align:center;}
.more:hover{ border-radius:0px; width:150px;}

.services h3,.gallery-info h3,.team h3,.contact h3{
	font-size: 1.5em;
    color:#000;
	text-align:center;
}
.services h3{ 
	font-weight: 900;
    position: relative;
    margin: 20px 0 20px;
    padding-bottom: 15px;
	}
	
.services h3:after {
	left: 50%;
	z-index: 1;
	width: 100px;
	height: 3px;
	content: " ";
	bottom: -5px;
	margin-left: -50px;
	text-align: center;
	position: absolute;
	background: #b9b9b9;
}






.index-class-img img{display: block;width: 100%;float: left;transition: 0.5s;}
.index-class-txt {display: block;width: 100%;float: left;line-height:3em;box-sizing:border-box;padding:0 1em;transition: 0.5s;color: #000;}
.index-class-txt  i{font-size: 35px;transition: 0.5s;opacity:0;padding-right: 0;color: #fff;}
.news-class a:hover .index-class-img img {-webkit-filter: drop-shadow(2px 2px 2px #000);
filter: drop-shadow(2px 2px 2px #000);}
.news-class a:hover .index-class-txt{background: #77c6c7;color: #fff;}
.news-class a:hover .index-class-txt i {opacity:1;padding-right: 5px;}
.news_index .container{padding-top: 30px}
.services .container{padding-top: 30px}
.portfolio .container{padding-top: 30px}
.services .text-center p{ line-height:2em; padding:10px 0; color:#8e8e8e; font-size:1em; width:80%; margin:0 auto;}
.services .text-center div{line-height:2em; color:#000; font-size:1.2em; width:80%; margin:2em auto;}

.specialty{
  padding: 3em 0;
  background: #FAFAFA;
}
.specialty-info h5 {
  color: #969696;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
}
.specialty-info p {
  color: #333333;
  margin: 3em 0 0 0;
  line-height: 1.8em;
  font-weight: 600;
}
#service .container{padding-left: 0;}
.service-box {
background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  border-right:dashed 1px #dbdbdb;
}
.service-box1 {
background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  border-right:dashed 1px #dbdbdb;
  border-left:dashed 1px #dbdbdb;
}
.service-box .icon {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon  .ico1 {
	display:block;
  width: 100px;
  height: 100px;
  background:url(../images/pro_ico1.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon  .ico2 {
	display:block;
  width: 100px;
  height: 100px;
  background:url(../images/pro_ico2.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon .ico3 {
	display:block;
  width: 100px;
  height: 100px;
  background:url(../images/pro_ico3.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon .ico4 {
	display:block;
  width: 100px;
  height: 100px;
  background:url(../images/pro_ico4.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon .ico5 {
	display:block;
  width: 100px;
  height: 100px;
  background:url(../images/pro_ico5.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon img {
  position: relative;
  z-index: 100;
  transition: all 0.3s ease 0s;
}


.service-box .icon:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #e6820c;
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}


.service-box:hover .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.service-box:hover .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


.on_box .icon img {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.on_box .icon:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}









.service-box h5{
  font-size: 18px;
  color: #343434;
  margin: 1em 0em 0.5em 0em;
}
.service-box p{
    color: #1e85e4;
    font-size: 0.9em;
    line-height: 1.8em;
    text-transform: uppercase;
	margin: 0 auto;
    width: 84%;
}
.service-box i{display: block;width: 20px;height: 1px;background: #a0a0a0;margin:10px auto;}
.specialty-grids-top:nth-child(2) {
  margin-top: 4em;
}
.specialty-button{
	margin-top:3em;
}



/*鍏充簬鎴戜滑*/
.about_main{ width:100%; background:#ff9900; height:475px; overflow:hidden;}


.about_main .about_nr{ overflow:hidden;}



.about_main .row{  
    display: table;  
}  
  
.about_main [class*="col-"]{  
    float: none;  
        display: table-cell;  
        vertical-align: top;    
}

header .owl-carousel .owl-item{
	float: left;
	margin: 0;
	padding-left: 0;
}
/*鏂伴椈*/
.news_index .item{transition: all 0.3s ease 0s; padding:1em;}
.news_index .item:hover{ background: #fff;}
.news_index .item-pic{padding:1em 0;}
.news_index .item-pic img{width:100%;}
.news_index .item-time{ font-size:0.8em; line-height: 1.5em; color: #999; text-align: center}
.news_index .item-text{ font-size:1em; line-height: 1.5em; height:1.5em; overflow:hidden; color: #000;}
.news_index .item-d{ font-size:0.9em; line-height: 1.5em; height: 6em; overflow:hidden; color: #696969;}

.news_index{ padding-bottom: 5em;}
.index_i{ background: #f8f6ea;}
/* 鍋囨湡娲诲姩 */

/*--contact--*/
.contact{
	padding:0 0 0;
	background: #ff9900;
}
.contact h3{ color: #fff; }
.contact h3:after{border-bottom: 4px #fff solid;}
.map iframe {
    width: 100%;
    height: 400px;
}
.contact-grids h2{
	color: #ed645c;
  font-weight: 600;
  margin-bottom: 0.5em;
  font-size: 2.1em;
  margin-top: 1.5em;
  font-family: 'Audiowide', cursive;
}
.contact-grids p.design{
	margin: .2em 0 0 0;
	color: #999999;
	font-size: 25px;
	text-align: center;
	font-weight: 300;
	}
.contact-grid{
	float:left;
	text-align:center;
	}
.contact-grid p{
	color:#898888;
	font-size:15px;
	margin:1em 0 0;
	}
.contact-grid p span{
	display:block;
	margin:.3em 0 0;
	}
.glyphicon-phone-alt:before,.glyphicon-map-marker:before  {
   color:#C2C4C5;
   font-size:22px;
}
.glyphicon-envelope2:before {
    content: "\2709";
	color:#C2C4C5;
   font-size:22px;
}
.contact-grid p {
	color:#fff;
	font-size:15px;
	}
.contact-grid p a:hover{
	text-decoration:none;
	color:#fff;
	}
/* .contact-grid:nth-child(2){
	margin:0 4em;
	} */
.contact-grids input[type="text"],.contact-grids textarea{
	outline:none;
	border:1px solid #a1a1a1;
	background:none;
	padding:15px 10px;
	font-size:15px;
	border-radius: 7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	}
.contact-grids input[type="text"]{	
	width:30%;
	float:left;
	}
.contact-grids input[type="text"]:nth-child(2){
	margin:0 3.8em;
	}
.contact-grids textarea{
	width:100%;
	height:300px;
	margin:1.5em 0;
	resize:none;
	}
.contact-grids input[type="submit"]{
	outline:none;
	border:none;
	background:#B8D29B;
	width: 13%;
	display: block;
	padding: 10px 0px;
	border:2px solid #B8D29B;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	color:#fff;
	font-size:16px;
	font-weight:700;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.contact-grids input[type="submit"]:hover{
	background:#fff;
	color:#B8D29B;
	}




.contact-icons{
	padding:3em 0 4em;
}




.contact-fig:before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ff9900;
  position: absolute;
  top: -1px;
  left: -1px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0s;
}


.contact-fig span.back {
  -webkit-transform: scale(0.0);
  -moz-transform: scale(0.0);
  -ms-transform: scale(0.0);
  -o-transform: scale(0.0);
  transform: scale(0.0);
  position: absolute;
  z-index: 1;
  border-radius: 50%;

	background: #87b00d;
   transition: all 0.3s ease 0s;
   right: 137px;
  width: 106px;
  height: 106px;
}


.contact-fig img{position: relative;z-index: 8;}
.contact-fig:hover span.back {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  position: absolute;
}




.map{
	margin-top:3em;
}
.footer {
    background: #2e363a;
    border-top:solid 1px rgba(255,255,255,.1);
    padding: 1em 0;
}
.copywrite {
    text-align: center;
}
.copywrite p{
    color: #fff;
    font-size: 0.9em;
}
.copywrite p a {
	color: #999;
}
.copywrite p a:hover{
	color:#B8D29B;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 14px;
	right: 3%;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top1.png") no-repeat 0px 0px;
}
#toTopHover {
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	float: right;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}
/*--responsive--*/
@media (max-width: 1440px){
}
@media (max-width: 1366px){
}
@media (max-width: 1280px){
.logo {
    left: 39%;
}
}
@media (max-width: 1080px){


.contact-grids input[type="text"] {
    width: 29.5%;
}
.banner-info h2 {
    font-size: 2em;
}
.banner-info {
    padding: 2em 2em;
    margin-top:9em;
}
.welcm-left h4 {
    font-size: 1.2em;
}
.welcm-right h3 {
    font-size: 1.8em;
}
.welcm-left p,.welcm-right p,.service-box p{
	font-size:0.85em;
}
.service-box p {
    width: 89%;
}
.services h3, .gallery-info h3, .team h3, .contact h3,.testi-top h3{
    font-size: 2.6em;
}

}
@media (max-width: 1024px){
.logo {
    left: 34.5%;
}
.contact-grids input[type="text"] {
    width: 29.4%;
}
.contact-grid:nth-child(2) {
/*     margin: 0 3.5em;
 */
margin:1em auto;}
.headr-left {
    float: left;
}


}
@media (max-width: 991px){

.welcm-left h3 {
    font-size: 2.6em;
}
.welcome {
    padding: 2em 0 3em;
}
.welcm-left {
    padding: 0;
}
.welcm-right {
    padding: 2em 0 0 0em;
}
.service-box p {
    width: 56%;
}
.service-box {
    margin-bottom: 2em;
}
.specialty-grids-top:nth-child(2) {
    margin-top: 3em;
}
.services {
    padding-bottom: 1em;
}
.gallery-grid {
		float: left;
		width: 50%;
		margin-bottom: 1em;
	}
	.gallery-grid-top {
		padding: 0;
		float: left;
		width: 50%;
	}
	.gallery-right {
		padding: 0;
		float: left;
		width: 50%;
	}
	.gallery-grid-img {
		padding-left: 0;
		float: left;
		width: 50%;
	}
	.middle-gallery-grid {
		width: 33.33%;
		margin-bottom: 0em;
	}
.team-grids {
    float: left;
    width: 25%;
    border:solid 1px #cccccc;
}
.team-grids a .captn {
    padding: 5% 0%;
}
.captn p{
	font-size:0.85em;
}
.captn h4 {
    font-size: 1.3em;
}
.testimonial-right {
    width: 81%;
}
.contact-grids input[type="text"]{
    width: 29.2%;
}
}
@media (max-width: 800px){
.headr-left {
    width:83%;
}
span.menu{
	display: block;
  text-align: right;
  padding-bottom: 0.5em;
  cursor: pointer;	
  position:relative;
}

.details ul li:nth-child(1){
    margin-right: 2em;
}
.welcm-left h3 {
    font-size: 2em;
}
.welcm-left h4 {
    font-size: 1em;
}
.welcm-left p, .welcm-right p, .service-box p {
    font-size: 0.8em;
}
.welcm-right h3 {
    font-size: 1.4em;
}
.welcm-right img {
    margin: 1em 0 0;
}
.welcm-right p {
    margin-top: 1em;
}
.services h3, .gallery-info h3, .team h3, .contact h3,.testi-top h3{
    font-size: 2em;
}
.specialty-grids-top:nth-child(2) {
    margin-top: 2em;
}
.service-box h5 {
    font-size: 1.2em;
}
.team-grids a .captn {
    padding: 8% 0%;
    bottom: -74%;
}
.captn h4 {
    font-size: 1.1em;
}
.team-grids a:hover .captn {
    padding:24% 7%;
}
.captn p {
    font-size: 0.7em;
    line-height: 1.6em;
}
.testimonial-right p {
    font-size: 0.85em;
}
.testimonial-right {
    width: 79%;
}
.testimonial-right h5 {
    font-size: 1.2em;
}
.contact-grid p {
    font-size: 12px;
}
.contact-grids input[type="text"] {
    width: 100%;
	padding: 10px 10px;
    font-size: 13px;
}
.contact-grids input[type="text"]:nth-child(2) {
    margin:1.5em 0;
}
.contact-grids textarea {
    height: 220px;
	padding: 10px 10px;
    font-size: 13px;
}
.contact-grid:nth-child(2) {
   
}
.glyphicon-phone-alt:before, .glyphicon-map-marker:before,.glyphicon-envelope2:before {
    font-size: 14px;
}
.contact-grid p a {
    font-size: 13px;
}
.map iframe {
    height: 320px;
}
.top-menu ul li:nth-child(3) {
    margin-right: 0;
}
.contact-grids input[type="submit"] {
    width: 19%;
    padding: 8px 0px;
    font-size: 15px;
}
}

@media (max-width: 640px){
.headr-left {
    width: 79%;
}
#contact{display: none;}
}
@media(max-width:480px){
.headr-left {
    width: 77%;
}
.details ul li a,.details ul li{
    font-size: 0.8em;
}
.social i {
    margin: 0 1px;
}
.details ul li:nth-child(1) {
    margin-right: 0em;
}
.logo h1 a {
    font-size: 0.9em;
}
.logo {
    left: 27%;
    top: 12%;
}
.welcm-left h3 {
    font-size: 1.7em;
}
.welcome {
    padding: 1em 0 2em;
}
.welcm-right {
    padding: 1em 0 0 0em;
}
.welcm-right h3 {
    font-size: 1.2em;
}
.services h3, .gallery-info h3, .team h3, .contact h3, .testi-top h3 {
    font-size: 1.7em;
}
.service-box p {
    width: 100%;
}
.gallery-grids-top {
    margin: 1em 0 0 0;
}
.gallery-top {
    padding-bottom: 1em;
}
.team-info {
    margin-top: 1em;
}
.team-grids {
    float: left;
    width: 50%;
    margin-bottom: 2em;
}
.captn h4 {
    font-size: 1.2em;
}
.team-grids a .captn {
    padding: 6% 0%;
    bottom: -83%;
}
.captn p {
    font-size: 0.85em;
    line-height: 1.6em;
    margin-top: 1.5em;
}
.team {
    padding-bottom: 0em;
}
.testi-slider {
    padding: 1.5em;
}
.testimonial-left {
    width: 22%;
}
.testimonial-right {
    width: 68%;
}
.testimonial-right p {
    font-size: 0.8em;
}
ul.callbacks_tabs.callbacks_tabs {
    margin-top: 2em;
	left: 41%;
}
.contact-grid {
    width: 33%;
}
.contact-grid:nth-child(2) {
    margin: 0 0em;
}
.contact-grids textarea {
    height: 165px;
}
.contact-grids input[type="submit"] {
    width: 24%;
    padding: 8px 0px;
    font-size: 14px;
}
.map iframe {
    height: 260px;
}
.contact-icons {
    padding:2em 0;
}
}

@media(min-width:991px){
.light-bg{position:relative; z-index:2;}
.light-bg .col-md-4{ padding:0 20px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:0 5px;}
.team-image{margin-left: 5px;}
}




@media(max-width:320px){
.details ul li {
    padding: 0.3em 0em 0.3em 0.5em;
}
.headr-left {
    width: 100%;
}
.social {
    float: none;

}
.headr-right {
    float: none;
    text-align: center;
}
.logo {
    left: 15%;
    top: 12%;
}
.logo h1 a {
    font-size: 0.8em;
}
.gallery-grid-top-img {
    margin-top: 0em;
    margin-right: 0em;
}
	.gallery-right {
		float: none;
		width: 100%;
	}
	.gallery-grid-img {
		padding: 0;
		float: none;
		width: 100%;
		margin-bottom:1em;
	}
	.gallery-grid-top {
		padding: 0;
		float: none;
		width: 100%;
	}
	.middle-gallery-grid {
		width: 100%;
		padding: 0;
	}
	.gallery-grids-middle {
		margin:0 0 1em;
	}
	.gallery-grid {
		float: none;
		width: 100%;
	}
	.gallery-grids-top {
		margin: 1em 0 0 0;
	}
	.gallery-grid {
    margin-bottom: 1em;
    padding: 0;
}
.gallery-right-top-grid {
    margin: 0em 0 0 0;
}
.contact-grid {
    width: 100%;
}
.captn h4 {
    font-size: 1em;
}
.team-grids a .captn {
    padding: 6% 0%;
    bottom: -77%;
}
.testimonial-left {
    width: 55%;
    margin: 0 auto;
    float: none;
}
.testimonial-right {
    width: 100%;
    margin: 0;
}
.testimonial-grids {
    width: 100%;
    margin: 0 auto;
}
.testi-slider {
    margin-top: 1em;
}
.testimonal {
    padding: 1em 0 4em;
}
.contact {
    padding: 1em 0 0;
}
.contact-grid:nth-child(2) {
    margin:1em 0;
}
.map {
    margin-top: 1em;
}
.map iframe {
    height: 180px;
}
.team-grids {
    width: 100%;
    margin-bottom: 2em;
}
.team-grids a .captn {
    padding: 6% 0%;
    bottom: -85%;
}
.captn h4 {
    font-size: 1.1em;
}
.copywrite p{
	font-size:0.8em;
}
}






#contact1{
	font-family: 寰蒋闆呴粦;
	background: #2e363a url(../images/map.png) 20% center no-repeat;
	padding: 1% 0;
	color: #ffffff;
}
.footer_nav{text-align: center;color: #fff;line-height: 50px;border-bottom: solid 1px #505259;margin-bottom: 1%;}
.footer_nav a{color: #fff;font-size: 14px;padding:0 2%;}
.footer_nav a:hover{color: #e6820c;}
ul.social li{
	display: inline-block;
	margin-right: 26px;
	margin-top: 10px;

}


ul.social li a{
	color: #b3aeae;
	font-size: 14px;
}
.add{
	color: #fff;
	font-size: 14px;
	line-height: 35px;
}

.footer_ewm li{width: 45%;line-height: 35px;margin-right: 5%; color: #fff;font-size: 14px;float: left;text-align: center;}
.footer_ewm li:last-child{margin-right: 0;}
.footer_ewm li img{width: 100%;}


address strong{
	text-transform: uppercase;
	font-style: normal;
	font-size: 17px;
	font-weight: bold;
}

address{
	font-size: 14px;
	height: auto;
	overflow: hidden;
}
address i{color: #f67436;font-size: 20px!important;vertical-align: middle;}

#contact1 input.form-control,
#contact1 textarea.form-control {
	margin-bottom: 10px;
}

#contact1 .form-control {
	display: block;
	width: 100%;
	height: 40px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #1e2429;
	background-image: none;
	border: 0;
	border-top: 2px solid transparent;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	transition: all 0.5s;
}

#contact1 .form-control:focus {
	border-color: #C59A6D;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}


.page{margin:10px auto 15px; padding:10px 0; text-align: center;background: #f3f3f3;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}


.section_news{background:#fff;overflow: hidden;}
.section_news .media-box{background: #fff;border: 1px solid #d7d8db;padding-bottom: 10px}
.section_news .media-box .icon{height: 180px;border: 0px}
.section_news .media-box .icon img{width:100%;}


@media(min-width: 1200px){ .news_index .container{width: 1200px;}}




.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
      width: auto!important;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-slide img{display: block;box-sizing:border-box;width: 100%;position: relative;}
.op{line-height: 27px;background: rgba(78, 71, 70, 0.9); z-index: 8;width: 100%;color: #fff;height:367px;box-sizing: border-box;text-align: left;padding:10px 30px 0;left:0;transition: 0.5s;position: absolute;bottom: -298px;}
.op02{font-size:13px;}
.op03{font-size:13px;}

.screen-shots a{display: block;width: 100%;height: 100%;}
.screen-shots a:hover .op {background: rgba(30, 133, 228, 0.9);bottom: 0px;height:367px; }


.navbar{margin-bottom: 0;}
#search_key{line-height: 35px;color: #575757;font-size: 14px;}
@media screen and (max-width:1000px){
#search_key{text-align: center;}
}

#search_key a{color: #575757;font-size: 14px;margin-right: 8px;}
#search_key a:hover{color: #ec0000;}
#searh{width: 80%;margin:0 auto;}
#searh .key{width:80%;line-height: 35px; border-top-left-radius: 5px;border-bottom-left-radius: 5px; font-size: 14px;color: #cfcfcf; border:none; outline: none;text-indent:20px;background-color:#fff;float: left;display: block;}
#searh .sub{width:19%;line-height: 35px; text-align: center; border:none;color:#fff;font-family: "寰蒋闆呴粦";background-color:#195ab6;display:block;cursor:pointer;font-size:14px;transition:all .4s;border-top-right-radius: 5px;border-bottom-right-radius: 5px;float: left;}
#searh .sub:hover{background-color:#f66014;}



#apply{width: 100%;padding:3% 0;background: #f9f9f9;margin:0 auto;}
.apply-title{color: #555555;font-size: 36px;text-transform: uppercase;}
.apply-title p{line-height: 40px;font-style: italic;margin-bottom: 10px;}
.apply-title p i{color: #1e85e4;}
.apply-ul{margin-top: 50px;}
.apply_li{border:solid 1px #a6abb4;margin-bottom: 40px;transition: all .4s;}
.apply_li img{width: 40%;float: left;}
.apply_li .apply_con{width: 60%;float: left;padding:0 5%;color: #fff;}
.apply_li .apply_con h4{position: relative;line-height: 50px;font-size: 22px;margin-top: 10px;}
.apply_li .apply_con h4:after{content: '';width: 20%;height: 1px;background: #fff;position: absolute;left: 0;bottom:0;}
.apply_li .apply_con p{line-height: 30px;font-size: 14px;padding-top: 5px;}
.apply_li:hover{background: #196be8;border:solid 1px #196be8;}
@media (max-width:1200px){
    .apply_li .apply_con{height: 150px;overflow: hidden;}
	}
@media (min-width:768px) and (max-width:920px){
    .apply_li .apply_con{height: 120px;overflow: hidden;}
}
@media (min-width:921px) and (max-width:1168px){
    .apply_li .apply_con{height: 140px;overflow: hidden;}
}
@media (min-width:768px) and (max-width:1100px){
    .apply_li .apply_con{height: 150px;overflow: hidden;}
}
#adv{margin: 3% auto;}
.adv_ul{margin-top: 50px;}
.adv_ul .adv_box{width: 100%;clear: both;}
.adv_ul .adv_box .adv_box_con{padding:2% 0;}
.adv_ul .adv_box .adv_box_con h1{line-height: 60px;font-family: Impact;color: #ed0000;font-size: 40px;}
.adv_ul .adv_box .adv_box_con h4{line-height: 40px;color: #000000;font-size: 24px;font-weight: bold;margin:10px auto;}
.adv_ul .adv_box .adv_box_con h4 i{font-style: normal; color: #ed0000;}
.adv_ul .adv_box .adv_box_con p{color: #575757;font-size: 16px;background: url(../images/adv_ico.jpg) left 12px no-repeat;padding-left: 5%;line-height: 30px;}
.adv_box_img{width: 100%;}
.adv_box_img img{width: 100%;}
#intro{width: 100%;padding:3% 0;background: url(../images/about.jpg) center;margin:0 auto;}
.intro_img{width: 100%;}
.intro_img img{width: 100%;}
.intro_con{padding-bottom: 30px;}
.intro_con h4{line-height: 50px;color: rgba(255,255,255,.6);font-size: 36px;text-transform: uppercase;}
.intro_con h4 i{color: #fff;font-style: normal;font-weight: bold;}
.intro_con p{line-height: 30px;color: #fff;font-size: 15px;padding:25px 0;}
.intro_con .intro_ul{text-align: center;line-height: 40px;color: #fff;font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.intro_con .intro_ul div{padding:0!important;}
.intro_con a{line-height: 40px;width: 20%; text-align: center; display: block;color: #fff;font-size: 16px;border:solid 1px #fff;border-radius: 5px; transition: all .4s;}
.intro_con a:hover{background: #e6820c;border:solid 1px #e6820c;}

@media (max-width:768px){
    .intro_con a{margin:0 auto;}

}
@media (min-width:768px) and (max-width:920px){
    .intro_con a{margin:0 auto;}
}
@media (min-width:921px) and (max-width:1168px){
    .intro_con a{margin:0 auto;}
}
@media (min-width:768px) and (max-width:1100px){
    .intro_con a{margin:0 auto;}
}
.case1{background: #eaeaea;padding: 3% 0;margin:0 auto;}
.case{background: #eaeaea;padding: 3% 0;margin:0 auto;}
.case_ul{margin-top: 40px;}
.case_ul .owl-nav{display: none;}

.case_ul .cas_li{border:solid 1px #ccc;background: #fff;}
.case_ul .cas_li img{width: 100%;}
.case_ul .cas_li h4 {
    font-size: 16px;color: #000000;padding:0 15px;line-height: 30px;text-align: center;
}
.case_ul .cas_li p{
    font-size: 14px;color: #575757;padding:5px 15px;line-height: 30px;
}
.case_ul .cas_li span{
    width: 25%;line-height: 30px;display: block;margin-left: 15px;margin-top: 5px; text-align: center;border-radius: 5px;color: #737373;border:solid 1px #cccccc; font-size: 14px;transition: all .4s;
}
.case_ul .cas_li:hover span{background: #196be8;color: #fff;border:solid 1px #196be8;}
.case_ul .cas_li:hover{-moz-box-shadow: 0px 0px 10px #cccccc; -webkit-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc;}
.case_ul .cas_li:hover h4{color: #196be8;}


.partner_ul{margin-top: 3%;}
.partner_ul .par_li img{width: 100%;-moz-box-shadow: 0px 0px 10px #cccccc; -webkit-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc;}
.partner_ul .owl-dots{display: none!important;}
.partner_ul .owl-nav [class*=owl-]{background: #2f82ff!important;}
.partner_ul .owl-nav [class*=owl-]:hover{background: #e6820c!important;}

.news{margin-top: 3%;}
.news_con{margin:3% auto;}
.news_hot{margin-bottom: 30px;}
.news_hot img{width: 100%;}
.news_hot h4{line-height: 30px;color: #000000;font-size: 16px;margin-top: 15px;}
.news_hot p{line-height: 28px;color: #575757;font-size: 14px;}
.news_item .news_date{width: 20%;float: left;background: #e4e4e4;padding:2% 0;text-align: center;color: #485359;font-size: 16px;line-height: 30px;transition: all .4s;}
.news_item .news_date span{font-size: 28px;font-weight: bold;}
.news_item .news_info{width: 80%;float: left;padding:2% 5%;color: #000;transition: all .4s;}
.news_item .news_info h4{font-size: 14px;line-height: 35px;}
.news_item .news_info p{font-size: 14px;line-height: 30px;padding-top: 10px;opacity: .8;}
.news_item:hover .news_info{background: #262932;color: #fff;}
.news_item:hover .news_date{background: #e6820c;color: #fff;}
.product_img{margin-top: 30px;}
.product_img .p_img{width: 100%;border:solid 1px #cccccc;margin-bottom: 30px;}
.product_img .p_img img{width: 100%;}
.product_img .p_con h4{line-height: 75px;text-indent: 8%;color: #000;font-size: 22px;background: #f3f3f3;}
.product_img .p_con p{line-height: 35px;color: #575757;padding:5px 20px;}
.product_img .p_con p.p1{font-size: 14px;padding-top: 15px;}
.product_img .p_con p.p2{color: #333;font-size: 16px;margin-bottom: 15px;}
.product_img .p_con a{width: 30%;line-height: 55px;text-align: center;display: block;color: #fff;font-size: 20px;background: #e6820c;transition: all .4s;margin-left: 20px;}
.product_img .p_con span{line-height: 60px;color: #ff0000;font-size: 20px;padding-left: 20px;}
.product_btn{border-top:solid 1px #ccc;padding:10px 0;line-height: 30px;color: #333;font-size: 14px;margin:0 auto;}
.product_btn a{color: #575757;font-size: 14px;}
.product_btn a:hover{color: #e6820c;}
.product_nav{background: #dddddd; line-height: 40px;margin:0 auto;}
.product_nav span{background: #262932; width: 15%;display: block; line-height: 40px;color: #fff;font-size: 14px;text-align: center;}
.product_details{color:#333;font-size: 16px;line-height: 35px;padding-top: 20px;}
.product_details img{max-width: 100%;}
.product_adv{padding:40px 0;background: #f8f8f8;text-align: center;margin:20px auto;}
.navigation{width: 100%;margin:0 auto;background: #1d65d4;}
.navigation ul{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.navigation li{width: 24.99%;float: left;line-height: 40px;text-align: center;border-left: solid 1px rgba(255,255,255,.1);border-bottom: solid 1px rgba(255,255,255,.1); margin-left: -1px;}
.navigation li a{display: block;color: #fff;font-size: 14px;background: #1d65d4;}
.navigation li a:hover{background: #e6820c;}
.top_menu{width: 100%;line-height: 50px;background: #1d65d4;margin:0 auto;}
.top_menu li{float: left;width: 12%;text-align: center;line-height: 50px;border-right: solid 1px rgba(255,255,255,.1);}
.top_menu li a{display: block;color: #fff;font-size: 14px;transition: all .4s;}
.top_menu li a:hover{background: #e6820c;}
.top_menu li:last-child{border-right: none;}
.toplogo{margin:1% auto;}
.logoimg{max-width: 100%;vertical-align: middle;}
.logotel{margin-top: 7%; line-height: 25px;padding-left: 40px;color: #1b1b1b;font-size: 16px;font-weight: bold;background: url(../images/logotel.png) left center no-repeat;}
.logotel span{color: #e53a3a;font-size: 30px;font-family: Impact;font-weight: normal;}

.mobile_footer{ width: 100%; height: 60px; background: #262932; left: 0px; bottom:0px; position: fixed; float: left;z-index: 999;}
.mobile_footer a{ color:#fff; display: block; width: 20%; height: 100%;float: left; line-height:80px; text-align: center;font-size: 100%;font-family: "寰蒋闆呴粦";}
.f1{ width:100%; background:url(../images/footer_home.png) no-repeat  center 20%; background-size: 20px; height:100%; float:left;  text-align:center;}
.f2{width:100%;background:url(../images/footer_tel.png) no-repeat center 20%; background-size: 20px;  height:100%; float:left;text-align:center;}
.f3{width:100%;background:url(../images/footer_email.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
.f4{width:100%;background:url(../images/footer_map.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}
.f5{width:100%;background:url(../images/footer_top.png) no-repeat center 20%;  background-size: 20px; height:100%; float:left;text-align:center;}

.banner .owl-controls,.banner .owl-dots{display: none!important;}



#case_lis .case_li{border:solid 1px #f2f2f2;border-bottom:solid 4px #f2f2f2;padding-bottom: 15px;margin-bottom: 20px;}
#case_lis .case_li ._p_img{width: 100%;margin:0 auto;}
#case_lis .case_li ._p_img img{width: 100%;}
#case_lis .case_li ._p_title{width: 90%;height: 20px;line-height: 20px;color: #666666;font-size: 18px; margin:0 auto;margin-top: 30px;white-space: normal;text-overflow: ellipsis;overflow: hidden;}
#case_lis .case_li ._p_btn{width: 90%;height: 20px;line-height: 20px;color: #939393;font-size: 12px; text-transform: uppercase; margin:0 auto;margin-top: 20px;}
#case_lis .case_li:hover{-moz-box-shadow: 0px 0px 10px #cccccc; -webkit-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc;}



.category{margin:3% auto;}
.category .container{padding:0!important 10px!important;}
.category_l{border:solid 1px #dcdcdc;padding:0!important;}
.category_tit{padding:6% 0;text-align: center;color: #fff;font-size: 14px;text-transform: uppercase;line-height: 30px;background: #195bcf;}
.category_tit span{font-size: 24px;}
.category_lis li{line-height: 55px;border-bottom: dashed 1px #ccc;text-indent: 2%;}
.category_lis li:last-child{border-bottom: none;}
.category_lis li a{display: block;color: #575757;font-size: 14px;text-indent: 25px;}
.category_lis li a:hover{color: #ff7000;}
.category_bot{background: #ff7000 url(../images/category_bot.png) left top no-repeat;padding-bottom: 7%;}
.category_p{border-bottom:dashed 1px #fff;padding:3% 8%;text-align: left;color: #fff;font-size: 16px;line-height: 35px;}
.category_tel{padding:5% 0;text-align: center;color: #fff;font-size: 16px;line-height: 30px;}
.category_tel span{font-size: 30px;font-family: Impact;}
.category_bot a{display: block; width: 60%;line-height: 40px; text-align: center;border-radius: 5px;background: #fff;color: #e6820c;font-size: 14px;transition: all .4s;margin:0 auto;}
.category_bot a:hover{color: #fff;background: #ff8f18;}
.category_r{padding:0!important;padding-left: 15px!important;padding-right: 15px!important;}
.category_t{line-height: 25px;color: #575757;font-size: 14px;text-transform: uppercase; padding:2% 0;border:solid 1px #dcdcdc;border-left:none;border-right: none;}
.category_t span{font-weight: bold;color: #195bcf;font-size: 18px;}
.category_m{text-align: right; float: right;}
.category_m a{color: #575757;font-size: 14px;}
.category_m a:hover{color: #e6820c;}
.category_ul{margin-top: 2%;}
.category_ul .category_li{padding:0!important;}
.category_ul .cat_li{border:solid 1px #ccc;margin:5px; background: #666666;text-align: center;}
.category_ul .cat_li img{width: 100%;}
.category_ul .cat_li h4 {padding:0 2%; font-size: 14px;color: #fff;line-height: 40px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.category_ul .cat_li:hover{background: #ff7000; -moz-box-shadow: 0px 0px 10px #cccccc; -webkit-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc;}
.product_lis .pro_li{border:solid 1px #ccc;margin-bottom: 30px;background: #666666;}
.product_lis .pro_li img{width: 100%;}
.product_lis .pro_li h4 {
    font-size: 16px;color: #fff;line-height: 40px;text-align: center;}
.product_lis .pro_li:hover{background: #ff7000;-moz-box-shadow: 0px 0px 10px #cccccc; -webkit-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc;}

.mobile_category{border:solid 1px #dcdcdc;margin-bottom: 3%;}
.mobile_category_tit{padding:2% 0;text-align: center;color: #fff;font-size: 14px;text-transform: uppercase;line-height: 30px;background: #195bcf;}
.mobile_category_tit span{font-size: 24px;}
.mobile_category_lis li{width: 25%;float: left; line-height: 58px;border-bottom: dashed 1px #ccc;text-indent: 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mobile_category_lis li a{display: block;color: #575757;font-size: 14px;text-indent: 25px;}
.mobile_category_lis li a:hover{color: #ff7000;}


@media screen and (max-width:765px){
.product_lis .pro_li h4{text-align: center;font-size: 16px;}
.product_lis .pro_li{padding-bottom: 5px;}
.mobile_pro{padding:0!important;}
.mobile_pro:nth-of-type(odd){padding-right: 5px!important;}
.mobile_pro:nth-of-type(even){padding-left: 5px!important;}
.mobile_container{padding:0!important;margin-top: 5%;}
.fenlei_k{background: #196be8;margin:5px;padding:3% 0;}
.fenlei_k h5{color: #fff!important;margin-top: 0!important;}
.service-box {margin-bottom: 0!important;}
.section-title p{font-size: 24px!important;margin-bottom: 0!important;}
.section-title h2{font-size: 30px!important}
.mobile_ser{padding-top: 0!important;}
.apply-title p{font-size: 24px!important;margin-bottom: 0!important;}
.apply-title h2{font-size: 30px!important}
.intro_con h4 i{font-size: 30px!important;}
.mobile_category_lis li{width: 50%!important;}
.category_r{padding:0!important;}
.product_img .p_con a{width: 40%!important;line-height: 40px!important;font-size: 16px!important;}
.product_nav span{width: 25%;}
.adv_ul{margin-top: 3%!important;}
}

@media screen and (max-width:400px){
.mobile_category_lis li{width: 100%!important;}
}