﻿@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;verflow:-Scroll;overflow-x:hidden
}
H1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,footer,header,menu,nav,section,summary,time,mark,audio,video{ border:0; padding:0; margin:0;font-family: "微软雅黑", "宋体", Helvetica, Arial, sans-serif;font-size: 100%;vertical-align: baseline;}
.bianse{filter: Alpha(Opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
A.bianse:link{filter: Alpha(Opacity=80);-moz-opacity: 0.8;opacity: 0.8;}
A.bianse:visited{filter: Alpha(Opacity=80);color: #ffffff;}
A.bianse:hover{position: relative;filter: alpha(opacity=100);top: -2px;right: 0px;-moz-opacity: 1;opacity: 1;}
A.yidong:hover{position: relative;top: 3px;right: 0px;text-decoration: none;}
BLOCKQUOTE{quotes: none;}
Q{quotes: none;}
BLOCKQUOTE:before{content: none;}
BLOCKQUOTE:after{content: none;}
Q:before{content: none;}
Q:after{content: none;}
INS{background-color: #ff9;color: #000;text-decoration: none;}
mark{background-color: #ff9;font-style: italic;color: #000;font-weight: bold;}
DEL{text-decoration: line-through;}
ABBR[title]{border-bottom: 1px dotted;cursor: help;}
DFN[title]{border-bottom: 1px dotted;cursor: help;}
TABLE{border-spacing: 0;border-collapse: collapse;}

.clear{ clear:both;}

.ffr { float:right;}

.sytp1 { width:100%; height:100vh; margin:0px auto; background:url(../images/b1_bg.jpg) no-repeat top; background-size:cover;}
.synr1 { width:1000px; height:78vh; padding-top:15vh; margin:0px auto;}

.sytp2 { width:100%; height:100vh; margin:0px auto; background:url(../images/b2_bg.jpg) no-repeat top; background-size:cover;}
.synr2 { width:1200px; height:78vh; padding-top:15vh; margin:0px auto;}

.sytp3 { width:100%; height:100vh; margin:0px auto; background:url(../images/b3_bg.jpg) no-repeat top; background-size:cover;}
.synr3 { width:800px; height:78vh; padding-top:15vh; margin:0px auto; padding-left:300px;}

.b3_01{width: 280px; float: left; margin-top:170px; }
.b3_02{width: 259px; float:left; margin-top:20px; margin-bottom:10px; }
.b3_03{width: 425px;top: 0px;float:left; margin-bottom:10px; }
.b3_04{width: 290px;top: 0px; float:left; margin-bottom:10px;}
.b3_05{text-align: right;width: 290px;top: 463px;left: 525px; position: relative;}
.b3_06{text-align: right;width: 290px;top: 332px;left: 464px; position: relative;}

.sytp4 { width:100%; height:100vh; margin:0px auto; background:url(../images/b4_bg.jpg) no-repeat top; background-size:cover;}
.synr4 { width:1200px; height:80vh; padding-top:20vh; margin:0px auto; }


.synr4 ul { width:800px; height:auto; float: left; padding-top:20px;}
.synr4 li { width:240px; height:240px; float:left; margin:10px ;}
.synr4 li img {width:240px; height:240px;}

.sytp5 { width:100%; height:100vh; margin:0px auto; background:url(../images/b5_bg.jpg) no-repeat top; background-size:cover;}
.synr5 { width:1180px; height:80vh; padding-top:20vh; margin:0px auto; }

.fl { float:left; }

.synr51 { float:right; margin:20px;}


.sytp6 { width:100%; height:100vh; margin:0px auto; background:url(../images/b6_bg.jpg) no-repeat top; background-size:cover;}
.synr6 { width:622px; height:80vh; padding-top:20vh; margin:0px auto; }


.sytp7 { width:100%; height:100vh; margin:0px auto; background:url(../images/b7_bg.jpg) no-repeat top; background-size:cover;}
.synr7 { width:1200px; height:80vh; padding-top:20vh; margin:0px auto; }



.sdf{ 
   
  
    border-bottom: 1px solid #EBEBEB;
    line-height:28px;
    height: 28px;
    overflow:hidden;
    width:1000px;
    z-index: 999;
margin:0px auto;
text-align:left;
vertical-align:middle;width:100%;
}


.sdf .layout{ width:auto; margin-left:10%;text-indent:30px; height:29px; line-height:29px; font-size:12px;}
.sdf a{ color:#999999}
.sdf a:hover{ color:#006600;}
.sdf img{}

.box .load{z-index: 900;position: absolute;width: 100vh;height: 100vh;top: 0px;left: 0px;}
.load_bg{width: 100%;height: 100%;}
.load P{z-index: 200;position: absolute;margin: -16px 0px 0px -16px;width: 32px;height: 32px;overflow: hidden;top: 50%;left: 50%;}
.load .loadTxt{text-align: center;margin: 50px 0px 0px -200px;width: 400px;height: 86px;color: #666;font-size: 30px;font-weight: bold;}
.wrapHeader{z-index: 999;border-bottom: #004727 1px solid;position: fixed;width: 100%; border-top:1px solid #FFF; height: 86px;top: 0px;left: 0px;}
.header{margin: 0px auto;width: 100%;height: 87px;background:rgba(30,92,0,0.99);}
.logo{width: 359px;float: left;height: 86px;margin-left:10%;}
.nav{line-height: 86px;list-style-type: none;float: right;font-size: 14px;font-weight: ;list-style-image: none; margin-right:10%;}
.nav LI{line-height: 86px;list-style-type: none;float: left;font-size: 14px;font-weight: ;list-style-image: none;}
.nav A{padding-bottom: 0px;padding-left: 16px;padding-right: 16px;float: left;color: #fff;text-decoration: none;padding-top: 0px;}
.nav A:hover{background: #02883d;color: #ffd57a;border-radius:0px 0px 20px 20px ;}
.nav .cur{background: #02883d;color: #ffd57a;  border-radius:0px 0px 20px 20px; border:1px solid #256406; border-top:none;}
.fixedNav{z-index: 1000;position: fixed;list-style-type: none;margin-top: -50px;width: 24px;display: none;background: url(../images/sprite.png) no-repeat 0px -110px;height: 141px;top: 50%;list-style-image: none;padding-top: 24px;right: 2%;}
.fixedNav LI{position: relative;padding-left: 3px;width: 100%;margin-bottom: 5px;float: left;height: 16px;}
.fixedNav .icon{width: 16px;display: block;background: url(../images/sprite.png) no-repeat -40px -131px;height: 16px;cursor: pointer;}
.fixedNav .txt{position: absolute;text-align: center;line-height: 19px;width: 76px;display: none;background: url(../images/sprite.png) no-repeat 0px -80px;height: 19px;color: #fff;font-size: 12px;top: 0px;left: -80px;}
.fixedNav .cur .icon{background: url(../images/sprite.png) no-repeat -40px -110px;}
.wrapBox{position: fixed;width: 100%;top: 60px;}
.box{position: relative;width: 100%;height: 800px;overflow: hidden;left: 0px; margin:0px auto;}
.box_fixed{position: relative !important;width:1200px; margin:0px auto;height: 570px;}
.box DIV{z-index: 100;position: absolute;}
.box .zIndex10{z-index: 10;}
.box .zIndex40{z-index: 40;}
.box .zIndex50{z-index: 50;}
.box .zIndex150{z-index: 150;}
.box .zIndex160{z-index: 160;}

.box_bg { width:100vh; height:100vh; }

.box1_bg { width:100%; background:url(../images/b1_bg.jpg) center; background-size:cover;}




.b1_bg{}
.b1_01{top: 453px;left: 1020px;}
.b1_02{top: 0px;left: 0px;}
.b1_03{top: 753px;left: 0px;}
.b1_03 IMG{display: block;}
.anima {opacity: .5;-webkit-animation-name: "opt";-webkit-animation-duration: 2s;-webkit-animation-timing-function: ease;-webkit-animation-iteration-count: infinite;}

.b2_bg{}
.b2_01{top: -175px;left: 0px;}
.b2_02{z-index: 100;position: absolute;color: #fff;font-size: 30px;top: 210px;left: 980px;}
.b2_07{z-index: 100;position: absolute;color: #fff;font-size: 14px;top: 305px;left: 930px;}
.b2_03{top: 30px;left: 600px;}
.b2_04{top: 100px;left: 1100px;}
.b2_06{top: -500px;left: 200px;}

.b3_bg{color: #666;}
.box_tl{border-bottom: #110d08 1px solid;text-align: center;width: 960px;height: 80px;margin-left: -480px;top: 30px;left: 50%;}
.clfea005{color: #fea005;}
.box_tl H2{height: 60px;font-size: 30px;font-weight: bold;}
.box_tl P{font-family: Arial;color: #bcbcbc;font-size: 16px;}
.b3_img{width: 371px;height: 347px;margin-left: -185px;top: 180px;left: 50%;opacity: 0;}
.transform.b3_img{-webkit-animation-name: "rotate";-webkit-animation-duration: 3s;-webkit-animation-iteration-count: 1;-webkit-transform: rotate(0deg);-webkit-transition-timing-function: linear;}
.b3_txt{line-height: 20px;color: #0c0904;font-size: 12px;}
.b3_txt STRONG{display: block;height: 25px;color: #6b460f;font-size: 18px;}

.b4_bg{color: #fff;}
.b4_tl{position: absolute;width: 165px;font-size: 35px;top: 50px;left: 0px;}
.b4_tl SPAN{display: block;font-size: 30px;}
.b4_txt_box{top: 80px;left: -00px;}
.b4_txt{width: 240px;font-size: 12px;left: 0px; height:480px; overflow:hidden; }
.b4_txt .txt{top: auto;bottom: 0;height: 3.75em;color: #3c4a50;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0); z-index:99;}
.b4_txt .txt .shadeDiv{ width:430px; height: 3.75em; background: #fff; opacity:0.57;filter:alpha(opacity=57); z-index:-1; position:absolute; }
.b4_txt .txt .detail{padding: 5px; width:430px; height:100vh;}
.b4_txt:hover .txt {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);bottom: 0; color:#000;}
.b4_txt .txt span{ height:20px; width:430px;overflow:hidden; display:block;}
.b4_txt .txt .price{ color:#333333; font-size:16px;}

.b4_txt a{ display:block;}
.b4_txt STRONG{line-height: 25px;font-size: 16px;}
.b4_txt img{ width:240px; height:240px;}
.b4_txt01{top: 130px;}
.b4_txt02{top: 212px;left: 260px;}
.b4_txt03{top: 294px;left: 520px;}
.b4_txt04{top: 476px;}
.b4_txt05{top: 476px;left: 260px;}
.b4_txt06{top: 476px;left: 520px;}
.b4_01{top: 20px;}
.b4_02{top: -50px;}
.b4_01 .tl{position: absolute;text-align: center;width: 100%;font-size: 12px;top: 475px;left: 0px;}
.b4_02 .tl{position: absolute;text-align: center;width: 100%;font-size: 12px;top: 475px;left: 0px;}
.b4_01{left: 940px;}
.b4_02{left: 1195px;}

.b5_bg{color: #666;}
.b5_tl{border-bottom-color: #d3e1c9;height: 80px;top: 20px;}
.b5_tl H2{height: 50px;font-size: 38px;}
.b5_txt{position: absolute;text-align: center;width: 960px;color: #bcbcbc;margin-left: -480px;font-size: 14px;top: 70px;left: 50%;}
.b5_01{top: -155px;left: 0px;}
.b5_ico{text-align: center;font-size: 12px;top: 80px;left: 280px;}
.b5_ico P{position: absolute;}
.b5_ico .b5_ico01{width: 241px;height: 426px;top: 0px;}
.b5_ico .b5_ico02{width: 241px;height: 426px;top: 0px;left: 125px;}
.b5_ico .b5_ico03{width: 241px;height: 426px;top: 0px;}
.b5_ico .b5_ico04{width: 241px;height: 426px;top: 0px;}
.b5_ico .b5_ico05{width: 154px;background-position: -274px -138px;height: 150px;top: 123px;left: 280px;}
.b5_ico .b5_ico06{width: 154px;background-position: -274px -288px;height: 150px;top: 270px;left: 280px;}

.b6_bg{color: #fff;}
.b6_tl{position: absolute;width: 350px;font-size: 38px;top: 15px;left: 500px;}
.b6_tl SPAN{display: block;font-family: "Arial";font-size: 16px;font-weight: normal;padding-top: 5px;}
.b6_cont{width: 960px;height: 500px;font-size: 14px;top: 0px;left: 220px;}
.b6_img{top: 68px;left: 174px;}
.b6_txt01{top: 45px;left: 20px;}
.b6_txt02{top: -50px;left: 130px;}
.b6_txt03{top: 50px;left: 220px;}
.b6_txt04{top: 420px;left: 130px;}
.b6_txt05{top: 500px;left: 370px;}
.b6_txt06{top: 400px;left: 104px;}
.b6_txt07{top: 202px;left: 38px;}
.b6_cont I{position: absolute;width: 10px;display: block;background: url(../images/b6_ico.png) no-repeat;height: 10px;}
.b6_txt01 I{top: 26px;left: 98px;}
.b6_txt02 I{top: 16px;left: -19px;}
.b6_txt03 I{top: 14px;left: -16px;}
.b6_txt04 I{top: -21px;left: 14px;}
.b6_txt05 I{top: -21px;left: 66px;}
.b6_txt06 I{top: -1px;left: 121px;}
.b6_txt07 I{top: 15px;left: 139px;}
.b6_arrow{width: 30px;height: 34px;overflow: hidden;top: 188px;left: 430px;}
.b6_arrow EM{position: absolute;width: 12px;display: block;height: 34px;top: 0px;}
.b6_arrow01{background: url(../images/b6_arrow.png) no-repeat;left: 1px;}
.b6_arrow02{background: url(../images/b6_arrow.png) no-repeat -16px 0px;left: 17px;}
.b6_01{top: -150px;left: 1000px;}

.b7_bg{}
DIV.b7_tl{height: 70px;top: 30px;}
.b7_tl H2{color: #6e6e6e;font-size: 38px;}
.b7_tl P{font-family: "Microsoft Yahei";font-size: 12px;}
DIV.b7_contact{width: 673px;height: 1100px;left: 180px;}
.b7_contact .tel{padding-left: 100px;width: 280px;float: left;font-size: 30px;}
.b7_contact .service{width: 280px;float: left;}
#footer{min-width: 1003px;text-align: center;line-height: 25px;width: 100%;bottom: 0px;background: #1d1d1d;float: left;height: 25px;color: #eaf3d6;font-size: 12px;}
#footer a{color: #eaf3d6;}
#footer a:hover{ color:#FF0000;}
.b7_contact .service STRONG{text-indent: -9999px;width: 115px;background: url(../images/b7_sprite.png) no-repeat -125px -103px;float: left;height: 40px;overflow: hidden;}
.b7_contact .service .qq{width: 31px;background: url(../images/b7_sprite.png) no-repeat;float: left;height: 40px;margin-right: 9px;}
.b7_contact .service .qq01{background-position: 0px -111px;}
.b7_contact .service .qq02{background-position: -40px -110px;}
.b7_contact .service .qq03{background-position: -80px -111px;}
.b7_contact .bocService{margin-top: -8px;width: 213px;background: url(../images/b7_sprite.png) no-repeat 0px -50px;float: left;height: 46px;}
DIV.b7_bottom{z-index: 999;margin: 0px auto;width: 1003px;color: #f3c995;left: 100px;}
DIV.b7_bottom DIV{position: static;}
.b7_map{width: 420px;background:rgba(255,255,255,0.3); float: left;height: 413px;overflow: hidden;}
.b7_map .txt{height: 29px;color: #fff;font-size: 14px;}
.b7_map .img{border-bottom: #ccc 1px solid;border-left: #ccc 1px solid;float: left;border-top: #ccc 1px solid;border-right: #ccc 1px solid;}
.b7_map .img IMG{vertical-align: top;}
.b7_pretty{ width: 500px;float: left;height: 513px;margin-left: 20px;padding-top:;overflow: hidden;}
.b7_pretty img{ width:500px; margin-left:30px; }
.more{text-align: center;line-height: 40px;text-indent: 0px;margin: 10px auto;width: 150px;background: #03390e;float: right;height: 40px;color: #fbcc86;}
#cbox{position: relative;width: 265px;height: 389px;overflow: hidden;}
#cbox A{position: absolute;top: 0px;text-decoration: none;left: 0px;}
.a1{width: 265px;height: 389px;}
.a2{text-align: left;line-height: 30px;text-indent: 20px;padding-left: 15px;width: 235px;padding-right: 15px;background:rgba(255,255,255,0.5); height: 389px;color: #03390e;font-size: 14px;vertical-align: middle;}
#text{position: static;}
#text2{position: static;}
#cbox1{position: relative;width: 350px;height: 189px;overflow: hidden;}
#cbox1 A{position: absolute;top: 0px;text-decoration: none;left: 0px;}
.b1{width: 259px;height: 189px;}
.b2{text-align: left;line-height: 30px;padding-left: 15px;width: 235px;padding-right: 15px;background:rgba(255,255,255,0.5);height: 389px;color: #03390e;font-size: 14px;vertical-align: middle;padding-top: 0px;}
#cbox2{position: relative;width: 425px;height: 209px;overflow: hidden;}
#cbox2 A{position: absolute;top: 0px;text-decoration: none;left: 0px;}
.c1{width: 425px;height: 209px;}
.c2{text-align: left;line-height: 30px;padding-left: 15px;width: 395px;padding-right: 15px;background:rgba(255,255,255,0.5);height: 209px;color: #03390e;font-size: 14px;vertical-align: middle;padding-top: 0px;}
#cbox3{position: relative;width:350px;height: 189px;overflow: hidden;}
#cbox3 A{position: absolute;top: 0px;text-decoration: none;left: 0px;}
.d1{width: 425px;height: 189px;}
.d2{text-align: left;line-height: 180px; text-align:center;padding-left: 0px;width: 259px;padding-right: 0px;background:rgba(255,255,255,0.5);height: 189px;color: #03390e;font-size: 14px;vertical-align: middle;padding-top: 0px;}
#cbox4{position: relative;width: 259px;height: 189px;overflow: hidden;}
#cbox4 A{position: absolute;top: 0px;text-decoration: none;left: 0px;}
.e1{width: 259px;height: 189px;}
.e2{text-align: left;line-height: 30px;padding-left: 5px;width: 259px;padding-right: 0px;background: #1d1d1d;height: 189px;color: #dfdde2;font-size: 14px;padding-top: 5px;}
#cbox5{position: relative;width: 259px;height: 189px;overflow: hidden;
}
#cbox5 A{position: absolute;top: 0px;text-decoration: none;left: 0px;}
.f1{width: 259px;height: 189px;}
.f2{text-align: left;line-height: 30px;padding-left: 5px;width: 259px;padding-right: 5px;background: #1d1d1d;height: 189px;color: #dfdde2;font-size: 14px;padding-top: 0px;}
#box_mes{padding-top: 50px;}
#box_ctt{margin: 0px auto;width: 375px; padding:20px; color:#333; }
#box_ctt p { margin:0px; padding:0px;}
.dbq{z-index: 9999999999999;position: fixed;width: 100%;bottom: 0px;height: 34px;left: 0px; background:rgba(17,71,0,0.5); color:#CCC; line-height:34px; font-size:12px; text-indent:20px;}
.dbq a { color:#CCC;}
.fl { float:left}
.fr { float:right;}
