/* 23. Responsive Styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 1920px) {
	
	.goodsInfoHeader-img img{
		max-width: 300px;
	}
	.projectInfoBox .goodsTitle {
		width: 48%;
		position: absolute;
		top: 5%;
		left: 45%;
		border: none;

	}
	.goodsInfoHeader .goodsTitle h3{
		font-weight: bold;
		font-size: 34px;
	}
	.goodsInfoHeader .goodsTitle p{
		font-size: 16px;
		color:#000;
		margin-top: 40px;
	}
	.projectInfoBox img {
		margin: 50px;
		margin-left: 100px;
		
		/* border: red 1px solid; */
		
	}
	.newsFooter span{
		color:#5f5f5f;
	}
	.project h2, .news h2, .about h2 {
		width: 137px;
		margin: 0;
		color: #FFFFFF;
		background: transparent;
		font-size: 28px;
		line-height: 28px;
		position: absolute;
		left: 20%;
		top: 8.7%;
		font-weight: 400;
	}
	 .line {
		top: 11%;
		right: 11%;
		width: 60%;
	} 
	.newsTab {
		width: 70.5%;
		left: 50.9% !important;
	}

	.newsTab li {
		width: 50%;
	}

	.newsTab li button {
		width: 100% !important;
	}

	.about-content .introduction div {
		width: 28%;
		right: 18%;
	}
	
	.about-content .introduction div p {
		line-height: 28px;
	}

	.contact-tab button,
	.about-header .about-tab button {
		width: 100% !important;
	}

	.contact-header .contact-tab {
		left: 50.8% !important;
		width: 61% !important;
	}

	.about-header .about-tab {
		left: 50.8% !important;
		width: 65.8% !important;
	}

	.contact-header .contact-tab li,
	.about-header .about-tab li {
		width: 33%;
	}

	.about-content .introduction div p {
		font-size: 14px;
	}

	.about-content .introduction img {
		width: 612px;
		margin: 10px 0;
		display: inline-block;
		vertical-align: middle;
	}

	.about-content #pages {
		position: absolute;
		bottom: 1%;
		margin: 0 auto;
		transform: translateX(-50%);
		left: 50%;
	}

	#map {
		width: 70%;
		height: 600px;
		border: 1px solid #CCCCCC;
		display: inline-block;
	}

	.address {
		height: 600px;
		width: 30%;
		display: inline-block;
		padding: 12.4% 0;
		padding-left: 5%
	}

	.main-slider .carousel-inner .item figure figcaption {
		top: 36%;
	}

	#cultureImg {
		margin-top: 110px;
	}

	.blueLine {
		margin: 0;
	}

	.intro {
		overflow: hidden;
		position: relative;

		/* width: 1473px; */
	}

	.lists {
		position: relative;
		float: left;
		width: 46.5%;
		height: 333px; 
		background-color: #fff;
		/* padding-left: 10px; */
		margin-left: 10px;
		margin-top: 10px;

	}

	.lists img {
		width: 41%;
		height: 100%;
		float: left;
	}

	.held {
		width: 54%;
		height: 100%;
		padding: 15px;
		padding-bottom: 30px;
		padding-right: 0;
		float: left;
	}

	.held p:nth-child(2) {
		font-size: 14px;
		color:#3f3f3f;
		overflow: hidden;
	}

	.held p:nth-child(1) {
		font-size: 15px;
		color: #000;
		font-weight: bold;
	}

	.lists:hover {
		background-image: linear-gradient(to right, #1A50A3, #05A4E4);
	}

	.lists:hover p {
		color: #fff;

	}

	.lists:hover span {
		color: #fff;
	}

	.goodslist {
		display: flex;
		flex-wrap: wrap;
		z-index: 99;
		height: 80%;
		height: 100%;
		list-style-type: none;
		margin-left: 10%;
		margin-top: 2%;
	}

	.nepsList {
		width: 80%;
		list-style: none;
		padding-left: 45px;
		overflow: hidden;

	}

	.newsTime {
		text-indent: 10px;
	}

	.newsTime img {
		width: 19px;
		height: 19px;
	}
}
@media only screen and (max-width: 1550px) {
	/* .line {
		position: absolute;
		top: 11%;
		right: 11%;
		height: 20px;
		width: 45%;
	} */
	.project h2, .news h2, .about h2 {
		width: 137px;
		margin: 0;
		color: #FFFFFF;
		background: transparent;
		font-size: 28px;
		line-height: 28px;
		position: absolute;
		left: 24%;
		top: 9%;
		font-weight: 600;
	}
}


@media only screen and (max-width: 1440px) {
	.held p:nth-child(2) {
		height: 100px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		line-height: 20px;
	}
	.showMore{
		bottom: 4%;
	}
	.line {

		width: 55%;
	} 
	.goodfont a {
		
		top: 15px;
	}
	.font ul {
		list-style-type: none;
		position: relative;
		/* top: 26px; */
		left: -40px;
		/* transform: translateY(-50%); */
		/* top: 40%; */
	}
	.news {
		background-size: 120%;
	}
	.about-content .honor-content {

		height: 880px;
		background-position: initial;
		background-size: initial;
	}
	.goodsInfoHeader-img img{
		max-width: 280px;
	}
	.projectInfoBox img {
		margin: 50px;
		/* border: red 1px solid; */
		
	}
	.held p:nth-child(2) {
		font-size: 12px;
		color: #5f5f5f;
	}
	.lists {
		position: relative;
		float: left;
		width: 46.5%;
		background-color: #fff;
		/* padding-left: 10px; */
		margin-left: 10px;
		margin-top: 10px;
		height: 237px;

	}
	/* .line {
		position: absolute;
		top: 11%;
		right: 11%;
		height: 17px;
		width: 50%;
	} */
	.project h2, .news h2, .about h2 {
		width: 137px;
		margin: 0;
		color: #FFFFFF;
		background: transparent;
		font-size: 28px;
		line-height: 28px;
		position: absolute;
		left: 24%;
		top: 9%;
		font-weight: 400;
	}
	.about-content .introduction div p {
		font-size: 14px;
	}
	.project-header .page-header-image .container .row .tabItem{
		width: 62%;
		left: 48.3% !important;
	}
	.newsTab {
		width: 69%;
		left: 52.3% !important;
	}
	.about-content .introduction img {
		width: 412px;
		margin: 10px 0;
		display: inline-block;
		vertical-align: middle;
	}

	.contact-header #tabItem {
		margin-left: 0px;
	}

	.about-content #pages {
		position: absolute;
		bottom: 5%;
		margin: 0 auto;
		transform: translateX(-50%);
		left: 50%;
	}

	#map {
		width: 63%;
		height: 400px;
		border: 1px solid #CCCCCC;
		display: inline-block;
	}

	.address {
		height: 400px;
		width: 35%;
		display: inline-block;
		padding: 5% 0 0 3%;
	}

	.main-slider .carousel-inner .item figure figcaption {
		top: 30%;
	}

}

