@charset "utf-8";
* {margin:0; padding:0}
body {background:#fff; color:#3a3a3a; font:14px/1.5 microsoft yahei,simsun,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6,em {font-weight:normal}
ol,ul {list-style:none}
a,s {text-decoration:none; color:#333}
img {border:none; vertical-align:top}
table {border-collapse:collapse; line-height:35px}
textarea {resize:none;overflow:auto}
a:hover {color:#349e0f}
.fl {float:left}
.fr {float:right}
.cl {clear:both}
.red {color:#f00}
.ccc {color:#999}
.zh {text-align:center}
.b {font-weight:700; color:#1f3c93}
.o {font-weight:700; color:#ffaa01}
.eps {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.time {font-size:13px; color:#999}
.flex {display:flex; flex-wrap:wrap; justify-content:space-between; display:-webkit-flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between}
.wrap {width:1200px; overflow:hidden; margin:0 auto}
.topar,.head,.bannar,.banner,.banr,.about,.foot,.links{width:100%; min-width:1200px; overflow:hidden}
.h1-tit {font-size:24px; margin-top:-7px; margin-bottom:4px}
.act-img {box-sizing:border-box; transition:all .5s; -webkit-transition:all .5s; /* Safari */}
.act-img:hover {
	transform:scale(1.1);
	-ms-transform:scale(1.1);/* IE 9 */
	-moz-transform:scale(1.1); /* Firefox */
	-webkit-transform:scale(1.1);/* Safari 和 Chrome */
	-o-transform:scale(1.1)
	}
/*head*/
.topar {height:30px; line-height:30px; background:#f4f4f4; overflow:hidden; border-bottom:solid 1px #ddd}
.head {background:#181a1e; color:#fff; border-bottom:solid 1px #666; padding:10px 0; overflow:hidden}
.head .logo a {color:#fff}
.head .logo {width:350px; line-height:46px; font-size:21px; text-align:right; margin-right:6px}
.head .frbox {background:url(../images/tel.png) no-repeat left 16px; padding:10px 0 0 50px}
.head .frbox p:nth-child(1) {font-size:13px}
.head .frbox p:nth-child(2) {font-weight:700; font-size:24px}
.nav {width:800px; height:50px; line-height:50px; font-size:16px}
.nav li {width:100px; text-align:right}
.nav li:nth-child(1) a {color:#f00}
.nav a {display:block; color:#fff}
.nav a:hover {color:#f00}
.fixednav {position:fixed; top:0; left:0; width:100%; z-index:9}
/*bannar*/
.bannar {height:610px; position:relative; background:#333; overflow:hidden}
.banbox {width:100%}
.banbox .hd {width:1200px; height:35px; position:relative; bottom:35px; margin:0 auto}
.banbox .hd ul {width:120px; margin:0 auto}
.banbox .hd ul li {float:left; margin:10px; width:15px; height:15px; border-radius:50%; font-size:0; background:#ccc; cursor:pointer}
.banbox .hd ul li.on {background:#ffaa01}
.service {background:#181a1f; overflow:hidden; padding:50px 0}
.service a {color:#fff}
.service li {width:232px; position:relative; color:#fff}
.service li img {width:100%}
.service li .titi {display:block; width:100%; position:absolute; top:30px; font-size:32px; text-align:center}
.service li .more {display:block; width:100px; line-height:40px; position:absolute; bottom:30px; left:60px; font-size:16px; border:solid 1px #fff; text-align:center}
/*product*/
.indextit h2 {font-size:32px; margin:50px 0 10px}
.indextit p {line-height:26px; font-size:16px; color:#666}
.tab-tit-list {width:220px; line-height:40px; background:#666; border-radius:20px; text-align:center; overflow:hidden; margin:20px auto}
.tab-tit-list li {width:110px; color:#fff; cursor: pointer}
.tab-tit-list li:nth-child(1) {background:#ffaa01}
.tab-tit-list li:hover {background:rgba(0,0,0,0.9)}
#tab-box1 {display:block}
#qhbox_co2{display:none}
.product-list li {width:280px; line-height:30px; font-size:15px; background:#eee; border:solid 1px #ddd; text-align:center; margin-bottom:20px}
.product-list li img {display:block; width:100%; height:220px; margin-bottom:10px}
/*scale*/
.scale-list {margin:50px 0}
.scale-list li p {clear:both; font-size:18px}
.scale-list li p:nth-child(2) {font:48px/1.5 Impact; color:#1f3c93; margin:30px 0}
.scale-list li p .small {display:inline-block; width:23px;height:23px; line-height:23px; font-size:14px; background:#ffaa01; color:#fff; text-align:center; border-radius:50px}
/*lcloor*/
.lcloor-list li {width:105px; font-size:18px; text-align:center}
.lcloor-list li .p1 {width:105px; height:105px; border-radius:50%; margin:20px 0 10px}
.lcloor-list li:nth-child(1) .p1 {background:#1f3c93 url(../images/lc1.png) no-repeat center}
.lcloor-list li:nth-child(2) .p1 {background:#1f3c93 url(../images/lc2.png) no-repeat center}
.lcloor-list li:nth-child(3) .p1 {background:#1f3c93 url(../images/lc3.png) no-repeat center}
.lcloor-list li:nth-child(4) .p1 {background:#1f3c93 url(../images/lc4.png) no-repeat center}
.lcloor-list li:nth-child(5) .p1 {background:#1f3c93 url(../images/lc5.png) no-repeat center}
.lcloor-list li:nth-child(6) .p1 {background:#1f3c93 url(../images/lc6.png) no-repeat center}
.lcloor-list li:nth-child(7) .p1 {background:#1f3c93 url(../images/lc7.png) no-repeat center}
.lcloor-list li:nth-child(8) .p1 {background:#1f3c93 url(../images/lc8.png) no-repeat center}
/*lcloor*/
.about {height:500px; height:800px; background:url(../images/bg-about.jpg) no-repeat; background-size:100%; color:#fff; margin:50px 0}
.about .indextit p {line-height:26px; font-size:16px; color:#fff}
.about .fff {background:#fff; color:#333; border:solid 1px #ddd; overflow:hidden; padding:30px; margin-top:100px}
.about .fff .fr {width:580px; line-height:32px}
.about .fff .fr h3 {font-size:28px}
.about .fff .fr .o {font-size:22px; margin:10px 0}
/* picScroll */
.picScroll {background:#fff; overflow:hidden; margin-top:20px}
.picScroll .flex li {width:182px; overflow:hidden; text-align:center; margin-right:15px}
.picScroll .flex li img {display:block; width:182px; height:130px; border:#eee solid 1px}
/*foot*/
.foot {width:100%; color:#fff; background:#212123; margin-top:30px}
.foot a {color:#fff}
.foot a:hover {color:#f48a00; text-decoration:underline}
.foot_nav {width:100%; height:45px; line-height:45px; background:#18181a; overflow:hidden}
.foot_nav li {width:133px; font-size:16px; text-align:center}
.footbox {height:110px; margin:0 auto; padding:20px 0}
.footbox .logos {float:left; margin-right:35px} 
.copyright {width:700px; line-height:30px; background:url(images/ss.jpg) no-repeat; margin-top:10px; padding-left:30px}
.foot .ewm img {width:115px; height:115px}
.links {line-height:25px; background:#212123; color:#aaa; padding-bottom:15px}
.links a {color:#aaa; margin:0 5px}
/*main*/
.place {height:60px; line-height:60px; font-size:16px; background:#ffaa01; color:#fff; margin-bottom:50px}
.place a {color:#fff}
.main-l {width:230px}
.main-r {width:940px}
.main-l-nav h2 {line-height:60px; font-size:20px; color:#fff; background:#181a1e; text-indent:20px}
.main-l-nav-list {line-height:44px; background:#f9f9f9; text-indent:20px; border:solid 1px #181a1e; border-top:none; margin-bottom:20px}
.main-l-nav-list li {background:url(../images/libg2.png) no-repeat 195px center; border-bottom:solid 1px #eee}
.main-l-nav-list li:hover a {display:block; background:url(../images/lvjian.jpg) no-repeat; color:#fff}
.sidebox {border:solid 1px #181a1e; margin-bottom:20px}
.sidebox h5 {line-height:40px; font-size:18px; background:#181a1e; color:#fff; text-align:center}
.sidebox_tel {padding:10px 10px 0}
.sidebox_tel img {width:100%}
.sidebox_tel .dh {background:url(../images/hotLine.gif) no-repeat left center; padding-left:45px; margin-top:20px; margin-bottom:10px}
.sidebox_tel .dh span {font:700 20px/1.2 Arial}
.sidebox_tel .sj {line-height:28px; font-size:13px; background:url(../images/newsCut.gif) repeat-x; padding-top:10px}
/* piclist */
.piclist li {width:300px; font-size:16px; text-align:center; margin-bottom:20px}
.piclist li img {display:block; width:100%; height:200px; border:solid 1px #ddd}
/* content */
.content {line-height:30px; font-size:16px; border:solid 1px #ddd; overflow:hidden}
.content .titbox {font-size:13px; text-align:center; color:#999; margin:20px 0}
.content .titbox h1 {color:#000; font-size:24px; margin-bottom:13px}
.content .titbox .info span {margin:0 8px}
.content-box {line-height:30px; padding:20px}
.content-box h3 {font-weight:700; margin-bottom:10px}
.content-box .ttt {font-weight:700; margin-bottom:5px}
.content-box p {margin-bottom:20px}
.content-box p:last-child {margin-bottom:0}
.content-box .zh {color:#999}
.content-box .zixun li {width:420px; border:solid 1px #ddd}
.cottnext {height:60px; line-height:30px; border:dashed 1px #ddd; padding:5px 10px; margin:50px 0 30px}
/*
.content-box .albox li {width:430px; line-height:40px; background:#79bc28; color:#fff; text-align:center; margin-bottom:30px}
.content-box .albox img {width:100%; height:258px}
.zltable  {text-align:center}
.zltable th:nth-child(1) {width:80px}
.zltable th:nth-child(2) {width:200px}
.zltable th:nth-child(3) {width:160px}
*/
/*slide*/
.slide {position:relative; width:898px; overflow:hidden; margin:10px auto}
.slide .big {position:relative; left:0; top:0; overflow:hidden}
.slide a {position:absolute; top:300px; opacity:0; z-index:9}
.slide .big li {width:898px; float:left; background:#333; text-align:center; padding:20px 0}
.slide .big li img {max-height:700px}
.slide .prev {left:-10px}
.slide .next {right:-10px}
.slide .small {position:relative; width:100%;margin-top:5px}
.slide .small li {width:221px; float:left; background:#000; cursor:pointer; margin-right:5px}
.slide .small li:last-child {margin-right:0}
.slide .small li img {width:100%; height:190px; display:block; opacity:0.5}
/*recm*/
.recm {border:solid 1px #ddd; overflow:hidden; margin-top:20px}
.recm-t {height:40px; line-height:40px; background:#ededed; color:#666; border-bottom:solid 1px #ddd; margin-bottom:10px}
.recm-t h3 {width:160px; background:#fff; font-size:16px; text-align:center; border-top:solid 2px #3598dc; border-right:solid 1px #ddd; border-bottom:solid 1px #fff}
.recm-img {padding:10px; padding-bottom:0}
.recm-img li {width:170px; height:150px; background:#f1f1f1; border:solid 1px #ddd; text-align:center; padding:3px; margin-bottom:10px}
.recm-img li img {width:170px; height:125px}
.recm-img li a {color:#666; line-height:25px}
.recm-list li {width:410px; line-height:30px; float:left; background:url(../images/icolist.png) no-repeat left -280px; color:#999; text-indent:15px; margin:0 26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}