h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol {margin: 0; padding:0;}
p {margin: 0;}
html, body{
	font-family:'微软雅黑';
	font-size: 100%;
}


.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px; }
.ho{height: auto;overflow: hidden;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.wot{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.nopadding{padding:0!important;}


@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;
}	
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}
/* 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 --*/



   
.online_kefu{ position: fixed;  bottom: 20vh;right:10%;z-index: 9;}
.online_kefu p{font-size:12px;}
.online_kefu ul li{ width:40px; height:40px; text-align: center; margin:5px 0; position: relative; background-color: #858585; color: #fff; cursor: pointer; transition: background-color .2s linear 0s;perspective:1000;transform-style:preserve-3d;}
.online_kefu li i{font-size: 1.4rem;}
.online_kefu ul li a{ color: #fff;}
.online_kefu ul li .con{ position: relative; line-height:40px;}
.online_kefu ul li .hover_con{ position: absolute;  left:-200px;left:-100px;    width: 100px;   color: #ffffff;text-align: center;background-color: #dc1620;height:40px; line-height:40px; bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s; }
.online_kefu ul li .hover_con img{ width:100px;}
.online_kefu ul li.qrcode {  }
.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}
.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;font-size:12px;}

.online_kefu li:hover{background-color: #dc1620;}
.online_kefu li:hover .hover_con{left:-110px; transform:rotateY(0deg);}
.online_kefu li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #dc1620; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }

.online_kefu li.qrcode:hover .hover_con{  bottom: -60px;}
.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}





#head {
    width: 100%
}
.top {
    line-height: 30px;
    background-color: #ffffff;
    border-bottom: 1px solid #efefef;
    color: rgba(255, 255, 255, .6);
    font-size: 12px
}

.top-left{color: rgba(0, 0, 0, 0.6);width: 70%;}

.header-top-conter-right {
    position: relative;
    z-index: 2;
    line-height: 30px;
    width: 30%;
    text-align: right;
}
.header-top-conter-right a {
  	color: rgba(0, 0, 0, 0.6);
}


.top-lefts{
    float: left;
    height: 100%;
    text-align: center;
    color: #000;
    font-size: 14px;
    padding-top:10px;
}


.top-lefts img{
	width: 100%;
}







.head_inner_top .right {
    float: right;
    height: 100%;
    text-align: right;
    text-indent: 2em;
    color: #000;
    width: 280px
}


.head_inner_center .right {
    float: right;
    height: 100%;
}

.head_inner_center .right .l {
    float: right;
    width: 72px;
    height: 33px;
    margin: 25px 5px 0 0
}

.head_inner_center .right .r {
    float: right;
    margin-top: 22px
}



.head_inner_center .right .r b {
    font-size: 26px;
    line-height: 26px;
    color: #db0f00;
    display: block;
    width: 100%;
    font-family: impact;
}



.qrcode {
    position: absolute;
    z-index: 3;
    width: 120px;
    height: 120px;
    top: 36px
}
.qrcode img {
    display: block;
    width: 100%;
    height: 100%
}

.qf2 {
    right: 0px
}

.top i {
    padding-right: 5px;
    font-size: 14px
}

.center {

}

.head_inner_top {
    height: 100%;
    margin: 0 auto;
    color: #666;
    overflow: hidden
}



.head_inner_top .right .site {
    padding-left: 12px;
    background: url(../Image/icon_site.png) no-repeat center left
}

.head_inner_top .right .contact {
    padding-left: 12px;
    background: url(../Image/icon_phone.png) no-repeat center left;
    margin-left: 5px
}

.head_inner_top .right a {
    color: #ff9000
}

.head_inner_top .right span:hover a {
    color: #15409f
}

.head_inner_top .right span:hover i {
    color: #15409f
}

.head_inner_top .right .fx li {
    float: left
}

.head_inner_top .right .fx li:hover a {
    color: #15409f
}

.ta {
    width: 27%;
    padding-top: 47px
}