@media only screen and (max-width: 1200px) {
	.line {
		position: absolute;
		top: 11%;
		right: 11%;
		height: 17px;
		width: 45%;
	}
	.project h2, .news h2, .about h2 {
		width: 137px;
		margin: 0;
		color: #FFFFFF;
		background: transparent;
		font-size: 28px;
		line-height: 28px;
		position: absolute;
		left: 27%;
		top: 9%;
		font-weight: 600;
	}
	.project-header .page-header-image .container .row .tabItem{
		width: initial !important;
		left: 48% !important;
		flex-wrap: wrap;
	}
	.project-header .page-header-image .container .row .tabItem li{
		width: 50%;
		flex: 1;
		
		
	}
	.project-header .page-header-image .container .row .tabItem li button{
		width: 100% !important;
	}
	
	.project-header .pages-header .page-header-image .container .tabItem{
		width: 100%;
		left: 55% !important;
		display: flex;
		flex-wrap: wrap;
		margin-left: 0px !important;
	}
	.project-header .pages-header .page-header-image .container .tabItem li{
		flex: initial;
	}
	.clients-logos .row img {
		height: 130px !important;
	}



	.ist {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.about-content .introduction {
		padding: 30px 0 190px 18%;
		background: #f7f7f7;
		position: relative;
	}

	.about-content .introduction div {
		display: inline-block;
		width: 67%;
		position: absolute;
		right: 15%;
		top: 85%;
		transform: translate(0, -50%);
	}

	.contact-header #tabItem {
		margin-left: 25px;
	}

	.iconBar {

		width: 20px;

	}

	.iconBar span {
		position: absolute;
		width: 1px;
		height: 20px;
		background-color: #707070;
		transition: all 0.6s;
	}

	.click-background {
		left: 0;
	}

	/* 	.project-header #tabItem {
		padding-left: 25px;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	} */

	.project-content .goodsList {
		padding: 0;
	}

	.news .itemLogo {
		width: 100px;
		height: 30px;
		position: initial;
		margin: 11px 0 10px 40px;
		float: left;
		overflow: hidden;
	}

	.news h2 {
		position: initial;
		margin: 11px 0px 11px 6px;
		float: left;
		width: 60px;
		overflow: hidden;
		font-size: 14px;
		line-height: 14px;
	}

	.news .newest {
		position: absolute;
		top: 20px;
		left: 0;
		margin-left: 40px;

	}

	.news .newest h3 {
		font-size: 20px;
		margin-bottom: 10px;
	}



	.click-background {
		
		position: fixed;
		width: 0%;
		height: 100%;
		z-index: 99;
		transition: all 0.6s ease;
		overflow: hidden;
		padding-left: 25px;
	}

	.click-background li {

		padding-left: 0px;
	}

	.background-black {
		padding-top: 100px;
	}

	.background-black .footer-widget h2 {
		font-size: 28px;
		padding-left: 40px;
		margin-bottom: 20px;
	}

	.background-black .footer-widget .widget-content {
		text-align: left;
	}

	.background-black .footer-widget .widget-content a {
		text-align: left;
		color: #fff;
		font-size: 16px;
	}

	.background-black .footer-widget .widget-content .clearfix {
		margin-bottom: 10px;
	}

	.top-consult-btn a {
		display: inline-block;
		margin-right: 15px;
		margin-top: 5px;
		padding: 10px;
	}

	#footerRow {
		margin-left: 35px;
		width: 100%;
	}

	.flickr-stream {
		margin-left: 35px;
	}

	.plate-one {
		right: 260px;
	}

	.plate-two {
		right: 100px;
	}

	.sidebar {
		width: 25px;
	}

	.sidebar img {
		width: 20px;
	}

	.project {
		margin: 0;
	}

	.project .line {
		display: none;
	}

	.project .itemLogo {
		width: 100px;
		height: 30px;
		position: initial;
		margin: 11px 0 10px 40px;
		float: left;
		overflow: hidden;
	}

	.project h2 {
		position: initial;
		margin: 11px 0px 11px 6px;
		float: left;
		width: 60px;
		overflow: hidden;
		font-size: 14px;
		line-height: 14px;

	}

	.project .tabBar {
		display: flex;
		position: initial;
		margin-bottom: 10px;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		padding-left: 25px;
		height: initial;
		transform: none;
	}

	.project .tabBar li {
		width: 74px;
		margin: 2px;
	}

	.project .tabBar li button {
		width: 100%;
		font-size: 10px;
	}

	.project .goodsList {
		position: initial;
		width: 100%;

		flex-wrap: wrap;
		justify-content: center;
		padding-left: 25px;
		top: 24%;
		transform: none;
	}

	.project .goodsList li {

		width: 150px;
		height: 200px;
		margin-bottom: 10px;
		justify-content: center;
		align-items: center;
		position: relative;
		padding: 20px 22px 50px 22px;
	}

	.project .goodsList li img {
		width: 106px;
		height: 131px;
		margin: 0 auto;
		transform: translateX(-50%);
		left: 50%;
		position: absolute;
	}

	.project .showMore {
		bottom: 2%;
	}

	.project {
		height: initial;
		padding-bottom: 75px;
	}



	.about h1 {
		font-size: 20px;
		margin: 0 0 10px 20px;
		position: absolute;
		z-index: 99;
		top: 15px;
	}

	.line {
		display: none;
	}

	.about h2 {
		font-size: 40px;
		margin: 0 0 10px 35px;
		position: absolute;
		font-size: 12px;
		width: 50px;
		line-height: 12px;
		left: 95px;
		top: 15px;
		z-index: 99;
	}

	.about {
		height: 500px;
		padding-top: 55px;
	}

	.about .aboutUs {
		width: 96%;
	}

	.about .aboutUs p {
		width: 90%;
		font-size: 18px;
		/* text-indent: 2em; */
	}

	.aboutUs .showMore {
		bottom: 4%;
	}

	.footer {
		background-color: #333;
	}

	.row .col-md-3 .callUs {
		margin-top: 40px;
	}

	.intro .main-nav ul.main-menu li.search .search-box {
		left: -170px;
	}

	.intro .main-nav ul.main-menu li.search .search-box .search-form::before {
		left: 83%;
	}

	.main-slider .carousel-inner .item figure figcaption {
		padding-left: 40px;
	}

	.main-slider .carousel-inner .item figure figcaption .container h1 {
		font-size: 30px;
		line-height: 45px;
	}

	.main-slider .carousel-inner .item figure figcaption {
		left: 0;
		padding: 0 100px !important;
		right: 0;
		top: 30%;
		width: 100%;
	}

	.main-slider .carousel-inner .item figure figcaption h1 {
		width: 100%;
	}

	.section-header p {
		padding: 0;
	}

	.services .services-content .service-box {
		margin-bottom: 30px;
	}

	.call-to-action h2 {
		padding: 0;
	}

	.testimonial .client-feedback .item p {
		padding: 0 52px;
	}

	.testimonial .client-image .owl-wrapper-outer .owl-wrapper {
		padding: 50px 0 50px 120px;
	}

	.why-choose-us .wcu-left {
		padding: 0 60px;
	}

	.pricing-table .pricing-content .pricing-cell {
		margin-bottom: 30px;
	}

	.footer-widget {
		margin-bottom: 50px;
	}

	footer .footer-bottom {
		margin-top: 0;
	}

	.video-wrapper {
		position: relative;
		padding-bottom: 56.25%;
		/* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.intro .main-nav ul.main-menu li {
		margin-right: 0;
	}

	.intro .main-nav ul.main-menu li.search .search-box {
		left: -200px;
	}

	blockquote {
		padding: 0 0 0 15px;
	}

	.widget-content.search-widget button {
		padding: 0 10px;
	}

	.flickr-stream img {
		margin-bottom: 5px;
		/* width: 100%; */
	}

	.header-top-social ul li:nth-child(5) {
		margin-right: 0;
	}

	.top-consult-btn a {
		margin-right: 0;
	}

	.list-inline li {
		width: 80% !important;
		margin: 10px 0;
	}

	.list-inline li input {
		padding: 0 10px;
	}

	.list-inline li a {
		width: 100%;
		border-radius: 30px !important;
	}

	.haoyicode2 {
		display: block;
		width: 200px;
		margin-left: 22%;
		margin-bottom: 10%;
	}

	/* .callUs {
        display: none;
    } */
	.clients-logos .row img {
		height: 100px !important;
	}

	.aboutWarp .ser_sel1 .numWarp li .num {
		font-size: 62px;
	}

	.latest-work .portfolio-work .portfolio-container figure {
		height: 180px;
	}
}

