body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
html, body{
    font-size: 100%;
	font-family:"微软雅黑"; line-height:28px; font-size:13px; color:#434343
}
a{color:#434343}
a :hover{text-decoration:none}
*{text-decoration:none}

*{
-webkit-touch-callout:none; /*系统默认菜单被禁用*/

-webkit-user-select:none; /*webkit浏览器*/

-khtml-user-select:none; /*早期浏览器*/

-moz-user-select:none;/*火狐*/

-ms-user-select:none; /*IE10*/

user-select:none;

}
img{
        pointer-events: none; 
        -webkit-user-select: none;
        -moz-user-select: none;
        -webkit-user-select:none;  
        -o-user-select:none;  
        user-select:none;  
    }


img{
   pointer-events:none;
}


a:focus,
a:hover { color: #ca0f0a; text-decoration: none;}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	/*font-family: 'Montserrat', sans-serif;*/
}
p {
	margin: 0;text-decoration:none
}

ul {
	margin: 0;
	padding: 0;
}
li{list-style:none}
label {
	margin: 0;
}
body{
	background:#FFFFFF;
}
 div { 
		  box-sizing: border-box;}
		  
		  
.contain{width:1200px;margin:0 auto;}
@media (max-width: 1280px){
	.contain {width: 94%;padding: 0 2%;margin: 0 auto;}	
}	  
		  
		  
/*-- banner --*/
.w3-banner{
	/*background: url(../images/banner.jpg) no-repeat 0px 0px;*/
    background-size: cover; 
	-webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    -ms-background-size: cover; 
}
.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	}

.w3layouts-header-top {
    padding: 1em 0em;
    background: rgba(255, 255, 255, 0.25);
}
.w3-header-top-left{
    float: left;
    width: 15%;
}
.w3-header-top-left p,.w3-header-top-right-text p{
	color:#FFFFFF;
	font-size:.9em;
	margin:0;
}
.w3-header-top-right{
    float: right;
}
.agileinfo-social-grids {
    float: left;
}
/*-- social-icons --*/
.agileinfo-social-grids{
    margin-left: 0;
}
.agileinfo-social-grids ul{
	padding:0;
	margin:0;
}
.agileinfo-social-grids ul li{
    display: inline-block;
}
.agileinfo-social-grids ul li a {
	color: #FFFFFF;
    text-align: center;
}
.agileinfo-social-grids ul li a i.fa{
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo-social-grids ul li a i.fa.fa-facebook:hover {
    color: #3b5998;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter{
	margin:0 1em;
}
.agileinfo-social-grids ul li a i.fa.fa-twitter:hover{
	color: #55acee;
}
.agileinfo-social-grids ul li a i.fa.fa-rss{
	margin:0 1em 0 0;
}
.agileinfo-social-grids ul li a i.fa.fa-rss:hover{
	color: #f26522;
}
.agileinfo-social-grids ul li a i.fa.fa-vk:hover{
	color: #45668e;
}
.agileinfo-dot,.agile-dot {
	background: url(../images/dott.png)repeat 0px 0px;
    background-size: 3px;
    -webkit-background-size: 3px;
    -moz-background-size: 3px;
    -o-background-size: 3px;
    -ms-background-size: 3px;
}

.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.logo{ width:100%; height:auto; overflow:hidden; margin-top:15px}
.logo h1{ float:left;
   /* margin: .2em 0 0 0;*/
}
.logo h1 a{
    text-decoration: none;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 400;
}

.logo span{
	float:right;

}
.logo span a img{max-width:260px; height:auto; overflow:hidden}
.navbar-brand {
	float:left;
   height: auto; 
    padding: 0; 
    font-size: 18px; 
    line-height: 20px;
}
.navbar-nav {margin:0px auto; width:100%;}
.navbar-default {
    border: none;
    background: none;
    min-height: auto;
    margin-bottom: 0;
}
div#bs-example-navbar-collapse-1 {
	width:50%; float:left; margin-left:8%;
	 /*background-color:#0162b1;
    background-size: cover;*/
    padding: 0; 
}
.navbar-nav li.first-list:after,ul.dropdown-menu li:after{
    background: none !important;
	/*width: 0px !important;*/ width:12.5%; text-align:center
}

ul.nav.navbar-nav li a {
	font-size: 15px;
    color: #222;
	text-align:center; display:block;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px; padding:45% 0; 
    /*border: solid 2px rgba(255, 255, 255, 0);*/
}

ul.nav.navbar-nav li a:hover{color: #0a54a9 !important; display:block;}

ul.nav.navbar-nav li a:focus{outline:none;}

.nav > li > a:hover, .nav > li > a:focus {
    /*text-decoration: none;
    background:none !important;*/
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #222;
}
ul.nav.navbar-nav li.active a {
    color: #0a54a9;
   /* background:#0a54a9;*/

}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background:none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none!important;
}
.top-nav .open > .dropdown-menu {
    display: block;
    background: rgba(0, 0, 0, 0.69);
    margin-top: 2em;
    left: -73%;
}
.top-nav .open > .dropdown-menu li {
    margin: 0;
	display: block;
	overflow:hidden;
}
.navbar-top .open > .dropdown-menu li a {
    display: block;
    color: #fff;
    font-size: 1em;
    padding: 0.5em 1em;
    text-align: center;
	border: solid 2px rgba(255, 255, 255, 0);
}
.navbar-top .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color: #ffffff;
    border: none;
    background: none;
	    border: solid 2px #FFFFFF;
}
.navbar-top .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FF5722;
    text-decoration: none;
    background-color: transparent;
	    border: solid 2px #FFFFFF;
}
ul.dropdown-menu {
    background: rgba(0, 5, 13, 0.74) !important;
}

.in_yuyan{width:12%; float:right}
.in_yuyan a{width:50%; float:left; background-color:#176ed7; height:100%; text-align:center; padding:20% 0; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.in_yuyan a:nth-child(2){background-color:#333}
.in_yuyan a img{ width: auto; overflow:hidden; margin:0 auto}


/*-- banner --*/
.slider {
	position: relative;
}
.w3ls-icon{
	text-align:center;
}
.w3ls-icon i.fa{
	color:#FFF;
	font-size:2em;
}
.border{
    height: 2px;
    background: #FFF;
    width: 4%;
    margin: 22px auto 0;
}
.slider-info {
    text-align: center;
    padding: 299px 0;
}
.slider-info img{display:none}
.head {
	background:url(../images/nav_bg.jpg) no-repeat center bottom; box-shadow:0 0px 8px 0 #333; position:relative; z-index:99}

.slider-info h3{
        font-weight: 400;
    font-style: normal;
    font-family: 'Oswald', sans-serif;
    color: #ffffff;
	text-transform:uppercase;
    font-size: 70px;
    line-height: 1.5;
    letter-spacing: 13px;
	margin:0 0 25px 0;
}
.slider-info h6 {
   color: #ffffff;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 3px;
	font-weight:400;
    color: #fff;
}
.slider-info p{
    color: #E8E8E8;
    font-size: 1em;
    margin: 0em 0 0 0;
}
.more-button a{
    border: solid 2px #FFF;
    color: #FFF;
    font-size: 1em;
    padding: .5em 2em;
    text-decoration: none;
    letter-spacing: 1px;
}
.more-button {
    margin: 4em 0 1em 0;
}	
.more-button a:hover{
    background: #e709c1;
	border: solid 2px #e709c1;
}
/*------------------ Slider Part starts Here----------*/


.rslides li video{ width:100%; height:700px}
.ban01{background:url(../images/1.jpg) no-repeat center;}
.ban02{background:url(../images/2.jpg) no-repeat center;}
.ban03{background:url(../images/3.jpg) no-repeat center;}

@media (max-width: 900px){
	.ban01{background:none}
	.ban02{background:none}
	.ban03{background:none}
	.rslides li{height:auto; overflow:hidden}
	.rslides li video{ width:100%; height: auto; overflow:hidden}
	}



#slider2,
#slider3 {
  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_container {
  position: relative;
  width: 100%;
}
.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 .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
	height: 0;
    /*height: 2px;*/
    width: 45px;
    margin-top: 0;
    background: #FFF;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
    right:0;
    background-position: right top;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width:cover;
  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;
  height:700px
}
.rslides img {
  height: auto;
  border: 0;
  width:100%;
}
.callbacks_tabs{
    list-style: none;
    position: absolute;
    top: 76%;
    z-index: 9;
    right: 48%;
    padding: 0;
    margin: 0;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url(../images/img-resources.png)no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
}
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
  display: inline-block;
  margin: 0 .2em;
}
@media screen and (max-width: 600px) {
.rslides li{
  height: auto; overflow:hidden
}
}
@media screen and (max-width: 600px) {
	.rslides li{background:none}
	.rslides li{height:auto; overflow:hidden}
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    visibility: visible;
    display: block;
    height: 10px;
    width: 10px;
    background: #eaeaea;
    display: inline-block;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
}
.callbacks_here a:after{
   /* border: 2px solid #0a54a9;*/
    background: #0a54a9;
	height: 10px;
    width: 10px;
}	
ul.callbacks_tabs.callbacks2_tabs {
    top: 80%;
    left: 46%;
}
ul.callbacks_tabs.callbacks2_tabs li {
    display: inline-block;
    margin: 0 .5em;
}
ul.callbacks_tabs.callbacks2_tabs a:after {
    background: #F1C99B !important;
}
ul.callbacks_tabs.callbacks2_tabs a:after {
    border: none;
}
/*-- //banner --*/
.heading-agileinfo {
    font-weight: normal;
    letter-spacing: .5px;
    font-size: 36px;
    margin-bottom: 1.9em;
    text-align: center;
    color:#0162b1;
    text-transform: uppercase;
    position: relative;
    margin-top: 0;
}

