@media only screen and (max-width: 1600px){
	.index-about .iabout-left .iabout-img {padding-left: 28%;}
	.index-case .icase-ri .icase-right-icon {width: 180px; height: 235px;}
	.about-main .w1200 .about-con,.about-main .w1200 .about-title {padding-left: 0;}
	.about-main .w1200 .about-con .about-con-ri {margin-right: 0;}
	.aside-wrap {right: 2%;}
	.case-other .bac-section1 ,.case-other .bac-section2 {width: 12%;}
}

@media only screen and (max-width: 1440px){	
	/*2019/1/28*/
	.p-header {height: 60px;}
	.p-header .logo {padding-top: 10px; width: 160px;}
	.p-header .header-nav ul li a {font-size: 16px; line-height: 60px;}
	.p-header .lanuage {margin-top: 16px;}
	.p-header .lanuage a {height: 26px; line-height: 26px;}
	.index-about {padding: 100px 0 150px 0;}
	.index-about .iabout-left .iabout-leftbac {bottom: -50px;}
	.index-about .iabout-right .iabout-des {padding-top: 40px;}
	.index-about .iabout-right .iabout-des .iabout-con {margin-top: 60px;}
	.index-about .iabout-right .iabout-des .iabout-title h2,.index-profession .iprofession-left .iprofession-des .iprofession-title h2 {font-size: 50px; line-height: 40px;}
	.index-about .iabout-right .iabout-des .iabout-title h4,.index-profession .iprofession-left .iprofession-des .iprofession-title h4,.index-case .icase-ri .icase-title h4 {font-size: 30px; margin-top: 4px;}
	.index-case .icase-ri .icase-title h2 {font-size: 46px; line-height: 42px;}
	.index-news .inews-top .inews-title h4 {font-size: 30px; line-height: 76px; margin-top: -76px;}	
	.index-news .inews-top .inews-title h2 {font-size: 76px; line-height: 76px;}
	.index-news .inews-top .inews-title h4:after {top: 39px;}
	.index-news {margin-top: 70px;}
	.index-news .inews-list {padding-bottom: 90px;}
	.map-site .w1200  {padding: 35px 0 30px 0;}
	.footer_main {height: 56px;}
	.footer_main .footer_l,.footer_main .footer_l a {line-height: 56px;}
	.footer_main .footer_r {padding-top: 18px;}
	
	/*2019/1/28*/
	
	
	.slick-banner a .banner-txt .banner-bac {width: 60%; height: 200px; background-size: cover;}
	.slick-banner a .banner-txt .banner-bac {top: 17%;}
	.slick-banner a .banner-txt {top: 17%;}
	.slick-banner a .banner-txt .w1200 .txt-wrap {padding-top: 60px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h3 {font-size: 48px; line-height: 60px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h1 {font-size: 60px; line-height: 50px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h5 {margin-top: 30px;}
	.slick-banner a .banner-txt .w1200 ul {margin-top: 30px;}
	.index-profession .iprofession-left {padding-left: 12%;}
	.index-case {height: 600px;}
	.index-case .icase-ri .icase-slick-right {margin-top: 60px;}
	
	/*2019/1/28*/
	.aside-wrap .topcontrol {width: 50px; height: 50px; background-size: cover;}
	.map-site .map-site-le {width: 170px;}
	.index-profession .iprofession-left .iprofession-con {margin-top: 60px;}
	.index-profession {padding-bottom: 90px;}
	.iprofession-right .iprofession-rightbac {top: -30px;}
	.iprofession-list ul {padding-top: 10px;}
	.iprofession-right .iprofession-list {padding: 30px 36% 10px 30px;}
	.iprofession-list .iprofession-list-bac {bottom: 20px;}
	.iprofession-list ul li {height: 44px; margin-bottom: 32px;}
	.iprofession-list ul li a i {width: 54px; height: 100%;}
	.iprofession-list ul li a .iprofession-txt h3 {font-size: 24px;line-height: 20px;}
	.index-case .icase-ri .icase-right-icon {width: 120px; height: 160px;}
	.icase-slick1 .slick-dots {bottom: 20px;}
	
	/*about*/
	.about-banner {height: 300px; background-size: cover!important; padding-top: 50px;}
	.about-banner .w1200 .ab-banner-des {margin-top: 30px;}
	.about-banner .w1200 .ab-banner-des h1 {font-size: 38px; line-height: 38px;}
	.about-banner .w1200 .ab-banner-des h6 {font-size: 24px; line-height: 36px; margin-top: 0px;}
	.about-main .w1200 .about-title h2,.about-his-title h2,.about-honer .about-honer-top .honer-title h2 {font-size: 50px; line-height: 44px;}
	.about-main .w1200 .about-title h4,.about-his-title h4, .about-honer .about-honer-top .honer-title h4 {font-size: 30px; margin-top: 0;}
	.about-main {padding-top: 70px; padding-bottom: 110px;}
	.about-main .w1200 .about-con {margin-top: 40px;}
	.about-honer .about-honer-top {height: 360px;}
	.slider-for .slick-slide h3 span img {max-height: 360px; max-width: 80%;}
	.about-honer {padding: 60px 0 70px;}
	.about-honer .about-honer-top .honer-title {padding-top: 110px;}
	.about-honer .about-honer-top .honer-title i {margin-top: 30px;}
	
	/*professonal*/
	.pd-title h2 {font-size: 50px; line-height: 50px;}
	.pd-title h4 {font-size: 30px; line-height: 38px;}
	.pd-main {margin-bottom: 120px; margin-top: 40px;}
	
	/*case*/
	.case-main {padding: 40px 0 90px}
	.case-item {margin-top: 50px;}
	.case-item .case-right .case-title h1 {font-size: 46px; line-height: 50px;}
	.case-item .case-right .case-title h3 {font-size: 20px; line-height: 28px;}
	
	.case-btn {margin-top: 60px;}
	.case-btn a {width: 450px;padding-left: 35px;}
	.case-btn a .case-btn-mid {padding-top: 10px; }
	.case-btn a .case-btn-mid h1 {font-size: 30px; line-height: 30px;}
	.case-btn a .case-btn-mid h3 {font-size: 20px; line-height: 25px;}
	.case-btn a .case-btn-le {width: 50px;}
	.case-btn a .case-btn-ri {width: 60px; height: 60px; margin-top: 8px;}
	.case-item .case-right .case-icon {width: 180px; height: auto;}
	
	/*csd*/
	.case-detail-banner {height: 400px;}
	.cd-banner-txt .cd-banner-title h1 {font-size: 44px; line-height: 46px;}
	.cd-banner-txt .cd-banner-title h3 {font-size: 26px; line-height: 30px; margin-top: 0;}
	.cd-banner-txt .cd-banner-btn {margin-top: 42px;}
	.case-detail .w1200 {margin-top: -150px;}
	.case-detail .w1200 .cd-nav {padding-bottom: 30px;}
	.case-detail .w1200 .cd-nav .cd-nav-img {margin-top: 40px;}
	.cd-main .cd-main-top .cd-main-topleft h1 {font-size: 30px; line-height: 30px; padding-bottom: 14px;}
	.cd-main .cd-main-top .cd-main-topright {padding-top: 80px;}
	.cd-main .cd-main-top .cd-main-topleft .cd-main-btn a {height: 44px; line-height: 44px; font-size: 15px; width: 136px;}
	.cd-main .cd-main-top .cd-main-topright ul li {line-height: 28px;}
	.cd-main .cd-main-top .cd-main-topleft .txt1 {line-height: 24px;}
	.cd-main-features .cd-features-title h1 {font-size: 46px; line-height: 48px;}
	.cd-main-features .cd-features-title h3 {font-size: 26px; line-height: 30px;}
	.cd-main-features ul {margin-top: 40px;}
	.cd-main-features ul li .feature-img {width: 70px;}
	.cd-main-features ul li {height: 210px; padding-top: 30px;}
	.case-detail {padding-bottom: 120px;}
	.case-other .case-other-title h2 {font-size: 46px; line-height: 48px;}
	.case-other .case-other-title h4 {font-size: 26px; line-height: 30px;}
	.case-other .w1200 {padding-left: 54px;}
	.cd-main .cs-slick .slick-prev, .cd-main .cs-slick .slick-next,.case-other-slick .slick-prev, .case-other-slick .slick-next {width: 54px; height: 54px;}
	.cd-main .cs-slick .slick-prev {right: 54px;}
	.case-other-slick .slick-next {left: 0;}
	.case-other-slick .slick-prev {left: -54px;}
	.case-other-list .case-other-slick {padding-bottom: 90px;}
	.case-other-list .case-other-slick a h3 {height: 50px; line-height: 50px; font-size: 16px;}
	.case-other {margin-bottom: 90px;}
	
	/*news*/
	.news-hd {margin-top: 20px;}
	.news-hd li {width: 160px; height: 48px; line-height: 48px;}
	.news-hd li a {font-size: 20px;}
	.news-btn {padding-bottom: 90px;}
	
	/*contact*/
	.contact-main .contact-list {margin-top: 50px;}
	.contact-main .contact-list .contact-item:before {width: 34px; height: 42px; background-size: cover;}
	.contact-main .contact-list .contact-item strong {font-size: 22px; line-height: 20px;}
	.contact-main .contact-list .contact-item {margin-bottom: 28px; padding-left: 48px;}
	.contact-main .contact-list .contact-item.contact-email {margin-bottom: 0;}
	.contact-main .contact-right {padding: 30px 0 0 48px;}
	
	/*panel*/
	.panel-title h1 {font-size: 42px; line-height: 46px;}
	.panel2-list ul li {font-size: 14px; line-height: 22px;}
	
	/*2019/1/28*/
	.index-case .icase-ri{padding-top: 80px; padding-left: 50px;}
	.index-news .inews-top .inews-title h4:after,.index-case .icase-ri .icase-title h4:after,
	.index-profession .iprofession-left .iprofession-des .iprofession-title h4:after,
	.index-about .iabout-right .iabout-des .iabout-title h4:after {width: 50px; left: -60px;}
	.case-other .bac-section1 {width: 7.9%; top:-54px}
	.case-other .bac-section2 {width: 7.9%; height: 54px;}
	
}

@media only screen and (max-width: 1366px){	
	.slick-banner a .banner-txt .banner-bac {height: 120px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap {padding-top: 50px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h1 {font-size: 50px; line-height: 50px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h5 {margin-top: 10px;}
	.slick-banner a .banner-txt .w1200 ul {margin-top: 30px;}
	.index-about {width: 1200px; margin: 0 auto;}
 	.index-about .iabout-left .iabout-img {padding-left: 18%;}
 	.index-about .iabout-right .iabout-des {padding-left: 20%;}
 	.index-news .inews-top .inews-title h4:after {display: none;}
 	.index-profession .iprofession-left {padding-left: 10%;}
 	.index-about .iabout-right .iabout-des .iabout-con {padding-right: 10%;}
 	.index-about .iabout-right .iabout-des {padding-top: 50px;padding-left: 20%;}
 	.index-case {height: 566px;}
 	.index-case .icase-ri .icase-slick-right {margin-top: 40px;}
 	.case-other .bac-section1,.case-other .bac-section2  {width: 5.9%;}
}

@media only screen and (max-width: 1280px){
	.about-banner .w1200 .ab-banner-tip h2:after {left: -20px; width: 120px;}
	.slick-banner a .banner-txt .banner-bac {top: 20%;}
	.slick-banner a .banner-txt {top: 20%;}
	.slick-banner a .banner-txt .banner-bac { height: 100px; }
	.slick-banner a .banner-txt .w1200 .txt-wrap {padding-top: 50px;}
	
	.icase-slick-right .icase-slick2 {width: 420px;}
	.index-case {height: 530px;}
	.case-other .bac-section1, .case-other .bac-section2 {width: 3%;}
}

@media only screen and (max-width: 1024px){
	.slick-banner a .banner-txt .banner-bac {top: 14%;}
	.iprofession-right .iprofession-rightbac {top: -12px;}
	.slick-banner a .banner-txt {top: 14%;}
	.slick-banner a .banner-txt .w1200 .txt-wrap {padding-top: 30px;}
	.w1200 {width: 100%!important; padding: 0 4%;}
	.p-header .header-nav ul li {margin-right: 24px;}
	.index-about {width: 100%; padding: 140px 0 180px 0;}
	.index-about .iabout-right {padding-right: 4%;}
	.index-about .iabout-left .iabout-img {padding-left: 8%;}
	.index-about .iabout-right .iabout-des {padding-left: 15%; }
	.index-about .iabout-right .iabout-des .iabout-con {padding-right: 0;}
	.index-profession {width: 100%;}
	.index-profession .iprofession-left {padding-left: 4%;}
	
	.index-news .inews-top .inews-title h4:after,
	.index-case .icase-ri .icase-title h4:after,
	.index-profession .iprofession-left .iprofession-des .iprofession-title h4:after,
	.index-about .iabout-right .iabout-des .iabout-title h4:after {display: none;}
	.iprofession-right .iprofession-list {padding: 40px 70px 0 30px; overflow: hidden;}
	.iprofession-list ul {padding-top: 0;}
	.index-case .icase-ri .icase-right-icon {width: 80px; height: 80px;}
	
	.index-profession {padding-bottom: 100px;}
	
	.map-site .map-site-ri dl {margin-right: 30px;}
	.map-site .w1200 {padding: 60px 4%;}
	
	.professonal-panel-item .w1200 {width: 85%!important; padding: 70px;}
	.panel-title h1 {font-size: 46px; line-height: 50px;}
	.panel2-list ul li {width: 48%; margin-right: 4%; margin-bottom: 4%; height: auto;}
	.panel2-list ul li dl {margin-bottom: 20px;}
	.panel2-list ul li dl:last-child {margin-bottom: 0;}
	.panel2-list ul li dl dt, .panel2-list ul li dl dd {font-size: 14px; line-height: 20px;}
	.panel5-main .panel5-img {width: 100%; height: auto;}
	.panel1-img-list ul li {width: 22%; margin-right: 4%;}
	
	.panel-main-top .panel6-left {width: 65%;}
	.panel-main-top .panel6-right {width: 30%; margin-left: 5%;}
	.panel-main-bottom .ul1 li {width: 23.5%; margin-right: 2%;}
	.panel-main-bottom .ul1 li img {display: block; width: 100%;}
	.panel-main-bottom .ul2 li {margin-right: 2%; width: 49%;}
	.panel4-main .panel4-left {float: none; width: 100%; overflow: hidden;}
	.panel4-main .panel4-right {float: none; margin-left: 0; width: 100%; margin-top: 50px;}
	.panel4-main .panel4-left .panel-left-list {float: left; width: 60%;}
	.panel4-left-img {float: right; width: 30%; margin-top: 0;}
	.panel4-main .panel4-right ul li {width: 48%; margin: 1%;}
	.panel3-top .panel3-top-le ,.panel3-bottom-left{width: 60%;}
	.panel3-top .panel3-top-ri,.panel3-bottom-right {width: 30%; margin-left: 10%;}
	.panel3-bottom-left ul li {width: 48%; margin-right: 2%;}
	.panel3-bottom-right {height: auto;}
	.panel3-bottom-right img {width: 100%;}
	
	
	/*about*/
	.about-main {padding-bottom: 50px;}
	.about-main .w1200 .about-con .about-con-le {width: 55%; padding-right: 5%;}
	.about-main .w1200 .about-con .about-con-ri {width: 45%;}
	.about-honer .about-honer-top .slider-for {width: 60%;}
	.slider-nav {width: 60%; padding: 0 5%; height: 120px;}
	
	.about-his-title {width: 36%;}
	.ab-his-main {width: 62%;}
	.ab-his-main .ab-his-slick .his-le {width: 34%; height: 120px;}
	.ab-his-main .ab-his-slick .his-ri {width: 66%; height: 120px; padding: 20px 20px 0 20px;}
	.ab-his-main .ab-his-slick .his-ri h6 {line-height: 18px;}
	.slider-nav .slick-slide h3 {width: 100%;}
	
	/*professional*/
	.pd-main .pd-left,.pd-main .pd-mid-ri,.pd-main .pd-right {width: 20%;}
	.pd-main .pd-container {margin-right: 2%;}
	.pd-main .pd-mid-le {width: 34%;}
	.pd-main .pd-mid-le .pd-mid-le2 {width: 100%;}	
	.pd-main .pd-mid-le .pd-mid-le1, .pd-main .pd-mid-le .pd-mid-le3{width: 60%;}
	.pd-main .pd-mid-le .pd-midle-item {padding: 15px 10px 0;}
	.pd-main .pd-left .pd-left-b {padding: 15px 20px 15px 50px;}
	.pd-main .pd-mid-le .pd-mid-le4 h6:after {left: 20px;}
	.pd-main .pd-mid-le .pd-mid-le4 {padding: 15px 20px 15px 70px;}
	.pd-main .pd-mid-le .pd-mid-le1 .jt2 {top: 90px; right:-40px;}
	
	
	/*case*/
	.case-item .case-left {width: 58%;}
	.case-item .case-right {width: 42%; padding: 40px 0 0 40px;}
	.case-item {height: 364px;}
	.case-item .case-right ul {margin-top: 30px;}
	.case-item .case-right .case-title h1 {font-size: 50px; line-height: 60px;}
	.case-item .case-right .case-icon {width: 150px; height: 150px;}
	.case-odd .case-right {padding: 40px 40px 0 0;}
	
	/*case-detail*/
	.case-detail .w1200 .cd-nav {width: 15%;}
	.case-detail .w1200 .cd-main {width: 81%; margin-left: 4%;}
	.cd-main .cd-main-top .cd-main-topleft {width: 50%;}
	.cd-main .cd-main-top .cd-main-topright {width: 50%; padding-left: 8%;}
	.cd-main-features ul li {width: 32%; margin-right: 2%;  height:200px; padding: 20px 0 0 20px;}
	.case-other .bac-section1,.case-other .bac-section2 {display: none;}
	.case-other .w1200 {padding: 0 4%;}
	.case-other-slick .slick-prev {left: 0;}
	.case-other-slick .slick-next {left: 54px;}
	
	/*news*/
	.news-list ul li {height: 300px;}
	.news-list ul li a .news-img {width: 46%;} 
	.news-list ul li a .news-content {width: 54%; padding: 30px 20px 0 30px;}
	.news-content .news-des {margin-top: 25px; line-height: 24px;}
	.news-list ul li a .news-img img {height: 100%;}
	.news-content i {margin-top: 25px;}
	
	/*contact*/
	.contact-main .contact-left {width: 50%;}
	.contact-main .contact-right {width: 50%;}
	.contact-main .contact-right {padding: 40px 0 0 30px;}
}

@media only screen and (max-width: 860px){
	.open-panel1 .professonal-panel1, .open-panel2 .professonal-panel2, .open-panel3 .professonal-panel3, 
	.open-panel4 .professonal-panel4, .open-panel5 .professonal-panel5, 
	.open-panel6 .professonal-panel6, .open-panel7 .professonal-panel7 {z-index: 99999;}
	.m-img {display: block!important;}
	.p-img {display: none!important;}
	.aside-wrap {display: none!important;}
	.p-header{display: none!important;}
	.map-site {display: none;}
	.iprofession-list-bac {display: none;}
	
	/*移动端头部*/
	.m-header{display: block!important;}
	.m-header { position: fixed; width: 100%; z-index: 9999; height: 70px; left: 0;top: 0; background-color: #fff; }
	.m-header .m-header-logo {position: absolute; padding-left: 15px; height: 100%; left: 0; top: 0; padding-top: 14px; z-index: 26; width: 200px; background-color: #fff;} 
	.m-header .m-header-logo img { width: auto; display:block; height:76%;}
	.m-nav-logo  img { width: auto; display:block; height:70%;} 
	.m-header-menu {width: 56px; height: 56px; position: absolute; z-index: 9999;top: 10px; overflow: hidden; right: 0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;  z-index: 27;}
	.m-header-menu ul {height: 100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.m-header-menu ul li {position: absolute; top: 25px; left: 14px; width: 27px; height: 3px; background: #001236;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;} 
	.head-nav .nav-ul .m-nav-logo {padding-left: 17px; border-bottom: 1px solid #e7e7e7; margin-bottom: 36px;}
	.head-nav .nav-ul .m-nav-logo img {display: block; float: left;}
	.m-header-menu ul li:first-child {top: 17px;}
	.m-header-menu ul li:last-child {top: 33px;}
	.header-menu *{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.head-nav {background: rgba(0,0,0,.8);}
	.head-nav {text-align: center; position: fixed; top: 0; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto;z-index: 28; right: -100%;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	.head-nav .nav-ul {width: 100%; height: 100%; background: #fff;}
	.action .head-nav {right:0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;z-index:27;}
	.action .head-nav .bg { display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
	.action .head-nav .nav-ul {position: relative; z-index: 2;}
	.nav-ul li {display: block;background-repeat: no-repeat;background: #fff; padding: 0 50px;}
	.nav-ul li:last-child {border-bottom: 1px solid #e7e7e7;}
	.action .m-header-menu{-webkit-transition: all 0.5s ease;transition: all 0.5s ease; z-index: 9999;}
	.action .m-header-menu li{ opacity:0;}
	.action .m-header-menu li:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);top: 25px;opacity:1;}
	.action .m-header-menu li:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top: 25px;opacity:1;}
	.head-nav .nav-ul li a {display: block;border-bottom: 1px solid #e7e7e7; text-align: center; font-size: 16px;font-weight: bold;color: #666;height: 54px;line-height: 54px;}
	.head-nav .nav-ul .m-nav-logo {display: block; height: 70px; padding-top: 14px;}
	.nav-ul .lanuage { overflow: hidden; margin-top: 56px; padding: 0 30%;}
	.nav-ul .lanuage a {display: block; width: 50%; float: left; height: 54px; line-height: 54px; font-family: aria; font-size: 14px; text-transform: uppercase;}
	.nav-ul .lanuage a.en {border-left: 1px solid #e7e7e7;}
	.nav-ul .lanuage a.on {color: #000984;}
	/*首页*/
	.banner {margin-top: 70px;}
	.slick-banner a .banner-txt .banner-bac {width: 90%; height: 100px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h3 {font-size: 36px; line-height: 46px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h1 {font-size: 40px; line-height: 46px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap h5 {font-size: 20px; line-height: 30px;}
	.slick-banner a .banner-txt .w1200 .txt-wrap {padding-top: 45px;}
	.slick-banner a .banner-txt .w1200 ul {width: 100%;}
	.slick-banner a .banner-txt .w1200 ul li {width: 25%; margin: 0 auto;}
	.slick-banner a .banner-txt-center .w1200 ul {padding: 0 4%;} 
	.slick-banner a .banner-txt-center .w1200 ul li {width: 16%;}
	.slick-banner a .banner-txt-center3 .w1200 .txt-wrap h1 {letter-spacing: -1px;}
	.slick-banner .slick-dots {bottom: 20px;}
	.slick-banner .slick-dots li {width: 8px; height: 8px;}
	.index-about {padding: 40px 0;}
	.index-about .iabout-left .iabout-img {padding-left: 4%;}
	.index-about .iabout-left {width: 100%; float: none; padding-right: 4%; margin-top: 30px;}
	.index-about .iabout-right {width: 100%; float: none;}
	.index-about .iabout-left .iabout-leftbac {bottom: -6%;}
	.index-about .iabout-right .iabout-des {padding-left: 4%; padding-top: 0;}
	.index-about .iabout-right .iabout-des .iabout-title h2 {font-size: 30px; line-height: 30px; margin-top: 0;}
	.index-about .iabout-right .iabout-des .iabout-title h4 {font-size: 20px; line-height: 24px; margin-top: 0;}
	.index-about .iabout-right .iabout-des .iabout-con {margin-top: 16px;}
	.index-about .iabout-right a.iabout-more, .index-profession .iprofession-left a.iprofess-more {margin-top: 20px;}
	
	.index-profession {padding-bottom: 70px;}
	.index-profession .iprofession-left {float: none; width: 100%; padding-right: 4%; margin-top: 30px;}
	.index-profession .iprofession-left .iprofession-des .iprofession-title h2 {font-size: 30px; line-height: 30px; display: inline-block;}
	.index-profession .iprofession-left .iprofession-des .iprofession-title h4 {font-size: 20px; line-height: 24px; margin-top: 0;}
	.index-profession .iprofession-left .iprofession-con {margin-top: 16px;}
	.index-profession .iprofession-right {float: none; width: 100%; padding-left: 4%; padding-right: 4%; margin-top: 60px;} 
	.iprofession-right .iprofession-rightbac {height: 100%; top: -20px;}
	.iprofession-right .iprofession-list {padding: 20px 10px 10px 12px;}
	.iprofession-list ul li {margin-bottom: 22px;}
	.iprofession-list ul li a .iprofession-txt {margin-left: 20px;}
	.iprofession-list ul li a i {width: 46px;}
	.iprofession-list ul li a .iprofession-txt h5 {font-size: 13px; line-height: 18px; margin-top: 0;}
	.iprofession-list ul li a .iprofession-txt h3 {font-size: 20px;}
	.iprofession-list ul li a em { display: block !important; }
	
	.index-case {height: auto;}
	.index-case .icase-le, .index-case .icase-ri {width: 100%; height: auto; float: none;}
	.icase-slick1 .slick-dots {bottom: 14px;}
	.icase-slick1 a img {height: auto;}
	.icase-slick1 .slick-dots li {width: 8px; height: 8px;}
	.index-case .icase-ri {padding-left: 4%; padding-bottom: 40px; padding-top: 40px;}
	.iprofession-right .iprofession-rightbac {width: 85%;left: 15%;}
	.index-case .icase-ri .icase-title h2 {font-size: 30px; line-height: 30px; display: inline-block;}
	.index-case .icase-ri .icase-title h4 {font-size: 20px; line-height: 24px; margin-top: 0;}
	.icase-slick-right .icase-slick2 {width: 100%;}
	.icase-slick-right .icase-slick2 a {margin: 0 8% 0 0;}
	.icase-slick-right a.icase-more {padding-left: 0; padding-right: 30px; color: #a7abcb;}
	.index-case .icase-ri .icase-right-icon {width: 60px; height: 30px; bottom: 60px;}
	
	.index-news {margin-top: 40px;} 
	.index-news .inews-list .inews-slick a {margin: 0;}
	.index-news .inews-list .inews-slick a .inews-des {padding: 10px;}
	.index-news .inews-list {padding-bottom: 60px;}
	.index-news .inews-top .inews-title h2 {font-size: 60px; line-height: 80px;}
	.index-news .inews-top .inews-title h4 {font-size: 20px; line-height: 80px; margin-top: -80px;}
	.index-news .inews-list .inews-slick a .inews-des span {font-size: 20px; line-height: ;}
	.index-news .inews-list .inews-slick a .inews-des h3 {font-size: 14px; line-height: 22px; margin-top: 3px;}
	.index-news .inews-top .inews-title-btn {padding-top: 20px;}
	
	.footer_main {height: auto; padding: 20px 0; text-align: center;}
	.footer_main .footer_l {float: none; width: 100%; line-height: 20px; text-align: center;}
	.footer_main .footer_l a {line-height: 20px;}
	.footer_main .footer_r {float: none; width: auto; display: inline-block; text-align: center; padding-top: 5px;}
	
	.professonal-panel-item .panel-wrap {padding: 0;}
	.professonal-panel-item .w1200 .close-btn {position: fixed;}
	.professonal-panel-item .w1200 .close-btn {width: 40px; height: 40px;}
	.professonal-panel-item .w1200 {padding: 50px 4% 40px; width: 100%!important;}
	.panel-title h1 {font-size: 30px; line-height: 30px;}
	.professonal-panel2 .panel-title h1 {padding-bottom: 20px;}
	.panel2-list ul li {width: 100%; float: none;}
	
	.panel4-main .panel4-left .panel-left-list,.panel4-main .panel4-left .panel4-left-img {width: 100%; float: none; height: auto;}
	.panel3-top .panel3-top-le, .panel3-bottom-left {width: 100%; float: none;}
	.panel3-top .panel3-top-ri, .panel3-bottom-right {width: 100%; float: none; margin-left: 0; margin-top: 20px; height: auto;}
	
	
	.panel-main-top .panel6-left {width: 100%; float: none;}
	.panel-main-top .panel6-right {width: 100%; float: none; margin-left: 0;}
	.panel-main-top .panel6-left dl dd {font-size: 13px; line-height: 21px;}
	.panel-main-top .panel6-left dl dt {margin-bottom: 10px; line-height: 20px; font-size: 16px;}
	.panel-main-top .panel6-left dl dd:after {top: 10px;}
	.panel-main-bottom {margin-top: 50px;}
	.panel-main-bottom .ul1 li h6, .panel-main-bottom .ul2 li h6 {font-size: 12px; line-height: 20px;}
	
	.panel7-slick button {display: none!important;}
	.panel7-slick h6 {font-size: 20px; height: 40px; line-height: 40px;}
	
	.model-table tbody tr th, .model-table tbody tr td {font-size: 12px; line-height: 20px;}
	.model-table tbody tr.a th {font-size: 12px; line-height: 12px;}
	.test-table tr.tr-title th {font-size: 14px;}
	.test-table tr th {font-size: 12px; padding-left: 0;}
	.panel1-img-list ul li h6 {font-size: 12px; line-height: 16px;}
	
	
	/*about*/
	.about-banner {height: 200px!important; margin-top: 70px; padding-top: 30px;}
	.about-banner .w1200 .ab-banner-tip h2 {letter-spacing: 5px;}
	.about-banner .w1200 .ab-banner-tip h2 {padding-bottom: 10px;}
	.about-banner .w1200 .ab-banner-tip h2:after {left: -3%;}
	.about-banner .w1200 .ab-banner-des {padding-left: 0;}
	.about-banner .w1200 .ab-banner-des h6 {font-size: 16px; line-height: 18px;}
	.about-banner .w1200 .ab-banner-des h1 {font-size: 18px; line-height: 24px;}
	
	.about-main {padding-top: 40px;}
	.about-main .w1200 .about-title h2, .about-his-title h2 {font-size: 36px; line-height: 40px; display: inline-block;}
	.about-main .w1200 .about-title h4, .about-his-title h4 {font-size: 24px; line-height: 30px; margin-top: 0;}
	.about-main .w1200 .about-con {margin-top: 20px;}
	.about-main .w1200 .about-con .about-con-le,.about-main .w1200 .about-con .about-con-ri {width: 100%; float: none; padding: 0;}
	.about-main .w1200 .about-con .about-con-le .about-con-txt {margin-bottom: 26px; font-size: 14px; line-height: 24px;}
	.about-honer .about-honer-top .honer-title {padding-top: 30px;}
	
	.about-history .w1200 {padding-top: 20px;}
	.about-his-title, .ab-his-main  {float: none; width: 100%;}
	.ab-his-main {margin-top: 40px;}
	.ab-his-main .ab-his-slick .his-le,.ab-his-main .ab-his-slick .his-ri {float: none; width: 100%;}
	.ab-his-main .ab-his-slick .his-le { height: auto;}
	.ab-his-main .ab-his-slick .his-ri {padding: 15px; height: 110px;}
	.ab-his-slick .dots {left: 4px;}
	.ab-his-main .v-line {left: 15px;}
	.ab-his-slick span.hline {z-index: -1;}
	.ab-his-slick .dots i {width: 20px; height: 20px;}
	.ab-his-slick .dots {top: 62px;}
	.ab-his-slick .dots i:after {width: 10px; height: 10px; left: 5px; top: 5px;}
	.ab-his-slick .slick-slide {padding-left: 50px;}
	.ab-his-slick .slick-prev, .ab-his-slick .slick-next {width: 30px; height: 30px; background-size: cover;}
	.ab-his-slick .slick-prev:hover, .ab-his-slick .slick-next:hover {background-size: cover;}
	
	.about-honer .about-honer-top {height: auto;}
	.about-honer .about-honer-top .honer-title {float: none; width: 100%; text-align: left; padding-bottom: 30px; overflow: hidden;}
	.about-honer .about-honer-top .honer-title h2 {font-size: 36px; line-height: 40px; display: inline-block;}
	.about-honer .about-honer-top .honer-title h4 {font-size: 24px; line-height: 30px; margin-top: 0;}
	.about-honer .about-honer-top .honer-title i {display: none;}
	.about-honer .about-honer-top .slider-for {width: 100%;float: none; padding: 20px 0; height: 320px;}
	.about-honer .about-honer-top .slider-for button {display: none!important;}
	.slider-for .slick-slide h3 span img {max-height: 280px;}
	.slider-nav {width: 100%; padding: 0; height: auto;}
	.slider-nav .slick-slide h3 span img {max-width: 88%;}
	.slider-nav .slick-slide h3 {width: 90%;}
	
	/*professional*/
	.panel1-img-list ul li {width: 23.5%; margin-right: 2%;}
	.pd-title h2 {font-size: 26px; line-height: 30px;}
	.project-design {padding-top: 50px;}
	.pd-title h4 {font-size: 20px; line-height: 26px;}
	.pd-main {display: none;}
	.mpd-main {display: block!important; width: 100%; margin-top: 30px; padding-bottom: 60px;}
	.mpd-main .mpd-top {padding: 10px;}
	.mpd-main .mpd-main-item {background: #e9e9e9;width: 100%;border-radius: 10px; position: relative; z-index: 9;}
	.mpd-main .mpd-top-item { background: #686868; height: 150px; border-radius: 10px; position: relative;}
	.mpd-main .mpd-top-left {width: 150px; height: 50px;transform: rotate(90deg); position: absolute; top: 61px; left: -40px;}
	.mpd-main .mpd-top-mid {width: 25%; margin-left:18%;float: left;}
	.mpd-main .mpd-top .mpd-top-mid:nth-child(3){width: 25%; margin-left:3%;float: left;}
	.mpd-main .mpd-top-right {width: 25%; margin-left: 3%; float: left;}
	.mpd-main .mpd-top-left h6,.mpd-main .mpd-mid-bott .mpd-mid-bott-left h6,
	.mpd-main .mpd-bottom-left h6 {position: relative; height: 100%; font-size: 12px; line-height: 18px; color: #fff; padding-top: 7px; padding-left: 44px;}
	.mpd-main .mpd-top-left h6:after {content: ""; position: absolute;left: 6px;top: 10px;width: 30px;height: 30px;background: url(../images/pd1-icon.png) no-repeat center; background-size: cover;}
	.mpd-main .mpd-top-mid, .mpd-main .mpd-top-right {padding: 40px 6px 0;}
	.mpd-main h4 {font-size: 14px; line-height: 22px; color: #fff; text-align: center;}
	.mpd-main h5 {font-size: 12px; line-height: 20px; color: #fff; text-align: center;}
	.mpd-main .mpd-top-item .jt1 {position: absolute; bottom: -30px;z-index: -1; transform: rotate(90deg);}
	.mpd-main .mpd-top-mid .jt1 {left: 30%;}
	.mpd-main .mpd-top-right .jt1 {left: 35%;}
	
	.mpd-main .mpd-mid {margin-top: 30px; background: #e9e9e9; padding: 10px;position: relative;}
	.mpd-main .mpd-mid .mpd-mid-item {background: #858ba3; position: relative;border-radius: 10px;}
	.mpd-main .mpd-mid .mpd-mid-left {width: 280px; height: 50px;transform: rotate(90deg); position: absolute; top: 125px; left: -105px;}
	.mpd-main .mpd-mid .mpd-mid-left h6 {position: relative; font-size: 12px; height: 100%; line-height: 22px; color: #fff; padding-left:70px;padding-top: 4px;}
	.mpd-main .mpd-mid .mpd-mid-left h6:after {content: ""; position: absolute; left: 30px;  top: 10px;width: 30px; height: 30px; background: url(../images/pd2-icon.png) no-repeat center; background-size: cover;}
	.mpd-main .mpd-mid .mpd-mid-right {width: 82%; height: 280px; margin-left: 18%; float: left;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-top .mpd-mrt-left {float: left; width: 50%;  padding: 10px; height: 124px;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-top .mpd-mrt-right {float: left;  width: 45%; margin-left: 5%; padding: 10px; height: 124px;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-top .mpd-mrt-left .jt1 {position: absolute; transform: rotate(90deg); left: 30px; bottom: -28px;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-top .mpd-mrt-right .jt1 {position: absolute; transform: rotate(90deg); left: 25px; bottom: -28px;}
	.mpd-main dl dt {font-family: "微软雅黑"; font-size: 14px; line-height: 20px; color: #fff; margin-bottom: 5px;}
	.mpd-main dl dd {font-family: "微软雅黑"; font-size: 12px; color: #fff; line-height: 20px; position: relative; padding-left: 10px;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-bottom {position: relative; margin-top: 40px; padding: 10px; height: 115px;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-bottom:after { content: ""; display: block;position: absolute;  top: 30px; right: 20px; width: 50px;height: 50px;background: url(../images/pd3-icon.png) no-repeat center; background-size: cover;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-bottom .jt4 {position: absolute; bottom: -40px; right: 20px; z-index: -1; width: 25px; height:50px; overflow: hidden;}
	.mpd-main .mpd-mid .mpd-mid-right .mpd-mid-right-bottom .jt4 img {display: block; width: 100%;}
	
	.mpd-main .mpd-mid-bott {margin-top: 30px; position: relative; padding: 10px;}
	.mpd-main .mpd-mid-bott-item {background: #435bbf; border-radius: 10px; height: 120px;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-left {width: 120px; height: 50px; transform: rotate(90deg); position: absolute; top: 46px; left: -26px;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-left h6:after {content: "";display: block;position: absolute;left: 6px;top: 10px; width: 30px; height: 30px;background: url(../images/pd4-icon.png) no-repeat center; background-size: cover;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-mid {position: relative;  z-index: 9;float: left; width: 34%; margin-left: 18%; padding: 10px 6px;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-mid .jt1 {position: absolute; left: 30%; bottom: -28%; z-index: -1; transform: rotate(90deg);}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-mid .jt1 img {width: 100%; display: block;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-mid:after {content: ""; position: absolute;right: 10px;bottom: 10px;width: 40px;height: 28px;background: url(../images/pd5-icon.png) no-repeat center; background-size: cover; display:none}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-right {float: right; position: relative; width: 42%; margin-left: 6%; padding: 10px 6px;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-right .jt1 {position: absolute; left: -30%; top: 45%; z-index: 0;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-right .jt1 img {display: block; width: 100%;}
	.mpd-main .mpd-mid-bott .mpd-mid-bott-right:after {content: ""; position: absolute;right: 10px;bottom: 10px; width: 28px; height: 40px; background: url(../images/pd6-icon.png) no-repeat center; background-size: cover;}
	
	.mpd-main .mpd-bottom {padding: 10px; margin-top: 30px;}
	.mpd-main .mpd-bottom-item {background: #7fbe25; border-radius: 10px;}
	.mpd-main .mpd-bottom-left {float: left; width: 120px; height: 50px; transform: rotate(90deg); position: absolute; top: 46px; left: -26px;}
	.mpd-main .mpd-bottom-left h6:after {content: ""; display: block;position: absolute; left: 6px;top: 10px;width: 30px;height: 30px; background: url(../images/pd8-icon.png) no-repeat center; background-size: cover;}
	.mpd-main .mpd-bottom-right {float: right; width: 82%; height: 120px; margin-left: 18%; padding: 20px 20px;}
	.mpd-main .mpd-bottom-right:after {content: ""; display: block; position: absolute;  right: 20px;bottom: 20px; width: 50px;height: 50px; background: url(../images/pd7-icon.png) no-repeat center; background-size: cover;}
	/*case*/
	.case-main {padding: 40px 0 60px 0;}
	.case-item {height: auto; margin-bottom: 50px; padding-top: 0;}
	.case-item .case-left {float: none; width: 100%;}
	.case-item .case-right {float: none; width: 100%; height: auto; padding: 20px;}
	.case-item .case-right .case-title h1 {font-size: 30px; line-height: 36px;}
	.case-item .case-right .case-title h3 {font-size: 20px; line-height: 26px;}
	.case-item .case-right ul li a {font-size: 14px; line-height: 28px;}
	.case-item .case-right ul {margin-top: 20px;}
	.case-item .case-right .case-icon {width: 100px; height: 100px; bottom: 0; right: 10px;}
	.case-odd .case-right {padding: 20px;}
	.case-odd .case-right .case-icon {left: 10px;}
	.case-slick button {width: 40px; height: 40px;}
	.case-slick .slick-prev {right: 40px;}
	.case-odd .case-slick .slick-next {left: 40px;}
	.case-btn {height: 60px; margin-top: 40px;}
	.case-btn a {width: 100%; height: 100%;}
	.case-btn a .case-btn-mid {padding-top: 8px;}
	.case-btn a .case-btn-le {width: 40px;}
	.case-btn a .case-btn-mid h1 {font-size: 24px; line-height: 24px;}
	.case-btn a {padding: 0 15px 0 20px;}
	.case-btn a .case-btn-mid h3 {font-size: 18px; line-height: 20px;}
	.case-btn a .case-btn-ri {width: 50px; height: 50px; margin-top: 5px;}
	
	/*case-detail*/
	.cd-banner-txt {padding-left: 0; padding-bottom: 0;}
	.case-detail-banner {height: 240px!important;}
	.case-detail .w1200 {margin-top: 0;}
	.cd-banner-txt .cd-banner-title h1 {font-size: 32px; line-height: 40px;}
	.cd-banner-txt .cd-banner-title h3 {font-size: 20px; line-height: 20px;}
	.cd-banner-txt .cd-banner-title {padding-bottom: 0;}
	.cd-banner-txt .cd-banner-btn {margin-top: 36px; text-align: right;}
	.cd-banner-txt .cd-banner-btn a.cd-banner-next {margin-left: 20px;}
	
	.case-detail {padding-bottom: 60px;}
	.case-detail .w1200 {padding-top: 40px;}
	.case-detail .w1200 .cd-nav {width: 100%; position: absolute; left: 0; top: -50px; float: none; padding-bottom: 0; box-shadow: none;box-shadow: 0 5px 5px #eee;}
	.case-detail .w1200 .cd-nav .cd-nav-title ,.case-detail .w1200 .cd-nav .cd-nav-img {display: none;}
	.case-detail .w1200 .cd-nav ul {overflow: hidden; padding: 20px 10px 10px; text-align: center;}
	.case-detail .w1200 .cd-nav ul li {display: inline-block; width: 30%; margin: 0 1%; margin-bottom: 2%; text-align: center; border: 1px solid #e1e1e1;}
	.case-detail .w1200 .cd-nav ul li a:after {display: none;}
	.case-detail .w1200 .cd-nav ul li.on {background: #7fbe25; border-color: #7fbe25;}
	.case-detail .w1200 .cd-nav ul li.on a {color: #fff;}
	.case-detail .w1200 .cd-main {width: 100%; margin-left: 0; margin-top: 30px;}
	.cd-main .cd-main-top .cd-main-topleft,.cd-main .cd-main-top .cd-main-topright {width: 100%; float: none; padding-left: 0;}
	.cd-main .cd-main-top .cd-main-topleft {}
	.cd-main .cd-main-top .cd-main-topleft .cd-main-btn {margin-top: 30px;}
	.cd-main .cd-main-top .cd-main-topleft h1 {font-size: 24px; line-height: 20px;}
	.cd-main .cd-main-top .cd-main-topright {padding-top: 30px;}
	.cd-main .cd-main-top .cd-main-topleft .cd-main-btn a {height: 40px; line-height: 40px; width: 46%; margin-right: 2%;}
	
	.cd-main .cs-slick .slick-prev, .cd-main .cs-slick .slick-next {width: 40px; height: 40px;}
	.cd-main .cs-slick .slick-prev {right: 40px;}
	.cd-main .cs-slick {margin-top: 20px;}
	
	.cd-main-features .cd-features-title h1 {font-size: 32px; line-height: 36px;}
	.cd-main-features ul {margin-top: 30px;}
	.cd-main-features .cd-features-title h3 {font-size: 20px; line-height: 24px;}
	.cd-main-features ul li {width: 100%; height: 90px; padding: 20px 10px; float: none; position: relative;}
	.cd-main-features ul li .feature-img {float: none; width: 16%; height: 50%; position: absolute; left: 10px; top: 25%;}
	.cd-main-features ul li .feature-img img {display: block; width: 100%;}
	.cd-main-features ul li .feature-des {float: right; width: 80%; margin-top: 0; padding-left: 0; font-size: 12px; line-height: 24px;}
	
	.case-other .case-other-title h2 {font-size: 32px; line-height: 40px;}
	.case-other .case-other-title h4 {font-size: 20px; line-height: 24px;}
	.case-other-list .case-other-slick {padding-bottom: 60px;}
	.case-other-list .case-other-slick a {margin: 0;}
	.case-other {margin-bottom: 0;}
	
	
	/*news*/
	.news-hd {padding-left: 0; margin-top: 15px;}
	.news-hd li {width: 40%; height: 38px; line-height: 38px;}
	.news-banner.w1200 .ab-banner-des {margin-top: 20px;}
	.news-hd li a {font-size: 18px; font-weight: normal;}
	.news-list ul li {height: auto;}
	.news-list ul li a .news-img {float: none; width: 100%;}
	.news-list ul li a .news-content {float: none; width: 100%; padding: 15px;}
	.news-content .news-title h2 {font-size: 16px; line-height: 22px;}
	.news-content .news-title span {font-size: 18px;}
	.news-content .news-des {font-size: 13px; line-height: 22px; margin-top: 18px;}	
	.news-btn {padding-bottom: 70px;}
	
	/*news-detail*/
	.news-detail-banner {padding-top: 40px;}
	.news-detail-main .w1200 {background: #f5f5f5;}
	.detail-content {padding: 0;}
	.detail-content .detail-wrap {padding: 50px 10px;}
	.detail-title h2 {font-size: 20px; line-height: 30px;}
	.news-btn .line-bac a {background: #f5f5f5;}
	.news-btn .line-bac a.news-prev:after {background: #f5f5f5 url(../images/news-left.png) no-repeat center;}
	.news-btn .line-bac a.news-next:after {background: #f5f5f5 url(../images/news-right.png) no-repeat center;}
	.news-btn .line-bac:after {background: #d7d9dc;}
	.detail-txt .detail-p {font-size: 13px; line-height: 24px; margin-top: 20px;}
	
	
	
	/*contact*/
	.contact-main .contact-left {width: 100%; float: none; height: 320px;}
	.contact-main .contact-right {width: 100%; float: none; padding: 0; margin-top: 40px;}
	.contact-main .contact-title h1 {font-size: 28px; line-height: 26px;}	
	.contact-main .contact-title h3 {font-size: 16px; line-height: 28px;}
	.contact-main .contact-list {margin-top: 30px;}
	.contact-main .contact-list .contact-site:before {width: 32px; height: 40px; background-size: cover;}
	.contact-main .contact-list .contact-tel:before {width: 32px; height: 40px; background-size: cover;}
	.contact-main .contact-list .contact-email:before {width: 32px; height: 40px; background-size: cover;}
	.contact-main .contact-list .contact-item strong {display: block; font-size: 22px; line-height: 22px;}
	.contact-main .w1200 {padding-bottom: 60px; padding-top: 50px;}
}