/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */
@media (min-width : 1200px) {

	.navbar-collapse{
		padding-left: 0;
	}

	.nav-style-boxed .navbar-collapse{
		padding-left: 15px;
	}

}


/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width:1199px){

	.dropdown i{
		display: none;
	}

	.navbar-collapse{
		padding-left: 0;
	}

	.nav-style-boxed .navbar-collapse{
		padding-left: 15px;
	}

	/* Header */

	ul.navbar-nav > li{
		padding: 0 15px;
	}

	ul.top-info li{
		margin-left: 10px;
	}

	.consult{
		padding: 6px 25px;
	}

	ul.top-info{
		float: left;
	}

	/* Slideshow */

	.slider-text{
		position: relative;
		z-index: 1;
	}

	.slider-img{
		top: -95px;
	}

	/* Practice item */

	.practice-item .img-thumb .overlay{
		width: auto;
		height: auto;
		padding: 15px;
	}

	.practice-details{
		overflow: hidden;
    	text-overflow: ellipsis;
    	display: block;
    	max-height: 44px;
	}

	/* Case result */

	.case-details-content .case-desc{
		font-size: 14px;
		line-height: normal;
	}


	/* Image block */

	.img-block-left.ts-padding{
		padding: 40px;
	}


	/* Bottom */

	.contact-info-box .contact-info-box-content p{
		word-wrap: break-word;
		font-size: 12px;
	}

.mrl-30{
   margin-left:0;
}
.mrl-20{
   padding-left:0;
}
ul.top-info li .info-box span.info-icon{
		font-size: 10px;
	}
	.logo {
  min-height: 100px;
  padding: 15px 0 15px 2px;
}


.widget ul li{
   line-height: 80px;
}

.widget ul li a{
   color: #ccc;
}

.widget ul li a:hover{
   color: #1bbc9b;  
}

.widget ul li i{
   margin-right: 5px;
}
ul.top-info li .info-box span.info-icon {
  font-size: 0px;
  color: #006BCF;
  display: inline-block;
}
ul.top-info li .info-box .info-box-title {
  font-weight: 500;
  color: #FE0002;
  font-size: 0px;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
}

ul.top-info li .info-box .info-box-subtitle {
  margin: 0 0 0px 0;
  line-height: normal;
  color: #575555;
  font-size: 0px;
}
}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

	/* Top bar */
.mbnoblock{ display:none;}
.pcnoblock{ display:block;}
	.top-bar{
		padding-bottom: 10px;
		position: relative;
		z-index: 10;
	}

	.top-menu ul{
		text-align: left;
	}

	.top-menu ul li a{
		padding: 0 10px;
	}


	/* Header */

	.logo{
		background: none;
    	text-align: center;
    	width: 100%;
    	min-height: auto;
	}

	.logo:before, .logo:after {
    	position: relative;
	}	

	.logo:after {
    	border: 0;
	}

	.header-right {
    	width: 100%;
    	float: none;
    	display: inline-block;
		
	}

	/* Header white */

	.header-white .container{
		padding-left: 0;
	}

	.header-white .logo{
		margin-top: -11px;
    	min-height: 65px;
    	padding: 0 10px 10px 30px;
	}

	.header-white .logo img{
    	height: 45px;
    	background-size: contain;
    	background-repeat: no-repeat;
	}

	.header-white ul.navbar-nav > li > a{
		font-size: 13px;
		line-height: 70px;
		padding: 0 6px;
	}

	/* top info */

	ul.top-info{
		float: none;
		margin: 0 0 60px;
	}

	ul.top-info li{
		margin-left: 55px;
	}
	
	/* Navigation */

	.navbar-collapse{
		padding-left: 0;
	}

	.nav-style-boxed .navbar-collapse{
		padding-left: 15px;
	}

	ul.navbar-nav > li{
		padding: 0 6px;
	}

	ul.navbar-nav > li > a, 
	.dropdown-menu li a{
		font-size: 14px;
	}


	/* Slideshow */
	.slide-title{
		font-size: 40px;
		line-height: 60px;
	}

	.slide-sub-title{
		font-size: 20px;
		margin-bottom: 25px;
	}

	.slider.btn{
		font-size: 12px;
		padding: 10px 25px;
	}

	.slider-img{
		left: 5%;
	}

	.slider-text{
		padding-left: 35%;
	}


	/* Intro feature */
	.intro-feature .col-sm-8{
		width: 100%;
	}

	/* Product item */

	.owl-theme.product-slide{
		padding-left: 13px;
	}

	.product-item{
		padding: 10px;
	}

	/* Tab */

	.featured-tab .tab-pane img.pull-right{
		margin-top: 10px;
		float: none !important;
	}

	/* Content */

	.ts-content .ts-padding.left {
    	padding-left: 40px;
	}

	/* Facts */

	.facts-wrapper .ts-facts {
    	border: 0;
	}

	/* Latest post */

	.latest-post{
		margin-bottom: 30px;
	}

	/* Bottom */

	.footer-widget{
		display: inline-block;
	}

	.newsletter-form input{
		width: 90%;
	}

	#back-to-top{
		right: 20px;
	}

	
