@charset"utf-8";

@media screen and (max-width: 1920px) and (min-width: 768px){

.nav>li:hover>a{ background-color: #ea3a34; }

.gugao-sec dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

.gugao-sec dl:hover dd a{ color: #19b1b7; }

.procent-tit a:hover{ margin-right: -10px; }

.procent-txt dl:hover dd{ background-color: #19b1b7; }

.procent-txt dl:hover dd h3 strong,.procent-txt dl:hover dd p span,.procent-txt dl:hover dd p small{ color: #fff; }

.procent-txt dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

.home-txt2 ul li:hover a{ color: #35dce3; }

.home-txt3 ul li:hover{ background-color: #19b1b7; }

.home-txt3 ul li:hover a{ background-position: right top; }

.swiper-sec4 ul li:hover{ border-color: #19b1b7; z-index: 1; }

.home-txt7 ul li:hover{ background: url(../images/hsec7-icobg.png) no-repeat center center; }

.home-txt7 ul li:hover a{ border-color: rgba(0,0,0,0); }

.home-txt7 ul li:hover strong,.home-txt7 ul li:hover small{ color: #fff; }

.homesec7-div .left dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

.homesec7-div .left dd span:hover{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }

.homesec7-div .right dl:hover dd{ top: 0; visibility: visible; opacity: 1; }

.home-txt8 dl:hover dt img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

.hsec9-list dd li:hover p{ color: #19b1b7; }

.home-txt9 .more a:hover{ background-color: #e9241d; border-color: #e9241d; }

.home-txt9 .more a:hover span,.home-txt9 .more a:hover small{ color: #fff; }

.home-txt10 .more a:hover{ margin-left: 10px; }

.secnav ul li:hover a{ background-color: #19b1b7; color: #fff; }

.quest-list li div a,

.sider .sidernav>li div ul li a,

.kjdz-list dt img,

.kjdz-list dl dd h3,

.customer-txt dt img,

.customer-txt dd a,

.application-txt dl dt img,

.application-txt dl dd,

.application-txt dl dd h3,

.applic-txt dl dt img,

.applic-txt dl p{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s;}

.home-txt8 dl:hover dd a,

.workshop-list dl:hover dd a,

.kjdz-list dl:hover dd h3,

.customer-txt dl:hover dd a,

.applic-txt dl:hover p{ color: #19b1b7; }

.hsec9-list dt:hover img,

.workshop-list dl:hover dt img,

.kjdz-list dl:hover dt img,

.customer-txt dl:hover dt img,

.application-txt dl:hover dt img,

.applic-txt dl dt:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}

.quest-list li div a:hover{ opacity: 0.8;}

.sider .sidernav>li div ul li:hover a{ color: #ea3a34; background: url(../images/sider-jian2.png) no-repeat center right; }

.sider .sidernav>li>a,

.sider .sidernav>li small img,

.sider .sidernav>li small img:nth-child(1),

.sider .sidernav>li small img:nth-child(2),

.new-list li p,

.home-txt5>ul li a{ transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; }

.sider .sidernav>li:hover>a{ background-color: #ea3a34; color: #fff; }

.sider .sidernav>li:hover small img{ transform: rotate(90deg); }

.sider .sidernav>li:hover small img:nth-child(1){ opacity: 0; }

.sider .sidernav>li:hover small img:nth-child(2){ opacity: 1; }

.application-txt dl:hover dd{ background-color: #19b1b7;}

.application-txt dl:hover dd h3{ color: #fff;}

.new-list li:hover p{ color: #19b1b7;}

.footbotm .left li a:hover{ color: #19b1b7; }

.footnav li:hover a{ color: #ccc; }

.seach-sec .left a:hover,.home-txt5>ul li:hover a{ color: #ce221c; }

.swiper-sec4 ul li:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}

}

@media screen and (max-width: 1280px){

	html,body{ width: 1280px; }

}

@media screen and (max-width: 767px){

	body{ font-size: 12px; }

	.pc{ display: none; }

	.iphone{ display: block; }

	html,body,.container{ width: 100%; }

	.container{ padding: 0 15px; }

/*首页*/

	.head-top,.head-ewm,.head-tel{ display: none; }

	.head-cont{ height: 60px; line-height: 60px; }

	.logo{ width: 65%; }

	.logo img{ width: 100%; }

	.banner-page{ bottom: 10px; }

	.banner-page .pagination span{ width: 30px; }

	.ban-page{ font-size: 14px; margin-left: 10px; }

	.nav{ position: absolute; z-index: 9; top: 60px; left: 0; width: 100%; margin: 0; height: auto; background-color: rgba(0,0,0,.8); display: none; }

	.nav>li,.nav>li a{ width: 100%; text-align: center; }

	.nav>li>a{ height: 45px; line-height: 45px; }

	.nav>li.active>a{ background-color: rgba(0,0,0,.2); }

	/*搜索*/

	.seach-sec{ padding: 10px 0; }

	.seach-sec .left,.seach-sec .right{ width: 100%; }

	.seach-sec .left{ height: auto; line-height: 24px; margin-bottom: 10px; }

	.seach>div .inp{ width: 65%; }

	.seach>div .seach-but{ width: 35%; }

	.seach>div .inp input,.seach>div .seach-but input{ width: 100%; font-size: 12px; }

	.inp input,.seach>div .seach-but input{ height: 38px; }

	.seach>div .inp label{ line-height: 38px; font-size: 12px; }

	.gugao-sec .over{ margin: 0 -1%; }

	.gugao-sec dl{ width: 48%; margin: 5px 1%; height: auto; }

	.home-sec1{ margin-top: 30px; }

	.home-txt1{ padding-bottom: 30px; }

	.sec-tit h2 strong{ font-size: 20px; }

	.sec-tit h2 span{ font-size: 12px; line-height: 20px; }

	.sec-tit h2 span{ margin-top: 10px; }

	.sec-tit h2:after{ margin-top: 10px; height: 2px; }

	.pro-center{ width: 100%; }

	.procent-tit{ margin: 20px 0; }

	.procent-tit .over{ }

	.procent-tit h2{ width: 70%; height: 30px; line-height: 30px; }

	.procent-tit h2 img{ width: 100%; display: inline-block; vertical-align: middle; }

	.procent-tit a{ height: 30px; line-height: 30px; }

	.procent-tit a span, .procent-tit a small{ font-size: 12px; }

	.procent-txt .over{ margin: 0 -1%; }

	.procent-txt dl{ width: 48%; margin: 5px 1%; }

	.procent-txt dd{ padding: 0 5px; height: 45px; line-height: 45px; }

	.procent-txt dd h3 strong,.procent-txt dd p span, .procent-txt dd p small{ font-size: 12px; }

	.procent-txt dd h3 strong{ width: 50%; }

	.gugao-sec dl dd a{ font-size: 12px; }

	/*侧边栏*/

	.sider{ display: none; }

	.home-sec2,.home-sec3,.home-sec4,.home-sec6,.home-sec8,.home-sec10{ display: none; }

	.home-sec5{ padding: 30px 0; }

	.home-txt5>ul li{ margin: 0 10px; }

	.home-txt5>ul li a{ font-size: 12px; }

	.home-txt5>ul{ margin: 30px 0; }

	.carousel{ margin: auto; }

	.poster-main .poster-btn{ width: 35px !important; height: 35px !important; background-size: 25% auto; }

	.homesec5-div dd{ height: 45px; line-height: 45px; }

	.homesec5-div dd p{ font-size: 12px; }

	.home-sec7{ padding: 30px 0; }

	.home-txt7 ul{ margin: 20px 0; }

	.home-txt7 ul li{ margin: 5px 1%; width: 31.333%; }

	.home-txt7 ul li,.home-txt7 ul li a{ height: auto; }

	.home-txt7 ul li a{ border: 0; padding: 5px 0; }

	.home-txt7 ul li strong{ font-size: 14px; margin-bottom: 5px; }

	.home-txt7 ul li.active{ background: #19b1b7; }

	.homesec7-div .left dd{ padding: 0 15px; }

	.homesec7-div .left dd h2{ font-size: 16px; margin-bottom: 5px; }

	.homesec7-div .left dd div{ width: 80%; }

	.homesec7-div .left dd p{ font-size: 12px; line-height: 18px; }

	.homesec7-div .left dd span{ margin-top: 10px; }

	.homesec7-div .left dd span{ width: 20px; height: 20px; }

	.homesec7-div .left dd span img{ width: 100%; }

	.homesec7-div .right{ width: 100%; margin-top: 10px; }

	.homesec7-div .right dl{ width: 48%; margin: 5px 1%; float: left; }

	.homesec7-div .right dd{ opacity: 1; visibility: visible; top: 0; background-color: rgba(25,177,183,.3); }

	.homesec7-div .right dd strong{ font-size: 12px; }

	.home-sec9{ padding: 30px 0; }

	.home-txt9 .over{ margin: 0; }

	.home-txt9{ margin-top: 30px; }

	.hsec9-list{ margin: 20px 0; width: 100%; padding: 30px 15px; }

	.hsec9-list dt{ margin-bottom: 10px; }

	.hsec9-list dd li{ line-height: 35px; }

	.hsec9-list dd li p{ font-size: 12px; }

	.home-txt9 .more{ margin-top: 15px; }

	.home-txt9 .more span, .home-txt9 .more small{ font-size: 12px; }

	.home-txt9 .more a{ height: 40px; line-height: 38px; }

	.hs9l-tit{ width: 70px; height: 70px; top: -20px; left: 30px; }

	.hs9l-tit h2{ font-size: 18px; }

	.hsec9-list3 h2 small{ font-size: 12px; }

	/*底部*/

	.footnav{ font-size: 0; padding: 10px 0; }

	.footnav li{ margin: 0 5px; }

	.footnav li a{ height: 35px; line-height: 35px; font-size: 12px; }

	.footbotm .left ul{ margin-left: 5px; }

	.footbotm .left li{ line-height: 24px; }

	.footbotm .left li a,.footbotm .left li span,.footbotm .left li strong{ font-size: 12px; }

	.footbotm .right{ display: none; }

	/*关于*/

	.secnav ul{ margin: 10px -3px;}

	.secnav ul li{ margin: 3px 3px;}

	.secnav ul a{ height: 35px; line-height: 35px; font-size: 14px;}

	.secbox-tit h2, .secbox-tit small, .secbox-tit span{ font-size: 20px;}

	.secbox-tit span{ font-size: 14px;}

	.secbox-txt img,

	.application-txt p img{ max-width: 100%;}

	.sec-secbox1,.secbox{ padding-bottom: 30px;}

	.secsection{ margin-bottom: 30px;}

	/**/

	.pro-sec{ padding-bottom: 30px;}

	.pro-sec .pro-center{ margin-top: 0;}

	.pro-tit h2{ font-size: 18px;}

	.pro-tit span{ font-size: 12px;}

	.pro-tit>div{ padding-bottom: 5px;}

	.home-sec1{ margin-top: 20px;}

	.application-txt dl{ width: 100%; margin-bottom: 15px;}

	.application-txt dl dt{ width: 100%;}

	.application-txt dl dd h3{ height: 50px; line-height: 50px;}

	.page a { font-size: 12px; padding: 0 5px; min-width: 30px; height: 35px; line-height: 32px; margin: 0 2px; }

	.applic-txt .over,

	.customer-txt .over,

	.workshop-list,

	.kjdz-list .over{ margin: 0 -1%;}

	.applic-txt dl,

	.customer-txt dl,

	.workshop-list dl,

	.kjdz-list dl{ width: 48%; margin: 5px 1%;}

	.applic-txt dl p{ font-size: 12px;}

	.customer-txt dd a,

	.workshop-list dd a,

	.kjdz-list dl dd h3{ font-size: 14px; height: 40px; line-height: 40px;}

	.cus-tit h2{ font-size: 18px; margin-bottom: 15px;}

	.cus-tit span{ font-size: 12px;}

	.cus-txt p img{ max-width: 100%;}

	.pro-div2{ margin-top: 20px;}

	.map-txt1 dl{ width: 50%; margin: 5px 0;}

	.map-txt1 dl p{ font-size: 14px; line-height: 22px; height: 44px;}

	.map{ margin-top: 20px;}

	.map-tit h2, .map-tit small, .map-tit span{ font-size: 18px;}

	.map-tit small, .map-tit span{ font-size: 14px;}

	.map-tit{ margin-bottom: 20px;}

	.form-div div>label{ height: 40px; line-height: 40px;}

	.form-div div,.form-div div>label, .form-div div .inp,.mapbox2 .form-div div p input,

	.form-div div p input, .form-div div p textarea{ width: 100%;}

	.form-but>div>label{ height: 20px;}

	.form-div div,.form-div{ margin: 0;}

	.form-yz div{ width: 50%;}

	.form-yz a{ overflow: hidden; margin-top: 40px; float: left; margin-left: 5px;}

	.form-yz a span{ display: none;}

	.form-but input{ font-size: 16px;}

	.new-list li{ height: 55px; line-height: 55px;}

	.new-list li p{ width: 60%; font-size: 14px;}

	.new-list li span{ font-size: 14px;}

	.protxt-txt dt{ width: 100%;}

	.protxt-txt dd{ padding-left: 0; width: 100%; margin-top: 20px;}

	.protxt-txt dd ul{ margin-bottom: 20px;}

	.protxt-txt dd li{ line-height: 30px;}

	.protxt-txts{ margin-top: 30px;}

	.protxt-txts p img{ max-width: 100%;}

	.procent-txt form{ margin-bottom: 30px;}

	.quest-list li{ padding: 15px;}

	.quest-list li h3{ font-size: 14px;}

	.quest-list li p{ font-size: 14px; line-height: 24px; background: url(../images/a-ico.png) no-repeat top 3px left;}

	.quest-list li div{ margin-top: 15px;}

	.quest-list li div a{ width: 120px; height: 35px; line-height: 35px; font-size: 12px;}

	.workshop-txt h2{ margin: 20px 0; font-size: 18px;}

	.workshop-txt img{ max-width: 100%;}



	/*修改*/

	.n-banner>div h3{ font-size: 18px; }

	.hsec9-list dd li p{ width: 200px; }

}