@charset "utf-8";
/* CSS 氨氮专题 20210526 by品宣 */
.top-banner { background: url(../images/andan-banner.jpg) no-repeat top center; height: 760px; margin-bottom: 60px;}
.top-banner-key { width: 1150px; padding-left: 40px;}
.top-banner-key h1 { font-size: 80px;}
.top-banner-dis { font-size: 60px; line-height: 80px; text-indent: 0; font-weight: bold;}
.top-banner-dis2 { font-size: 30px; line-height: 60px; font-size: 32px;}
.tel-400 { float: right; margin: 0 30px 0; line-height: 85px; font-size: 26px;}
.tel-400 a{color: #000;}
	
.spc-zx { border: 2px solid #da3434; width: 256px; height: 62px; line-height: 60px; margin: 40px auto; border-radius: 31px;transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;}
.spc-zx a { display: block; color: #da3434; font-size: 26px;background: url(../images/special-ico.png) no-repeat 50px -390px; padding: 0 0 0 80px; }
.spc-zx:hover,.spc-zx.hov{background: #da3434;}
.spc-zx a:hover,.spc-zx.hov a{ background: url(../images/special-ico.png) no-repeat 50px -32px; color: #fff;}

.top-banner .spc-zx{margin: 40px 0 0 280px; }
.spc-tie { margin: 0 auto 0; text-align: center;}
.spc-en { font-size: 30px; color: #666;margin-bottom: 30px; }
.spc-t { font-size: 35px; color: #da3434; font-weight: bold;height: 60px; margin: 0 auto;}
.spc-line { height: 6px; width: 150px; background: url(../images/special-ico.png) left 0 no-repeat;transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s; margin: 0 auto 30px;}
.spc-i{ font-size: 22px; color: #666;margin-bottom: 30px;}
.spc-tie:hover .spc-t { color: #da3434;}
.spc-tie:hover .spc-line { background: url(../images/special-ico.png) left -8px no-repeat;}

.spc-list {  }
.spc-list li {background: #6066f2; width:380px; height: 222px; float: left; margin: 0 20px 15px 0; box-shadow: 3px 3px 5px #888;transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;}
.spc-list li:hover {background: #da3434;}
.spc-list li i { display: block; width: 74px; height: 74px;background: url(../images/special-ico.png) no-repeat; margin: 20px auto 17px;}
.spc-list li em{ background: url(../images/special-ico.png) no-repeat center 60px;display: block; text-align: center; height: 54px; font-size: 24px; color: #fff; font-weight: normal;}
.spc-list li span{ display: block; height: 58px; background: #eaebfd; font-size: 14px; color: #666; text-align: center; line-height: 24px; padding-top: 6px;transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;}
.spc-list li:hover span {background: #f1cfcf;color: #333;}
.spc-list li.ico4 span{ line-height: 44px;}
.spc-list li.ico1 i { background-position: -1px -109px;}
.spc-list li.ico2 i { background-position: -75px -109px;}
.spc-list li.ico3 i { background-position: -1px -182px;}
.spc-list li.ico4 i { background-position: -75px -183px;}
.spc-list li.ico5 i { background-position: -1px -256px;}
.spc-list li.ico6 i { background-position: -75px -258px;}

.spc-list-al li { float:left; width: 398px; height: 370px;}
.spc-list-al li p{ background: #6066f2;box-shadow: 3px 3px 5px #888;width: 354px; height: 110px; color: #fff; text-align: center; line-height: 24px;}
.spc-list-al li i{ display: block; border: 1px solid #6066f2;width: 354px; height: 242px; overflow: hidden; padding: 5px; background: #fff;}
.spc-list-al li i img { width: 354px; height: 230px;transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;}
.spc-list-al li:hover i img {transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);}
.spc-list-al li em { font-size: 18px; font-weight: normal;display: block; height: 44px; line-height: 50px; overflow: hidden;}

.spc3 { background: url(../images/andan-bg1.jpg) no-repeat center top; padding-top: 60px; height: 1440px;}
.spc-list-mok {background: url(../images/andan-bg6.png) no-repeat center top; height: 1040px;}
.spc-mok-left{float: left; width: 500px; padding: 130px 0 0 150px;}
.spc-mok-left p { font-size:32px;}


.spc-mok-right{float: left; width: 520px; margin: 50px 0 0 72px;}
.spc-mok-t,.spc-mok-t2 { height: 70px; text-align: center; font-weight: bold; font-size: 32px; color: #fff;}
.spc-mok-t2 { font-size:22px; font-weight: normal; margin:0 0 440px 0;}
.spc-mok-i { line-height:36px; font-size: 18px; color: #fff; text-indent: 2em;}
/*.spc-list-pk { background: url(../images/andan-bg2.png) no-repeat 11px top; width: 1223px; height: 942px;}
.spc-list-pk li { float:left; width: 400px; margin: 0 136px; padding-top: 12px; }
.spc-list-pk span { display: block; text-align: center; color: #fff; height: 80px; line-height: 68px; font-weight: bold;font-size: 32px;}
.spc-list-pk li.spc-list-pk-right {margin:0 0 0 52px;}
.spc-list-pk li.spc-list-pk-right span {color: #000; }
.spc-list-pk li p{text-indent: 2em;font-size: 24px; color: #515151; line-height: 48px; }
.spc-list-pk li.spc-list-pk-right p {color: #fff;}*/

.spc4 { margin-top: 60px;}
.spc-list-cj li{ float: left; margin: 20px 20px 20px 0; overflow: hidden; height: 264px; width: 278px; background:#6066f2 url(../images/special-ico.png) no-repeat center -1388px;box-shadow: 2px 2px 4px #888;}
.spc-list-cj li i{ display: block; width: 150px; height: 150px;background: url(../images/special-ico.png) no-repeat; margin: 16px auto;}
.spc-list-cj li span{ display: block; text-align: center; line-height: 26px; font-size: 18px; color: #fff;}
.spc-list-cj li.ico1 i { background-position:  0px -460px;}
.spc-list-cj li.ico2 i { background-position:  -150px -460px;}
.spc-list-cj li.ico3 i { background-position:  0px -610px;}
.spc-list-cj li.ico4 i { background-position:  -150px -610px;}
.spc-list-cj li.ico5 i { background-position:  0px -760px;}
.spc-list-cj li.ico6 i { background-position:  -150px -760px;}
.spc-list-cj li.ico7 i { background-position:  0px -910px;}
.spc-list-cj li.ico8 i { background-position:  -150px -910px;}
.spc-list-cj li.ico9 i { background-position:  0px -1060px;}
.spc-list-cj li.ico10 i { background-position:  -150px -1060px;}
.spc-list-cj li.ico11 i { background-position:  0px -1210px;}
.spc-list-cj li.ico12 i { background-position:  -150px -1210px;}

.spc5 { background: url(../images/andan-banner2.jpg) no-repeat center top; height: 220px; margin: 40px auto 0;}
.spc5 .spc-zx { margin: 0 0 0 700px;}
.spc5 .w{ padding-top: 128px;}

/*首页css*/
.yewu-right li{width:20%;padding-top:70px;float:left;text-align:center;position:relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.yewu-right .li1{background:url( ../../images/y1.png) center top no-repeat}
.yewu-right .li2{background:url( ../../images/y2.png) center top no-repeat}
.yewu-right .li3{background:url( ../../images/y3.png) center top no-repeat}
.yewu-right .li4{background:url( ../../images/y4.png) center top no-repeat}
.yewu-right .li5{background:url( ../../images/y5.png) center top no-repeat}
.yewu-right .li1:hover{background:url( ../../images/y11.png) center top no-repeat}
.yewu-right .li2:hover{background:url( ../../images/y22.png) center top no-repeat}
.yewu-right .li3:hover{background:url( ../../images/y33.png) center top no-repeat}
.yewu-right .li4:hover{background:url( ../../images/y44.png) center top no-repeat}
.yewu-right .li5:hover{background:url( ../../images/y55.png) center top no-repeat}
.yewu-right li h3{font-size:18px;color:#1a1a1a; font-weight: bold;line-height:24px;height:48px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.yewu-right li:hover h3{color:#ea4045;}

.spc-list-about{height: 310px; margin-bottom: 60px;}
.spc-list-about span{ display: block; width: 480px; height: 280px; float: left; font-size: 16px; line-height: 40px; margin:30px 55px 0; text-indent: 2em;}
.spc-list-about i{float: left; display: block; width: 560px; height: 269px; overflow: hidden;box-shadow: 2px 2px 4px #888; margin: 60px 0 0 0;}
.spc-list-about i img{width: 100%;}

.spc-list-about.bg1{ background: url(../images/andan-bg3.jpg) no-repeat center top;}
.spc-list-about.bg2{ background: url(../images/andan-bg4.jpg) no-repeat center top;}
.spc-list-about.bg3{ background: url(../images/andan-bg5.jpg) no-repeat center top;}

@media only screen and (min-width:240px) and (max-width:768px){
	.head .logo-img { width: 120px;}
	.tel-400{float: right; margin: 0 0px 0;line-height: 68px;font-size: 26px;}
	.top-banner {background: url(../images/andan-banner.jpg) no-repeat center -40px;height: 190px; margin-bottom: 12px;}
	.top-banner-key {padding:10% 0 0 5%; width: 100%;}
	.top-banner-key h1 { font-size:24px;}
	.top-banner-dis {font-size: 18px;line-height: 25px;}
	.top-banner-dis2 {font-size: 14px;}
	.top-banner .spc-zx { margin:2% 0 0 27%;}
	.spc-zx{ width:100px;height: 26px;line-height: 24px; margin: 10px auto;}
	.spc-zx a { font-size: 14px;padding: 0 0 0 30px;background: url(../images/special-ico.png) no-repeat 7px -404px;}
	.spc-zx a:hover, .spc-zx.hov a{background: url(../images/special-ico.png) no-repeat 8px -44px;}
	.spc-en {font-size: 14px;margin-bottom: 10px;}
	.spc-t {height: 34px;font-size: 24px;}
	.spc-line {margin:0 auto 10px}
	.spc-i {font-size: 12px;}
	.spc-list {width: 120%;}
	.spc-list li {width:40%; height: 150px; margin: 0 10px 15px 0;}
	.spc-list li i { background-size: 150px; width: 37px; height: 37px;}
	.spc-list li em {font-size: 14px;height: 30px;}
	.spc-list li span {height: 46px;line-height: 18px;font-size: 12px}
	.spc-list li.ico1 i { background-position: 0px -54px;}
	.spc-list li.ico2 i { background-position: -37px -54px;width: 38px;}
	.spc-list li.ico3 i { background-position: 0px -91px;}
	.spc-list li.ico4 i { background-position: -37px -91px;width: 38px;height: 38px;}
	.spc-list li.ico5 i { background-position: 0px -128px;}
	.spc-list li.ico6 i { background-position: -37px -129px;width: 38px;}
	.spc-list-al { width:120%;}
	.spc-list-al li { width: 41%; height: 184px; margin: 0 10px 0 0 ;}
	.spc-list-al li i { width: 100%; height: 121px;}
	.spc-list-al li i img {width:100%;height:100%;}
	.spc-list-al li p {width: 100%; height: 54px; overflow: hidden;}
	.spc-list-al li em {height: 28px;line-height: 34px;font-size: 12px;}
	.spc-list-al li span {line-height: 24px;font-size: 12px;}
	.spc3 { height: 480px;}
	.spc-list-mok { height: 310px; background: url(../images/andan-bg7.png) no-repeat center top; background-size: 100%;}
	.spc-mok-left { display: none;}
	.spc-mok-left p,.spc-mok-t, .spc-mok-t2  { display: none;}
	.spc-mok-right { width:100%; margin: 0px; color: #000;}
	.spc-mok-i { color: #000; font-size: 12px; line-height: 24px; margin-top: 40%;}
	.spc-list-cj { width: 140%;}
	.spc-list-cj li{ width: 23%; height: 115px; margin: 0 8px 8px 0; background-image: none;}
	.spc-list-cj li i { width: 70px; height: 54px;background-size: 166px; margin: 10px auto 6px;}
	.spc-list-cj li.ico1 i { background-position:  0px -276px;}
	.spc-list-cj li.ico2 i { background-position:  -90px -276px;}
	.spc-list-cj li.ico3 i { background-position:  0px -357px;}
	.spc-list-cj li.ico4 i { background-position:  -90px -357px;}
	.spc-list-cj li.ico5 i { background-position:  0px -440px;}
	.spc-list-cj li.ico6 i { background-position:  -90px -440px;}
	.spc-list-cj li.ico7 i { background-position:  0px -525px;}
	.spc-list-cj li.ico8 i { background-position:  -90px -525px;}
	.spc-list-cj li.ico9 i { background-position:  0px -608px;}
	.spc-list-cj li.ico10 i { background-position:  -90px -608px;}
	.spc-list-cj li.ico11 i { background-position:  0px -690px;}
	.spc-list-cj li.ico12 i { background-position:  -90px -690px;}
	.spc-list-cj li span {font-size: 12px; line-height: 20px;}
	.spc5 { width: 100%; background-size: 200%; height: 90px; margin: 10px auto 0;}
	.spc5 .spc-zx {margin: 0 0 0 63%;}
	.spc5 .w {padding-top: 53px;}
	.spc-list-about {margin-bottom: 10px; padding: 10px 0;background-size: 200%;}
	.spc-list-about span { width: 100%; margin: 0; font-size: 12px; line-height: 24px; height: auto;}
	.spc-list-about i { float:none; margin: 0; width: 100%; height: auto; box-shadow:none;}
	.spc-list-about.bg1{background-size: 540%; height: 290px;}
	.spc-list-about.bg2{background-size: 600%; height: 320px;}
	.spc-list-about.bg3{background-size: 640%; height: 355px;}	

	
	
	
	
	

}