.mrl-30{
   margin-left:0;
}
.mrl-20{
   padding-left:0;
}
ul.top-info li .info-box span.info-icon{
		font-size: 10px;
	}
.logo {
  min-height: 100px;
  padding: 15px 0 15px 2px;
}

.widget ul li{
   line-height: 80px;
}

.widget ul li a{
   color: #ccc;
}

.widget ul li a:hover{
   color: #1bbc9b;  
}

.widget ul li i{
   margin-right: 5px;
}

.slider-text {
   display: table;
   vertical-align: bottom;
   color: #fff;
   padding-left: 1%;
   width: 100%;
   padding-bottom: 0;
   padding-top: 20px;
}
ul.top-info li .info-box span.info-icon {
  font-size: 0px;
  color: #006BCF;
  display: inline-block;
}
ul.top-info li .info-box .info-box-title {
  font-weight: 500;
  color: #FE0002;
  font-size: 0px;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
}

ul.top-info li .info-box .info-box-subtitle {
  margin: 0 0 0px 0;
  line-height: normal;
  color: #575555;
  font-size: 0px;
}
}

/* Small Devices Potrait */
@media (max-width : 767px){
.mbnoblock{ display:none;}
.pcnoblock{ display:block;}
	/* Top bar */

	.top-social ul{
		text-align: center;
	}

	.top-social li a{
		font-size: 14px;
	}

	.top-menu ul{
		text-align: center;
	}

	/* Header */

	.logo{
		min-height: auto;
		padding: 20px 25px;
		text-align: center;
	}

	.logo:after, .logo:before{
		position: relative;
		border: 0;
	}

	ul.top-info{
		display: inline-block;
		margin: 25px 0 20px 0;
		float: none;
	}

	/* Header white */

	.header-white{
		position: relative;
	}

	.header-white .logo{
		text-align: left;
		min-height: 80px;
	}

	.header-white .logo img{
    	height: 45px;
    	background-size: contain;
    	background-repeat: no-repeat;
	}

	.header-white .navbar-toggle{
		position: absolute;
    	top: 0;
    	right: 30px;
    	margin-top: 28px;
    	z-index: 1;
	}
	.toggle{
		position: absolute;
    	top: 0;
    	right: 7px;
    	
    	z-index: 1;
	}
	.header-white .navbar-collapse{
		margin-top: 15px;
	}

	.header-white ul.navbar-nav > li:first-child{
		padding-left: 0;
	}

	.header-white ul.navbar-nav > li > a{
		line-height: 50px;
		padding-left: 25px;
	}
	
	/* Navigation */

	.navbar-fixed{
		position: absolute;
	}

	.site-nav-inner{
		width: 100%;
		position:relative
	}

	.find-agent{
		display: none;
	}

	.navbar-collapse{
		background: #333333;
		position: absolute;
		z-index:9999999;
		width:100%;
		top:40px;
		
	}

	.navbar-collapse ul.navbar-nav > li > a{
		color: #fff;
	}

	.dropdown-menu li a{
		color: #fff;
		border-bottom: 1px solid rgba(0,0,0,.3);
	}

	.navbar-nav .open .dropdown-menu>li{
		padding-left: 25px;
	}

	.navbar-nav .open .dropdown-menu>li>a, 
	.navbar-nav .open .dropdown-menu .dropdown-header{
		padding: 5px 15px 10px 10px;
	}

	ul.navbar-nav > li{
		display: block;
		padding-left: 30px;
	}

	ul.navbar-nav > li:first-child{
		padding-left: 30px;
	}


	ul.navbar-nav > li > a{
		padding: 20px 0;
	}

	.navbar-nav .open .dropdown-menu>li>a {
    	line-height: 30px;
	}


	/* Slideshow */

	#main-slide .slider-content{
		margin-top: -95px;
	}

	.slide-title{
		font-size: 23px;
    	line-height: 36px;
    	margin-top: 10px;
	}

	.slide-sub-title{
		font-size: 16px;
		margin: 15px 0;
	}

	.slider.btn{
		font-size: 12px;
		padding: 10px 25px;
	}

	.slider-img{
		left: 5%;
	}

	.slider-text{
		padding-left: 35%;
	}

	/* Owl slideshow */

	.owl-theme.box-slide .owl-pagination{
		display: none;
	}

	.box-slider-text{
		max-width: 360px;
	}

	.box-slide-title {
   	font-size: 20px;
    	margin-top: 0;
    	line-height: normal;
    	letter-spacing: -1px;
	}

	/* Tab */

	.featured-tab .tab-pane img{
		margin-bottom: 20px !important;
	}

	.featured-tab .nav-tabs>li>a{
		border-right: 0;
	}

	/* Content */

	.ts-content .ts-padding.left {
    	padding-left: 40px;
	}

	.video-icon{
		margin-left: -125px;
	}

	/* Facts */

	.facts-wrapper .ts-facts {
    	border: 0;
	}

	/* Latest post */

	.latest-post{
		margin-bottom: 30px;
	}

	/* Isotope */

	.isotop-img-conatiner {
    	position: relative;
    	width: 361px;
    	margin: 0 auto;
	}

	/* Bottom */

	.footer-widget{
		display: inline-block;
	}

	.footer-menu{
		float: none;
		text-align: center;
		font-size: 12px;
	}

	.copyright-info{
		text-align: center;
	}

	.newsletter-form input{
		width: 90%;
	}

	#back-to-top{
		right: 20px;
	}

	.call-action-all .action-btn{
		float: left;
		margin-top: 20px;
	}

	.partner-logo img{
		display: inline-block;
		text-align: center;
	}


