/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper1360{width: 1360px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}

.head{padding: 14px 0;position: fixed;left: 0;right: 0;top: 0;z-index: 999999;background: rgb(255, 255, 255);border-bottom: 1px solid #F6F6F6;}
.menu ul li{display: inline-block;line-height: 72px;width: 115px;text-align: center;position: relative;}
.menu ul li .a1{ color: #34495e;font-size:14px;}
.menu ul li i{border-left: 5px solid transparent;border-top: 5px solid #333;border-right: 5px solid transparent;position: absolute;right: 6px;top: 33px;}
.menu ul li:hover{background: #039242;}
.menu ul li:hover .a1{color: #fff;}
.menu ul li:hover dl{display: block;}
.menu ul li:hover i{border-left: 5px solid transparent;border-top: 5px solid #fff;border-right: 5px solid transparent;}
.menu dl{display: none;position: absolute;left: 0;top: 72px;text-align: center;background: #fff;}
.menu dl dd{text-align: center;width: 115px;}
.menu dl dd:hover{background: #E7BF77;}
.menu dl dd a{color: #34495e;font-size: 14px;}
.menu dl dd:hover a{color: #fff;}

.con1 img{width: 100%;}
.con1 .leftimg{width: 40%;margin-top: 286px;}
.con1 .rightimg{width: 56%;}

.con2{position: relative;}
.con2bg{position: absolute;left: 0;bottom: 0;}
.con2left{width: 40%;text-align: left;margin-top: 50px;position: relative;z-index: 999;}
.con2rigt{width: 56%;height: 100%;position: relative;z-index: 999;}
.con2left .tit{text-align: left;}
.con2left .main{margin: 25px 0;font-size: 16px; color: #8a8a8a;line-height: 28px;}
.con2left .more{margin-top: 40px;}
.con2left .more a{color: #2c2c2c;font-size: 16px;}
.con2rigt ul li{display: inline-block;width: 28.5%;height: 100%;padding: 80px 2%;}
.con2rigt ul li .img1{width: 156px; transition: all 1s ease;transform:  rotateY(0deg);-webkit-transform:  rotateY(0deg);-moz-transform:  rotateY(0deg);}
.con2rigt ul li .img1:hover{ transition: all 1s ease;transform:  rotateY(360deg);-webkit-transform:  rotateY(360deg);-moz-transform:  rotateY(360deg);}
.con2rigt ul li h3{font-weight: normal;font-size: 24px;color: #fff;text-align:cent;margin: 20px 0;position: absolute;margin-top: -103px;
left: 0;right: 0;}
.con2rigt ul li .imgsize{overflow: hidden;}
.con2rigt ul li .imgsize img{width: 100%;transition: all 1s;}
.con2rigt ul li .imgsize img:hover{transform: scale(1.2);}
.con2rigt ul li span{display: block;color: #fff;text-align:left;text-indent: 2em;font-size: 14px;line-height: 22px;margin: 10px 0;}
.con2rigt ul li .more{text-align: left;}
.con2rigt ul .li1{background: #4ABB5A;}
.con2rigt ul .li2{background: #E7BF77;margin-left: -0.6%;}

.con3 ul{margin-top: 50px;}
.con3 ul li{display: inline-block;width: 15.4%;margin: 0 0.5%;}
.con3 ul li img{width: 100%;transition: all 1s ease;transform:  rotateY(0deg);-webkit-transform:  rotateY(0deg);-moz-transform:  rotateY(0deg);}
.con3 ul li img:hover{ transition: all 1s ease;transform:  rotateY(360deg);-webkit-transform:  rotateY(360deg);-moz-transform:  rotateY(360deg);}


.con4{/*position: relative;*/padding-top: 165px;}
.con4bg{/*position: absolute;left: 0;bottom:0;right: 0;*/}
.con4left{width: 56%;text-align: left;padding-bottom: 50px}
.con4left .tit{text-align: left;}
.con4left .main{margin: 25px 0;font-size: 14px; color: #fff;line-height: 28px;}
.con4left .more{margin-top: 40px;}
.con4left .more a{color: #fff;font-size: 16px;}
.con4right{width: 40%;}
.con4right ul li{display: inline-block;width: 49%;position: relative;}
.con4right ul li img{width: 100%;}
.con4right ul li .libg{position: absolute;left: 0;top:0;right: 0;bottom: 0;background: rgba(0,0,0,.3);display: none;}
.con4right ul li:hover .libg{display: block;}

.con5{position: relative;}
.con5 .con5left{width: 50%;height: 100%;}
.con5 .con5right{width: 50%;height: 100%;}

.con5con{position: absolute;left: 33.2%;top: 20%;width: 641px;height: 638px;}
.con5con .img2{margin-top: 100px;}
.con5con ul li{display: inline-block;margin: 0 0%;position: relative;height: 350px;width: 10%;}
.con5con ul li .img11{position: absolute;top: 0;}
.con5con ul li .img22{position: absolute;top: 0;left: 44px;}
.con5con ul li .img33{position: absolute;top: 0;}
.con5con ul li .img44{position: absolute;bottom: 61px;left: -40px;}

.con6{width: 100%;height: 100%;}
.con6left{width: 40%;padding-top: 10%;}
.con6right{width: 56%;padding-top: 10%;text-align: right;}
.con6right .tit{margin-bottom: 40px;}
.contact{background: url(../images/index_img21.png) center no-repeat;width: 585px;height: 309px;margin-left: 89px;position: relative;}
.contact .ad1{position: absolute;left: 53px;top: 53px;}
.contact .ad2{position: absolute;left: 53px;top: 142px;}
.contact .ad3{position: absolute;left: 53px;top: 231px;}
.contact .ad4{position: absolute;right: 124px;top: 26px;}
.contact .ad5{position: absolute;right: 124px;top: 111px;}
.contact .ad6{position: absolute;right: 101px;top: 196px;}
.contact  span{display: block; font-size: 14px;color: #707070;text-align: left;line-height: 22px;}

.foot{z-index: 9999999;position: fixed;bottom: 0;left: 0;right: 0;height: 50px; background-color: rgba(114, 177, 123, 1);line-height: 50px;color: #fff;font-size: 14px;text-align: center;}


.list{height: 40px;line-height: 40px;padding: 15px 0;background:  #F3F3F3;}
.list ul li{display: inline-block;width: 155px;text-align: center;}
.list ul li:hover{background: #88C671;}
.list ul li:hover a{color: #fff;}
.list ul li a{font-size: 14px ;color: #000;}

.inside{padding: 60px 0;}