@media only screen and (max-width: 800px) {
	.main-slider .carousel-inner .item figure figcaption {
		left: 0;
		padding: 0 100px;
		right: 0;
		top: 30%;
		width: 100%;
	}

	#footerRow {
		margin-left: 35px;
		width: 100%;
	}

	.flickr-stream {
		margin-left: 35px;
	}

	.main-slider .carousel-inner .item figure figcaption .container h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0 0 25px 0;
		width: 80%;
	}

	.main-slider .carousel-inner .item figure figcaption p {
		width: 75%;
	}
}

@media only screen and (max-width: 768px) {
	.main-slider .carousel-inner .item figure figcaption {
		left: 0;
		padding: 0 100px !important;
		right: 0;
		top: 30%;
		width: 100%;
	}

	#footerRow {
		margin-left: 35px;
		width: 100%;
	}

	.flickr-stream {
		margin-left: 35px;
	}


	.main-slider .carousel-inner .item figure figcaption h1 {
		width: 100%;
	}

	.header-top-contact ul {
		text-align: center;
		margin-bottom: 15px;
	}

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

	.intro .main-nav {
		position: inherit;
		background: #252525;
	}

	.navbar-toggle {
		background: transparent none repeat scroll 0 0;
	}

	.navbar-toggle .icon-bar {
		background: #ddd none repeat scroll 0 0;
	}

	.intro .main-nav ul.main-menu {
		float: left;
		margin: 10px 0 20px 0;
	}

	.intro .main-nav ul.main-menu li.active a::before,
	.intro .main-nav ul.main-menu li.active a::after,
	.intro .main-nav ul.main-menu li a:hover::before,
	.intro .main-nav ul.main-menu li a:hover::after {
		content: none;
	}

	.intro .main-nav ul.main-menu li.active a,
	.intro .main-nav ul.main-menu li a:hover {
		color: #5CCBFF;
	}

	.intro .main-nav ul.main-menu li.search .search-box {
		left: 40px;
		top: 0;
	}

	.intro .main-nav ul.main-menu li.search .search-box .search-form::before {
		left: -3px;
		top: 11px;
		transform: rotate(47deg);
	}

	.carousel-control {
		height: 50px;
		padding-top: 7px;
		width: 50px;
	}

	.main-slider .carousel-inner .item figure figcaption .container h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0 0 25px 0;
		width: 80%;
	}

	.main-slider .carousel-inner .item figure figcaption p {
		width: 75%;
	}

	.main-slider .carousel-inner .item figure figcaption {
		padding-left: 30px;
	}

	.services,
	.latest-work,
	.pricing-table,
	.our-clients,
	.call-to-action,
	.testimonial,
	.why-choose-us,
	.project-summery {
		padding: 50px 0;
	}

	.services .services-content .service-box {
		margin-bottom: 20px;
	}

	.call-to-action h2 {
		padding: 0;
		font-size: 24px;
	}

	.testimonial .client-feedback .item p {
		padding: 0 50px;
	}

	.testimonial .client-image .owl-wrapper-outer .owl-wrapper {
		padding: 50px 0 50px 50px;
	}

	.why-choose-us {
		margin: 0;
	}

	.why-choose-us .wcu-left {
		padding: 0 30px 30px 30px;
	}

	.project-summery .col-sm-3 p.project-count,
	.our-clients .col-sm-3 p.project-count {
		margin: 20px 0 10px 0;
	}

	.project-summery .col-sm-3 {
		margin-bottom: 50px;
	}

	.project-summery .col-sm-3:last-child {
		margin-bottom: 0;
	}

	.pricing-table .pricing-content .pricing-cell {
		margin-bottom: 20px;
	}

	.footer-widget {
		margin-bottom: 50px;
	}

	footer .footer-bottom {
		margin-top: 0;
	}

	.section-header p {
		padding: 0;
	}

	.textBox {
		right: 0;
	}

	.referral {
		margin: 0;
	}

	.rightPosition,
	.imgBox,
	.our-clients {
		display: none;
	}

	.pages-header {
		padding-top: 0;
		padding-bottom: 200px;
		margin: 0;
	}

	.twitter-feed .list-unstyled {
		display: flex;
		justify-content: space-around;
	}

	.caseList {
		width: 25%;
		display: inline-block;
		border: none;
	}

	.aboutWarp .ser_sel1 img {
		position: inherit;
		width: 100%;
		transform: translateY(-.4rem);
	}

	.inputdis {
		display: none;
	}

	/* 关于我们 */
	#itemList {
		margin: 80px 5% 0px;
		display: flex;
	}

	#itemList li {
		padding: 0 2%;
	}

	.introLeft {
		padding: 50px 0 0;
		text-align: center;
	}

	.introLeft .counter {
		font-size: 40px;
	}

	.introRight {
		padding: 0;
		border: none;
	}

	#itemBtn32 #none {
		display: none;
	}

	#itemBtn32 .col-sm-12 {
		margin: 0;
		padding: 20px 0;
	}

	#itemBtn32 #itemTitle {
		text-align: center;
	}

	.developmentListBox {
		width: 60%;
	}

	.developmentListBox h3 {
		font-size: 30px;
	}

	.history {
		padding: 50px 0;
	}

	#itemBtn33 .swiper-button-next,
	#itemBtn33 .swiper-button-prev {
		top: 56.5%;
	}

	#itemBtn33 .swiper-button-next {
		right: 5%;
	}

	#itemBtn33 .swiper-button-prev {
		left: 5%;
	}

	.axleWire {
		bottom: 43.5%;
	}

	.blueLine {
		margin: auto 42%;
	}

	.text .blueLine,
	#itemBtn49 .blueLine {
		margin: 0;
	}

	.culture {
		height: 800px;
		background: #F1F1F1;
	}

	#cultureImg {
		position: static;
		text-align: center;
		margin: 0;
	}

	#tabItem .controls button {
		padding: 0;
	}

	.certification li {
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
	}

	.certification .honor {
		margin: 0 0 20px -14px;
	}

	.inspect {
		padding: 0 10%;
	}

	.certification {
		margin: 0;
		padding: 0 10%;
	}

	.modal-dialog {
		width: 92%;
	}

	#itemBtn31 {
		height: 1520px;
	}
}