.mrl-30{
   margin-left:0;
}
.mrl-20{
   padding-left:0;
}
span.info-icon{
		font-size: 10px;
	}
		.logo {
  min-height: 70px;
  padding: 15px 0 15px 2px;
}
.widget{ min-height:160px;}
.widget ul li{
   line-height: 40px; float:left; margin-right:4%
}

.widget ul li a{
   color: #ccc;
}

.widget ul li a:hover{
   color: #1bbc9b;  
}

.widget ul li i{
   margin-right: 5px;
}
.slider-text {
   display: table;
   vertical-align: bottom;
   color: #fff;
   padding-left: 1%;
   width: 100%;
   padding-bottom: 0;
   padding-top: 20px;
}
.slide-title{
   font-size: 27px;
   line-height: 50px;
   font-weight: 700;
   color: #fff;
   text-transform: uppercase;
}

.slide-sub-title{
    font-style: normal;
    font-size: 16px;
    margin-bottom: 30px;
    color: #fff;
}
ul.top-info li .info-box .info-box-title {
  font-weight: 500;
  color: #FE0002;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
}
ul.top-info li .info-box span.info-icon {
  font-size: 0px;
  color: #006BCF;
  display: inline-block;
}
ul.top-info li .info-box .info-box-title {
  font-weight: 500;
  color: #FE0002;
  font-size: 0px;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
}