.heading-agileinfo1 {
    font-weight: normal;
    letter-spacing: .5px;
    font-size: 36px;

    text-align: left;
    color:#0162b1;
    text-transform: uppercase;
    position: relative;
    margin-top: 0;
}

.heading-agileinfo span {
    display: block;
    font-size: 18px!important;
    margin-top: 1em;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #939393;
    font-weight: 500; font-family:Arial, Helvetica, sans-serif;
}
/*.heading-agileinfo span:after {
    content: '';
    background: #0162b1;
    height: 2px;
    width: 70px;
    position: absolute;
    top: 132%;
    right: 47%;
}*/

/**产品展示**/

.in_pro{height:auto; overflow:hidden; position:relative; margin-top:-145px; z-index:9}

.in_pro_list{width:31.33%; float:left; margin-bottom:3%; position:relative; border-radius:15px; display:block}
.in_pro_list:nth-child(2){margin:0 3% 3% 3%}
.in_pro_list:nth-child(5){margin:0 3% 3% 3%}

.in_pro_list h2{width:100%; height:auto; overflow:hidden; border-radius:15px;; background-color:#fff; position:relative}
.in_pro_list h2 img{opacity:0.1; width:100%; height:auto; overflow:hidden}
.in_pro_list h3{position:absolute; top:12%; text-align:center; width:100%}
.in_pro_list h3 a img{width:auto; height:auto; overflow:hidden; margin:0 auto}
.in_pro_list h3 a p{color:#222; font-size:22px; font-weight:bold; margin-top:10px}
.in_pro_list h3 a span{width:40%; margin:15% auto 0 auto; border:1px solid #176ed6; border-radius:5px; line-height:40px; display:block; font-size:14px; color:#176ed6}
.in_pro_list:hover h2{background-color:#176ed6}
.in_pro_list:hover h3 a p{color:#fff}
.in_pro_list:hover h3 a span{color:#fff; border:1px solid #fff;}

@media (max-width: 980px) {
	.in_pro_list h3 a img{width:40%; height:auto; overflow:hidden}
	.in_pro_list h3 a span{width:50%; font-size:13px; line-height:34px}
}

@media (max-width: 768px) {
	.in_pro{ margin-top:30px}
	.in_pro_list h3 a img{width:45%;}
	.in_pro_list{width:48%; float:left}
	.in_pro_list:nth-child(2n){margin:0 0 4% 4%}
	.in_pro_list:nth-child(5){margin:0 0 4% 0}
}

@media (max-width: 560px) {
	.in_pro_list h3 a p{font-size:18px;}
	.in_pro_list h3 a span{width:60%;margin:8% auto 0 auto;}
	
}
@media (max-width: 460px){
	.in_pro_list{width:100%; float:none}
	.in_pro_list:nth-child(2n){margin:0 0 4% 0}
	.in_pro_list h3 a p{font-size:20px;}
	.in_pro_list h3 a span{width:50%;margin:15% auto 0 auto;}

}



/**about**/
.in_video{width:65%; float:left; position:relative}
.in_video span img{width:100%; height:auto; overflow:hidden; border-radius:15px}

.in_about_r{width:32%; float:right; position:relative}
.in_about_gsjj{width:100%; height:auto; overflow:hidden}
.in_about_gsjj h2 a{font-size:20px; font-weight:bold; color:#222}
.in_about_gsjj a img{margin-top:15px; border-radius:10px; width:100%; height:auto; overflow:hidden; display:block}
.in_about_gsjj p{margin-top:10px;word-break: break-all;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden;}
.in_about_gsjj span{margin-top:15px; width:104px; height:36px; background-color:#176ed7; text-align:center; float:right}
.in_about_gsjj span a{color:#fff; font-size:14px; line-height:36px; display:block;}
.in_about_gssl{width:100%; height:auto; overflow:hidden; margin-top:30px; position:relative}
.in_about_gssl a img{width:100%; height:auto; overflow:hidden; border-radius:10px}
.in_about_gssl a p{position:absolute; bottom:0; background:rgba(14,84,169,0.9); width:100%; height:auto; overflow:hidden; text-align:center; color:#fff; padding:10px 0; font-size:20px; font-weight:bold; border-radius:0 0 10px 10px}

.in_rlx{width:100%; height:auto; overflow:hidden; margin-top:30px}
.in_rlx h2 a{font-size:20px; font-weight:bold; color:#222; display:block}
.in_rlx a img{margin-top:15px; border-radius:10px; width:100%; height:auto; overflow:hidden; display:block}
.in_honor{width:32.3333%; float:left; height:auto; overflow:hidden}
.in_contact{width:32.3333%; float:left; margin:0 1.5%; height:auto; overflow:hidden;}
.in_contact ul{width:100%; height:auto; overflow:hidden; border-radius:0 0 10px 10px;  background-color:#f2f2f2; margin-top:-10px; padding:30px 20px 20px 20px}
.in_contact ul li{width:100%; line-height:34px; background:url(../images/ic_iphone.png)  no-repeat center left; padding-left:30px}
.in_contact ul li:nth-child(3){background:url(../images/ic_dh.png)  no-repeat center left;}
.in_contact ul li:nth-child(4){background:url(../images/ic_dz.png)  no-repeat center left;}

.in_news{width:32.3333%; float:right}
.in_news ul li{border-bottom:1px solid #eaeaea; line-height:42px; background:url(../images/news_ic.jpg)  no-repeat center left; padding-left:20px}
.in_news ul li a{line-height:42px;word-break: break-all;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden; }
.in_news ul li span{float:right; font-family:Arial, Helvetica, sans-serif; color:#777}

@media (max-width: 1024px){
	.in_video{width:67%;}
	.in_about_r{width:30%;}
	.in_about_gssl{margin-top:20px;}
	
}
@media (max-width: 768px){
	.in_video{width:100%; float:none}
	.in_about_r{width:100%; float:none; margin-top:25px}
	.in_about_gsjj{width:44%; float:left}
	.in_about_gssl{width:53%; float:right}
	.in_honor{width:100%; float:none}
	.in_contact{width:100%; float:none; margin:20px 0}
	.in_news{width:100%; float:none}
}
@media (max-width: 560px){
	.in_about_gsjj{width:100%; float:none}
	.in_about_gssl{width:100%; float:none}
}






/*in_fl*/

.in_fl{width:100%; height:auto; overflow:hidden; padding:60px 0; background-color:#f7f7f7}
.in_flfg{width:32.33%; float:left; position:relative}
.in_shdj{width:32.33%; float:left; position:relative; margin:0 1.5%}
.in_ywpf{width:32.33%; float:right; position:relative}

.in_fl h3{width:100%; height:auto; overflow:hidden; background-color:#000; border-radius:15px 15px 0 0; display:block; position:relative}
.in_fl h3 img{width:100%; height:auto; overflow:hidden; position:relative; opacity:0.7; border-radius:15px 15px 0 0; display:block}
.in_fl h2{ position:absolute; top:16%; padding-left:20px}
.in_fl h2 a{font-size:24px; color:#fff; font-weight:normal}
.in_fl ul{width:100%; height:auto; overflow:hidden; background-color:#fff; padding:10px 20px 20px 20px}
.in_fl ul li{float:left; width:100%; list-style:none; line-height:40px;
word-break: break-all;
  display: -webkit-box; /**对象作为伸缩盒子模型展示**/
  -webkit-box-orient: vertical; /**设置或检索伸缩盒子对象的子元素的排列方式**/
  -webkit-line-clamp: 1; /**显示的行数**/
  overflow: hidden; /**隐藏超出的内容**/ }
.in_fl ul li a{color:#434343; line-height:40px; }
.in_fl ul li a span{float:right; color:#777; font-family:Arial, Helvetica, sans-serif}

@media (max-width: 1200px) {
	.in_fl h2{top:10%;}
}
@media (max-width: 768px) {
	.in_flfg{width:100%; float:none; }
	.in_shdj{width:100%; float:none;  margin:20px 0}
	.in_ywpf{width:100%; float:none;}
	.in_fl h2{top:30%;}	
}
@media (max-width: 640px) {
	.in_fl h2{top:26%;}	
}
@media (max-width: 540px) {
	.in_fl h2{top:20%;}	
}

@media (max-width: 440px) {
	.in_fl h2{top:16%;}	
}
@media (max-width: 375px) {
	.in_fl h2{top:10%;}	
}


/*in_ywly*/

.in_title{margin-top:50px}
.in_title a{font-size:32px; color:#000; font-weight:normal; line-height:46px}
.in_title a span{font-weight:bold}
.in_title p{color:#999; font-size:13px}
.in_ywly{height:auto; overflow:hidden; position:relative; margin-top:20px; margin-left:-1%}
.in_ywly_list{width:24%; float:left; margin:0.5% 0 0.5% 1%; position:relative}
.in_ywly_list h3{width:100%; height:auto; overflow:hidden; position:relative; background-color:#f2f2f2}
.in_ywly_list h3 img{width:100%; height:auto; overflow:hidden; display:block; opacity:0.1}
.in_ywly_list h2{ width:100%; height:auto;position:absolute; top:40%; text-align:center; padding:0 10%}
.in_ywly_list h2 a{text-align:center; color:#222; font-weight:normal; font-size:18px;}
.in_ywly_list p{display:none}
.in_ywly_list:hover h3{ background-color:#000}
.in_ywly_list:hover h3 img{opacity:0.4}
.in_ywly_list:hover h2{top:10%; text-align:left}
.in_ywly_list:hover h2 a{color:#fff}
.in_ywly_list:hover p{display:block; padding:0 10%; position:absolute; top:35%; font-size:13px; color:#fff}
.more{width:160px; height:46px; margin:50px  auto 0 auto; border:1px solid #d61518; display:block; text-align:center }
.more a{ color:#d61518; text-align:center; display:block; line-height:46px; font-size:15px}

@media (max-width: 1199px) {
	.in_ywly_list h2{padding:0 8%; top:40%}
	.in_ywly_list h2 a{font-size:16px}
	
}
@media (max-width: 980px) {
	.in_ywly_list h2 a{font-size:14px}
}

@media (max-width: 768px) {
	.in_ywly_list{width:49%;}
	.in_ywly_list h2 a{font-size:16px}
}

@media (max-width: 460px) {
	.in_ywly_list h2 a{font-size:14px}
	.in_ywly_list:hover p{display:none;}
}
@media (max-width: 440px) {
	.in_ywly_list h2{top:30%}
}





.xyin-product .pro-sort .pro-sort-menu:after, .xyin-case-item .case-main-bot ul:after, .hot-keys:after, .xypg-detail-info-bar:after, .xypg-detail-info-bar .xypg-file-down .file-down-list li:after, .xypg-detail-pn div:after, .xypg-detail-file-dwon:after, .xypg-download-list .download-title:after, .xypg-download-list .download-item:after, .xypg-download-list .download-item .download-item-span:after, .xypg-job-list .job-title:after, .xypg-job-list .job-item:after, .xypg-job-list .job-item .job-item-span:after, .product-detail-tab .product-detail-tabli:after, .tag-list-product .tag-wz .tab-fenli:after, .xylogin-form .input-g:after, .personal-cont li:after { content: ""; display: table; clear: both;}
.xyin-product .pro-sort .pro-sort-menu > li > a, .xyin-product .pro-list-box .pro-list-item li h3, .xyin-case-item .case-main-bot ul li h5, .xyin-honor .honor-slick .honor-slick1 .slick-con h3, .xyin-caseb .caseb-slick .slick-con h3, .news-slick .slick-con h3, .xyin-news-mid li a, .xyin-problem li h4, .xy-tonglan .ft-nav dd a, .latest-news li a, .hot-keys li a, .xypg-left-nav > li > a, .xypg-left-nav .xypg-left-subnav > li > a, .xypg-left-nav .xypg-left-threenav > li > a, .xypg-product-list li h3 a, .xypg-news-list li .tit h3, .xypg-detail-info-bar .xypg-file-down .file-down-list li .list-con p, .xypg-detail-pn div a, .relate-news-list li a, .xypg-jod-detail .job-detail-title, .xypg-album-cate li .album-title, .xypg-album-list li h3, .xypg-download-list .download-item .download-item-span.download-item-first, .xypg-download-list .download-item .download-item-span .download-item-con, .xypg-job-list .job-item .job-item-span .job-item-con, .tag-list-product .tag-wz h1, .tag-list-product .tag-wz .tab-fenli p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}





/**律师 专业团队**/

/*xyin-honor*/
.xyin-honor{ background:url(../images/in_team_bg.jpg) no-repeat center top #f7f7f7;padding: 60px 0; margin-top:60px; width:100%; height:auto; overflow:hidden; position:relative}
.in_title1{ text-align:center}
.in_title1 a{font-size:32px; color:#fff; font-weight:normal; line-height:46px}
.in_title1 a span{font-weight:bold}
.in_title1 p{color:#fff; font-size:13px}

.xyin-honor .honor-tit { background: url(../images/honor_bg.png) top 20px right 55px no-repeat; margin-bottom: 25px;}
.xyin-honor .honor-tit li{ display: inline-block; width: 147px; line-height: 44px; text-align: center; background: #288fc7; font-size: 20px;}
.xyin-honor .honor-tit li a { color: #ffffff;}
.xyin-honor .honor-tit li:hover { background: #0b6a9f;}
.xyin-honor .honor-tit li + li { margin-left: 10px;}
.xyin-honor .honor-tit .more { float: right; font-size: 14px; color: #000000; margin-top: -30px;}
.xyin-honor .honor-slick { margin-top:30px;}
.xyin-honor .honor-slick .slick-list { margin: 0 -10px;}
.xyin-honor .honor-slick .slick-con { display: block; padding: 0 6px;}
.xyin-honor .honor-slick .slick-con img { display: block; width: 50%; height:auto; overflow:hidden; margin:0 auto; border-radius:180px; position:relative; z-index:99}
/*.xyin-honor .honor-slick .slick-con p{font-size:18px; text-decoration:none; margin-top:8px; line-height:30px; color:#434343; /*background-color:#fff;*/ /*text-align:center; padding:15px 0}*/
.xyin-honor .honor-slick .slick-con{margin-top:70px}
.xyin-honor .honor-slick .slick-con:hover{margin-top:10px}
.xyin-honor .honor-slick .slick-con:hover img{ border:4px solid #b92022; box-shadow:0 0 14px #222}
/*.xyin-honor .honor-slick .slick-con:hover p{color:#0a54a9; text-decoration:none}*/
.xyin-honor .honor-slick .slick-con h3 { text-align: center; font-size: 14px; color: #666666; line-height: 30px;}
.xyin-honor .honor-slick .slick-arrow { position: absolute; top: 38px; width: 30px; height: 60px; outline: none; border: none; font-size: 0;}
.xyin-honor .honor-slick .slick-arrow.slick-prev { background: url(../images/honor-right.png) center no-repeat; left: -90px;}
.xyin-honor .honor-slick .slick-arrow.slick-next { background: url(../images/honor-left.png) center no-repeat; right: -90px;}
.xyin-honor .honor-slick .slick-arrow.slick-prev:hover { background: url(../images/honor-right1.png) center no-repeat; left: -90px;}
.xyin-honor .honor-slick .slick-arrow.slick-next:hover { background: url(../images/honor-left1.png) center no-repeat; right: -90px;}

.in_team{width:100%; height:auto; overflow:hidden; position:relative; padding:120px 30px 30px 30px; margin-top:-90px ; margin-bottom:15px }
.in_team h2{width:100%; height:auto; overflow:hidden; text-align:center; font-size:20px; font-weight:bold; color:#222}
.in_team span{ display:block; text-align:center; margin-top:20px; color:#434343; font-size:16px}
.in_team p{text-align:left; color:#fff; margin-top:20px; font-size:13pox; display:none;}
.xyin-honor .honor-slick .slick-con:hover .in_team{background-color:#b92022; border-radius:15px; color:#fff; box-shadow:0 0 10px #434343}
.xyin-honor .honor-slick .slick-con:hover .in_team h2{color:#fff}
.xyin-honor .honor-slick .slick-con:hover .in_team span{color:#fff}
.xyin-honor .honor-slick .slick-con:hover .in_team p{ display:block}


@media (max-width: 991px) {
/*.in_title a{font:bold 38px/40px "微软雅黑";}
.in_title font{margin-top:10px; margin-left:0; display:block}*/
 }

@media (max-width: 768px) { 
.xyin-honor{ background:url(../images/in_team_bg.jpg) no-repeat center -30px #f7f7f7;}
.xyin-honor {padding: 40px 0 60px 0; }
.xyin-honor .honor-tit {background: none; margin-bottom: 25px; }
.xyin-honor .honor-tit li {width: 100px; line-height: 35px; font-size: 16px; }
.xyin-honor .honor-slick .slick-con { padding: 0 5px;}
.xyin-honor .honor-slick .slick-con{margin-top:50px}
}

@media (max-width: 480px) { 
.xyin-honor{ background:url(../images/in_team_bg.jpg) no-repeat center -60px #f7f7f7;}
.xyin-honor .honor-slick .slick-con img { display: block; width: 35%;}
.xyin-honor .honor-slick .slick-con{margin-top:30px}
}

@media (max-width: 360px) { 
.xyin-honor .honor-slick .slick-con img {width: 50%;}
}


/*in_case*/

.in_case{height:auto; overflow:hidden; margin-top:60px; position:relative}
.in_case_l{width:25%; float:left; position:relative;}
.in_case_l img{width:100%; height:auto; overflow:hidden;  display:block}
.in_case_l a{font-size:30px; color:#fff; position:absolute; top:20%; padding:0 30px}
.in_case_l span{font-size:13px; color:#fff; position:absolute; top:30%; padding:0 30px}

.in_case_r{width:73.5%; float:right; position:relative}
.in_case_r_top{width:100%; height:auto; overflow:hidden; position:relative}
.in_case_top_l{width:55%; float:left; position:relative}
.in_case_top_l h3{background-color:#000}
.in_case_top_l h3 a img{width:100%; height:auto; overflow:hidden; opacity:0.6}
.in_case_top_l p{ color:#fff; position:absolute; padding:0 30px; bottom:25px}
.in_case_top_l p a{color:#fff;font-size:18px; font-weight:bold;}
.in_case_top_r{width:43%; float:right}
.in_case_top_r ul li{list-style:none; width:100%; float:left}
.in_case_top_r ul li:nth-child(2){margin:15px 0}
.in_case_top_r ul li a img{width:38%; float:left; display:block; height:auto; overflow:hidden; margin-right:15px}
.in_case_top_r ul li p a{color:#222; margin-bottom:3px; display:block; font-size:14px;word-break: break-all;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden;  }
.in_case_top_r ul li p{color:#777; line-height:26px}
.in_case_top_r ul li p span{word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 2; 
  overflow: hidden; }
  
.in_case_r_bottom{width:100%; height:auto; overflow:hidden; background-color:#f7f7f7; margin-top:15px; padding:18px 20px}
.in_case_r_bottom ul li{ list-style:none;width:100%; height:auto; overflow:hidden; background:url(../images/in_case_ic.png) no-repeat center left; padding-left:20px; line-height:40px}
.in_case_r_bottom ul li a{color:#222; font-size:14px;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 1; 
overflow: hidden;}
.in_case_r_bottom ul li span{float:right; font-family:Arial, Helvetica, sans-serif; color:#777}


@media (max-width: 1024px) { 
.in_case_r_bottom{ padding:12px 20px}
.in_case_r_bottom ul li{ line-height:34px}
.in_case_top_r ul li p span{-webkit-line-clamp: 1; }
.in_case_top_r ul li:nth-child(2){margin:10px 0}
}

@media (max-width: 768px) { 
.in_case_l{width:100%; float:none; text-align:center}
.in_case_l img{ display:none}
.in_case_l a{position:relative; top:0; padding:0; text-align:center; color:#222; font-size:32px}
.in_case_l span{font-size:13px; color:#777; position:relative; top:0; padding:0; display:block; text-align:center}
.in_case_r{width:100%; float:none; margin-top:30px}
}
@media (max-width: 500px) { 
.in_case_top_l{width:100%; float:none;}
.in_case_top_r{width:100%; float:none; margin-top:15px}
.in_case_top_r ul li p span{-webkit-line-clamp: 2; }
.in_case_r_bottom ul li a{ font-size:13px;word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden;}
}



/**in_about**/

/*
.in_about_bg{width:100%; height:auto; overflow:hidden; margin-top:60px; background:url(../images/in_about_bg.jpg) no-repeat center bottom #464651; padding-top:60px}
.in_about{width:100%; height:auto; overflow: hidden; position:relative; margin-top:30px; text-align: center; }
.in_about p{width:60%; margin:0 auto; text-align:center; color:#fff}
.in_about ul{width:70%; height:auto; overflow:hidden; margin:50px auto 0 auto; text-align:center;}
.in_about ul li{width:24.6%; float:left; margin:0 auto; text-align:center; background-color:#f5f5f5; margin:0 1px; list-style:none; padding:15px}
.in_about ul li img{width:auto; overflow:hidden}
.in_about ul li span{display:block; margin-top:15px; font-size:18px; color:#434343; font-weight:bold}

@media (max-width: 768px) { 
.in_about p{width:100%;}
.in_about ul{width:100%;}
}
@media (max-width: 530px) {
	.in_about ul li{width:24.5%;}
}
@media (max-width: 470px) {
	.in_about ul li{width:49.6%; margin:2px 0 0 0}
	.in_about ul li:nth-child(2n){float:right}
}
*/


/***in_news***/
/**.in_news{height:auto; overflow:hidden; margin-top:60px; position:relative}
.in_news_l{width:38%; float:left}
.in_news_lt{width:100%; height:auto; overflow:hidden; position:relative}
.in_news_lt a img{width:100%; height:auto; overflow:hidden; position:relative}
.in_news_lt a p{position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.6); color:#fff; padding:10px 15px; font-size:16px;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 1; 
overflow: hidden;}
.in_news_lb{width:100%; height:auto; overflow:hidden; position:relative; margin-top:10px}
.in_news_lb ul li{width:49%; float:left; position:relative; display:block}
.in_news_lb ul li:nth-child(2){margin-left:2%; /*float:right*//*}
.in_news_lb ul li a img{width:100%; height:auto; overflow:hidden; position:relative; display:block}
.in_news_lb ul li a p{position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.6); color:#fff; padding:5px 15px; font-size:13px;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 1; 
overflow: hidden;}

.in_news_r{width:59%; float:right; height:auto; overflow:hidden}
.in_news_r h2{width:100%; height:auto; overflow:hidden; background: url(../images/in_new_bg.jpg) no-repeat bottom left; position:relative; padding-bottom:10px}
.in_news_r h2 a{font-size:18px; font-weight:normal; color:#222; float:left; line-height:36px; }
.in_news_r h2 a:nth-child(2){ margin-left:30px}
.in_news_r ul {margin-top:20px}
.in_news_r ul li{width:100%; float:left; margin:6px 0; background:url(../images/in_case_ic.png) no-repeat center left; padding-left:20px;}
.in_news_r ul li span{float:right; color:#999; font-family:Arial, Helvetica, sans-serif}
.in_news_r ul li a{color:#434343;word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical; 
-webkit-line-clamp: 1; 
overflow: hidden;}
@media (max-width: 1024px) { 
.in_news_r ul li:nth-child(8){display:none}
.in_news_r ul li:nth-child(9){display:none}
}
@media (max-width: 768px) { 
.in_news_l{width:100%; float:none}
.in_news_r{width:100%; float:none; margin-top:20px}

}
@media (max-width: 420px) { 
.in_news_lb ul li{width:100%; float:nne}
.in_news_lb ul li:nth-child(2){ margin-top:10px; margin-left:0}
}
*/

/*****in_online_bg*****/
/*.in_online_bg{width:100%; height:auto; overflow:hidden; background-color:#f7f7f7; padding-bottom:60px; margin-top:60px; border-bottom:1px solid #e3e3e3}
.in_online{width:100%; height:auto; overflow:hidden; margin-top:30px}
.in_online_l{width:65%; float:left; background-color:#fff; padding:30px; height:425px} 
.in_lyb{width:48%; float:left; margin-bottom:20px}
.in_lyb:nth-child(2n){float:right}
.in_lyb select{width: 100%;border: 1px solid #e7e7e7;color: #626262;height: 40px;font-size: 13px;}
.in_lyb input{width: 100%;border: 1px solid #e7e7e7;color: #777;height: 40px;font-size: 13px;}
.in_lyb1{width:100%; margin-top:20px}
.in_lyb1 textarea {width: 100%;border: 1px solid #e7e7e7;color: #777;height: 12em;font-size: 13px;}
.in_lyb_tj {width: 120px; margin-top:20px}
.in_lyb_tj input {width: 100%;background-color: #ec3b3b;border: 1px solid #ec3b3b; border-radius:20px;color: #fff;height:38px;font-size: 16px}

.in_online_r{width:32%; float:right; background-color:#fff; padding:30px; height:425px} 
.in_online_r h2{width:100%; }
.in_online_r h2 a{font-size:20px; font-weight:normal; color:#222}
.in_online_r h2 span{width:40px; background-color:#d61518; height:2px; display:block; margin-top:10px}
.in_online_r ul{width:100%; height:auto; overflow:hidden; margin-top:25px}
.in_online_r ul li{width:100%; height:auto; overflow:hidden; margin-top:15px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:37px}
.in_online_r ul li img{width:40px; float:left; margin-right:20px}
.in_online_r p{width:100%; margin-top:35px}
.in_online_r p img{width:48%; float:left; height:auto; overflow:hidden}
.in_online_r p img:nth-child(2){float:right}

@media (max-width: 1024px) { 
.in_online_l{width:60%;} 
.in_online_r{width:37%;}
}

@media (max-width: 768px) { 
.in_online_l{width:100%; float:none; height:auto; overflow:hidden} 
.in_online_r{width:100%; float:none; margin-top:30px; height:auto; overflow:hidden}
.in_online_r p img{width:25%; float:left;}
.in_online_r p img:nth-child(2){float:left}
}

@media (max-width: 640px) { 
.in_online_r p img{width:35%;}
}

@media (max-width: 420px) { 
.in_online_r p img{width:48%;}
.in_online_r p img:nth-child(2){float:right}

}*/



/****footer****/

.footer_bg{width:100%; height:auto; overflow:hidden; margin-top:50px; padding:60px 0 40px 0; background-color:#f1f1f1; border-top:2px solid #2d68b2;}
.footer_l{width:59%; float:left; height:auto; overflow:hidden}
.footer_l dl{width:25%; float:left}
.footer_l dl dt a{ font-size:18px; color:#222; font-weight:bold; margin-bottom:20px; display:block}
.footer_l dl dd a{line-height:30px; color:#626262}
.footer_r{width:39%; float:right; text-align:right; position:relative}
.footer_r_t{width:100%; height:auto; overflow:hidden; text-align:right}
.footer_r_b{ text-align:right; position:relative; margin-top:40px }
.footer_r_b img{float:right; margin-left:15px}
.footer_r_b p{padding-top:90px}

.footer{width:100%; height:auto; overflow:hidden; margin-top:20px; text-align:center}
.footer h2{width:100%; text-align:center}
.footer h2 a{text-align:center; font-size:18px; color:#626262}
.footer h2 span{ font:bold 26px/36px Arial, Helvetica, sans-serif; color:#d61518}
.footer h3{width:100%; margin-top:30px; font-size:14px; line-height:32px; color:#626262; text-align:center}
.footer h3 a{color:#222; font-size:16px; margin:0 15px}
.footer p{width:100%; margin-top:20px;}
.footer p a{color:#626262}

@media (max-width: 768px) { 
.footer_bg{padding:40px 0;}
}
@media (max-width: 767px) {
	.footer_l{width:100%; float:none}
	.footer_r{width:100%; float:none; margin-top:5px; text-align: center; padding-top:15px; border-top:1px solid #ccc}
	.footer_r_t{text-align:center}
	.footer_r_b{ text-align:center; margin-top:20px }
	.footer_r_b img{ width:auto; overflow:hidden; display:block; margin:0 auto; float:none}
	.footer_r_b p{padding-top:10px}
}

@media (max-width: 420px) {
	.footer_l dl{width:100%; float:none; border-bottom:1px solid #ccc; height:auto; overflow:hidden; padding-bottom:15px}
	.footer_r{ border-top:none}
	.footer_l dl dd{width:33.3333%; float:left}
}


/*
.in_pro_left{width:23%; float:left}
.in_pro_left h3{background-color:#0162b1; padding:24px 15px; border-radius:20px 20px 0 0; text-align:center; color:#fff; font-size:28px;}
.in_pro_left img{margin-right:10px}
.in_pro_left ul{background-color:#f2f2f2; padding:12px 12px 17px 12px}
.in_pro_left ul li{ width:100%; height:54px; background-color:#0162b1; display:block; margin:7px 0; line-height:54px;
word-break: break-all;
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden; }
.in_pro_left ul li a{color:#fff; font-size:14px; padding:0 10px;  text-decoration:none; display:block }
.in_pro_left ul li a:hover{background-color:#0a54a9; display:block}*/




/*
.portfolio-agileinfo ul{height:auto; overflow:hidden; margin-bottom:40px; display:block}
.portfolio-agileinfo ul li{width:19%; float:left; margin:0 0.4%; list-style:none; text-align:center; display:block; border:1px solid #e2e2e2}
.portfolio-agileinfo ul li a{ display:block; font-size:14px; color:#626262; padding:8px 0px}
.portfolio-agileinfo ul li a:hover{background-color:#f29c20; padding:8px 0px; color:#fff; text-decoration:none}*/
/*-- modal --*/
.agileits-w3layouts-info img{
	width:100%;
}
.modal-header h4 {
    color: #e709c1;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}
.modal-body p{
    margin: 1em 0 0 0;
    font-size: .875em;
    color: #999999;
    line-height: 1.8em;
}
/*-- //modal --*/



/*-- portfolio section --*/
section.portfolio-agileinfo h3.text-center {
	font-size:40px;
	font-weight:normal;
	color:#000;
	font-family: 'Nunito', sans-serif;
	padding-bottom:50px;
}
section.portfolio-agileinfo  .portfolio-grids {
    padding: 0 0 12px 12px;
}
/******** SAP ************/
section.portfolio-agileinfo .sap_tabs{
	clear:both;
	padding: 0;
}
section.portfolio-agileinfo .tab_box{
	background:#fd926d;
	padding: 2em;
}
section.portfolio-agileinfo .top1{
	margin-top: 2%;
}
section.portfolio-agileinfo .resp-tabs-list {
    list-style: none;
    padding: 4em 0 3em;
    margin: 0 auto;
    text-align: center;
}
section.portfolio-agileinfo .resp-tab-item {
    color: #333;
    font-size: 1em;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    text-align: center;
    list-style: none;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    margin: 0 1.5em 0;
}
section.portfolio-agileinfo .resp-tab-active {
    text-shadow: none;
    color: #fc4f6b;
    border-bottom: 2px solid;
}
section.portfolio-agileinfo .resp-tabs-container {
	padding: 0px;
	clear: left;	
}
section.portfolio-agileinfo .resp-tab-content {
	display: none;
}
section.portfolio-agileinfo .resp-content-active,section.portfolio-agileinfo .resp-accordion-active {
   display: block;
}
section.portfolio-agileinfo .portfolio-grids p{width:100%; height:60px; background-color:#f2f2f2; text-align:center}
section.portfolio-agileinfo .portfolio-grids p a{color:#222; font-size:16px; font-weight:bold; line-height:60px; text-decoration:none}
section.portfolio-agileinfo .portfolio-grids a {
    display: block;
    overflow: hidden;
	position:relative;
}
section.portfolio-agileinfo .portfolio-grids img.img-responsive {
    width: 100%;
}
section.portfolio-agileinfo .b-wrapper {
    background:rgba(0,0,0, 0.7);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
	padding: 1em;
	transition:.5s all;
	text-align:center;
}
.b-wrapper p{padding-top:2em}
section.portfolio-agileinfo .portfolio-grids a:hover .b-wrapper{
	bottom: 0%;
}
section.portfolio-agileinfo i.fa.fa-search-plus {
    color: #fff;
    font-size: 30px;
   padding-top:35%;
}
section.portfolio-agileinfo .b-wrapper h5 {
    font-size:25px;
	font-weight:normal;
    color: #fff;
    text-align: center;
    padding:14px 0;
}
section.portfolio-agileinfo .b-wrapper p{
	font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 1.8em;
    text-align: center;
}
section.portfolio-agileinfo .gallery-grids{
	margin:0; width:77%; float:right}

section.portfolio-agileinfo .nav-tabs > li.active > a,section.portfolio-agileinfo .nav-tabs > li.active > a:hover,section.portfolio-agileinfo .nav-tabs > li.active > a:focus {
    color:#fff;
    cursor:pointer;
	border:none;
    background-color: #009688;
}
section.portfolio-agileinfo .nav-tabs > li > a {
	margin:0px;
    border-radius: 0;
    font-size: 17px;
    color: #fff;
	border:none;
    background-color: #ffc107;
    font-weight: normal;
}	
section.portfolio-agileinfo .nav-tabs {
    border-bottom: none;
	margin: 0 0 40px;
}
section.portfolio-agileinfo .nav-tabs > li {
    margin-bottom: 0;
    border: 1px solid #009688;
    margin: 0 5px;
}
section.portfolio-agileinfo .nav-tabs > li:nth-child(1) {
	margin-left:41em;
    border-left: 1px solid #009688;
}
section.portfolio-agileinfo .nav > li > a:hover,section.portfolio-agileinfo .nav > li > a:focus {
    color:#000;
	background-color:transparent;
}	
section.portfolio-agileinfo{
	padding:5em 0 2em 0;
}

@media (max-width: 1399px) {
	.in_pro_left ul{background-color:#f2f2f2; padding:12px}
.in_pro_left ul li{height:52px; line-height:52px;margin:5px 0;}
}
@media (max-width: 991px) {
	.in_pro_left{width:100%; float:none}
	.in_pro_left ul{display:none}
	section.portfolio-agileinfo .gallery-grids {
    margin: 20px 0 0 0;
    width: 100%;
    float: none;}
	section.portfolio-agileinfo .portfolio-grids {
    padding: 6px;}
}
@media (max-width: 640px){
	section.portfolio-agileinfo .portfolio-grids:nth-child(9) { display:none}
}


/*-- /portfolio section --*/




/*honor*/








.frame iframe {
    width: 100%;
    min-height: 280px;
}
/*-- footer --*/
/*
.footer_t {
    background: #0162b1; height:auto; overflow:hidden
}
.f-bg-w3l {
    padding: 1em 0;	
}
.footer_t h3 a{ font-size:20px; font-weight:bold; color:#fff; margin-bottom:35px; display:block}
.footer_about{width:31%; float:left; padding:60px 40px 70px 40px; background-color:#00569c}
.footer_about p{font-size:13px; color:#fff; opacity:0.9; line-height:30px}

.footer_news{width:38%; float:left; padding:60px 60px 0 60px ; height:auto; overflow:hidden}
.footer_news ul li{list-style:none; width:100%; float:left; line-height:30px;word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 1; 
  overflow: hidden; 
}
.footer_news ul li a{color:#fff; font-size:14px}
.footer_news ul li a span{float:right; font-size:13px; font-family:Arial, Helvetica, sans-serif; opacity:0.7} 

.footer_contact{width:31%; float:right; padding:60px 0 0; height:auto; overflow:hidden}
.footer_contact p{color:#fff}
.footer_contact p img{float:left; margin-right:15px}
.footer_contact p span{ font-size:28px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.footer_contact p strong{margin-top:10px; display:block}

.footer_bg{background-color: #014278; padding:15px 0; height:auto; overflow:hidden}
.footer{color:#fff; text-align:center}
.footer a{color:#fff}
.footer a:hover{color:#fff}*/

/*.footer_l{width:22.6%; height:auto; overflow:hidden; float:left; padding:4em 0}
.footer_l a img{width:100%; height:auto; overflow:hidden}
.footer_l span{margin:.3em 0; padding-top:.3em; border-top:1px solid #4592cb; display:block}
.footer_m{width:2px; height:auto; margin:0 7em; float:left}
.footer_r{width:60%; float:right; height:auto; overflow:hidden; padding:4em 0; color:#fff}
.footer_nav{width:100%; padding-bottom:1em; border-bottom:1px solid #4592cb; height:auto; overflow:hidden}
.footer_nav a{width:11.1%; float:left; color:#fff; font-size:1.1em;}
.footer_bq{height:auto; overflow:hidden; padding-top:2em}
.footer_bq a{color:#d1e4f2}*/
/*@media(max-width:1399px){
.footer_contact p img{ width:30%; float:left; height:auto; overflow:hidden}
.footer_contact p strong{margin-top:5px; display:block}
}
@media(max-width:1199px){
.footer_contact p img{width:40%; float:none; margin:0 auto}
}
@media(max-width:768px){
	.footer_about{width:100%; float:none; padding:25px 20px}
	.footer_news{width:45%; padding:30px 10px}
	.footer_contact{width:50%; padding:30px 0}
	.footer_contact p img{ width:28%; float:left; height:auto; overflow:hidden; margin-right:15px}

}

@media(max-width:640px){
.footer_news{width:100%; float:none; padding:25px 0}
.footer_contact{width:100%; float:none; padding:25px 0}
}*/




.yjbd{display:none}

.yjbd{width:100%; height:4em; line-height:4em; position:fixed; z-index:999; bottom:0;}
.bd1 a{background:rgba(209,1,17,0.9)}
.bd2 a{background:rgba(47,129,196,0.9)}
.yjbd ul li{width:49.9%; float:left; list-style:none}
.yjbd ul li a{color:#fff; font-size:14px; text-align:center; display:block; line-height:4em}

 @media (max-width: 1023px) {
	 .yjbd{display:block}

 }




.w3layouts_footer_grid h2,
.w3layouts_footer_grid h3 {
    font-size: 1.5em;
    color: #fff;
    position: relative;
    margin-bottom: 1.5em;
    letter-spacing: 2px;
}
h3.heading-agileinfo.white-w3ls {
    color: #f8b239;
    font-size: 35px;
    line-height: 48px;
}
.more-button a {
    font-size: 15px;
    background: #e709c1;
    color: #fff;
    padding: 8px 25px;
    display: inline-block;
    margin-top: 2em;
}


.w3layouts_footer_grid h2 span,
.w3layouts_footer_grid h3 span {
    color: #ffcc54;
}

ul.links li a {
    color: #fff;
}

.social_agileinfo li {
    display: inline-block;
}

.social_agileinfo li a {
    width: 40px;
    height: 40px;
    display: block;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
}

.social_agileinfo li a i {
    font-size: 1em;
    line-height: 2.4em;
}

.w3_facebook:hover {
    border: 1px solid #3b5998;
    background: #3b5998;
}

.w3_twitter:hover {
    border: 1px solid #1da1f2;
    background: #1da1f2;
}

.w3_instagram:hover {
    border: 1px solid #833ab4;
    background: #833ab4;
}

.w3_google:hover {
    border: 1px solid #dd4b39;
    background: #dd4b39;
}

.w3l_footer_nav {
    margin: 3em 0 3em;
}

.w3l_footer_nav li {
    display: inline-block;
    margin-right: 4em;
}

.w3l_footer_nav li a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
}

.w3l_footer_nav li a:hover,
.w3l_footer_nav li a.active {
    color: #FFC107;
}
.w3layouts_footer_grid p {
    font-size: 1em;
    line-height: 2em;
    margin-bottom: 2em;
    color: #bfbfbf;
}

p.copyright {
    color: #fff;
    line-height: 1.8em;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 0em;
    background: #0e0e13;
    padding: 10px 0;
}

p.copyright a {
    color: #fff;
    text-decoration: underline;
}

p.copyright a:hover {
    color: #FFC107;
}

.w3layouts_footer_grid form {
    border: 1px solid #fff;
    width: 100%;
}

.w3layouts_footer_grid input[type="email"] {
    outline: none;
    padding: 15px 15px;
    color: #fff;
    font-size: 14px;
    width: 86%;
    border: none;
    background: rgba(0, 0, 0, 0.22);
    letter-spacing: 2px;
}

button.btn1 {
    color: #fff;
    border: none;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    background: #f53275;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    width: 14%;
}

ul.con_inner_text li {
    list-style-type: none;
    color: #bfbfbf;
    font-size: 14px;
    margin-bottom: 17px;
}

ul.con_inner_text li label {
    display: block;
    margin-left: 1.7em;
}

ul.con_inner_text span {
    margin-right: 13px;
}

ul.con_inner_text li a {
    color: #bfbfbf;
}

ul.con_inner_text li label {
    color: #bfbfbf;
    margin-right: 1em;
    font-weight: 400!important;
}

ul.con_inner_text.midimg li {
    display: inline-block;
    float: left;
    width: 22%;
    margin: 6px;
}
/*-- //footer --*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 2%;
	overflow: hidden;
	z-index: 999; 
	width: 40px;
	height: 40px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow.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);
}
/*-- //to-top --*/
.agile-dish-caption {
    text-align: center;
}
/*-- responsive --*/


@media(max-width:1080px){
.navbar-nav {

	}
	.slider-info{padding:0}
.slider-info {
   /* padding: 9em 0 7em;*/
}
.rslides li{background:none}
.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
.more-button a {
    margin-top: 0em;
}
.more-button {
    margin: 2em 0 1em 0;
}
.slider-info h3 {
    margin: 0 0 13px 0;
}
.callbacks_tabs {
    top: 80%;
}
.grid1 {
    padding: 25px 22px;
}
section.portfolio-agileinfo .b-wrapper {
    padding: 1em;
}
}
@media(max-width:1024px){
.stats-agileinfo p {
    font-size: 13px;
}
}
@media(max-width:991px){
	.rslides li{background:none; height:auto; overflow:hidden}
.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
ul.nav.navbar-nav li a {
	font-size:1em;

	letter-spacing:0.5px;
}
	.logo h1 a {
		font-size: 1.1em;
	}

	.navbar-nav {

	}
	.slider-info h3 {
    font-size: 3em;
}
.agileits_services_grid img {
    width: 100%;
}
.agileits_services_grid:nth-child(2){
   margin: 2em 0;
}
.services {
    padding: 0em 0;
}
	.banner-bottom {
    padding: 3em 0;
}
.services-top-grids {
    margin-bottom: 0;
}
.ser-1 {
    float: left;
    width: 50%;
}
section.portfolio-agileinfo .b-wrapper {
    padding: 3em;
}
section.portfolio-agileinfo {
    padding: 3em 0;
}
.clients-main {
    padding: 3em 0;
}
.pricing {
    padding: 3em 0;
}
.ratt {
    float: left;
}
.tag {
    float: right;
}
.register-sec-w3l {
    padding:3em 0;
}
section.team {
    padding: 3em 0;
}
.team1 {
    float: left;
    width: 50%;
}
.stats {
    padding: 3em 0;
}
.stats-grid {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.event-time {
    padding: 3em 0;
}
.testi-info .nav-tabs {
    margin: 0em 0 2em 0em;
}
.w3-latest-grid {
    margin-bottom: 2em;
}
.event-subinfo:nth-child(2) {
    padding: 0em 0 0;
}
.f-bg-w3l {
    padding: 3em 0;
}
.w3layouts_footer_grid h2, .w3layouts_footer_grid h3 {
    margin-bottom: 1em;
}
.w3layouts_footer_grid:nth-child(2) {
	margin:1.5em 0;
}
}
@media(max-width:900px){
	.about_l{width:100%; float:none}
	.about_r{width:100%; float:none}
	.about_l EMBED{height:600px}
	.about_r ul li a span{margin-top:-2.5em; font-size:1.3em; }

	.rslides li{background:none}
.slider-info img{display:block; width:100%; height:auto; overflow:hidden }

}
@media(max-width:800px){
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.logo{float:left}
	.logo span{display:none}
	.about_r ul li a span{margin-top:-2.5em; font-size:1.3em }
	.callbacks_tabs {right: 46%;}
	.slider-info {margin: 0em 0 0 0;}
	.slider-info{padding:0}
	div#bs-example-navbar-collapse-1{width:54%; margin-left:4%}
}
@media(max-width:767px){
	.in_yuyan{display:none}
	.about_l{width:100%; float:none}
	.about_l EMBED{height:300px}
	.about_r{width:100%; float:none}
	.head{background:none; height:75px}
	.portfolio-agileinfo ul li{width:47%; margin:1% }
	
	
	ul.nav.navbar-nav li a{color:#fff}
	ul.nav.navbar-nav li.active a {
    color: #fff;
    background: #063b73;}
	ul.nav.navbar-nav li a:hover {
    color: #fff;
    background: #063b73;}
	
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.slider-info{padding:0}
	.logo{ width:30%; float:left; margin-top:5px}
	.logo span{display:none}
	.navbar-top {position: relative;}
	div#bs-example-navbar-collapse-1 {background: rgba(17, 83, 167, 0.83);position: absolute;width: 100%; margin-left:0;z-index: 9999;}
	.navbar-toggle {/*border: 1px solid rgb(34, 34, 34);*/float:right}
	.navbar-toggle .icon-bar {background: #222;}
	.navbar-toggle {margin-top: 15px;float:right}
	ul.nav.navbar-nav li a {margin: .5em 0;padding: .5em 0;}
	.navbar-nav {float: none;text-align: center;margin: 1em 0;}
	.cli-ent {width: 100%;margin: 0 auto;}
}
@media(max-width:667px){
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.slider-info{padding:0}
	.logo{width:40%; float:left}
	.grid1 h4 {font-size: 19px;}
	section.portfolio-agileinfo .b-wrapper {padding: 2.5em;}
}
@media(max-width:640px){
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.slider-info{padding:0}
	.logo{ width:40%; float:left}
	.slider-info h3 {letter-spacing: 6px;}
	.slider-info h6 {font-size: 17px;}
	.slider-info {/*padding: 7em 0 6em;*/}
	.book-appointment {width: 70%;}
}

@media(max-width:600px){
	.slider-info{padding:0}
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.logo{width:40%;  float:left}
	.heading-agileinfo {font-size: 36px;}
}

@media(max-width:568px){
	.about_r ul li a span{margin-top:-2.4em; font-size:1em }
	.slider-info{padding:0}	
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.logo{ width:45%; float:left}
	.heading-agileinfo span {font-size: 14px!important;}
	section.portfolio-agileinfo .b-wrapper {padding: 1.5em;}
	.grid1 h4 {font-size: 17px;}
	p.para-w3-agile {font-size: 20px;}
}

@media(max-width:480px){
	.about_r ul li{width:44%; margin:2em  3% 0 3%}
	.about_r ul li a span{margin-top:-2.5em; font-size:1.2em }
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.slider-info{padding:0}
	.logo{width:50%; float:left}
	.slider-info h3 {font-size: 2.2em;}
	.callbacks_tabs {right: 44%;}
	.stats-agileinfo h6 {font-size: 1.3em;}
	.numscroller {font-size: 2.5em;}
	.slider-info {margin: 0em 0 0 0;}
	.slider-info h3 {font-size: 2.2em;}
	.slider-info p {margin: 1em auto 0;width: 79%;}
	.slider-info {/*padding: 5em 0 4em;*/}
	.heading-agileinfo span {font-size: 13px!important;letter-spacing: 1px;}
	.ser-1 {float: left;width: 100%;}
	section.portfolio-agileinfo .b-wrapper {padding: 1em;}
	.stats-grid {width: 100%;}
	p.copyright {font-size: 14px;}
	.event-left h5 {font-size: 1.4em;}
	span.icon-event {font-size: 1em;}
}

@media(max-width:414px){
	.slider-info{padding:0}
	.rslides li{background:none}
	.slider-info img{display:block; width:100%; height:auto; overflow:hidden }
	.logo{ width:60%; float:left}
	.slider-info h3 {font-size: 2em;}
	.callbacks_nav {width: 25px;}
	.more-button {margin: 2em 0 1em 0;}
	.more-button a {font-size: .9em;padding: .5em 1em;}
	.callbacks_tabs {right: 42%;}
	.banner-bottom {padding: 2em 0;}
	.w3l-heading h2, .w3l-heading h3 {font-size: 2em;}
	.slider-info {/* padding: 4em 0 3em;*/}
	.heading-agileinfo {font-size: 30px;margin-bottom: 1.5em;}
	.agileits_services_grid h3 {font-size: 20px;}
	.agileits_services_grid p {line-height: 1.8em;margin: 1em 0 0;font-size: 14px;}
	.w3layouts_more a{font-size: 0.8em;padding: 8px 15px;}
	.heading-agileinfo {font-size: 30px;margin-bottom:1.5em;}
	/*.portfolio-grids {width: 100%;}*/
	section.portfolio-agileinfo .b-wrapper {padding: 4em;}
	.event-right.eventtxt-right {width: 100%;padding:0;}
	.event-left {width: 100%;margin-top: 1em;}
	.event-right {width: 100%;padding:0;}
	.event-time {padding: 3em 0 1em;}
	p.para-w3-agile {font-size: 16px;}
}

@media(max-width:384px){
.slider-info{padding:0}
.rslides li{background:none}
.slider-info img{display:block; width:100%; height:auto; overflow:hidden }	
.logo{ float:left}
.slider-info h3 {letter-spacing: 3px;}
.slider-info p {width: 84%;}
.book-appointment {width: 90%;}
.team1 {width: 100%;}
.w3layouts_footer_grid input[type="email"] {width: 84%;}
button.btn1 {width: 16%;}
}
@media(max-width:375px){
.slider-info{padding:0}	
.rslides li{background:none}
.slider-info img{display:block; width:100%; height:auto; overflow:hidden }	
.logo{ width:70%; float:left}
.slider-info p {width: 90%;}
section.portfolio-agileinfo .b-wrapper {padding: 2.8em;}
.w3layouts_footer_grid h2, .w3layouts_footer_grid h3 {letter-spacing: 1px;}
}
@media(max-width:320px){
.rslides li{background:none}
.slider-info img{display:block; width:100%; height:auto; overflow:hidden }	
.logo{float:left}
.logo span{display:none}
.slider-info{padding:0}
.slider-info h3 {font-size: 1.7em;}
.slider-info p {width: 90%; font-size: 15px;}
.border {width: 25%; margin: 15px auto 0;}
.left-border-info {padding: 1em;}
.w3l-heading h2, .w3l-heading h3 {font-size: 1.5em;}
.slider-info h6 {font-size: 14px; letter-spacing:1px;}
.slider-info {/*padding: 3em 0 3em;*/}
.agileits_services_grid h3 {font-size: 18px;}
.w3layouts_more {margin: 1em 0 0;}
.services {padding: 2.5em 0;}
.pricing {padding: 2.5em 0;}
.register-sec-w3l {padding: 2.5em 0;}
section.team {padding: 2.5em 0;}
.stats {padding: 2.5em 0;}
.w3layouts_footer_grid h2, .w3layouts_footer_grid h3 {font-size: 1.3em;}
ul.con_inner_text.midimg li {width: 28%;}
.event-time {padding: 2.5em 0 1em;}
.f-bg-w3l {padding: 2.5em 0;}
p.para-w3-agile {font-size: 15px;}
.clients-main {padding: 2.5em 0;}
.heading-agileinfo span {letter-spacing: 0px;}
}
/*-- //responsive --*/




/*移动端底部导航*/
.phonefooternav {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	display:none;
}
.phonefooternav ul{
	padding: 0;
}
.phonefooternav ul li {
	width: 40%;
	background: #0663b0;
	float: left;
	padding: 5px 0;
	border-right: 1px solid #FFFFFF;
	list-style: none;
	box-sizing: border-box;
	line-height: 16px;
}
.phonefooternav ul li:nth-child(2){
	width: 60%;
	background: #e87e12;
}
.phonefooternav ul li a {
	display: block;
	color: #fff;
	text-align: center;
}
.phonefooternav ul li a img {
	width: 22px;
	padding: 2px 0; margin:0 auto
}
.phonefooternav p{
	color: #FFFFFF;
	font-size: 14px;
}
  @media (max-width: 1024px) {
.phonefooternav { display:block}
  }