/* ---------------------------------------------------------------------- */
/*	From Medium Devices Up To Larger Devices
 /* ---------------------------------------------------------------------- */


@media  (min-width: 1570px) and (max-width:1700px) {
	.logo-img-head {
		width: 70%;
		height: auto;
	}
	.navbar-brand{
		width: 20%;
	}
	.top-middle {
		margin-left: -30px;
	}
	.tankuang{
		left: 28%;
	}
	.middle-ul-index-li-en{
		font-size: 14px !important;
	}
}

/*header*/
@media  (min-width: 1198px) and (max-width:1470px) {
	.middle-ul-index-li-en {
		margin: 0px 8px !important;
		font-size: 13px !important;
	}
	.top-middle-margin-en {
		width: 84.5% !important;
	}
	.nav-logos-en {
		margin-right: 0px !important;
	}
	.menu1-en {
		width: 148px !important;
		margin-left: 7px !important;
		font-size: 12px !important;
	}
	.menu2-en {
		width: 143px !important;
		margin-left: 8px !important;
	}
	.menu3-en {
		width: 173px !important;
		margin-left: -25px !important;
	}
	.menu4-en {
		width: 121px !important;
		margin-left: -14px !important;
	}
	.menu5-en {
		width: 140px !important;
		margin-left: -33px !important;
	}
}
@media  (min-width: 1300px) and (max-width:1600px) {
	.middle-ul li {
		font-size: 16px;
	}
	.middle-ul-index li {
		font-size: 16px;
	}
	.nav-logos img{
		width: 80%;
	}
	/*join-index*/
	.tankuang {
		margin: 0 -6%;
	}
}
@media  (min-width: 0px) and (max-width:1000px) {
	/*index-nav*/
	.middle-ul li {
		font-size: 14px;
	}
	.middle-ul-index li {
		font-size: 14px;
	}
	.nav-logos img{
		width: 80%;
	}
	.top-right{
		font-size: 12px;
	}
	.nav-header {
		height: 88px;
		line-height: 30px;
	}
	.nav-tops-margin {
		margin-top: 28px !important;
	}
	.top-cn {
		background-image: url('../images/jx.jpg');
		margin-top: 4px;
		height: 21px;
		width: 21px;
		padding: 0 !important;
		margin-left: 11px;
		text-align: center;
		float: right;
		line-height: 22px;
	}
	.top-cns {
		margin-top: 4px;
		height: 21px;
		width: 21px;
		padding: 0 !important;
		margin-left: 11px;
		text-align: center;
		float: right;
		line-height: 22px;
	}

}
@media  (min-width: 767px) and (max-width:1390px) {
	.apply-contents {
		width: 19%;
	}
	.core-image{
		width: 100%;
	}
}
@media  (min-width: 1230px) and (max-width:1300px) {
	.gua-left {
		height: 560px !important;
	}
}


@media  (min-width: 990px) and (max-width:1300px) {
	.full-screen-div-images img {
		width: 100%;
		height: 350px;
	}
	body{
		font-size: 13px;
	}
	/*index-nav*/
	.middle-ul li {
		font-size: 14px;
	}
	.middle-ul-index li {
		font-size: 14px;
	}
	.nav-logos img{
		width: 80%;
	}
	.top-right{
		font-size: 12px;
	}
	.nav-header {
		height: 88px;
		line-height: 30px;
	}
	.nav-tops-margin {
		margin-top: 28px !important;
	}
	.top-cn {
		background-image: url('../images/jx.jpg');
		margin-top: 4px;
		height: 21px;
		width: 21px;
		padding: 0 !important;
		margin-left: 11px;
		text-align: center;
		float: right;
		line-height: 22px;
	}
	.top-cns {
		margin-top: 4px;
		height: 21px;
		width: 21px;
		padding: 0 !important;
		margin-left: 11px;
		text-align: center;
		float: right;
		line-height: 22px;
	}



	/*product-detail*/
	.product-other-image img {
			width: 100%;
			height: auto;
			overflow: hidden;
	}
	.product-other li {

		width: 15.6%;
	}
	.product-info-left {
		width: 52%;
	}
	.product-info-right {
		width: 36%;
	}
	.product-big-image {
		width: 90%;
	}
	.product-big-image img{
		width: 100%;
    }
	.product-out-border {
		width: 95%;
	}
	/*index-solution*/
	.small-pic {
		width: 78.5%;
	}
	.pre-left {

		left: 8%;
	}
	.pre-right {
		left: 88%;
	}
	/*index-news*/
  	.index-news-title{
	  font-size: 14px;
	  }
	.qydta img{
		width: 100%;
		height: auto;
	}
	.index-news-image{
		padding-left: 0 !important;
	}
	.index-news-summary{
		width: 72.4%;
		margin-left: 0;
		padding:0 1px;
	}
	/*index-about*/
	.about-imgs1 img {
		height:auto;
	}
	.gua-left {
		height: 442px;
		width: 48.33%;
	}
	.gua-right {
		width: 47.5%;
	}
	.gua-div {
		width: 48.14%;
	}
	.gy{
		font-size: 16px;
	}
	/*product-index*/
	.pro-ul li {
		width: 31%;
		height: 517px;
	}
	.pro-btn-div {
		margin: 0px 34% 40px 34%;
	}
	.pro-font-title{

		width: 100%;
		position: relative;
		float: left;
		height: 80px;
	}
	/*product-apply*/
	.apply-div-image{
		width: 30%;
	}
	.apply-div-content{
		width: 70%;
	}
	.apply-btn {
		width: 50%;
	}
	/*join-index*/
	.tankuang {
		margin: 0 -10%;
	}
	/* apply-around*/
	.circle-left-summary {
		font-size: 13px;
	}
	.circle-right-summary {
		font-size: 13px;
	}
	.circle-left-title {
		font-size: 15px;
	}
	.circle-right-title {
		font-size: 15px;
	}
	.circle-info{
		width: 55%;
	}
	.circle-left-f1 {
		left: 1%;
	}
	.circle-left-f2 {
		left: -8%;
	}
	.circle-left-f3 {
		left: 17%;
		top: 83%;
	}

}


