* { margin: 0; padding: 0; font-family: "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti; font-size: 14px; }

li { list-style: none; }

a { text-decoration: none; color: #666666; }

img { display: block; border: none; }

.clear { clear: both; }

.hide { display: none; }

.container { width: 1200px; margin: 0 auto; }

.banner1 { width: 100%; height: 344px; background: url("img/banner_01.jpg") center; }

.banner2 { width: 100%; height: 367px; background: url("img/banner_02.jpg") center; }

.banner3 { width: 100%; height: 80px; background: url("img/banner_03.jpg") center; padding-top: 189px; }

.btitle { width: 926px; height: 134px; margin: 132px auto 0; background: url("img/title.png") no-repeat; }

.logo { padding-top: 35px; width: 180px; }

@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: none; } }
.animated { animation-duration: 1s; animation-fill-mode: both; }

.fadeInUp { animation-name: fadeInUp; }

.nav { width: 100%; height: 80px; line-height: 80px; background: url("img/navbg.png") repeat-x; margin-bottom: 0; }
.nav a { font-size: 16px; color: #333333; padding: 0 17px; display: inline-block; float: left; transition: all .2s; margin-right: 1px; }
.nav a.con { background: #52bd57; color: #FFFFFF; border-radius: 5px; float: right; width: 105px; height: 40px; text-align: center; line-height: 40px; margin-top: 20px; }
.nav a.con:hover { color: #FFFFFF; background: #48a24c; }
.nav a:hover, .nav a.on { color: #fff; background: #52bd57; }

.fix { position: fixed; z-index: 9998; top: 0; background: rgba(255, 255, 255, 0.8); height: 60px; line-height: 60px; box-shadow: 2px 1px 7px 1px #cccccc; overflow: hidden; }
.fix a:hover, .fix a.on { color: #FFFFFF; }
.fix a.con { margin-top: 10px; }

/*---common title---*/
dl.com dt { font-size: 40px; margin-bottom: 20px; color: #333333; font-weight: lighter; }
dl.com dt span { font-weight: bold; font-size: 40px; }
dl.com dt.sma { font-size: 24px; margin-bottom: 10px; line-height: 36px; }
dl.com dt.sma span { font-size: 24px; }
dl.com dd { font-size: 14px; line-height: 28px; color: #666666; }

/*-------0.1 billion ton------------*/
.grey { width: 100%; padding: 80px 0 25px; background: #f0f0f0; }

.bill { width: 600px; float: left; }

.death { width: 570px; height: 270px; float: right; background: url("img/death.png") no-repeat; text-align: center; line-height: 34px; color: #333333; text-indent: 20px; }

.fws { width: 100%; margin: 30px auto 0; }
.fws dl { width: 270px; height: 240px; float: left; margin: 0 40px 35px 0; box-shadow: 3px 5px 7px 2px #d6d6d6; transition: all .2s; }
.fws dl dt { width: 100%; height: 180px; overflow: hidden; }
.fws dl dt img { width: 100%; transition: all .2s; }
.fws dl dd { width: 100%; height: 60px; background: #FFFFFF; line-height: 60px; text-align: center; font-size: 18px; color: #333333; }
.fws dl:hover { box-shadow: 4px 8px 7px 2px #cecaca; }
.fws dl:hover dt img { transform: scale(1.05); }
.fws dl:nth-child(4n) { margin-right: 0; }

/*-----protect-------*/
@keyframes bling { 0% { opacity: 1; }
  50% { opacity: .2; }
  100% { opacity: 1; } }
@keyframes bling2 { 0% { opacity: 1; }
  50% { opacity: .4; }
  100% { opacity: 1; } }
.protect { width: 100%; height: 900px; background: url("img/protect.jpg") center; padding-top: 80px; }
.protect .container { position: relative; }
.protect dl { width: 1130px; }
.protect i.play { display: inline-block; width: 40px; height: 40px; background: url("img/icons.png") no-repeat -388px -150px; position: absolute; left: 458px; top: 8px; cursor: pointer; animation: bling2 1s linear infinite; }
.protect i.dot { width: 10px; height: 10px; background: #f85435; border: 2px solid #fff; position: absolute; top: 510px; left: 640px; border-radius: 50%; animation: bling 1s linear infinite;cursor: pointer;}
.protect .gun { width: 300px; height: 266px; position: absolute; background: url("img/gun.png") no-repeat; font-size: 18px; color: #f85435; text-align: right; left: 650px; top: 245px; padding-right: 10px; }

/*-------------------*/
.zheng { width: 100%; height: 400px; background: url("img/bg_zheng.jpg") center no-repeat; background-color: #232428; padding-top: 100px; margin-bottom: 60px; }
.zheng dl { width: 640px; float: right; padding-top: 30px; }
.zheng dl dt { color: #52f85a; }
.zheng dl dd { color: #cccccc; }

.first { width: 100%; height: 300px; background: url("img/shou.jpg") no-repeat; background-color: #52bd57; }
.first dl { margin-left: 730px; }
.first dl.com { width: 435px; }
.first dl dt.sma { padding-top: 25px; }
.first dl dt, .first dl dd { color: #FFFFFF; }
.first dl.con { width: 244px; height: 40px; line-height: 40px; background: rgba(255, 255, 255, 0.1); border: 1px solid #FFFFFF; margin-top: 10px; padding: 5px; transition: all .3s; }
.first dl.con dt { float: left; width: 70px; height: 40px; margin-right: 12px; }
.first dl.con dt img { width: 100%; }
.first dl.con dd { float: left; }
.first dl.con:hover { background: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 12px 0px #fff; }

.thrd { width: 465px; float: left; text-align: right; margin-top: 180px; }
.thrd em { font-size: 80px; color: #52bd57; font-style: normal; font-weight: lighter; }

.cmap { width: 722px; height: 600px; float: right; background: url("img/cmap.png") no-repeat; margin-top: 50px; }
.cmap div { display: block; width: 722px; height: 367px; background: url("img/cmap.png") no-repeat 0 -630px; margin-top: 191px; display: none; }

/*--------pingzhi---------*/
.qua { width: 100%; height: 420px; padding-top: 80px; background: url("img/bg_qua.jpg") center no-repeat; margin-bottom: 69px; }
.qua dl dt, .qua dl dd { color: #FFFFFF; }

.jihui { width: 100%; height: 300px; background: url("img/bg_jihui.jpg") no-repeat; background-color: #232428; }
.jihui dl { margin-left: 635px; width: 530px; padding-bottom: 20px; }
.jihui dl dt { padding-top: 40px; }
.jihui dl dt, .jihui dl dd { color: #FFFFFF; }
.jihui a { margin-left: 635px; color: #666666; font-size: 14px; font-style: italic; text-decoration: underline; transition: all .2s; }
.jihui a:hover { color: #ccc; }

.shui { width: 1165px; height: 255px; background: url("img/shuil.jpg") right no-repeat; background-color: #f5f5f5; padding: 45px 0 0 35px; }
.shui dl { width: 525px; }
.shui dl dd { color: #333333; }

.xijie { width: 100%; height: 600px; background: #f5f5f5; }
.xijie .per { width: 598px; height: 518px; border: 1px solid #e6e6e6; padding-top: 80px; background: #FFFFFF; float: left; }
.xijie dl { width: 530px; float: left; padding: 30px 0 0 40px; }
.xijie dl dd { color: #333333; margin-bottom: 25px; }
.xijie dl dd h6 { font-size: 16px; color: #52bd57; }

/*---------chance-----------*/
.chance { width: 100%; height: 980px; margin: 60px 0 80px; background: #1d302f; }
.chance dl.com dt { padding-top: 80px; }
.chance dl.com dt, .chance dl.com dd { color: #FFFFFF; }
.chance .tab1, .chance .tab2 { width: 100%; position: relative; margin-top: 20px; overflow: hidden; }
.chance .tab1 p, .chance .tab1 span, .chance .tab2 p, .chance .tab2 span { position: absolute; color: #FFFFFF; }
.chance .tab1 p, .chance .tab2 p { font-size: 18px; top: 10px; }
.chance .tab1 span, .chance .tab2 span { left: 467px; top: 42px; }
.chance .tab1 span.s2, .chance .tab2 span.s2 { left: 675px; }
.chance .tab1 .clums, .chance .tab2 .clums { width: 1110px; height: 225px; margin: 64px 0 0 90px; }
.chance .tab1 .clums dl, .chance .tab2 .clums dl { width: 40px; height: 100%; float: left; margin-right: 39px; position: relative; }
.chance .tab1 .clums dl dt, .chance .tab1 .clums dl dd, .chance .tab2 .clums dl dt, .chance .tab2 .clums dl dd { width: 50%; position: absolute; bottom: 0; }
.chance .tab1 .clums dl dt, .chance .tab2 .clums dl dt { background: #FFFFFF; left: 0; }
.chance .tab1 .clums dl dd, .chance .tab2 .clums dl dd { background: #52bd57; right: 0; }
.chance .tab1 { height: 324px; background: url("img/bg_tab1.png") bottom no-repeat; }
.chance .tab1 p { left: 440px; }
.chance .tab2 { height: 340px; background: url("img/bg_tab2.png") bottom no-repeat; }
.chance .tab2 p { left: 426px; }
.chance .tab2 .clums { margin-left: 100px; }
.chance .tab2 .clums dl { width: 20px; margin-right: 14px; }

/*----------blue------------*/
.maps { width: 100%; height: 185px; }
.maps dl { width: 25%; float: left; height: 180px; }
.maps dl dt { width: 100%; height: 165px; background: url("img/maps.png") no-repeat; background-color: #e6e6e6; transition: all .3s; }
.maps dl dt.m2 { background-position-y: -157px; }
.maps dl dt.m3 { background-position-y: -327px; }
.maps dl dt.m4 { background-position-y: -505px; }
.maps dl dd { width: 100%; text-align: center; }
.maps dl:hover dt { background-color: #52bd57; }
.maps dl:hover dd { color: #52bd57; }

.search { width: 100%; margin-top: 35px; }
.search p { color: #999999; text-align: center; width: 100%; font-style: italic; margin-bottom: 25px; }

.eng { width: 600px; margin: 0 auto 25px; height: 50px; }
.eng li { width: 170px; height: 50px; float: left; background: url("img/icons.png") no-repeat -205px -607px; margin-right: 50px; cursor: pointer; }
.eng li.on { background-position-y: -680px; }
.eng li.bd { background-position: -25px -470px; width: 140px; }
.eng li.bd.on { background-position-y: -535px; }
.eng li.gou { background-position: -25px -598px; margin-right: 0; }
.eng li.gou.on { background-position-y: -656px; }

.key { width: 960px; height: 40px; line-height: 40px; margin: 0 auto; }
.key input { width: 795px; height: 40px; line-height: 40px; border: 1px solid #e6e6e6; border-right: none; text-indent: 15px; color: #333333; outline: none; float: left; font-size: 16px; }
.key a { display: block; width: 160px; height: 42px; float: left; background: #52bd57; color: #FFFFFF; text-align: center; line-height: 42px; font-size: 16px; }

/*--------jingji----------*/
.jing { width: 100%; height: 520px; padding-top: 80px; margin: 55px 0; background: url("img/bg_jing.jpg"); }
.jing dl.com { text-align: right; }
.jing .exm { width: 950px; height: 300px; float: right; text-align: center; margin-top: 25px; }
.jing .exm span, .jing .exm dt, .jing .exm i { background: url("img/icons.png") no-repeat; font-size: 16px; color: #333333; }
.jing .exm span { display: block; width: 240px; height: 158px; background-position: 6px -220px; line-height: 265px; float: left; margin-top: 55px; }
.jing .exm i { display: block; width: 56px; height: 255px; background-position: -454px -517px; float: left; margin: 25px 10px 0 10px; }
.jing .exm .ics { width: 600px; height: 300px; float: left; }
.jing .exm .ics dl { width: 33%; float: left; margin-bottom: 65px; }
.jing .exm .ics dl dt { width: 110px; height: 100px; margin: 0 auto; background-position: -246px -239px; }
.jing .exm .ics dl dt.d2 { background-position-y: -352px; }
.jing .exm .ics dl dt.d3 { background-position-y: -470px; }
.jing .exm .ics dl dt.d4 { background-position: -355px -235px; }
.jing .exm .ics dl dt.d5 { background-position: -355px -352px; }
.jing .exm .ics dl dt.d6 { background-position: -355px -470px; }
.jing .exm .ics dl dd { color: #333333; }

/*----------*/
.video { width: 100%; height: 300px; margin: 55px 0; }
.video .vi_img { width: 600px; height: 300px; float: left; margin-right: 40px; cursor: pointer; position: relative; }
.video .vi_img:hover i { background-position-x: -300px; }
.video i.player { display: block; width: 50px; height: 50px; background: url("img/icons.png") no-repeat -224px -148px; position: absolute; left: 270px; top: 120px; }
.video dl dt { color: #52bd57; padding-top: 35px; }
.video .v_txt { font-size: 14px; color: #999999; cursor: pointer; background: url("img/icons.png") no-repeat -496px 0; float: left; text-indent: 15px; margin-top: 70px; transition: all .2s; }
.video .v_txt:hover { color: #333; }

h4 { font-size: 24px; color: #333333; text-align: center; font-weight: normal; }

.jy { width: 100%; height: 190px; margin-top: 35px; }
.jy dl { width: 185px; height: 190px; text-align: center; background: url("img/icons.png") no-repeat -8px -7px; float: left; margin-right: 18px; }
.jy dl dt, .jy dl dd { width: 100%; height: 80px; font-size: 14px; color: #333333; font-weight: lighter; padding-top: 15px; }
.jy dl dt span, .jy dl dd span { font-size: 24px; display: block; margin-top: 5px; }
.jy dl dd span { color: #52bd57; }
.jy dl:last-child { margin-right: 0px; }

/*----------------*/
.footer { width: 100%; height: 490px; padding-top: 50px; background: #232428; margin-top: 80px; }
.footer .conts { width: 100%; height: 130px; }
.footer .conts dl { width: 25%; float: left; height: 130px; cursor: pointer; }
.footer .conts dl * { transition: all .2s; }
.footer .conts dl dt { width: 80px; height: 80px; border: 1px solid #52bd57; border-radius: 50%; margin: 0 auto 15px; background: url("img/icons.png") no-repeat -205px -69px; display: block; }
.footer .conts dl dt.tel { background-position-x: -283px; }
.footer .conts dl dt.wx { background-position-x: -368px; }
.footer .conts dl dd { text-align: center; color: #52bd57; }
.footer .conts dl:hover dt { border-color: #FFFFFF; background-color: #FFFFFF; }
.footer .conts dl:hover dd { color: #FFFFFF; }
.footer .conts .qr { width: 100px; height: 100px; margin-left: 1000px; display: none; }
.footer .conts .qr img { width: 100%; }
.footer p { font-size: 24px; color: #FFFFFF; text-align: center; font-weight: lighter; margin: 45px auto; }
.footer form input { width: 360px; height: 36px; line-height: 36px; text-indent: 10px; margin-right: 55px; border: none; background: #232428; font-size: 16px; color: #666666; border-bottom: 1px solid #666666; outline: none; }
.footer form input.cop { margin-right: 0; }
.footer form input.txt { width: 100%; margin: 25px 0 30px; }
.footer form button { background: #303134; width: 80px; height: 40px; line-height: 40px; text-align: center; color: #999999; font-size: 16px; border: none; cursor: pointer; transition: all .2s; margin-left: 500px; float: left; outline: none; }
.footer form button:hover { background: #52bd57; color: #FFFFFF; }
.footer form button#rewr { margin-left: 40px; }

.copy { width: 100%; height: 60px; line-height: 60px; background: #1c1d20; color: #FFFFFF; }
.copy a { color: #ffffff; }
.copy span { float: right; }

.mask { position: fixed; background-color: rgba(51, 51, 51, 0.4); width: 100%; height: 100%; z-index: 8; top: 0px; left: 0px; display: none; }
.mask video { position: absolute; left: 50%; top: 50%; margin-left: -480px; margin-top: -270px; }
.mask .imgclo { cursor: pointer; position: fixed; top: 15%; right: 25%; color: #666666; z-index: 999; font-size: 55px; color: red; }

/*# sourceMappingURL=index.css.map */