@media only screen and (max-width: 680px) {
	.aboutWarp .ser_sel1 .numWarp li .num {
		font-size: 40px;
	}

	#footerRow {
		margin-left: 35px;
		width: 100%;
	}

	.flickr-stream {
		margin-left: 35px;
	}

	.aboutWarp .ser_sel1 .numWarp li {
		border: none;
	}


	.aboutWarp .ser_sel1 .numWarp li:nth-child(1) {
		font-size: 20px;
	}
}

@media only screen and (max-width: 640px) {
	
	.video-wrapper {
		position: relative;
		padding-bottom: 56.25%;
		/* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	#footerRow {
		margin-left: 35px;
		width: 100%;
	}

	.flickr-stream {
		margin-left: 35px;
	}



	.video-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.main-slider .carousel-inner .item figure figcaption {
		left: 80px;
		top: 40px;
		padding-left: 0;
		width: 100%;
	}

	.intro .main-nav ul.main-menu li ul.dropdown-menu {
		background: #000;
	}

	.main-slider .carousel-inner .item figure figcaption {
		left: 0px;
		top: 15px;
		padding: 70px !important;
		width: 100%;
	}

	.intro .main-nav ul.main-menu li ul.dropdown-menu {
		background: transparent none repeat scroll 0 0;
		left: 0;
		margin-left: 20px;
		opacity: 1;
		position: static;
		visibility: visible;
		border: none;
		box-shadow: none;
	}

	.intro .main-nav ul li ul li ul {
		background: transparent none repeat scroll 0 0;
		border: 0 none;
		box-shadow: none;
		left: 0;
		margin-left: 30px;
		opacity: 1;
		padding: 10px;
		position: static;
		visibility: visible;
		width: 100%;
	}

	.goodsInfoHeader .barticleUrlImgBox {
		display: flex;
	}

	.goodsInfoHeader .barticleUrlImgBox .barticleUrlImg {
		padding: 0 5px;
	}
}

@media only screen and (max-width: 480px) {
	.goodsInfoHeader .barticleUrlImgBox .barticleUrlImg img{
		width: 100%;
		height: 100%;
	}
	.background-black .footer-widget .widget-content a{
		font-size: 12px;
	}
	.background-black .footer-widget h2 a{
		font-size: 18px;
	}
	.goodsInfoHeader .barticleUrlImgBox span{
		padding-top: 14px;
		margin: 0;
	}
	.finxd :nth-child(2){
		display: none;

	}
	.finxd .zhongwen{
		width: 30px;
		display: block;
		font-size: 14px;
		line-height: 14px;
	}
	.finxd .yinwen{
		width: 30px;
		display: block;
		font-size: 14px;
		line-height: 14px;
	}
	.held p:nth-child(2){
		height: 100px;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:5;
		line-height: 20px;
	}
	.project-header .page-header-image h2.page-header-title{
		margin-top: 15px;
    padding-bottom: 20px;
	}
	.goodsInfoHeader .goodsInfoNav{
		border-top: 1px solid #eee;
	}
	.contact-header .contact-tab{
		position: initial !important;
		width: initial !important;
		transform: initial !important;
		left: initial !important;
	}
	.font ul {
		
		
	}
	.project-header .page-header-image .container .row .tabItem{
		width: initial !important;
		left: 25px !important;
		flex-wrap: wrap;
		transform: initial !important;
	}
	.project-header .page-header-image .container .row .tabItem li{
		width: initial;
		flex: initial;
		
		
	}
	.project-header .page-header-image .container .row .tabItem li button{
		padding: 0;
    margin: auto;
    font-size: 10px;
    width: 100%;
    height: 100%;
	}
	.about-header .about-tab {
		left: initial !important;
    width: initial !important;
	position: initial !important;
	transform: initial !important;
	margin-left: 25px !important;
	}
	.contact-content .manner {
		position: initial;
	}

	.blog-contents .rows {
		background-color: #fff;
	}

	footer .container .row .footer-widget {
		transform: translateX(-50%);
		left: 50%;
		position: relative;

	}

	.showMore {
		margin-left: 10px;
	}

	.goodfont a {
		left: 27px;
		position: initial;
	}
	
	.goodsInfoHeader {
		padding-left: 25px;
		padding-right: 25px; 

	}

	.projectInfoBox .goodsTitle {
		width: 100%;
		position: initial;
		right: 27%;
		top: 5%;
		left: 40%;
		border: none;
	}

	.goodsbis {
		padding: 0;
	}

	.projectInfoBox .goodsTitle h3 {
		font-size: 18px;
	}

	.goodsInfoHeader-img img {
		margin: 0px;
		/* border: red 1px solid; */
	}

	.goodsbis img {
		margin: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	.projectInfoBox {
		width: 100%;
		background-color: #fff;
		margin-top: 20px;
		/* transform: none;
		margin: auto; */
	}

	.projectInfo-contents {
		background-color: #f9f9f9;
		padding-top: 0px;
		padding-left: 25px;
	}

	/*产品中心*/
	.newsFooter {
		position: absolute;
		bottom: -3%;
		width: 50%;
		display: flex;
		justify-content: space-between;
	}

	.news .newsList {
		position: initial;
	}

	.about-content .honor-content li p {
		line-height: 24px;
	}

	/* .project-header #tabItem {
		padding-left: 25px;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	} */

	.news {
		height: initial;
		width: 100%;
		background: url(../images/news_bg.jpg) no-repeat 60% 0%;
		/* background-position: 67% top; */
		position: relative;
	}

	.news .itemLogo {
		width: 100px;
		height: 30px;
		position: initial;
		margin: 11px 0 10px 40px;
		float: left;
		overflow: hidden;
	}

	.main-slider .carousel-inner .item figure img {
		height: initial;
		max-height: 218px;
	}

	.news h2 {
		position: initial;
		margin: 11px 0px 11px 6px;
		float: left;
		width: 60px;
		overflow: hidden;
		font-size: 14px;
		line-height: 14px;

	}

	.newsBox .newest {
		position: absolute;
		top: 31px;
		margin: 0px 0 0px 40px;
	}

	.newsBox .newest h3 {
		font-size: 16px;
	}

	.newsBox .rightNews {
		position: absolute;
		right: 12%;
		top: 24%;
		height: 226px;
		transform: translateX(-50%);
		left: 50%;
		width: 294px;
	}

	.newsBox .leftNews {
		position: absolute;
		top: 80%;
		left: 13%;
		width: 79%;
		height: 120px;
	}

	.plate-two {
		width: 100px;
	}

	.plate-one {
		left: 168%;
		bottom: 19%;
	}

	.click-background {
		display: flex;
		position: fixed;
		width: 0%;
		height: 100%;
		z-index: 99;
		transition: all 0.6s ease;
		overflow: hidden;
		padding: 0 0 0 25px;
		flex-direction: column;

	}

	.click-background .background-black {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 25%;
		flex: none;
		list-style: none;
		color: #fff;
		width: 100%;
		padding-left: 20px;

	}

	.clearfix2 {
		margin-bottom: 10px;
		margin-left: 10px;
		font-size: 20px;
	}

	.click-background .background-black .footer-widget {
		margin-bottom: 0px;
	}

	.click-background .background-black h2 {
		font-size: 24px;
		padding-left: 50px;
	}

	.list-unstyled2 {
		width: 380px;
		height: 50px;
	}

	.list-unstyled2 ul {
		float: left;
	}

	.background-black {
		padding-top: 0px;


	}

	.pages-header {
		padding: 0;
	}

	#footerRow {
		margin-left: 35px;
		width: 100%;
	}

	.flickr-stream {
		margin-left: 35px;
	}


	.header-top-contact ul {
		text-align: center;
		margin-bottom: 15px;
	}

	.header-top-contact ul li {
		margin-right: 0;
	}

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

	.top-consult-btn a {
		display: inline-block;
		margin-top: 10px;
		padding: 10px;
	}

	.intro .main-nav {
		position: fixed;
		background: #252525;
	}

	.navbar-toggle {
		background: transparent none repeat scroll 0 0;
	}

	.navbar-toggle .icon-bar {
		background: #ddd none repeat scroll 0 0;
	}

	.navbar-collapse.in {
		background: rgba(0, 0, 0, 0.8)none repeat scroll 0 0;
		/* width: 44%; */
		opacity: 0.8;
		height: auto;
		transition: .3s ease;
		/* float: right; */
		position: absolute;
		width: 100%;
		left: 0;
	}

	.intro .main-nav ul.main-menu {
		float: left;
		margin: 10px 0 20px 0;
	}

	.intro .main-nav ul.main-menu li.active a::before,
	.intro .main-nav ul.main-menu li.active a::after,
	.intro .main-nav ul.main-menu li a:hover::before,
	.intro .main-nav ul.main-menu li a:hover::after {
		content: none;
	}

	.intro .main-nav ul.main-menu li.active a,
	.intro .main-nav ul.main-menu li a:hover {
		color: #FF8724;
	}

	.intro .main-nav ul.main-menu li.search .search-box {
		left: 40px;
		top: 0;
	}

	.intro .main-nav ul.main-menu li.search .search-box .search-form::before {
		left: -3px;
		top: 11px;
		transform: rotate(47deg);
	}

	.intro .main-nav ul.main-menu li a {
		margin-bottom: 0;
	}

	.sticky-wrapper.is-sticky ul.main-menu li a {
		margin-bottom: 0 !important;
		margin-top: 0;
	}

	.carousel-control {
		display: none;
	}

	.main-slider .carousel-inner .item figure figcaption .container h1 {
		font-size: 20px;
		margin: 0 0 20px 0;
		width: 100%;
		line-height: normal;
	}

	.main-slider .carousel-inner .item figure figcaption {
		left: 0px;
		top: 15px;
		padding: 0 !important;
		width: 100%;
	}

	.main-slider .carousel-inner .item figure figcaption .container a {
		font-size: 15px;
		padding: 5px 10px;
	}

	.main-slider .carousel-inner .item figure figcaption p {
		display: none;
	}

	.services,
	.latest-work,
	.pricing-table,
	.our-clients,
	.call-to-action,
	.testimonial,
	.why-choose-us,
	.project-summery {
		padding: 50px 0;
	}

	.section-header p {
		padding: 0;
	}

	.services .services-content .service-box {
		margin-bottom: 20px;
	}

	.call-to-action h2 {
		padding: 0;
		font-size: 24px;
	}

	.call-to-action ul li {
		margin-bottom: 10px;
	}

	.latest-work .portfolio-work .controls button {
		margin-bottom: 5px;
		padding: 7px;
		font-size: 14px;
	}

	.testimonial .client-feedback .item p {
		padding: 0 40px;
	}

	.testimonial .client-image .owl-wrapper-outer .owl-wrapper {
		padding: 0;
	}

	.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item .item img {
		height: 50px;
		width: 50px;
	}

	.testimonial .client-image .owl-wrapper-outer .owl-wrapper {
		margin-bottom: 30px;
	}

	.testimonial .client-image .owl-wrapper-outer .owl-wrapper .owl-item .item::before {
		height: 50px;
		width: 50px;
	}

	.testimonial .client-feedback .owl-buttons .owl-prev,
	.testimonial .client-feedback .owl-buttons .owl-next {
		font-size: 19px;
		height: 30px;
		padding-top: 0;
		width: 30px;
	}

	.testimonial .client-feedback .owl-buttons {
		top: 60px;
	}

	.why-choose-us {
		margin: 0;
	}

	.why-choose-us .wcu-left {
		padding: 0 30px;
		margin-bottom: 50px;
	}

	.project-summery .col-sm-3 p.project-count,
	.our-clients .col-sm-3 p.project-count {
		margin: 20px 0 10px 0;
	}

	.project-summery .col-sm-3 {
		margin-bottom: 50px;
	}

	.project-summery .col-sm-3:last-child {
		margin-bottom: 0;
	}

	.pricing-table .pricing-content .pricing-cell {
		margin-bottom: 20px;
	}

	.footer-widget {
		margin-bottom: 0px;

	}

	footer .footer-bottom {
		margin-top: 0;
		padding-left: 25px;
	}

	footer .footer-bottom :nth-child(1) {
		margin: 0;
	}

	/* About Us */
	.section-header h2 {
		font-size: 30px;
	}

	.about-information .col-sm-4 img {
		margin-bottom: 15px;
		width: 100%;
	}

	.about-services {
		margin-top: 50px;
	}

	.our-story {
		padding: 0 15px;
		margin: 50px 0;
	}

	.blog-posts {
		margin: 50px 0;
	}

	.post-details {
		padding-top: 25px;
	}

	.post-read-more {
		margin: 15px 0;
	}

	.post-meta {
		margin-top: 15px;
	}

	.blog-pagination {
		margin: 50px 0 50px;
	}

	.flickr-stream img {
		margin-bottom: 5px;
		/* width: 100%; */
	}

	.blog-sidebar {
		margin-top: 50px;
	}

	.contact-main {
		margin: 0;
	}

	.contact-main .contact-header {
		margin: 50px 0;
	}

	.single-blog {
		margin-top: 50px;
	}

	.post-meta {
		margin-top: 30px;
		text-align: left;
	}

	.aboutWarp .ser_sel1 .numWarp li .num {
		font-size: 30px;
	}

	section {
		width: 100%;
	}
	.project-header .page-header-image{
		padding: 51px 0 90px 43px;
	}
	.page-header-image {
		padding: 51px 0 59px 43px;

	}
	.newsInfo-header .pages-header .page-header-image{
		padding: 51px 0 50px 43px !important;
	}
	.page-header-image h2 {
		margin-top: 0px;
	}

	/* #tabItem {
		display: flex;
		width: 100%;
		height: 45px;
		padding: 0 0 0 25px;
		transform: none;
		position: initial;
	} */
	.about-header #tabItem li {
		flex: 1;
	}

	.about-header #tabItem li button {
		padding: 0px;
		left: 50%;
		width: 100%;
		height: 100%;
	}

	.about-content {
		margin-left: 0;
		padding-left: 25px;
		height: initial;
	}

	.about-content .introduction {
		padding: 20px 20px 0 20px;
		width: 95%;
		position: initial;


	}

	.about-content .introduction h3 {
		font-size: 16px;
		padding: 0;
	}

	.about-content .introduction img {
		width: 100%;
		margin: 0;
	}

	.about-content .introduction div {
		width: 100%;
		position: initial;
		margin-top: 10px;
		transform: none;
		padding-bottom: 40px;
	}

	.about-content .introduction div p {
		text-indent: 2em;
		line-height: 16px;
	}

	.about-content .brand {
		margin: 0;

	}

	.about-content .brand h3 {
		padding: 0 0 0 20px;
		font-size: 16px;
		
	}

	.about-content .brand .brand-content {
		position: initial;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 20px;

	}

	.about-content .brand .brand-content div {
		position: initial;
		transform: none;
		width: 90%;
		margin: 0 auto;
	}

	.about-content .brand .brand-content div p {
		line-height: 16px;
	}

	.about-content .honor h3 {
		padding: 0;
		font-size: 16px;
		padding-left: 25px;
	}

	.about-content .honor .honor-content {
		position: initial;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 20px;
		height: initial;
		padding-bottom: 20px;
	}

	.about-content .honor .honor-content ul {
		position: initial;
		transform: none;
		width: 100%;
		margin: 0 auto;
		padding: 0px;
		padding-bottom: 50px;
	}

	.about-content #pages .pages_ul ._page_container li {
		width: 127px;
		height: 45px;
		text-align: center;
		line-height: 45px;
		color: #fff;
		margin: 10px;
		border-radius: 5px;
		background-color: #dddddd;
		cursor: pointer;
	}

	.about-content #pages {
		bottom: 0px;
		width: 100%;
		padding-left: 25px;
	}

	.about-content #pages .pages_ul ._page_container ._pages_1 {
		/* height: 65px; */
		width: 100%;
	}

	._page_container ._pages li:first-child,
	._page_container ._pages li:last-child {
		font-size: 14px;
	}

	.about-content .honor .honor-content ul li {

		width: 46%;
		margin: 2%;
		padding: 0 0 25px 0;

	}

	.caseList {
		width: initial;
		display: initial;
		border: none;
	}

	.twitter-feed .list-unstyled {
		display: initial;
		justify-content: initial;
	}

	.widget-content {
		text-align: initial;
		margin-bottom: 0;
	}

	footer .footer-widget .twitter-feed ul li {
		color: #969595;
		padding: 1px 0;
		text-align: left;
	}

	#footerRow {
		height: initial;
	}

	/* .intro #tabItem {
		height: 45px;
	} */


	.intro #tabItem li button {
		padding: 0;
		margin: auto;
		font-size: 10px;
		width: 100%;
		height: 100%;
	}



	.about .aboutUs p {
		font-size: 14px;
		top: 10%;
	}

	.newsList {
		display: block;
		height: 530px;
		padding-left: 25px;
		margin-top: 60px;
	}

	.news .newsBox {
		position: relative;
		height: 400px;
	}

	.newsList .font {
		position: initial;
		height: 50%;
		padding-left: 25px;
		padding-top: 5%;
	}

	.newsList .font:last-child {
		padding-top: 10px;
		margin-bottom: 50px;
	}

	.newsList .font ul {
		/* top: 0; */
		padding: 0;
		position: initial;
		transform: initial;
		display: flex;
		flex-direction: column;
	}

	.newsList .font li {
		margin-bottom: 0;
		width: auto;
		height: 40px;
		line-height: 40px;
	}

	.newsList .font li .img {
		top: 16px;
	}

	.year {
		display: none;
	}

	.project-content {
		position: relative;
		padding-left: 25px;
		padding-top: 10px;
		padding-bottom: 25px;
		
	}

	.project-content .nepsList {
		margin: 0;
		width: 100%;
		padding-left: 0;
	}

	.project-content .goodsList {
		padding: 0;
		list-style: none;
		width: 90%;
		position: relative;
		 transform: translateX(-50%);
		left: 50%; 
		margin: auto;
		display: inline-block;

	}
	.project-content .goodsList li{
		float: left;
	}

	.project-content .nepsList .lists {
		width: 100%;
		margin: 0;
		margin-bottom: 5px;
		height: 200px;
	}

	.project-content .goodsList li {
		width: 46.7%;
		background-color: #fff;
		margin:  5px;
		padding: 20px 40px 40px 40px;
		position: relative;
		float: left;
		overflow: hidden;
		

	}
