.solution{padding: 3% 0 0 0;}
.solution .nav-tabs{border-bottom: 0;}
.solution .nav-tabs li{margin-bottom: 0; margin-right: 20px;}
.solution .nav-tabs>li.active>a,
.solution .nav-tabs>li.active>a:focus,
.solution .nav-tabs>li.active>a:hover{border: 0; border-radius: 0; background: #323437; color: #fff;}
.solution .nav-tabs>li>a,
.solution .nav-tabs>li>a:focus,
.solution .nav-tabs>li>a:hover{border-radius: 0; border: 0; font-size: 1.5rem; padding: 10px 30px; color: #555;}
.solution .nav-tabs>li>a{transition:all 0.5s;}
.solution .nav-tabs>li>a:hover{background: #323437; color: #fff;}
.solution-main{padding-top: 3%;}
.tab-pane .col-lg-4{padding-left: 5%;}
.tab-pane .col-lg-4 li.img1{margin-top: 4%; margin-bottom: 8%;}
.tab-pane .col-lg-4 p{font-size: 1.4rem; color: #888; line-height: 2.4rem; text-indent: 2rem; margin-bottom: 4%;}
.tab-pane .col-lg-4 li.img2{margin-top: 8%;}
.tab-pane .col-lg-4 li.img2 img{margin-right: 30px;}
.tab-pane .col-lg-6{padding: 0;}
#solutionThere .col-lg-4,#solutionFour .col-lg-4{margin-top: 0rem;}
.open{background: #f4f4f4; padding:8rem 0; overflow: auto;}
.open .col-lg-12{margin-bottom: 7rem;}
.open .col-lg-12 h3{font-size: 3rem; color: #555; margin-bottom: 1rem;}
.open .col-lg-12 li{font-size: 1.6rem;color: #999;}
.open .col-lg-2{}
.open .col-lg-2 img{display: inline-block; margin-bottom: 1.5rem;}
.open .col-lg-2 li{font-size: 1.6rem;color: #666;}
.open .col-lg-3 img{display: inline-block; margin-bottom: 1.5rem;}
.open .col-lg-3 li{font-size: 1.6rem;color: #666;}

/*about*/
.about{padding:5rem 0;}
.about .col-lg-12{margin-bottom: 4rem;}
.about .col-lg-12 h3{font-size: 3rem; color: #555; margin-bottom: 1rem;}
.about .col-lg-12 li{font-size: 1.6rem;color: #999;}
.about-top-left{margin: 4rem 0;}
.about-top-left p{font-size: 1.4rem; color: #999; line-height: 2.4rem; margin-bottom: 3rem; text-align: left; text-indent: 2rem;}
.about-main{background: #f4f4f4;}
.about-main .col-lg-3{}
.about-main .col-lg-3 img{margin-bottom: 2rem;}
.about-main .col-lg-3 li{margin-bottom: 2rem;font-size: 1.8rem; color: #666;}
.about-main .col-lg-3 p{font-size: 1.4rem; color: #999; line-height: 2.4rem; width: 90%; margin: 0 auto;}
.about-foot{padding-bottom: 5%;}
.about-foot .col-lg-2{padding: 0;}
.about-foot .col-lg-2 img{width: 100%; max-width: 100%;}
.about-staff{z-index: 20; position: absolute; top: 20%; left: 8%; right: 0; bottom: 12%; text-align: left;opacity: 0;cursor:pointer; -webkit-transition: all ease-out 250ms; transition: all ease-out 250ms;}
.about-staff li{font-size: 2.4rem; color: #333;}
.about-staff p{position: absolute; bottom: 0;font-size: 1.6rem; color: #333;}
.about-staff p:before{content:"";display: inline-block; height: 1px; width: 20%; background: #000; position:absolute; top: -8px; left: 0;}
.about-foot .overlay{background-color: #fff;}
.about-foot .col-lg-2:hover .about-staff{opacity:1;}
.about-foot .col-lg-2:hover .overlay{ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: alpha(opacity=70); opacity: 0.7;}
/*news*/
.news-top{padding-bottom: 4rem;}
.news-top-title{margin: 60px 0;}
.news-top-title a{display: inline-block; padding: 10px 3rem; font-size: 1.6rem; margin-right: 2rem; -webkit-transition: all ease-out 250ms;transition: all ease-out 250ms;}
.news-top-title a:hover,.news-top-title a.active{background: #333438; border-color: #333438; color: #ccc;}
.news-top-left{padding-right: 6rem;}
.news-top-left li{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: -1px; padding-top: 6rem; padding-bottom: 6rem;}
.news-top-left li div.news-main{text-align: left; position: relative; padding-left: 9rem;}
.news-top-left li div.news-main h3{margin-bottom: 1rem;}
.news-top-left li div.news-main h3 a{font-size: 2rem; color: #333;}
.news-top-left li div.news-main span{display: inline-block; margin-right: 1rem;font-size: 1.4rem; color: #999;}
.news-top-left li div.news-main p{margin: 3rem 0; font-size: 1.6rem; color: #999; line-height: 2.4rem; text-indent: 2em;}
.news-top-left li div.news-main a.news-main-a{display: inline-block; padding: 10px 4rem; font-size: 1.6rem; border: 2px solid #666; color: #666;}
.news-top-left li div.news-main i{position: absolute; left: 0; top: 0; width: 68px; height: 68px; background: url(../images/news-icon.jpg) no-repeat; background-position: 0 -68px; -webkit-transition: all ease-out 250ms;transition: all ease-out 250ms;}
.news-top-left li:hover div.news-main i{background-position: 0 0;}
.news-top-left li:hover div.news-main a.news-main-a{border-color: #0b71d8; color: #0b71d8;}
.news-top-right{text-align: center;}
.news-top-right li{margin-bottom: 2rem;}
.news-top-right img{}
.news-paging{margin: 4rem 0; text-align: center;}
.news-paging ul.pagination li a{padding:15px 20px;margin: 0 4px; color: #333; font-size: 1.6rem;}
.news-paging ul.pagination li.active a,.news-page ul.pagination li:hover a{background:#333; color: #ccc; border-color: #333;}
.news-page,.contact,.case-page{background: #f4f4f4; padding-bottom: 4rem;}
.news-page .col-lg-12{background: #fff;}
.news-page .news-page-top{padding-top: 6rem; padding-bottom: 6rem; margin-top: -5rem; margin-bottom: 3rem;}
.news-page .news-page-top li{font-size: 3rem; color: #333; margin-bottom: 1rem;}
.news-page .news-page-top span{display: inline-block; margin-right: 1rem;font-size: 1.4rem; color: #999;}
.news-page .news-page-main{margin-bottom: 3rem; padding: 4rem;font-size: 1.6rem;}
.news-page .news-page-main p,.news-page .news-page-main li{ text-align:left}
.news-page .news-page-main h2{text-align:left; font-size:2.4rem; margin-bottom:12px;}
.news-page .news-page-main pre{ text-align:left;background: #23241f;}
.news-page .news-page-main pre .hljs{background: #23241f;color: #f8f8f2;}
.hljs-comment{color: #75715e;}
.hljs-keyword{color: #f92672;}
.hljs-string{color: #e6db74;}
.news-page .news-page-footer{padding: 4rem;}
.news-page .news-page-footer li{margin-bottom: 1rem;font-size: 1.8rem; color: #333;}
.news-page .news-page-footer a{font-size: 1.6rem; color: #333;}
.news-page .news-page-footer a:hover{color: #0b71d8;}
/*contact*/
.contact .col-lg-12{background: #fff;}
.contact-top{padding-top: 3rem; padding-bottom: 3rem; margin-top: -5rem; margin-bottom: 3rem;}
.contact-top .col-lg-4{padding: 0 6rem;min-height: 156px;}
.contact-top .col-lg-4:nth-child(2):before{content:"";display: inline-block; height: 156px; width: 1px; background: #ccc; position:absolute; top: 0; left: 0;}
.contact-top .col-lg-4:nth-child(2):after{content:"";display: inline-block; height: 156px; width: 1px; background: #ccc; position:absolute; top: 0; right: 0;}

.contact-top .col-lg-4:nth-child(1){line-height: 156px;}
.contact-top .col-lg-4:nth-child(3) .col-lg-6:nth-child(1){margin-top: 4rem;}
.contact-top .col-lg-4:nth-child(3) .col-lg-6:nth-child(1) li{font-size: 1.6rem; color: #333; margin-bottom: 1rem;}
.contact-top .col-lg-4:nth-child(3) .col-lg-6:nth-child(1) span{font-size: 1.4rem; color: #666;}
.contact-top .col-lg-4:nth-child(3) .col-lg-6:nth-child(2){line-height: 156px;}
.contact-top .footer-main{margin: 0; padding: 0;}
.contact-top .footer-main h3{margin-bottom: 1.5rem;}
.contact-top .footer-main li{height: 2rem;line-height: 2rem; color: #666; background: url(../images/contact-icon.jpg) no-repeat left center; padding-left: 25px;}
.contact-top .footer-main li:nth-child(2){background-position: 0px -2px;}
.contact-top .footer-main li:nth-child(3){background-position: 0px -30px;}
.contact-top .footer-main li:nth-child(4){background-position: 0px -86px;}
.contact-top .footer-main li:nth-child(5){background-position: 0px -115px;}
.contact-top .footer-main li:nth-child(6){background-position: 0px -115px;}
#map{padding: 3rem;}
#map img{max-width: none;}
/*section*/
.section1{background: -webkit-linear-gradient(#92fe9d,#01c9ff); background: -o-linear-gradient(#92fe9d,#01c9ff); background: -moz-linear-gradient(#92fe9d,#01c9ff); background: linear-gradient(#92fe9d,#01c9ff);}
.section2{background: -webkit-linear-gradient(#bfe9ff,#ff6c7d); background: -o-linear-gradient(#bfe9ff,#ff6c7d); background: -moz-linear-gradient(#bfe9ff,#ff6c7d); background: linear-gradient(#bfe9ff,#ff6c7d);}
.section3{background: -webkit-linear-gradient(#e7fcc9,#e7df6f); background: -o-linear-gradient(#e7fcc9,#e7df6f); background: -moz-linear-gradient(#e7fcc9,#e7df6f); background: linear-gradient(#e7fcc9,#e7df6f);}
.section4{background: -webkit-linear-gradient(#ffe0b2,#d6ae7b); background: -o-linear-gradient(#ffe0b2,#d6ae7b); background: -moz-linear-gradient(#ffe0b2,#d6ae7b); background: linear-gradient(#ffe0b2,#d6ae7b);}
.section .text-left{padding-left: 10%;}
.section .text-left li{font-size: 4rem; margin-bottom: 1.5rem;color: #333;}
.section .text-left p{color: #666; font-size: 1.4rem; line-height: 2rem;margin-bottom: 1.5rem;}
.section .text-left a{display: inline-block; padding: 0.8rem 3rem; border: 2px solid #333; font-size: 1.6rem; color: #333;}
.section .text-left a:hover{background: #333; color: #fff; border-color: #333;}
/*case-page*/
.case-page .col-lg-12{background: #fff;}
.case-page .case-page-top{padding: 4rem 20%;margin-top: -5rem; margin-bottom: 3rem;}
.case-page .case-page-top h3{font-size: 3rem; margin-bottom: 1.5rem;color: #333;}
.case-page .case-page-top li{font-size: 1.6rem; margin-bottom: 1.5rem;color: #666;}
.case-page .case-page-top a{margin-bottom: 1.5rem; display: block;}
.case-page .case-page-top a img{-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.case-page .case-page-top a:hover img{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.case-page .case-page-top p{font-size: 1.4rem; margin-bottom: 1.5rem;color: #999; line-height: 2rem; text-align: left;}
.case-page .case-page-main{padding: 4rem;}
.case-page .case-page-foot{margin-top: 3rem;}
.case-page .case-page-foot .col-lg-6 a{display: inline-block; padding: 0.8rem 4rem; border: 2px solid #333; font-size: 1.6rem; color: #333;}
.case-page .case-page-foot .col-lg-6:nth-child(1) a,.case-page .case-page-foot .col-lg-6:nth-child(2) a:hover{border-color: #0a70d8; color: #0a70d8;background: #fff;}
.case-page .case-page-foot .col-lg-6:nth-child(2) a,.case-page .case-page-foot .col-lg-6:nth-child(1) a:hover{border-color: #0a70d8; color: #fff; background: #0a70d8;}


@media (max-width: 1400px){
	.tab-pane .col-lg-4{ padding-left: 15px;}
}
@media (max-width: 1200px){
	/*解决方案*/
	.tab-pane .col-lg-4{ padding-left: 5%;}
	.tab-pane .col-lg-4 li.img1{ margin:0; margin-bottom: 1rem;}
	.tab-pane .col-lg-4 p{ margin-bottom: 10px;}
	.tab-pane .col-lg-4 li.img2{margin-top: 1.5rem;}
	#solutionThere .col-lg-4, #solutionFour .col-lg-4{ margin-top: 4rem;}
	#solutionThere .col-lg-6 img, #solutionFour .col-lg-6 img{ width: 80%;}
	.tab-pane .col-lg-4 li.img1 img{ width: 80%;}

	.open{ padding: 4rem 0;}
	.open .col-lg-12{ margin-bottom: 2rem;}
	.open .col-lg-2{ margin-bottom: 1.5rem;}
	.open .col-lg-3{ margin-bottom: 1.5rem;}
	.open .col-lg-2 img{ margin-bottom: 0;}
	.open .col-lg-3 img{ margin-bottom: 0;}
	
	.tocetcp .col-lg-3 li{ max-height: 24px; overflow: hidden;}

	/*关于我们*/
	.about{ padding: 3rem 0;}
	.about .col-lg-12{ margin-bottom: 2rem;}
	.about-top-left{ margin: 2rem 0;}
	.about-top-left p{ margin-bottom: 1.5rem;}

	/*动态*/
	.news-top-left{ padding-right: 3rem;}
	.news-top-title{ margin: 3rem 0;}
	.news-top-left li{ padding: 3rem 0;}
	.news-top-left li div.news-main{ padding-left: 7rem;}
	.news-top-left li div.news-main p{ margin: 1.5rem 0;}


	.contact-top .col-lg-4{ padding: 0 15px;}


	.case-page .case-page-top{ padding: 3rem;}

}
@media (max-width: 970px){

	.tab-pane .col-lg-4{ padding-left: 8%;}
	.tab-pane .col-lg-4 p{ margin-bottom: 10px; line-height: 2rem;}
	#solutionThere .col-lg-4, #solutionFour .col-lg-4{ margin-top: 1rem;}
	.tocetcp .col-lg-3{ margin-bottom: 2rem;}
	.tocetcp .col-lg-3 .tocetcp-box img{ width: 100%;}


	.news-top-right{ display: none;}

	/*联系我们*/
	.contact-top .footer-main h3{ font-size: 1.6rem; margin-bottom: 1rem ;}
	.contact-top .footer-main li{ height: auto;}
	.contact-top .col-lg-4:nth-child(2):before{height: 100%; }
	.contact-top .col-lg-4:nth-child(2):after{height: 100%; }

}

@media (max-width: 767px){

	.solution-main{ margin-top: 2rem; padding-bottom: 3rem;}
	.solution .nav-tabs{ padding-left: 15px;}
	.tab-pane .col-lg-4 li.img2 img{ margin-right: 1.5rem;}
	.tab-pane .col-lg-6 img{ display: none;}
	.tab-pane .col-lg-4 li.img1 img{ width: 60%;}
	.solution .nav-tabs li{ margin-right: 5px;}
	.solution .nav-tabs>li>a,
	.solution .nav-tabs>li>a:focus,
	.solution .nav-tabs>li>a:hover{font-size: 1.4rem; padding: 8px;}
	.open,.tocetcp{ padding: 2rem 0;}
	.open .col-lg-12 h3,.tocetcp .col-lg-12 h3{ font-size: 1.8rem;}
	.open .col-lg-12 li,.tocetcp .col-lg-12 li{ font-size: 1.4rem;}
	.open .col-lg-2 img{ width: 60%; margin-bottom: 1rem;}
	.open .col-lg-2 li{ font-size: 1.4rem;}
	.open .col-lg-3 img{ width: 60%; margin-bottom: 1rem;}
	.open .col-lg-3 li{ font-size: 1.4rem;}
	
	.tocetcp .col-lg-12{ margin-bottom: 2rem;}
	.tocetcp .col-lg-3 li{ font-size: 1.6rem;}
	.tocetcp .overlay{ left: 0; right: 0;}
	.tocetcp .col-lg-3 .tocetcp-box{ margin-bottom: 1.5rem;}
	.tocetcp .col-lg-3 p{ line-height: 2rem; margin-bottom: 1rem;}

	/*优势*/
	.section .text-left li{font-size:2rem; margin-bottom: 1rem;}
	.section .text-left p{ font-size: 1.2rem;}
	.section .text-left a{ font-size: 1.4rem; padding: 6px 3rem;}

	/*关于我们*/
	.about{ padding: 1.5rem 0;}
	.about .col-lg-12{ margin-bottom: 1rem;}
	.about .col-lg-12 h3{ font-size: 2rem;}
	.about .col-lg-12 li{ font-size: 1.4rem;}
	.about-top-left{ margin: 1rem 0;}
	.about-top-left p{ margin-bottom: 1rem; font-size: 1.2rem; line-height: 2rem;}
	.about-main .col-lg-3 img{ margin-bottom: 1rem;}
	.about-main .col-lg-3 li{ margin-bottom: 1rem; font-size: 1.6rem;}
	.about-main .col-lg-3 p{ line-height: 2rem; font-size: 1.2rem;}
	.about-foot .overlay{ left: 0; right: 0;}

	/*资讯动态*/
	.news-top{ padding-bottom: 0;}
	.news-top-title{margin: 1.5rem 0;}
	.news-top-title a{padding:8px 0.8rem; font-size: 1.4rem; margin-right: 1rem; }
	.news-top-left li div.news-main i{ display: none;}
	.news-top-left{ padding-right: 15px;}
	.news-top-left li{ padding: 1.5rem 0;}
	.news-top-left li div.news-main h3 a{ font-size: 1.8rem;}
	.news-top-left li div.news-main p{ margin: 10px 0; max-height: 48px; overflow: hidden;}
	.news-top-left li div.news-main{ padding-left: 0;}
	.news-top-left li div.news-main a.news-main-a{ border-width: 1px; font-size: 1.4rem; padding: 8px 2rem;}
	.news-paging{ margin: 2rem 0;}
	.news-paging ul.pagination li a{ padding: 8px 15px; margin: 0;}

	/*联系我们*/
	.contact-top .col-lg-4:nth-child(1){ text-align: left;}
	.contact-top .col-lg-4:nth-child(3) .col-lg-6:nth-child(1){ margin-top: 1.5rem;}
	.contact-top{ margin-top: 0; padding-top: 1.5rem;}
	.contact-top .col-lg-4:nth-child(2):before,.contact-top .col-lg-4:nth-child(2):after{width: 0;}

	/*案例内页*/
	.news-page, .contact, .case-page{ padding-left: 15px; padding-right: 15px;}
	.case-page{ padding-bottom: 2rem;}
	.case-page .case-page-top{margin-top: 1rem; padding: 2rem;}
	.case-page .case-page-top h3{ font-size: 2rem; margin-bottom: 1rem;}
	.case-page .case-page-top p{ height: 4rem; overflow: hidden;}
	.case-page .case-page-foot .col-lg-6 a{ padding:0.6rem 20%;}

	/*新闻内页*/
	.news-page .news-page-top{ margin-top: 1.5rem; padding: 2rem; margin-bottom: 1.5rem;}
	.news-page .news-page-top li{ font-size: 1.8rem; max-height: 24px; overflow: hidden;}
	.news-page .news-page-main{ margin-bottom: 1.5rem;}
	.news-page .news-page-footer{ padding: 15px;}
	.news-page .news-page-footer li{ font-size: 1.6rem; margin-bottom: 0.5rem;}
	.news-page .news-page-footer a{ font-size: 1.4rem;}
}