@media  (min-width: 768px) and (max-width:1230px) {
	/*product*/
	.pro-image {
		height: 64.3%;
	}
	.product-info-right {
		margin: 2% 3%;
	}
	/*index-solution*/
	.small-pic {
		margin-left: 13.7%;
		margin-right: 13.7%;
	}
	.pre-left {
		top: 77.5%;
		left: 9%;
	}
	.pre-right {
		top: 77.5%;
		left: 92%;
	}

	/*index-about*/
	.gua-left img {
		height: 442px;
	}

	/*product-apply*/
	.apply-btn {
		margin: 0 25%;
	}
	/*about-index*/
	.about-font {
		font-size: 14px;
		margin-left: 39%;
		margin-top: 16%;
	}
	.about-font-biao {
		font-size: 24px;
	}
	.about-img2 {
		margin-left: 43.2%;
	}
	.about-font2 {
		font-size: 14px;
		margin-right: 36%;

	}
	.about-font3 {
		margin-left: 32%;
		padding-right: 40px;
	}
	.social-iconss {
		margin-left: 8%;
	}
	/**/
	.core-summary1 {
		top: 26%;
	}
	.biank {
		width: 74%;
		height: auto;
		margin: 0 auto;
	}
	.kuang {
		width: 33%;
	}
	.about-flg {
		font-size: 14px;
	}
	.about-flg-content{
		line-height: 18px;
	}
	/*about-ingenuity*/
	.ingenuity-font-summary {
		font-size: 14px;
	}
	.ingenuity-right-content h4{
		font-size: 16px;
	}
	.ingenuity-right-image {
		width: 14%;
		margin-right: 10px;
	}
	/*news-index*/
	.article-left-image {
		width: 100%;
		height: auto;
	}
	.article-meta {
		margin-top: 5%;
		margin-bottom: 5%;
	}
	/*contact-index*/
	.con-icon-div {
		width: 100%;
		margin: 0 auto;
	}
	.contact-font {
		font-size: 16px;
	}
	.con-font{
		width:73% ;
	}
	.con-icon-div ul li {
		width: 33%;
	}
	/*join-index*/
	.joine {
		width: 22%;
	}
	.tankuang {
		margin: 0 -12%;
	}
	/*apply-around*/
	.circle-left {
		left: -6%;
	}
	.circle-right {

		left: 66%;
	}


}
@media  (min-width: 900px) and (max-width:1200px) {
	/*index-nav-header*/
	.containers{
		margin: 0 11.989%;
	}
	.middle-ul-index li {
		margin: 0 2%;
	}
	.middle-ul li {
		margin: 0 2%;
	}
	.top-middle-margin {
		width: 77%;
	}

	.top-middle-margin-en {
		width: 84% !important;
	}
	.top-right {
		left: 84%;
	}
	/*product*/
	.pro-btn-div {
		margin: 0px 29.5% 40px 29.5%;
	}
	/*solution*/
	.circle {
		width: 510px;
		height: 490px;
	}
	.circle-images {
		margin: 114px 180px;
		width: 32%;
		height: auto;
	}
	.circle-left-summary {
		font-size: 12px;
	}
	.circle-right-summary {
		font-size: 12px;
	}
	.circle-left-f1 {
		left: 26%;
		top: 12%;
	}
	.circle-left-f2 {
		left: 20%;
		top: 42%;
	}
	.circle-left-f3 {
		left: 39%;
		top: 68%;
	}
	.circle-right-f1 {
		left: -19%;
		top: -7%;
	}
	.circle-right-f2 {
		left: 14%;
		top: 14%;
	}
	.circle-right-f3 {
		left: 18%;
		top: 42%;
	}
	.circle-right-f4 {
		left: -2%;
		top: 69%;
	}
	.hidden-circles {
		width: 79%;
		height: 79%;
		top: 18px;
	}
	.circle-info {
		width: 40%;
	}
}
@media  (min-width: 800px) and (max-width:900px) {
	/*solution*/
	.circle {
		width: 432px;
		height: 412px;
	}
	.circle-images {
		margin: 26% 39%;
		width: 29%;
		height: auto;
	}
	.circle-left {
		left: -3% !important;
		width: 364px;
		top: -17%;
	}
	.circle-right {
		left: 54% !important;
		width: 364px;
		top: -9%;
	}

	.circle-left-summary {
		font-size: 12px;
	}
	.circle-right-summary {
		font-size: 12px;
	}
	.circle-left-f1 {
		left: 11%;
		top: 18%;
	}
	.circle-left-f2 {
		left: 2%;
		top: 44%;
	}
	.circle-left-f3 {
		left: 25%;
		top: 68%;
	}
	.circle-right-f1 {
		left: 5%;
		top: -5%;
	}
	.circle-right-f2 {
		left: 42%;
		top: 15%;
	}
	.circle-right-f3 {
		left: 50%;
		top: 39%;
	}
	.circle-right-f4 {
		left: 24%;
		top: 67%;
	}
	.hidden-circles {
		width: 79%;
		height: 79%;
		top: 18px;
	}
	.circle-info {
		width: 50%;
	}
}
@media  (min-width: 100px) and (max-width:800px) {
	.circle-left{
		display: none;
	}
	.circle-right{
		display: none;
	}
	.circle {
		width: 100%;
		height: auto;
	}
	.hidden-circles {
		width: 72%;
		height: 79%;
		margin: 6% 12%;
	}
	.circle-images {
		margin: 26% 39%;
		width: 27%;
		height: auto;
	}
	.circle-other-div{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		display: block;
	}
	.circle-other-div ul{
		list-style: none;
		padding: 0;
	}
	.circle-other-div ul li{
		width: 100%;
		height: auto;
		padding: 1% 0;
		float: left;
	}
	.circle-other-img{
		 width: 14%;
		 position: relative;
		 float: left;
		 margin-right: 5%;
	 }
	.circle-other-img img{
		width: 100%;
		height: auto;
	}
	.circle-other-content{
		width: 80%;
		height: auto;
		position: relative;
		float: left;
		padding-top: 1%;
	}
	.circle-other-title{
		font-size: 16px;
		font-weight: bold;
	}
	.circle-other-summary {
		font-size: 14px;
	}


}
@media  (min-width: 990px) and (max-width:1000px) {
    .gua-left {
        height: 432px !important;
    }
	/*foot*/
	.erweima {
		max-width: 60%;
	}
}
@media  (min-width: 768px) and (max-width:930px) {
	/*index-nav-header*/
	.top-middle-margin {
		width: 80%;
	}
	.nav-logos {
		margin-right: 0;
	}
}