ul.top-info li .info-box .info-box-subtitle {
  margin: 0 0 0px 0;
  line-height: normal;
  color: #575555;
  font-size: 0px;
}
.mrl-20{ margin-left:5%}
.defaultlogo{ margin-top:40px; text-align:center; }
.about {
    padding: 30px 0;
}
.defaultdbnr{ width:98%; height:125px; text-align:center; font-size:11px; line-height:19px;}

.footer{
  display: none;
}
.one_c ul li{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:19px;
	position:relative;
	overflow:hidden;
	border:1px solid #E7E7E7;
	border-right:0
	
}
.one_c ul li h3{
	height:40px;
	line-height:40px;
	width:98%;
	background:url(../images/one_zz.png) repeat;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	font-family:"΢ÈíÑźÚ"
	
}
.bot_b_bg{
	padding:5px 0;
	min-height:30px;
	overflow:hidden;
	line-height:30px;
	color:#7e7e7e;
	font-size:12px;
	background:#181818;
	
}
.one_c{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	min-height:30px;
}
.one_c ul li h3 a{
	display:block;
	height:40px;
	line-height:40px;
	padding:0 10px;
	color:#fff;
	font-size:14px;
	overflow:hidden;
	font-weight:normal !important;
}
.one_c ul li:hover h3{
	height:100%;
	font-weight:normal !important;
}
.one_c ul li h3 b{
	font-weight:normal !important;
}

.one_c ul li:hover h3 a{
	height:100%;
	padding:47px 45px 0;
	box-sizing:border-box;
	font-weight:normal !important;
}
.one_c ul li:hover em{
	background:url(../images/al_more.png) no-repeat 0 20px;
	width:37px;
	height:80px;
	display:block;
	padding-top:60px;
}
.one_c ul li:hover span b{
	font-weight:normal;
}
.one_c ul li:hover span b{
	display:none;
	font-weight:normal;
}
.one_c ul li:hover span i{
	font-size:16px;
	height:84px;
	line-height:250px;
	display:block;
	text-decoration:none 
	
	
}
.one_c ul li span i{
	display:none;
	 font-style:normal;	
}
.one_c ul li>a{
	width:98%;
	height:auto;
	display:block;
	overflow:hidden;
}
.one_c ul li a img{
	display:block;
	width:100%;
	height:auto;
	transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
}
.one_c ul li:hover a img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}

}

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {

	/* Top bar */

	.top-menu ul li a{
		font-size: 12px;
		padding: 0 6px;
	}

	/* Header */

	ul.top-info{
		margin-bottom: 0;
	}

	ul.top-info li .info-box span.info-icon{
		font-size: 30px;
	}

	ul.top-info li .info-box .info-box-content{
		margin-bottom: 20px;
	}

	ul.top-info li .info-box .info-box-content .info-box-title{
		font-size: 12px;
	}

	ul.top-info li .info-box .info-box-content .info-box-subtitle{
		font-size: 12px;
	}


	/* Slideshow */

	#main-slide .item{
		min-height: 350px;
	}

	.slider-img {
    	top: 10px;
    	width: 50%;
	}

	.slide-title{
		line-height: 30px;
	}

	.slide-sub-title {
    	margin: 10px 0;
    	line-height: normal;
	}

	#main-slide .slider-content {
    	margin-top: -105px;
	}

	#main-slide .carousel-control .fa-angle-left, 
	#main-slide .carousel-control .fa-angle-right{
		margin-top: -40px;
	}

	/* Owl slideshow */

	.box-slide .item{
		min-height: 400px;
	}

	/* Product */

	.product-item{
		padding-right: 10px;
	}

	/* Footer */

	.footer-about{
		padding-right: 15px;
	}

	.footer-menu ul li{
		font-size: 10px;
		padding-left: 4px;
	}

	#back-to-top {
    	right: 5px;
	}

	ul.top-info li .info-box span.info-icon {
  font-size: 0px;
  color: #006BCF;
  display: inline-block;
}
ul.top-info li .info-box .info-box-title {
  font-weight: 500;
  color: #FE0002;
  font-size: 0px;
  text-transform: uppercase;
  margin-bottom: 5px;
  line-height: normal;
}