.head_inner_center {
	margin-top:5px;
	margin-bottom:15px;
}

.head_inner_center .left {
    float: left;
    height: 100%;
    overflow: hidden
}

.head_inner_center .left img {
    margin-top: 15px
}


.navbar{margin-bottom: 0px;}
.navbar>.blue{background: #0d4da3;}




.header{
	background:#2D2D2D;
	padding:6px 0;
}
.headr-left{
	float:left;
	width:85%;
}
.social{
	float:left;
	height: auto;margin: 30px 0;
}
.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{
	width: 100%;
	background: #0d4da3;
	text-align: center;
}
.navbar-nav li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	line-height: 56px;
	display: inline-block;
}
.navbar-default .navbar-collapse {
	border-color: rgba(255,255,255,.02)
}
.navbar-default .navbar-toggle {
	margin: 6px auto;
	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-header{}
.navbar-default .nav li a {
	font-size: 14px;
	color: #fff;
	display: block;
	height: 100%;
	padding-left:30px;
	padding-right:30px;

}
.navbar-default .nav li a:hover,.navbar-default .nav li a:focus {
	color: #ff9900;
	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:1200px){
	#in-product .pro-title-right-top{float: right;}
	}

@media (max-width:768px)
	{
	.big-text2{font-size: 26px!important;}
	.big-text3{font-size: 14px!important;}
	.bz-t-1{font-size:20px!important;}
	}

@media (min-width:768px) and (max-width:920px){
	#in-product .pro-title-right {float: right;text-align: left;}
	#in-product .pro-title-right-top {width: 100%;}
	#in-product .pro-title-right-bom {width: 100%;text-align: left;}
	#in-product {margin: 0px auto!important;}
	.nav-tabs > li > a{font-size: 12px!important;}
	.bz-c-li{width: 25%!important;}
	}




@media (min-width:921px) and (max-width:1168px){
	#in-product .pro-title-right {float: right;text-align: left;}
	#in-product .pro-title-right-top {}
	#in-product .pro-title-right-bom {}
	#in-product {margin: 0px auto!important;;}

}




@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;}
	#in-product {margin: 0px auto!important;}
	.bz-c-li{width: 25%!important;}

}





@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--*/