.project-content .goodsList li:nth-child(2) {
    margin: 5px 5px;
}

	.project-content .goodsList li img {
		width: 100%;
		height: 200px;
		max-width: 108px;
		max-height: 118px;
		min-width: 108px;
		min-height: 118px;
	}

	.contact-content {
		margin: 0;
		padding-left: 25px;
		padding-bottom: 45px;
	}

	.contact-content .manner {
		padding: 0;
		width: 100%;

	}

	.contact-content .manner h3:nth-child(1) {
		padding-left: 20px;
		padding-top: 25px;
	}

	.contact-content .manner h3 {
		padding-left: 20px;
	}

	.contact-content .manner .manner-content {
		background-color: rgba(0, 0, 0, 0);
		padding-left: 20px;
		display: initial;
	}

	.contact-content .manner .manner-content p {
		font-size: 15px;
	}

	.contact-content .manner .manner-content h4 {
		font-size: 20px;
	}

	.contact-content .manner .manner-content .address {
		padding-left: 45px;
		width: 80%;
	}

	.contact-content .manner .manner-content #map {
		width: 90%;
		margin: 0 auto;
	}

	.contact-content .manner .manner-content #map div {
		overflow: visible;
		position: absolute;
		z-index: 0;
		left: -125px;
		top: 12px;
		cursor: url("https://api.map.baidu.com/images/openhand.cur") 8 8, default;
		transform-origin: 268.232px 117.379px;
	}

	.contact-content .leave-word {
		padding: 0;
		padding-left: 20px;
		padding-right: 20px;
		position: initial;
	}

	.contact-content .leave-word .formBtn {
		position: initial;
		transform: none;
		margin-top: 41px;
		display: flex;
	}

	.contact-content .leave-word .formBtn .btn {
		width: 100px;
		height: 35px;
		flex: 1;
		margin: 0 40px 0 40px;
	}

	.contact-content .leave-word h3:nth-child(1) {
		margin-top: 30px;
	}

	/* .project-header #tabItem {
		padding-left: 0;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	} */


	.about h2 {
		font-size: 10px;
		margin: 0 0 10px 35px;
		position: absolute;
		z-index: 99;
	}

	.about .aboutUs {
		width: 100%;
		top: 8%;
		height: initial;
		left: 0;
		padding-bottom: 50px;
		position: initial;
		padding-left: 25px;
	}

	.about .aboutUs p {
		width: 80%;
		font-size: 18px;
		/* text-indent: 2em; */
		padding-left: 15px;
		position: initial;
		height: initial;
		transform: none;
		left: 0;
		margin: auto;
		font-size: 13px;
		
	}

	.knowMore {
		text-align: center;
		padding: 5px 15px;
		border: none;
		border-radius: 5px;
		background-image: linear-gradient(to right, #1A50A3, #05A4E4);
		color: #FFFFFF;
		position: initial;
		font-size: 16px;
		margin-left: 14%;
		text-decoration: none;
		margin-top: 6%;
		/* top: 18px; */
		display: block;
		width: 150px;
	}

	/*新闻资讯*/
	.blog-contents {
		background-color: #f8f6f7;
	}

	.bofs {
		padding-left: 25px;
		padding-top: 20px;
		margin-bottom: 0;
	}

	.bofs .bofsted {
		width: 90%;
		margin: auto;
		padding: 0;
	}

	.bofs .bofsted h2 {
		font-size: 18px;
	}

	.bofs .bofsted .bofsted-top .newsTime {
		font-size: 13px;
		color: #a9a9;
	}

	.bofs .bofsted .testwb {
		margin-top: 0px;
		padding: 0;
	}

	.bofs .bofsted .testwb p {
		width: 100%;
		color: #000;
	}

	.bofs .bofsted .testwb p img {
		width: 100%;
	}

	.bofs .bofsted .bofsted-top .bofsend {
		margin-top: 0px;
	}

	.listnnt {
		/* height: 100px; */
		/* padding-left: 20%; */
		padding-left: 25px;
		/* float: left; */
		display: flex;
		justify-content: center;
	}

	.listnnt button {
		width: 77px;
		height: 35px;
		line-height: 35px;
		color: white;
		background-color: #dddddd;
		border-radius: 5px;
		border: none;
		margin-left: 10px;
		margin-right: 10px;
		transition: all 0.6s;
		margin-bottom: 50px;
		margin-top: 21px;
		font-size: 12px;
	}

	.llop {
		bottom: -40px;
		left: -5%;
	}

	.llop .lloplist button {
		padding: 10px 37px;
		width: auto;
	}

	.tabItem {
		flex-wrap: wrap;
		width: 100%;
		left: 56% !important;
		background-color: #fff;
	}

	.tabItem button {
		padding: 10px 26px !important
	}

	.contact-tab {
		width: 100% !important;
	}

	.contact-tab li {
		width: 34% !important;
	}

	.contact-tab li button {
		width: 100% !important;
		padding: 10px 0 !important;
	}

	.about-tab {
		width: 100% !important;
	}

	.about-tab li {
		width: 34% !important;
	}

	.about-tab li button {
		width: 100% !important;
		padding: 10px 0 !important;
	}
	
}


