@charset "utf-8";
/* CSS Document */

div,table,html,body,form,ul,ol,li,dl,dt,img,dd,tr,span,input,select,img,p{margin:0 ;padding:0;}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
body{
	font-size: 14px;
	font-family: "微软雅黑";
	color: #000000;
	text-align: left;
	background-color:#ffffff;
	line-height: 26px;
}
a{text-decoration:none;}
a:hover{text-decoration:none;}
button{margin:0; padding:0;}
ul li{list-style:none;}
img{border:none;}
.mycl{width:0px; height:0px; clear:both; overflow:hidden;}
.newcl{clear:both;}
h1 {font-family:"微软雅黑"; font-size:26px; color:#0057a9; text-align:center;}
p {text-indent:2em;}
img {display:block;}
.heide {height: 30px; background-color: #ffffff; z-index: 0; position: relative;filter: alpha(opacity=50);opacity: 0.5;
margin-top: -30px;}
.wz {z-index: 1;height: 30px;line-height: 30px;position: relative;text-align: left;
color: #FFFFFF;text-align: center;margin-top: -30px;}
.wz a, .wz a:visited {color: #FFFFFF;}

.bg {background:url(bg.jpg) center top no-repeat; background-color:#ffffff;}
.top {height:800px;}
.cont {width:1650px; height:800px; margin:0 auto; position:relative;}
.cont > div{ display:none}
.img_phone {width:1301px; height:685px; position:absolute; left:-125px; bottom:-130px;}
.img_phone img {width:1301px; height:685px;}

.img_book {width:1190px; height:700px; position:absolute; left:-100px; bottom:54px;}
.img_book img {width:1190px; height:700px;}

.img_tree {width:498px; height:285px; position:absolute; left:300px; bottom:264px;}
.img_tree img {width:498px; height:285px;}

.img_people {width:178px; height:200px; position:absolute; left:550px; bottom:220px;}
.img_people img {width:178px; height:200px;}

.img_yd {width:395px; height:286px; position:absolute; left:740px; top:60px;}
.img_yd img {width:395px; height:286px;}

.img_h5 {width:256px; height:149px; position:absolute; left:1100px; top:185px;}
.img_h5 img {width:256px; height:149px;}

.img_treeunder {width:538px; height:266px; position:absolute; left:860px; bottom:87px;}
.img_treeunder img {width:538px; height:266px;}

.img_title01{ position:absolute;  width:299px; height:34px; left:50%; margin-left:28px; top:170px;   }
.img_title01 img{width:100%; height:100%;}

.img_title02{ position:absolute;  width:244px; height:122px; left:50%; margin-left:45px; top:215px;   }
.img_title02 img{ width:100%; height:100%; }

.img_title03{ position:absolute;  width:189px; height:189px; left:50%;margin-left:300px; top:180px;   }
.img_title03 img{width:100%; height:100%; }

.img_title04{ position:absolute;  width:267px; height:29px; left:50%;margin-left:60px; top:350px;   }
.img_title04 img{width:100%; height:100%;}


.img_bar {width:174px; height:231px; position:fixed; right:0px; top:87px;}
.img_bar img {width:174px; height:231px;}





.container {width:1200px; margin:0 auto; padding-top:40px;}
.h5_box {width:238px; height:400px; border:1px solid #333333; float:left; background:#ffffff; padding:10px; margin:20px; overflow:hidden; position:relative;}
.h5_box .pic img {width:238px; height:315px;}
.h5_box .pic{width:238px; height:315px; position:relative; overflow:hidden;}
.h5_box h1 {font-size:16px; border-bottom:1px solid #666666; color:#000; text-align:center; line-height:22px; padding:9px 0px}
.h5_box h1 a{ color:#000;}
.h5_box p {text-indent:0; color:#666;text-align:Justify;text-justify:inter-ideograph;}

.h5_box .ewm{ position:absolute; width:100%; height:100%; top:0; left:100%; transition: left 0.5s ease 0s; }
.h5_box .ewm .bg{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background:#000000; width:100%; height:100%; top:0; left:0; position: absolute; }
.h5_box .ewm .ewmPic{ width:220px; height:220px; position:absolute; left:50%; margin-left:-110px; top:50%; margin-top:-110px;}
.h5_box .ewm .ewmPic img{ width:100%; height:100%;}
.h5_box:hover .ewm{transition: left 0.5s ease 0s;  left:0; }

.tsh_box {width:238px; height:380px; border:1px solid #333333; float:left; background:#ffffff; padding:10px; margin:20px;}
.tsh_box .pic img {width:238px; height:315px;}
.tsh_box .pic{width:238px; height:315px; position:relative; overflow:hidden;}
.tsh_box h1 {font-size:16px;  color:#000; text-align:center; line-height:22px; padding:9px 0px}
.tsh_box h1 a{ color:#000;}
.tsh_box p {text-indent:0; color:#666;text-align:Justify;text-justify:inter-ideograph;}



.more {text-align:center; color:#666666; font-size:16px;}