@media  (min-width: 768px) and (max-width:1000px) {
	/*index-nav*/
	.menu li {
		margin: 0 !important;
	}
	#menu1 {
		margin-left: -23px;
	}
	#menu2 {
		margin-left: -26px;
	}
	#menu3 {
		margin-left: -71px;
	}
	/*index-product*/
	.circ-image {
		margin: 141px 225px;
	}
	.circle-index {
		width: 100%;
		height: 690px;
	}
	/*index-solution*/

	.small-pic {
		margin-left: 12%;
	}
	.big_pic{
		clear: both;
		width: 77.4%;
		margin-left: 12%;
	}
	.pre-left {
		top: 71.5%;
		left: 7%;
	}
	.pre-right {
		top: 71.5%;
		left: 87.5%;
	}
	/*index-news*/
	.qydtb {
		width: 100%;
	}
	.index-news-image {
		padding-left: 0 !important;
		position: relative;
		float: left;
		width: 23.4%;
	}
	.index-news-summary {
		width: 74%;
		position: relative;
		float: left;
	}
	.qydtc {
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
	}
	/*index-about*/
	.gua-left {
		height: 336px;
		width: 48%;
	}
	.gua-right {
		width: 46.5%;
	}
	.image-overlays .circle-icons .box-border {
		width: 60%;
		margin: 52px 41px;
	}
	.image-overlays .circle-small {
		width: 73%;
		left: 14%;
	}
	.gua-div {
		width: 48.14%;
	}
	/*foot*/
	.foot-about{
		width: 20%;
		float: left;
	}
	.foot-product{
		width: 30%;
		float: left;
	}
	.foot-contact{
		width: 30%;
		float: left;
	}
	.foot-info{

		width: 20%;
		float: left;
	}
	.foot-info-image {
		background-color: #ffffff;
		float: left;
		max-width: 84%;
		margin: 29px 7%;
		padding: 5px 5px;
	}
	.contact {
		font-size: 13px !important;
		padding-top: 15px !important;
	}

}
@media(min-width: 767px) and (max-width:990px) {
	/*common*/
	.full-screen-div-images img{
		height: 290px;
	}
	/*apply-robo*/
	.circle-right {
		left: 71%;
	}
	.circle-left {
		left: -23%;
	}
	.apply-btn {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	/*about*/

	.core-summary1 {
		top: 28%;
	}
	.about-img img {
		width: 100%;
		height: 351px;
		margin-top: 45px;
	}
	.about-img {
		width: 52.4%;
	}
	.about-background {
		height: auto;
		width: 63.62%;
	}
	.about-font-biao {
		font-size: 18px;
	}
	hr.fade-right {
		margin: 15px 0;
	}
	.about-font {
		font-size: 12px;
		margin-left: 32%;
		margin-top: 12%;
		line-height: 24px;
	}
	.about-img2 {
		margin-left: 48%;
		width: 52.4%;
	}
	.about-img2 img {
		height: 351px;
		margin-top: 198px;
	}
	.about-font2 {
		font-size: 12px;
		margin-right: 29%;
		line-height: 24px;
		padding-left: 37px;
		margin-top: 15px;
		padding-top: 17%;
	}
	.about-img3 img {
		height: 351px;
	}
	.about-img3 {
		width: 52.4%;
	}
	.social-iconss {
		margin-left: 8%;
	}
	.about-flg {
		font-size: 12px;
		line-height: 0px;
	}
	.about-flg-content {
		line-height: 16px;
	}
	.biank {
		width: 55%;
	}
	.kuang {
		padding-top: 0px;
		padding-left: 0;
	}
	.about-font3 {
		margin-left: 23%;
		margin-top: 43px;
		padding-right: 11px;
	}
	.hui3 {
		float: left;
		margin-top: 82px;
	}
	.about-bottom-title-div {
		position: relative;
		float: left;
		width: 100%;
	}
	h4, .h4 {
		font-size: 16px;
		line-height: 22px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	.about-bottom-font {
		font-size: 12px;
	}

	/**/
	.ingenuity {
		margin: 0;
	}
	.ingenuity-left {
		width: 42.5%;
		margin-right: 2%;
	}
	.ingenuity-left img {
		width: 100% !important;
		padding-top: 14%;
	}

	.ingenuity-right {
		width: 53.6%;
	}
	.ingenuity-right ul {
		padding: 0;
	}
	.ingenuity-right-image {
		width: 14%;
		margin-right: 20px;
	}

	.ingenuity-right-content {
		width: 81%;
		line-height: 16px;
	}
	/*product*/
	.pro-ul li {
		width: 30.5%;
		height: 368px;
	}
	.pro-image {
		height: auto;
		margin: 0 23px;
	}
	.pro-btn-div {
		margin: 20px 22.5% 40px 22.5%;
	}
    /*apply-solution*/
	.apply-div-image{

		width: 30%;
		position: relative;
		float: left;
	}
	.apply-image {
		margin-left: 0;
		width: 100%;
		height: auto;
	}
	.apply-image img{
		width: 100%;
		height: auto;
	}
	.apply-div-content{
		width: 69%;
		position: relative;
		float: left;
	}
	.apply-icon {
		top: 13%;
		left: 40%;
	}
	.apply-title {
		font-size: 16px;
	}
	.apply-summary {
		font-size: 14px;
	}
	.apply-content {
		font-size: 12px;
	}
	.apply-video {
		margin-left: 0;
		position: relative;
		float: left;
		width: 100%;
	}
	/*product-detail*/
	.product-info-left {
		width: 45%;
	}
	.product-info-right {
		width: 43%;
		margin: 0 3%;
	}
	.product-out-border {
		width: 80%;
		margin-top: 20px !important;
	}
	.accordion-custom .panel-heading .accordion-toggle {
		padding: 5px;
	}
	.product-info-font {
		font-size: 24px;
	}
	.product-other li {
		width: 31.5%;
		height: auto;
	}
	.product-other-name {
		font-size: 13px;
	}
	/*contact*/
	.col-div-float{
		float: left;
		width: 100%;
	}
	.contactd {
		float: left;
		width: 100%;
	}
	.con-font {
		width: 70%;
		line-height: 25px;
	}
	.contact-input-padding{
		padding: 10px 15px;
	}
	.con-icon {
		width: 30%;
	}
	.contact-font {
		font-size: 14px;
	}
	.contacth {
		width: 17.5%;
		height: auto;
	}
	.contactg {
		width: 17.5%;
		height: auto;
	}
	/*join*/
	.panel-title {
		font-size: 14px;
	}
	.joinb {
		width: 100%;
		position: relative;
		float: left;
	}
	.join-font-name {
		font-size: 14px;
		font-weight: 600;
		float: left;
		position: relative;
		width: 18%;
	}
	.joine {
		width: 25%;
		float: left;
	}
	/**/
	.tankuang {
		width: 60%;
		height: auto;
	}
	.tankuang-juzhong {
		margin: 8% 0 0 10%;
	}
	.tankuang ul li {
		font-size: 14px;
		width: 93%;
		padding-top: 5%;
	}
	.join-btn-div {
		margin-top: 14%;
		margin-bottom: 13%;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	/*foot*/
	.erweima {
		max-width: 85%;
	}


}
@media(min-width: 767px) and (max-width:900px) {
        /*index-nav*/

    .containers {
        margin: 0 3.989%;
    }
    .top-middle-margin {
        width: 82%;
    }
    .middle-ul-index li {
        font-size: 13px;
        margin: 0px 15px;
    }
	.middle-ul li {
		font-size: 13px;
		margin: 0px 15px;
	}
    .top-right {
        left: 88%;
    }
		/*index-about*/
	.gua-left {
		height: 334px;
		width: 48%;
	}
	.image-overlays .circle-icons .box-border {
		width: 55%;
		margin: 40px 48px;
	}
	.image-overlays .circle-icons {
		line-height: 22px;
	}
	.gua-right {
		width: 46.72%;
	}

	.image-overlays .circle-small {
		line-height: 22px;
	}
	.gy {
		font-size: 18px;
	}

}

/*移动端*/
@media(min-width: 200px) and (max-width:765px) {
	/*common*/
	body{
		font-size: 12px
	}
	.full-screen-div-images img{
		height: 160px;
	}
	h4 {
		font-size: 16px;
	}
	.breadcrumb {
		padding: 8px 0px;
	}
	.wrapper.padding146 {
		padding-bottom: 60px;
	}
	.wrapper.padding146s {
		padding-bottom: 75px;
	}
    /*index-nav*/
    .top-middle-margin{
        display: none;
        width: 100%;
        position: absolute;
        left: 0;
        background-color: #f9f9f9;
        line-height: 42px;
        top: 69px;
        height: auto;
        margin-top: 0;
		z-index: 10000;
    }
    .middle-ul-index li {
        font-size: 14px;
        color: #3e3e3e;
        width: 100%;
    }
	.middle-ul li {
		font-size: 14px;
		color: #3e3e3e;
		width: 100%;
	}
    .middle-ul-index li a {
        color: #3e3e3e !important;
    }
	.middle-ul li a {
		color: #3e3e3e !important;
	}
    .menu-back-color {
        background-color: #f9f9f9;
    }
    .menu-margin-top {
        margin-top: 0;
    }
    #menu1 {
        width: 104px;
        text-align: left;
        margin: 0;
    }
	.menu2-en{
		width: 145px !important;
	}
    #menu2 {
        width: 104px;
        text-align: left;
        margin: 0;
    }
    #menu3 {
        width: 185px;
        text-align: left;
        margin: 0;
    }
	.menu3-en {
		width: 300px !important;
		margin-left: 17px !important;
	}
	.menu4-en {
		width: 145px !important;
		margin-left: 17px !important;
		text-align: left !important;
	}
	.menu5-en {
		width: 145px !important;
		margin-left: 17px !important;
		text-align: left !important;
	}
    .imgs{
        display: none;
    }
    .menu {
        clear: both;
        float: none;
        position: relative;
    }
      .menu img{
		display:none;
	  }
    .menu-middle-info {
        display: none;
    }
    .middle-ul-index {
        padding: 0;
    }
	.middle-ul {
		padding: 0;
	}

    .top-right{
        display: none;
    }
    .y-div{
        display: block;

    }
    .containers {
        margin: 0 3%;
    }
    .nav-header {
        line-height: 68px;
    }
    .nav-logos {
        width: 35%;
        margin-top: 0px;
        height: auto;
    }
    .nav-logos img {
        width: 100%;
    }
    .y-nav {
        position: relative;
		float: right;
		width: 35px;
		height: 35px;
		background-color: #ff7500;
		margin: 15px 0px 0 25px;
    }
	.y-nav-cn{
		position: relative;
		float: right;
		width: 35px;
		height: 35px;
		margin: 15px 0px 0 0;
		border: 1px solid #ff7500;
	}
    .y-div img{
        padding: 0 0 35px 6px;
    }
    .y-div span{
        font-size: 20px;
        padding: 0 0 30px 13px;
    }
    .y-nav-font{
		font-size: 19px;
		position: relative;
		line-height: 35px;
		padding-left: 3px;
		color: #ff7500;
    }
    .nav-tops-margin {
        margin-top: 0px;
    }
    .nav-tops-margin {
        margin-top: 0px !important;
    }
    .navs-index-color {
        background-color: #fff;
        box-shadow: 0px -1px 7px #d8d8d8;
    }
	.idot-1{
		opacity: 1 !important;
	}

    /*footer*/
    .foot-title{
        padding: 0 30px !important;
    }
    .contact {
        padding-top: 5px !important;
    }
    .foot-imgs{
		display: block;
		position: absolute;
		top: 0%;
		left: 92%;
    }
	.foot-span{
		border-bottom: 1px solid #ccc;
	}
	.foot-bottom{
		height: auto;
		width: 100%;
		border-bottom: 1px solid;
		padding-top: 3%;
	}
	.erweima {
		float:unset;
		margin: 20px 30%;
	}
	.show{
		display: block;
	}
	.hides{
		display: none;
	}
	/*index-product*/
	.idot{
		
		width: 15.6%;
		left: 47%;
	}
	.circ-image {
		margin: 32% 39%;
		width: 23%;
		height: auto;
	}
	.circle-index {
		width: 100%;
		height: auto;
	}
	/*index-solution*/
	.big_pic {
		width: 100%;
		margin-left: 0;
		margin-right:0;
	}
	.small-pic {
		width: 100%;
		margin-left: 0;
		margin-right:0;
	}
	.pre-left {
		top: 76.5%;
		left: 0;
	}
	.pre-right {
		top: 76.5%;
		left: 93%;
	}
	/*index-news*/
	.qydtb {
		float: left;
		padding: 0;
		width: 100%;
	}
	.qydta img {
		width: 100%;
		height: auto;
	}
	.index-news-image {
		width: 33.4%;
		float: left;
		padding: 0;
	}
	.index-news-summary {
		width: 61.4%;
		float: left;
		padding: 0;
	}
	.qydtc {
		float: left;
		width: 100%;
		padding: 0;
	}
	.index-news-content{
		overflow: hidden;
		height: 35px !important;
		text-overflow: clip;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	/*index-about*/
	.about-flg-en {
		line-height: 7px !important;
		font-size: 12px !important;
	}
	.core-summary4-en {
		width: 53% !important;
		left: 24.5% !important;
	}
	.core-summary3-en {
		width: 51% !important;
		left: 25% !important;
	}
	.hr3-en {
		width: 59% !important;
		margin-left: 21.5% !important;
	}
	.hr1-en{
		margin: 50px 0;
	}
	.kuang-en{
		height: 196px !important;
	}
	.gua-left {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.circle-icons h2{
		font-size: 20px;
	}
	.image-overlays .circle-icons {
		line-height: 26px;
		font-size: 13px;
	}
	.image-overlays-en  .circle-icons-en{
		line-height: 17px !important;
		font-size: 12px !important;
	}
	.image-overlays .circle-icons .box-border {
		width: 65%;
		margin: 29px 33px;
	}
	.about-imgs1 img {
		height: auto;
	}
	.gua-right {
		width: 100%;
		margin: 0;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	.gua-div {
		width: 49%;
		margin-right: 0 !important;
	}
	.gua-right-2 {
		float: right;
	}
	.gua-right-4 {
		float: right;
	}
	.gy {
		font-size: 18px;
	}
	.image-overlays .circle-small {
		line-height: 26px;
		font-size: 13px;
	}
	.image-overlays-en  .circle-small-en{
		line-height: 17px !important;
		font-size: 12px !important;
	}
	.apply-en{
		font-size: 12px !important;
	}
	.contactf-en {
		width: 34% !important;
		font-size: 12px !important;
	}
	.apply-contents-list {
		width: 100%;
		margin-left: 0;
	}
	.apply-contents {

		width: 27%;

	}
	.pro_diff_content {
		width: 100%;
		padding: 0 ;
	}
	.diff_font {
		width: 71%;
		height: auto;
	}
	.pro_table img{
		width: 100%;
		height: auto;
	}
	/*about*/
	.tuoyuan {
		width: 32.3%;
	}
	.tuoyuan2 {
		width: 78%;
		margin: 0 ;
	}
	.about-img {
		position: relative;
		z-index: 0;
		width: 100%;
	}
	.about-img img {
		width: 100%;
		height: auto;
		margin-top: -20px;
	}
	.about-background {
		height: auto;
		width: 100%;
	}
	.about-font {
		font-size: 13px;
		margin-top: 45px;
		margin-left:0;
		margin-right: 0;
	}
	.section-content {
		margin-left: 0;
	}
	.about-font-biao {
		font-size: 22px;
	}
	hr.fade-right {
		margin: 15px 0;
	}
	.about-font2 {
		font-size: 13px;
		margin-top: 0;
		margin-right: 0;
		padding-left: 0;
	}
	.about-img2 img {
		width: 100%;
		height: auto;
		margin-top: 0px;
	}
	.about-img2 {
		position: relative;
		z-index: 0;
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
		height: auto;
		padding: 0 15px;
	}
	.hui3 {
		margin-top: 62px;
		float: left;
	}
	.about-img3 {
		position: relative;
		z-index: 0;
		width: 100%;
	}
	.about-img3 img {
		width: 100%;
		height: auto;
		margin-top: 0;
	}
	.about-flg-content{
		line-height: 22px;
	}
	.biank {
		width: 100%;
		height: auto;

		margin-left: 0px;
		margin-right: 0px;
	}
	.about-flg {
		font-size: 13px;
	}
	.about-bottom-font{
		position: relative;
		margin-top: 5%;
		font-size: 13px;
	}
	.about-bottom-title{
		line-height: 22px;
	}
	.about-bottom-images{
		position: relative;
		float: left;
	}
	.about-bottom-title-div{
		float: left;
	}
	.core-font-title {
		font-size: 18px;
	}
	.core-font-summary {
		font-size: 13px;
	}
	.core-hr {
		width: 68.33%;
		margin-left: 17.33%;
		margin-right: 0;
	}


	.core-summary2 {
		width: 44%;
		left: 28.1%;
		margin-top: -97px;
	}
	.core-image {
		width: 100%;
		height: auto;
	}
	.core-summary1 {
		width: 61%;
		left: 21%;
		top: 94px;
	}
	.core-summary3 {
		width: 19%;
		margin-top: -96px;
		left: 40%;
	}
	.hr3 {
		width: 26%;
		margin-left: 36.5%;
	}
	.hr2{
		width: 76.33%;
		margin-left: 14.33%;
	}
	.core-summary4 {
		width: 68%;
		left: 18.5%;
	}



	.ingenuity {
		margin: 0;
		padding: 0 15px;
	}
	.ingenuity-left {
		width: 100%;
		height: auto;
		text-align: center;
	}
	.ingenuity-left img{
		width: 100% !important;
	}
	.ingenuity-right {
		width: 100%;
		margin-top: 10%;
	}
	.ingenuity-right ul {
		padding: 0;
	}
	.ingenuity-right-content {
		width: 100%;
		line-height: 22px;
		float: unset;
	}
	.ingenuity-right-image {
		margin-right: 20px;
		width: auto;
		vertical-align: middle;

	}
	.ingenuity-font-summary {
		font-size: 13px;
	}
/*product*/
	.pro-ul li {
		width: 30%;
		height: 366px;
	}
	.pro-btn-div {
		margin: 27px 20%;
	}
	.pro-image {
		height: auto;
		margin: 0 10.5%;
	}
	/*apply-robo*/
	.apply-btn {
		margin: 0;
		width: 100%;
		text-align: center;
	}
	/*apply-solution*/
	.apply-div-image{

		width: 100%;
		position: relative;
		float: left;
	}
	.apply-div-content{
		width: 100%;
		position: relative;
		float: left;
	}
	.apply-image {
		margin-left: 0;
		width: 100%;
		height: auto;
	}
	.apply-image img{
		width: 100%;
		height: auto;
	}

	.apply-icon {
		top: 19%;
		left: 45%;
	}
	.apply-title {
		font-size: 16px;
	}
	.apply-summary {
		font-size: 14px;
	}
	.apply-content {
		font-size: 12px;
	}
	.apply-video {
		margin-left: 0;
		position: relative;
		float: left;
		width: 100%;
	}
	/*product-detail*/
	.product-info-left {
		padding: 0 15px;
		margin: 0;
		width: 100%;
	}
	.product-info-right {
		margin: 11% 3% 0 3%;
		width: 94%;
		padding: 0 15px;
	}
	.product-info-font {
		font-size: 24px;
	}
	.product-out-border {
		width: 95%;
	}
	.product-module-div {
		width: 50%;
		position: relative;
		float: left;
	}
	.pro-module-desc {
		margin: 0 5%;
		font-size: 12px;
	}
	.product-title {
		font-size: 20px;
	}
	.product-other-div{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.product-other {
		width: 1600px;
		overflow: hidden;
	}
	.product-other li {
		width: 10%;
		height: auto;
	}
	.product-other-image {
		width: 96%;
		height: auto;
	}
	.product-other-image img {
		width: 100%;
		height: auto;
	}
	.product-other-name {
		font-size: 12px;
	}
	.solution-video-div {

		width: 100%;
		height: auto;
	}
	/*news*/
	.article-left {
		width: 30%;
	}
	.article-left-image {
		width: 100%;
		height: auto;
	}
	.article-right {
		width: 70%;
	}
	.article-font-title {
		font-size: 14px;
	}
	.article-meta {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.article-btn {
		width: 27%;
		height: 27px;
	}
	/*news-detail*/
	.bshare-custom {
		display: none;
	}
	.newsdc p img{
		width: 100%;
		height: auto;
	}
	.newsdc span img{
		width: 77%;
		height: auto;
	}
	.newsdc section span img{
		width: 83%;
		height: auto;
	}
	/*contact*/
	.col-div-float {
		float: left;
		width: 100%;
	}
	.con-icon-div {
		 margin-left: 0;
		 margin-right: 0;
		 width: 100%;
	}
	.con-icon-div ul {
		padding: 0;
	}
	.con-icon-div ul li {
		width: 100%;
		padding-bottom: 3%;
	}
	.con-icon {
		 width: 15%;
		 height: auto;
	}
	.contacte {	
		margin-top: 0;
	}
	.contacta {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 20px;
	}
	.contact-font {
		font-size: 16px;
	}
	.con-font {
		width: 85%;
	}
	.contactd {
		float: left;
		width: 100%;
	}
	.contact-input-padding{
		padding: 3% 15px;
	}
	.contactg {
		line-height: 34px;
		width: 24%;
	}
	.contactf {
		line-height: 34px;
		width: 24%;
	}
	/*join*/
	.join-font-name {
		font-size: 14px;
	}
	.panel-title {
		font-size: 13px;
	}
	.joina{
		padding: 0;
		margin-top: -10%;
	}

	.tankuang {
		width: 92%;
		left: 4%;
	}
	.tankuang-juzhong {
		margin: 0 4%;
	}
	.tankuang ul li {
		width: 100%;
		font-size: 13px;
	}
	.form-controla {
		width: 70.4%;
	}
	.join-margin {
		width: 36%;
		height: 35px;
	}
	.join-btn-div {
		margin-top: 45px;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	.join-buttons {
		height: auto;
	}
	.joini {
		line-height: 35px;
		font-size: 13px !important;
	}

}

@media(min-width: 200px) and (max-width:550px) {

	.tuoyuan2-en {

		width: 100%;
		margin: 0;
		font-size: 12px !important;
	}
	.tuoyuan-en {
		width: 32.3%;
	}
	.about-font-biao-en{
		font-size: 20px !important;
	}
	.about-font2-en {
		font-size: 12px !important;
	}
	h3{
		font-size: 20px !important;
	}
	/*solution*/
	.circle-other-content {
		width: 78%;
		padding-top: 1%;
	}
	.circle-other-img {
		width: 16%;
		padding-top: 2%;
	}
	.circle-other-div {
		margin-top: 12%;
	}
	.pre-left {
		top: 66.6%;
		left: -8px;
		width: 8%;
		z-index: 1000;
		height: 64px;
		background-color: rgba(230,230,230,0.5);
	}
	.pre-right {
		top: 66.6%;
		left: 93%;
		width: 8%;
	}
}


@media(min-width: 500px) and (max-width:630px) {
	/*product*/
	.pro-ul li {
		width: 45%;
		height: 410px;
	}
	.pro-btn-div {
		margin: 28px 28%;
	}
	.circle-other-summary {
		font-size: 12px;
	}
	.circle-other-title {
		font-size: 14px;
	}
}

@media(min-width: 375px) and (max-width:500px) {
	.circle-other-summary {
		font-size: 12px;
	}
	.circle-other-title {
		font-size: 14px;
	}
	.pro-ul li {
		width: 95%;
		height: auto;
	}
	.pro-btn-div {
		margin: 27px 36.5%;
	}

	.foot-imgs {
		left: 90%;
	}
	.applyh {
		width: 41.3% !important;
	}
	.article-btn {
		width: 40%;
		position: relative;
		float: left;
		margin: 10px auto 20px auto;
	}
}
@media(min-width: 376px) and (max-width:490px) {
	#carousel li {

		margin-right: 21px;
	}
	#img {
		width: 100%;
	}
	.pre-left {
		top: 63.6%;
		left: 16px;
		width: 8%;
	}
	.pre-right {
		top: 63.6%;
		left: 88%;
		width: 8%;
		position: absolute;
		z-index: 10001;
		background-color: rgba(230,230,230,0.5);
		height: 64px;
	}
	.pre-left img {
		width: 75%;
		height: auto;
		margin: 16px 0;
	}
	.pre-right img {
		width: 75%;
		height: auto;
		margin: 16px 0;
	}
}
@media(min-width: 200px) and (max-width:375px) {
	.diff_font {
		width: 68%;
	}
	.pre-left {
		top: 61.6%;
		left: 15px;
		width: 8%;
		position: absolute;
		z-index: 10001;
		background-color: rgba(230,230,230,0.5);
		height: 64px;
	}
	.pre-right {
		top: 61.6%;
		left: 88%;
		width: 8%;
		position: absolute;
		z-index: 10001;
		background-color: rgba(230,230,230,0.5);
		height: 64px;
	}
	.pre-left img {
		width: 75%;
		height: auto;
		margin: 16px 0;
	}
	.pre-right img {
		width: 75%;
		height: auto;
		margin: 16px 0;
	}
}
@media(min-width: 100px) and (max-width:375px) {
	.circle-other-summary {
		font-size: 12px;
	}
	.circle-other-title {
		font-size: 14px;
	}
	.pro-ul li {
		width: 95%;
		height: auto;
	}
	.pro-btn-div {
		margin: 27px 36.5%;
	}
	.foot-imgs {
		left: 87%;
	}

}




@media(min-width: 768px) and (max-width:1200px) {
	.ch-img img {
		width: 95%;
		margin-left: 79px;
		padding-top: 18px;
	}
}




@media (min-width: 992px) {
	body {
	/*	padding-top: 129px;*/
	}
	.navbar-default {
		top: 0;
	}
	.navbar-default.space-top {
		top: 40px;
	}
	.dropdown-menu {
		box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
		min-width: 208px;
	}
	.dropdown-menu li a {
		float: left;
		font-size: 12px;
		height: auto;
		line-height: 23px;
		max-width: none;
		min-height: 23px;
		padding: 8px 15px;
		text-align: left;
		text-decoration: none;
		width: 100%;

	}
}


/* ---------------------------------------------------------------------- */
/*	Up To Medium Devices
 /* ---------------------------------------------------------------------- */
@media (max-width: 991px) {
	.navbar-default {
		line-height: normal !important;
		background: #fff;
	}
	.navbar-brand {
		padding-top: 5px !important;
	}
	.navbar-brand, .navbar-nav > li > a {
		line-height: 20px !important;
		height: auto !important;
	}
	.navbar-default .navbar-nav > .active > a:before {
		content: " ";
	}
	.navbar-collapse .nav {
		float: left !important;
		clear: both;
		margin-left: -15px;
		margin-top: 10px;
	}
	header .nav li > a, header .nav li:hover > a, header .nav li.active > a, header .nav li.active:hover > a {
		border: medium none !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.navbar > .container{
		margin-top: 10px;
	}
	.navbar-brand {
		margin-top: 10px;
	}
	.core-box {
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: center;
	}
	.core-box .heading {

		margin-bottom: 0;
	}
	.core-box .heading .circle-icon {
		float: none !important;
		text-align: center;
	}
	.core-box .heading h2 {
		padding-left: 0;
	}
	.core-box .view-more {
		float: none;
	}

}
/* ---------------------------------------------------------------------- */
/*	Up To Medium Devices
 /* ---------------------------------------------------------------------- */
@media (min-width: 768px) {
	.mega-menu {
		position: static !important;
	}
	.mega-menu .dropdown-menu {
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
	}
	.navbar-collapse.in {
    	overflow-y: visible !Important;
	}
}
/* ---------------------------------------------------------------------- */
/*	Extra Small Devices Only
 /* ---------------------------------------------------------------------- */
@media (max-width: 767px) {
	.navbar-default {
		position: absolute;
	}
	#slidingbar-area {
		display: none;
	}
	#topbar {
		display: none;
	}
	.navbar-default {
		top: 0 !important;
		height: auto !important;
		float: none !important;
	}
	.navbar-collapse .nav {
		float: none !important;
	}
	.navbar-default .navbar-nav li > a, .navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		border-top-color: #E1E1E1 !important;
		border-top-width: 1px !important;
		border-top-style: solid !important;
		line-height: 20px !important;
		height: auto !important;
		margin: 0;
	}
	.navbar-default .navbar-nav li > a:hover, .navbar-default .navbar-nav li > a:focus {
		background-color: #007AFF !important;
		color: #FFFFFF !important;
	}
	.navbar-nav, .dropdown-menu {
		margin-top: -1px !important;
		padding-top: 0;
		margin-bottom: 0 !important;
	}
	.navbar-toggle {
		background: #007AFF;
		border: medium none;
		border-radius: 0;
		margin-top: 8px;
		padding: 10px;
	}
	.navbar-toggle .icon-bar {
		background-color: #FFFFFF !important;
	}
	.navbar-default .navbar-nav .menu-search > a:hover, .navbar-default .navbar-nav .menu-search > a:focus {
		background: none !important;
		color: #007AFF !important;
	}
	.search-box {
		top: 3px;
		right: 3px;
		bottom: auto;
		margin: 0 !important;
		border: none !important;
		box-shadow: none;
		background: none;
	}
	.search-box .arrow {
		display: none;
	}	
	.search-box .popover-content {
   		padding: 0 !important;
	}
	
	.grid-container {
		display: block;
	}
	/* Tabs Left*/
	.tabs-left .nav-tabs li.active a, .tabs-left .nav-tabs li.active a:hover, .tabs-left .nav-tabs li.active a:focus {
		border-right-color: #dddddd;
	}
	.tabs-left .nav-tabs {
		float: none;
	}
	.tabs-left .tab-content {
		border-top: none;
	}
}