@media only screen and (max-width: 400px) {
	.about {
		height: 537px;
		padding-top: 55px;
	}
	body {
		margin: 0;
	}

	.certification {
		padding: 0 6%;
	}

	#itemList {
		margin: 80px 2% 0px;
	}

	.latest-work .portfolio-work .controls button {
		padding: 7px 3px;
	}

	.sidebar {
		width: 25px;
	}

	.sidebar img {
		width: 20px;
	}

	.project {
		margin: 0;
	}

	.project .line {
		display: none;
	}



	.project h2 {
		position: initial;
		margin: 11px 0px 11px 6px;
		float: left;
		width: 60px;

		overflow: hidden;
		font-size: 14px;
		line-height: 14px;

	}

	.project .tabBar {
		display: flex;
		position: initial;
		margin-bottom: 10px;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		padding-left: 25px;
		height: initial;
		transform: none;
	}

	.project .tabBar li {
		width: 74px;
		margin: 2px;

	}

	.project .tabBar li button {
		width: 100%;
		font-size: 10px;
	}

	.project .goodsList {
		position: initial;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		padding-left: 25px;
		top: 24%;
		transform: none;
	}

	.project .goodsList li {

		width: 150px;
		height: 200px;
		margin-bottom: 10px;
		position: relative;
	}

	.project .goodsList li img {
		width: 120px;
		height: 150px;
		transform: none;
		position: initial;
	}

	.project .showMore {
		bottom: 2%;
	}

	.project {
		height: initial;
		padding-bottom: 75px;
	}

	.line {
		display: none;
	}

	.aboutUs .showMore {
		bottom: 4%;
	}

	.footer {
		background-color: #333;
	}

	.row .col-md-3 .callUs {
		margin-top: 40px;
		margin-left: 10px;
	}





	.main-slider .carousel-inner .item figure img {
		width: 100%;
		max-height: 199px;
	}

	#footerRow {
		display: none;
	}

	.flickr-stream {
		margin-left: 25px;
	}

	.main-slider .carousel-inner .item figure img {
		width: 100%;
		max-height: 199px;
	}

	.project-content .goodsList li img {
		width: 100%;
		height: 175px;
	}

	.main-slider .carousel-inner .item figure img {
		height: initial;
		max-height: 189px;
	}

}