ul.top-info li .info-box .info-box-subtitle {
  margin: 0 0 0px 0;
  line-height: normal;
  color: #575555;
  font-size: 0px;
}

}

/* Custom, iPhone Retina */ 
@media (max-width : 320px) and (max-width: 478px)  {



}




@media(min-width: 768px)
    {
		
		.w-full-md {width: 100%;}
      .white-main-little
      {
        padding: 30px 0 40px;
      }

      .white-main-little + .gray-main .container .row .col-md-3 .button-item
      {
        margin-bottom: 0;
      }

      .button-item>a.btn>span.icon-jichufuwu
      {
        font-size: 26px;
        top: 2px;
      }
      
      .service-info h3>span.icon-jichufuwu
      {
        font-size: 22px;
      }
.button-item a.btn:active{
	  color: #c20000;
	}
	.button-item a.btn>span.iconfont{
  margin-right: 10px;
  font-size: 30px;
  position: relative;
  top: 3px;
}
.mbnoblock{ display:none;}
.pcnoblock{ display:block;}

    }
    @media(max-width: 767px){
		#curturl1{background: url(../images/cul1.jpg) no-repeat;	background-size: cover;
	width: 100%;
	background-attachment: scroll;
	background-position: center center;padding:0; min-height:340px; padding:80px 0; margin-top:50px; color:#FFF}
			.service-base-p-top
			{
				padding-top: 30px;
			}

			.service-base-img
			{
				padding-top: 0;
			}

			.service-base-img>img
			{
				display: block;
				width: 100%;
			}

      .white-main-little
      {
        padding: 20px 0;
      }

      .white-main-little .service-info h3
      {
        line-height: 28px;
        margin-bottom: 10px;
      }

      .white-main-little .service-p>p
      {
        padding-bottom: 6px;
      }

      .button-item>a.btn
      {
        padding: 3px 12px 3px 10%;
      }

      .button-item>a.btn>span.iconfont.little-icon
      {
        font-size: 22px;
        top: 10%;
		
      }

      .button-item>a.btn>span.iconfont
      {
        position: absolute;
        left: 16%;
        top: 4%;
		
      }

      .service-info h3>span.icon-jichufuwu
      {
        font-size: 22px;
      }
	  	.button-item>span{
		display: none;
	}
	.col-md-6.col-xs-5.col-xs-offset-1 .service-item-main{
		margin: 0 -8px;
	}
	.service-item-main>a:active{
		color: #303030;
	}
	.btn_view_more:active
	{
		background-color: #c20000;
		text-align:center
	}
	.col-sm-offset-3 {
	margin-left:16%
}
.col-md-6.col-xs-5.col-xs-offset-1 .service-item-main{
		margin: 0 -8px;
	}
	.button-item>span{
		display: none;
	}
		.button-item a.btn:active{
	  color: #c20000;
	}
	.col-sm-offset-3 {
	margin-left:16%
}
	.col-sm-offset-1s {
	margin-left:3%
}
	.col-sm-offset-1 {
	margin-left:8.333333333333332%
}

.col-sm-offset-2 {
	margin-left:16.666666666666664%
}
.col-sm-offset-4 {
	margin-left:33.33333333333333%
}
.col-sm-offset-5 {
	margin-left:41.66666666666667%
}
.col-sm-offset-6 {
	margin-left:50%
}
.col-sm-offset-7 {
	margin-left:58.333333333333336%
}
.col-sm-offset-8 {
	margin-left:66.66666666666666%
}
.col-sm-offset-9 {
	margin-left:75%
}
.col-sm-offset-10 {
	margin-left:83.33333333333334%
}
.col-sm-offset-11 {
	margin-left:91.66666666666666%
}
.service-more-title{ font-size:17px;}

.pcblock{ display:none;}
.mbblock{ display:block}


.panel-group{width:100%;}
.panel-default>.panel-heading{
   background: none;
   border-radius: 0;
   position: relative;
   min-width:100px;
  
   
}
.news .l1 .n_ul li p{ width:80px; float:right; text-align:right; display:none;padding:0; margin:0;}

#demo {overflow:hidden;  width: 100%; height:184px; }
.top .logo{ width:70%; float: left; padding:0; margin-top:5px }
header {
    height: 54px;
	background:#FFF;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
	box-shadow:0px 5px 10px #adadad;
}
.banner{ width:100%; height:300px; margin-top:54px; overflow:hidden}
#full-screen-slider { width:100%; height:300px; float:left; position:relative}
#slides { display:block; width:100%; height:300px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:270px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#F60; border:1px solid #FFF; margin-top:-1px;}
.about_left{ width:100%; }
.about_right{ width:100%;}
.about-banner{ width:100%; height:200px; margin-top:54px; background:url(../pic/mtzx-banner.jpg) no-repeat -400px 0;}
.pro-banner{ width:100%; height:200px; margin-top:54px; background:url(../pic/about-banner.jpg) no-repeat -1080px 0;}
.contact-banner{ width:100%; height:200px; margin-top:54px; background:url(../pic/contact-banner.jpg) no-repeat -1100px 0;}
.job-banner{ width:100%; height:200px; margin-top:54px; background:url(../pic/tech-banner.jpg) no-repeat -350px 0;}
.news-banner{ width:100%; height:200px; margin-top:54px; background:url(../pic/news-banner.jpg) no-repeat -900px 0;}
.business-banner{ width:100%; height:200px; margin-top:54px; background:url(../pic/case-banner.jpg) no-repeat -1150px 0;}
/*ÂÖ²¥Í¼*/
.banner{ width:100%; height:250px; margin-top:55px;}
#myCarousel .item {
	height: 250px;
}
#myCarousel a  {
	font-size: 50px;
	line-height: 280px;
}
#myCarousel div div a {
	display: block;
	height: 250px;
}
#myCarousel div.item:nth-of-type(1) {
	background: url("../pic/mpic1.jpg") no-repeat bottom center;background-size: cover;
	
} 
#myCarousel div.item:nth-of-type(3) {
	background: url("../pic/mpic2.jpg") no-repeat center center;background-size: cover;
	
} 
#myCarousel div.item:nth-of-type(4) {
	background: url("../pic/mpic3.jpg") no-repeat center center;background-size: cover;
	
} 
#myCarousel div.item:nth-of-type(2) {
	background: url("../pic/mpic4.jpg") no-repeat center center;background-size:cover;
	
}
.cppropic{width:100%; height:auto; overflow:hidden;}
.cppropictext{ text-align:center; line-height:28px; margin:12px 0;}
 a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
	width:100%;
	height:auto;
	border:1px solid #f0f0f0;
}
.cpproductsl{width:98%;}
.cpproductsr{width:98%;}
.in_ys .main li{
  min-height: 220px;
  border: 1px solid #eee;
  width:98%;
  margin-bottom: 30px;
  overflow:hidden
}
.in_ys .main li:nth-of-type(2n){
  float: right;
}
.in_ys .main li .font{
  padding-left: 140px;
  margin-left: 28px;
  height: 88px;
  margin-top: 45px;
  width: 90%;
}
    }