/*--work--*/
.work{background: #ff9900;}

.work-grids-bg{
	background: url(../images/about.png) #ff9900 no-repeat top right;
	min-height: 360px;
}


.work-grids {

}
.work-grids h3 {
	font-size: 2em;
	color: #fff;
	margin: 1em auto;
	text-align: left;
}
.work-grids p {
	font-size: 1em;
	color: #fff;
	line-height: 1.6em;
	margin: 1.5em 0 1em;
	text-align: center;
}
.work-grids ul{ color: #fff;}
.work-grids ul li {
	display: block;
	margin: 1em 0 0;
}
.work-grids ul li a{
	font-size: 1em;
	color: #fff;
}
.work-grids ul li a:hover {
	color: #fff;
	padding-left: 10px;
}
span.glyphicon.glyphicon-chevron-right {
	font-size: .9em;
	margin-right: 1em;
}
.work-grids.work-img.work-img-btm {
	background: url(../images/about.png)no-repeat 0px 0px;
	background-size: cover;
	min-height:260px;
}
/*--//work--*/


/*jiaqi*/

#portfolio{ margin-top:-60px;}


#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: #0d4da3;}
#portfolio .row .paddings:nth-of-type(3){background: #08336d;}
#portfolio .row .paddings:nth-of-type(5){background: #133461;}


#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;}



.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 .container{padding:0;}




.topbox{width:100%;background: #f4f4f4;line-height: 30px;color: #666666;font-size: 12px;}
.topbox a{color: #666;}
.topbox .container span{color:#d80000;font-weight: bold;font-size: 14px;}


/* product */
#in-product{
	margin:50px auto;
}


#in-product > .container{
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 20px;
}

#in-products{
	background: #f6f6f6;
}

#in-products > .container{
    padding: 30px 20px;
}




#in-product .pro-title{height: auto;overflow: hidden;margin-bottom: 30px;}
#in-product .pro-title-left{font-size: 14px;color: #000;font-weight: 100;padding:0!important;}
#in-product .pro-title-left span{display: block;width: 100%;font-size: 48px;font-weight: bold;color: #333333;}
#in-product .pro-title-right {text-align: right;}
#in-product  .pro-title-right-top{margin:16px 0 22px 0;height: auto;overflow: hidden;text-align: right;}
#in-product .pro-title-right-top-1{font-size:24px;line-height: 32px;font-weight: bold;color: #004d9d;font-family: Arial;margin-right: 20px;}
#in-product  .pro-title-right-bom{line-height: 14px;font-size: 14px;}
#in-product .pro-title-right-top-2 .btns{float: right;width: 20%;border: 0;color: #fff;background: #1f1f2c;line-height: 29px;font-size: 12px;text-align: center;}
#in-product .pro-title-right-top-2 .words{ float: right; text-indent: 5px;width: 80%; outline: none;border:none;border-bottom: 1px solid #ccc;font-size: 14px;color: rgba(0, 0, 0,0.5);line-height: 29px;}
#in-product .pro-title-right-top-2 .btns:hover{ background-color: #0470bd; cursor: pointer;}
#in-product .pro-content .imgItem {margin:10px 0;overflow: hidden;}
#in-product .pro-content .imgItem  img{width: 100%;display: block;}



#in-products .pro-title{height: auto;overflow: hidden;margin-bottom: 30px;}
#in-products .pro-title-left{font-size: 14px;color: #000;font-weight: 100;}
#in-products .pro-title-left span{display: block;width: 100%;font-size: 48px;font-weight: bold;color: #333333;}
#in-products .pro-title-right {text-align: right;}
#in-products  .pro-title-right-top{margin:16px 0 22px 0;height: auto;overflow: hidden;text-align: right;}
#in-products .pro-title-right-top-1{font-size:24px;line-height: 32px;font-weight: bold;color: #004d9d;font-family: Arial;margin-right: 20px;}
#in-products  .pro-title-right-bom{line-height: 14px;font-size: 14px;}
#in-products .pro-title-right-top-2 .btns{float: right;width: 20%;border: 0;color: #fff;background: #1f1f2c;line-height: 29px;font-size: 12px;text-align: center;}
#in-products .pro-title-right-top-2 .words{ float: right; text-indent: 5px;width: 80%; outline: none;border:none;border-bottom: 1px solid #ccc;font-size: 14px;color: rgba(0, 0, 0,0.5);line-height: 29px;}
#in-products .pro-title-right-top-2 .btns:hover{ background-color: #0470bd; cursor: pointer;}
#in-products .pro-content .imgItem {margin:10px 0;}
#in-products .pro-content .imgItem  img{width: 100%;display: block;}





.products-b1-2-1{font-weight: bold;font-size: 36px;line-height: 72px;}
.products-b1-2-2 li{width: 100%;height: 26px;margin-bottom: 20px;}
.products-b1-2-2 li span{height: 26px;display: block;width: 150px; background: #adb5c2;line-height: 26px;text-indent: 2rem;float: left;}
.products-b1-2-2 div{width: 370px; line-height: 26px;text-indent: 1rem;}
.products-b1-2-3-l {width: 172px;height: 48px; background: #cc0000;border-radius: 5px;text-align: center;line-height: 48px;font-size: 25px;color: #fff;}
.products-b1-2-3-l i{font-size: 25px;}
.products-b1-2-3-l  a{color: #fff;}

.products-b1-2-3{margin-top:77px;height: auto;overflow: hidden;}
.products-b1-2-3-r img{display: block;float: left; width: 45px;height: 45px;margin-right: 5px;}
.products-b1-2-3-r i{width: 100%;font-style: normal;position: relative;bottom: 10px;}
.products-b1-2-3-r span{width: 100%;display: block;font-size: 30px;font-weight: bold;color: #cc0000;position: relative;bottom: 20px;}


.products-c-f {background: #f4f4f4;width: 100%;height: 89px;padding-bottom: 30px;margin-bottom: 30px;}
.products-c-f li{text-align: center;width: 25%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;float: left;height: 89px;transition: 0.2s;padding-top: 5px;}
.products-c-f li i{font-size: 30px;display: block;transition: 0.2s;color: #000;}
.products-c-f li span{display: block;width: 100%;font-size: 17px;color: #000;font-weight: bold;transition: 0.2s;}
.products-c-f li:hover{background: #424355;}
.products-c-f li:hover i{color: #fff;}
.products-c-f li:hover span{color: #fff;}

.ppts{font-size: 36px;font-weight: bold;margin:10px 0;}

.products-c-c01{font-size: 17px;line-height: 32px;}
.products-c-c01 table th,.products-c-c01 table td{border:1px solid #dedede;width: auto!important;} 
.products-c-c01 tr{text-align: center;} 

.products-c-c04 img{display: block;width: 100%;}

.m_cptype {padding:0!important;}
.m_cptype .imgItems {width:48%;margin:20px 1%;float: left;}
.m_cptype .imgItems  img{display: block;width: 100%;}

.m_cptype .cpname{line-height: 45px;background: #0d4da3;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:0 10px;color: #fff;border-bottom: 2px solid #0a3c80;font-weight: bold;font-size: 17px;}
.m_cptype .cpname a{color: #fff;}


#youshi{background: url('../Image/youshibg.png')  top center; height: auto;width: 100%;}
.youshis-li{padding-top: 40px;padding-bottom: 40px;}
.youshis-li-1 img{display: block;margin:0 auto;width:96%;}
.youshis-li-2 {font-size: 28px;color: #fff;line-height: 46px;margin-top: 20px;text-indent: 1%;}
.youshis-li-3 {width: 30px;height: 3px;background: #ff6800;margin-left:1%;margin-top:10px;}
.youshis-li-4 {margin-top: 10px;}
.youshis-li-4 li{color: rgba(255, 255, 255,0.5);font-size: 14px;padding-top: 5px;padding-bottom: 15px;line-height: 27px;}



.usinfo{color: #717171;line-height: 35px;font-size: 17px;}
.usinfo li {}
.contact-t{font-size: 22px;font-weight: bold;}
.contact-c{font-size: 16px;line-height: 32px;margin:60px 0;font-weight: lighter;background: #f5f3f0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:30px 20px;}






.ads{width: 100%;background: #0d4da3;color: #fff;padding:20px 0;}
.big-text2{font-size: 48px;color: #fff;text-align: center;text-transform : uppercase;z-index: 3;font-weight: bold;}

.big-text2 span{vertical-align: bottom;}
.big-text3{text-align: center;font-size:24px;color: #fff;text-align: center;}






.big-t{line-height: 55px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-right: 10px;  height: auto;width: 100%;margin-top: 30px;}
.big-t span{font-size: 30px;color: #000;font-weight: lighter;}
.big-t a{color: #a0a0a0;font-size: 14px;float: right;}

.com-c-1 {float: left;width: 100%;}
.com-c-1 img{display: block;width: 100%;margin:10px auto;}
.com-c-2 {color: rgba(0, 0, 0, 0.8); line-height:26px; font-size: 14px;}
.com-c-2 { float: left;}

.news-li{margin-bottom: 20px;height: auto;overflow: hidden;}
.news-c{margin:10px 0; width: 100%;}
.news-li-img{width: 35%;margin-right: 5%;float: left;}
.news-li-img img{display: block;width: 100%;}
.news-li-cc{float: left; width: 60%;font-size: 14px;}
.news-li-cc-ti {color: #000;line-height: 35px;font-size: 16px;}
.news-li-cc-co {color: rgba(0, 0, 0,.8);line-height: 24px;}
.news-li-cc-tm {color: rgba(0, 0, 0,.3);line-height: 28px;}



#jz{width: 100%;background: #f2f2f2;}
.jz-li {background: #fff;padding:15px;display: inline-block;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;margin:20px auto;border:1px solid #e6e6e6;}
.jz-li-img{width: 100%;}
.jz-li-img img{display: block;width: 100%;}
.jz-li-cc-ti{color: #000;font-size: 18px;line-height: 55px;}
.jz-li-cc-co{color: rgba(0, 0, 0,0.6);font-size: 14px;line-height: 25px;}
.jz-li-cc-tm a{display: block;width: 46%;margin:20px 2%;border:1px solid #0d4da3;text-align: center;color: #0d4da3;float: left;line-height: 28px;}
.jz-li-cc-tm a:nth-of-type(2){border:1px solid #ff6600;color: #ff6600;}



#bz {width: 100%;padding:30px 0;}
.bz-t{text-align:center;padding-bottom:30px;}
.bz-t-1{font-size: 48px;color: #0045a2;font-weight: lighter;}
.bz-t-2{font-size: 17px;color: #0045a2;}


.bz-c-li{font-size: 16px;width: 12.5%;float: left;border:1px solid #f1f1f1;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.bz-c-li i{display: block;margin:0 auto;font-size: 55px;text-align: center;padding:25px 0;}
.bz-c-li span{display: block;margin:0 auto;font-size: 16px;text-align: center;padding:0 0 25px 0;}



.nav-tabs{ background: #ffffff; padding: 0; border: 1px solid #ebebeb;height: 50px;}
.nav-tabs > li{ width: 11%; text-align: center;}
.nav-tabs > li > a{ line-height: 48px; font-size: 14px; color: #000; display:block;border-radius:0}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {cursor: default;background-color: #003f97;color: #fff;border-bottom-color: transparent;}
.nav-tabs > li.active + li{border: none;}






/*--about--*/
#about{ background:#ff4e58;padding-bottom: 4rem;}
.section-title h2 {
	font-size: 2em;
	color: #fff;
	font-weight: 900;
	position: relative;
	margin: 50px 0 20px;
	padding-bottom: 15px;
}

.section-title h2:after {
	left: 50%;
	z-index: 1;
	width: 60px;
	height: 3px;
	content: " ";
	bottom: -5px;
	margin-left: -30px;
	text-align: center;
	position: absolute;
	background: #fff;
}

.dark-bg .section-title h2 {
	color: #fff;
}


.section-title p {
	font-size: 1em;
	width:80%;
	margin:0 auto;
	line-height: 31px;
	color: #fff;
	margin-bottom:40px;
}

.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 {}

.products li{margin-bottom: 20px;transition: 0.5s;border: 1px solid #efefef;}
.products li a{display: block;width: 100%;height: 100%;}

.products li .artimg {border: #efefef solid 1px;margin: 5px;}
.products li .tent {line-height: 3rem;text-align: center;color: #4c4c4c;border-bottom: #c9c9c9 solid 5px;font-size: 14px;}



.team-grids{margin:10px 0;}
.team-grids a {
	overflow: hidden;
	position: relative;
	display: block;
	width:100%;
	height:100%;
}
.team-grids a img{
	 border:1px solid #dcdcdc;
}
.captn h4 {
	color: #fff;
	font-size: 1em;
	margin-top: -5px;
}
.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: -85%;
	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:2em; color:#fff;  background:#0d4da3; border-radius:15px; margin:3em auto;transition: all 0.5s ease 0s; text-align:center;}

.more:hover{ border-radius:0px; width:150px;}


#prev_next li{width: 100%;border:1px  solid #ccc;margin-bottom: 30px;font-size: 14px;line-height: 35px;color: #000;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:0 3%;border-radius: 10px;}
#prev_next li a{color: #000;}



.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{}
.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-box {
background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
}
.service-box .icon {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}


.service-box .icon  .ico1 {
	display:block;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background:url(../images/ico1.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon  .ico2 {
	display:block;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background:url(../images/ico2.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon .ico3 {
	display:block;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background:url(../images/ico3.png) no-repeat;
  margin: 0 auto;
  text-align: center;
  position: relative;	
}
.service-box .icon .ico4 {
	display:block;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background:url(../images/ico4.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: #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;
}


.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);
}








.service-box h5{
  font-size: 1em;
  color: #fff;
  margin: 1em 0em 0.5em 0em;
}
.service-box p{
color: #999;
    font-size: 0.9em;
    line-height: 1.8em;
	margin: 0 auto;
    width: 84%;
}
.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{}
/* 假期活动 */

/*--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: #232323;
    padding: 1em;
}
.copywrite {
    text-align: center;
    padding-top: 6px;
}
.copywrite p{
    color: #999;
    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;

}
.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%;
}
#in-product .pro-title-left span{font-size: 30px;}
.youshis-li{padding:10px 0;}
.youshis-li-1 img{width: 100%;}
.youshis-li-2{font-size: 21px;}

#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 {

}
.team-grids {
    float: left;
    width: 50%;
    margin-bottom: 2em;
}
.captn h4 {
    font-size: 0.8em;
}
.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{ margin-top:-98px; 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;
}
}


ul.social li{
	display: inline-block;
	margin-right: 26px;
	margin-top: 10px;

}


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




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

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



.end{width:100%; background:#0d4da3;}
.contacts{overflow: hidden;}
.contact_inner{}

.footer_m{ height:60px; overflow: hidden; right:0; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#0d4da3;}
.f1{ width:100%; background:url(../Image/lx1.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
.f2{ width:100%; background:url(../Image/lx2.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
.f3{ width:100%; background:url(../Image/lx3.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left; text-align:center;}
.f4{ width:100%; background:url(../Image/lx4.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left; text-align:center;}
.footer_m a{ color:#fff; display: block; width: 25%; height: 100%;float: left; line-height:85px; text-align: center; background-color:#0d4da3;}




.end01{margin-top: 33px;float: left;margin-bottom: 20px;}


.end011{margin-top: 30px;}
.end011-1{font-size: 20px; color: #fff;font-weight: bold;line-height: 30px;}
.end011-2{font-size: 30px; color: #fff;line-height: 40px;margin-bottom: 10px;font-weight: lighter;}
.end011-3{width: 30px;height: 2px;background: #fff;margin-bottom: 10px;}
.end011-4{margin-top: 30px;}
.end011-4 li{line-height:32px;color: rgba(255, 255, 255, 0.6);}



.end012{margin-top: 30px;height: auto;overflow: hidden;}
.end012 span{display: block;width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;
}
.end012 li{width: 50%;float: left;line-height: 35px;}
.end012 li a{color: rgba(255, 255, 255, 0.6);}




.navis{
	display:inline-block;height:100%;overflow:hidden;border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.2);margin-top: 30px;

}




.navis a{float:left;width:120px;height:100%;display:block;text-align:center;line-height:60px;font-size:14px;color:rgba(255,255,255,0.6);margin:0 5px}
.navis a:hover,.navi li .active{background-color:#47474a;color:#fff}

.end03{color: rgba(255, 255, 255, 0.6);padding-top: 20px;padding-bottom: 20px;width: 100%;font-size: 14px;}
.end03 a{color: rgba(255, 255, 255, 0.6);}




.end013{float: left;margin-top: 30px;height: auto;overflow: hidden;padding:0;margin-bottom: 20px;}
.end013 span{display: block;width: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 30px;}
.end013 img{display: block;width: 90px;height: 90px;}
.end013 li{float: left;line-height: 27px;color: rgba(255, 255, 255, 0.9);font-weight: lighter;width: 100%;}


.end02{line-height: 35px;color: rgba(255, 255, 255, 0.4);}
.end02 span{font-size: 12px;








.page{margin:10px auto 15px; text-align: center;}
.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 10px 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(255, 86, 95, 0.9);bottom: 0px;height:367px; }