html{overflow-x:hidden;overflow-y:auto;}
html,body,head,div,ul,ol,li,iframe,frameset,frame,p,h1,h2,h3,h4,form,dl,dt,dd,table,tbody,thead,tfoot,tr,th,td,col,a,b,em,i,label,span,legend,fieldset,button,input,select,option,map,img,textarea,br{padding:0px;margin:0px;}
body{font:12px/1.5  Verdana, Arial, Helvetica, sans-serif; color:#333; background:url(bg01.jpg) no-repeat  top #FFF; line-height:28px;}
a{text-decoration:none;color:#333;outline:none;}
a:hover{text-decoration:none;color:#7e7e7e;}
h1,h2,h3,h4,h5,h6,input,button{font-size:100%;}
img,input,button,select{border:none;vertical-align:middle;}
input,select,textarea,button{outline:none;}
table{border:none;border-spacing:0px;border-collapse:collapse;}
ul,ol,li{list-style-type:none;}
th,td,p{word-wrap:break-word; overflow:hidden;}
.clearfix:after{content:".";display:block;clear:both;height:0px;font-size:0px;line-height:0px;visibility:hidden;}
.clearfix{zoom:1;}
.clear{display:block;clear:both;height:0px;line-height:0px;font-size:0px;visibility:hidden;}

.font-size12{ font-size:12px;}
.font-size14{ font-size:14px;}
.font-size16{ font-size:16px;}
.font-size18{ font-size:18px;}
.font-size22{ font-size:22px;}
.font-size28{ font-size:28px;}

.color01{ color:#fff;}
.color02{ color:#333333}
.color03{ color:#ff8600}
.color04{color:#1f3a87}
.color05{color:#FF0000;}


.text-align01{ text-align:left}
.text-align02{ text-align:center}
.text-align03{ text-align:right}
.text-align04{ vertical-align:middle;}

.line-height28{ line-height:28px;}
.line-height30{ height:30px; line-height:30px;}
.line-height35{ line-height:35px;}
.line-height40{ line-height:40px;}
.font-weight01{ font-weight:bold;}

.border01{ border-top:#cbe7ad solid 1px; border-right:#cbe7ad solid 1px; border-left:#cbe7ad solid 1px; border-bottom:#e2f2d1 solid 1px;}
.border02{ border-right:#cbe7ad solid 1px; border-left:#cbe7ad solid 1px; border-bottom:#cbe7ad solid 1px;}
.border03{ border:#CCCCCC solid 1px;}
.border04{ border-top: solid 1px #cbe7ad;}
.border05{ border:none;}

.width01{ width:100%}
.width02{ width:1026px;}
.height01{ height:auto; overflow:hidden;}


.mar01{ margin:0 auto;}
.mar02{ margin:15px auto 0px auto;}
.mar03{ margin-right:10px;}
.mar04{ margin-top:10px;}
.mar09{ margin-left:15px;}

.background-color01{background-color:#FFF;}
.background-color02{background-color:#f9fff3;}
.background-color03{background-color:#f1f1f1;}

.float01{float:left;}
.float02{float:right;}

.menu{ margin-top:200px; height:50px; background:url(bg02.jpg) no-repeat center;}
.menu a{ display:block; float:left; margin-left:50px; line-height:50px; font-size:22px; color:#FFFFFF;}

.banner{ width:1026px; height:313px;}

.body_left{ width:709px; height:630px; padding-top:14px; background:url(bg03.jpg) no-repeat top left;}
.body_left02{ margin-top:55px;}
.body_left02 li{ float:left; margin:0 0 20px 20px; width:320px; height:94px;}
a.link01:link,.a.link01:visited{ display:block; float:left; margin-left:5px; width:212px; padding-left:8px; background:url(ico01.jpg) no-repeat 0% 50%; line-height:25px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}
.body_left04{ margin-top:80px;}
.body_left04 a{ margin-left:25px;}
.body_right{ width:308px; height:630px; padding-top:14px; background-color:#e1f5ff;}
.body_right02{ margin-top:20px;}

.bottom{ background:#46c5fd; height:90px; padding-top:40px;}

.scenic_left{ width:709px;}
.scenic_left01{ width:660px; height:161px; padding:20px; background:url(bg04.jpg) repeat-x top left; line-height:25px;}

.scenic_left01 img{border:2px solid rgb(255, 255, 255);}

.scenic_left01 a{ display:block; float:left;}
.width_a1{ width:450px; height:auto; word-wrap:break-word; overflow:hidden;padding-left:10px}

.nr_left{width:308px; height:850px; padding-top:14px; background-color:#fafaeb;}
a.link02:link,.a.link02:visited{ display:block;  width:212px; text-align:center; line-height:35px; border-bottom:dotted #CCCCCC 1px;}
a.link02:hover{ color:#FFF; background:#2fc1fa;}
a.link021:link{color:#FFF; background:#2fc1fa;}
.nr_right{width:629px;  padding:40px 40px; background:#ebfcfe; border:#b7f7fe solid 1px;}

.page{ width:70%; padding-left:30%;}
.page a{ display:block; float:left; margin-left:5px;}
a.link03:link,.a.link03:visited{ width:20px; height:20px; text-align:center; line-height:20px; background:#fcfcfc; border:solid 1px #dfdfdf;}
a.link03:hover{ background:#dfdfdf; border:solid 1px #d5d5d5;}
a.link031:link{background:#dfdfdf; border:solid 1px #d5d5d5;}

.video_right{width:649px;  padding:40px 30px; background:#ebfcfe; border:#b7f7fe solid 1px;}
.video{}
.video li{ float:left; margin:15px 15px 0 0;}
.video a{ display:block; text-align:center; width:200px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}

.box{width:1026px;height:313px;text-align:center;font-size:50px;position:relative;overflow:hidden;}
.box ul{height:1026px;width:313px;position:relative;}
.box ul li{width:1026px;height:313px;left:300px;top:0;position:absolute;}
.box ol{position:absolute;bottom:15px;width:260px;margin-left:-130px;left:50%;z-index:20;text-align:center;}
.box ol a{width:10px;height:10px;margin-right:10px;background:#027cda;border-radius:50%;display:inline-block;box-shadow:2px 3px 5px #CCCCCC;}
.box ol a.active{background:white;z-index:18;}

