/* CSS Document */
.section_icon_nav_box1{width:100%;background: #FFF; height: 76px; border-bottom:1px solid #dfdfdf;}
.section_icon_nav_box2{height:76px;border-left:1px solid #eaeaea; width:1228px; margin:0 auto; position:relative;}
.section_icon_nav_box2 ul{margin-left:0px;height:76px;}
.section_icon_nav_box2 ul li {width:75px;position: relative; float: left; height: 76px;border-right:1px solid #eaeaea}

.section_icon_nav_box2 ul li.icon_nav1{margin-left:76px;}


.section_icon_nav_box2 ul li i{position:absolute;width:100%;height:100%;background-color:#775788; background-color:#FFF \9;opacity:0;-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;}
.section_icon_nav_box2 ul li:hover i{opacity:1;-webkit-animation:orangeIn 0.2s ease;animation:orangeIn 0.2s ease;background-color:#4d325f \9;}
.section_icon_nav_box2 ul li a {width:100%; height:76px; position:absolute; color:#5b586f;-webkit-transition: all 0s linear 0s;-moz-transition: all 0s linear 0s;-ms-transition: all 0s linear 0s;}
.section_icon_nav_box2 ul li a em{display: block; margin:-1px auto auto; width: 55px; height: 55px; background-image:url(../images/wp.png);}
.section_icon_nav_box2 ul li a:hover{color:#FFF}
.icon_nav1 a em{ background-position:-10px 0}
.icon_nav1 a:hover em{ background-position:-10px -76px}
.icon_nav2 a em{background-position:-85px 0px}
.icon_nav2 a:hover em{ background-position:-85px -76px}
.icon_nav3 a em{ background-position:-160px 0}
.icon_nav3 a:hover em{ background-position:-160px -76px}
.icon_nav4 a em{ background-position:-240px 0}
.icon_nav4 a:hover em{ background-position:-240px -76px}
.icon_nav5 a em{ background-position:-316px 0}
.icon_nav5 a:hover em{ background-position:-316px -76px}
.icon_nav6 a em{ background-position:-392px 0}
.icon_nav6 a:hover em{ background-position:-392px -76px}
.icon_nav7 a em{ background-position:-468px 0}
.icon_nav7 a:hover em{ background-position:-468px -76px}
.icon_nav8 a em{ background-position:-550px 0}
.icon_nav8 a:hover em{ background-position:-550px -76px}
.icon_nav9 a em{ background-position:-630px 0}
.icon_nav9 a:hover em{ background-position:-630px -76px}
.icon_nav10 a em{ background-position:-700px 0}
.icon_nav10 a:hover em{ background-position:-700px -76px}
.icon_nav11 a em{ background-position:-782px 0}
.icon_nav11 a:hover em{ background-position:-782px -76px}
.icon_nav12 a em{ background-position:-860px 0}
.icon_nav12 a:hover em{ background-position:-860px -76px}
.icon_nav13 a em{ background-position:-937px 0}
.icon_nav13 a:hover em{ background-position:-937px -76px}
.icon_nav14 a em{ background-position:-1014px 0}
.icon_nav14 a:hover em{ background-position:-1014px -76px}
.icon_nav15 a em{ background-position:-1091px 0}
.icon_nav15 a:hover em{ background-position:-1091px -76px}

.section_icon_nav_box2 ul li p { text-align: center; position: absolute; top: 47px; text-align: center; width: 100%; display: block; left: 0;}

@-webkit-keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}
@-moz-keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}
@-ms-keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}
@keyframes orangeIn {
	0% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
}

@-webkit-keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
}
@-moz-keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
}
@-ms-keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}
}
@keyframes orangeOut {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
100% {
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	opacity:0
}}

.part1{ width:100%; /*padding:30px 0px; background:#fff*/}

.jtlist{ position:absolute;right:0px; top:8px;}
.jtlist  a{display: block;width: 18px;height: 19px;background-color: #8c8c8c;margin-right: 2px;}
.jtlist .nextBtn i {background: url(../images/nextBtn.png) no-repeat center;}
.jtlist i {display: block;width: 18px;height: 19px;}
.jtlist .preBtn i {background: url(../images/prveBtn.png) no-repeat center;}

.part2{ width:100%; padding-bottom:30px; background:#fff}
.part2 .con{ margin:0 auto; width:1228px; box-sizing:border-box; border:1px solid #e4e4e4; overflow:hidden}
.part2 .con .zjl{ float:left; width:410px; height:500px; box-sizing:border-box; padding:18px;}
.part2 .con .tt{ height:35px; line-height:35px; font-size:20px; padding-bottom:6px; position:relative}
.part2 .con .zjl .zjlist{ padding-bottom:5px;}
.part2 .con .zjl .zjlist li{ position:relative}
.part2 .con .zjl .zjlist li img{ display:block}
.part2 .con .zjl .zjlist li a:hover{color:#666}
.part2 .con .zjl .zjlist li .txt{ position:absolute; width:162px; left:210px; top:95px;font-size:18px; line-height:30px;}
.part2 .con .zjl .zjlist li p:nth-of-type(2){ font-size:30px; line-height:50px;}
.btnlist{ width:100%; padding-top:18px;}
.part2 .con .zjr{ float:right; width:816px; height:500px; box-sizing:border-box; padding:18px; border-left:1px solid #e4e4e4}
.part2 .con .zjr .jrzy{ position:absolute; right:30px; top:0px;}
.part2 .con .zjr .zjlist{position:relative}
.part2 .con .zjr .zjlist li{ position:relative}
.part2 .con .zjr .zjlist li img{ display:block}
.part2 .con .zjr .zjlist li .txt{ position:absolute; box-sizing:border-box; width:508px; height:90px; padding:5px 22px; background:rgba(123,106,149,0.88); left:0; bottom:18px; font-size:12px; color:#FFFFFF;}
.part2 .con .zjr .zjlist li .txt .t1{ font-size:23px; line-height:34px;}



.part2 .con .zjr .zjlist .prev{ position:absolute; z-index:3; left:10px; top:170px; width:61px; height:64px; display:block;opacity:0; filter:alpha(opacity=0);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.part2 .con .zjr .zjlist .next{ position:absolute; z-index:3; right:10px; top:170px; width:61px; height:64px; display:block;opacity:0; filter:alpha(opacity=0);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.part2 .con .zjr .zjlist:hover .prev,.part2 .con .zjr .zjlist:hover .next{opacity:1; filter:alpha(opacity=100);}

.part3{ width:100%; padding-bottom:30px;}
.part3 .con{ margin:0 auto; width:1228px; overflow:hidden; position:relative}
.part3 .con li{ display:inline; float:left; margin:0px 13px; width:218px; position:relative; border:1px solid #e4e4e4;}
.part3 .con li img{ display:block; width:100%}
.part3 .con li .bj{ position:absolute; left:0; top:0; box-sizing:border-box; padding-top:5px; width:218px; height:226px; text-align:center; font-size:14px; line-height:26px;  background:rgba(123,106,149,0.9); color:#FFFFFF; opacity:0; filter:alpha(opacity=0); -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.part3 .con li .btn1{ position:absolute; left:20px; top:120px; padding-top:18px; box-sizing:border-box; width:75px; height:75px; background:#fff; border-radius:50%; text-align:center; font-size:14px;opacity:0; filter:alpha(opacity=0); -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.part3 .con li .btn2{ position:absolute; right:20px; top:120px; padding-top:18px; box-sizing:border-box; width:75px; height:75px; background:#fff; border-radius:50%; text-align:center; font-size:14px;opacity:0; filter:alpha(opacity=0); -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.part3 .con li .t1{ height:38px; line-height:38px; font-size:16px; color:#666; text-align:center}
.part3 .con li .t1 span{ font-size:16px; color:#333; padding-right:10px;}
.part3 .con li a{ color:#333333}
.part3 .con li a:hover{ color:#c08cdd;}

.part3 .con li:hover .bj,.part3 .con li:hover .btn1,.part3 .con li:hover .btn2{opacity:1; filter:alpha(opacity=100);}
.part3 .con li:hover .bj{ padding-top:35px;}
.part3 .con li:hover .btn1{ left:28px;}
.part3 .con li:hover .btn2{ right:28px;}

.part3 .con .prev{ position:absolute; left:0; top:90px; z-index:3}
.part3 .con .next{ position:absolute; right:0; top:90px; z-index:3}

.part4{ width:100%; padding-bottom:30px;}
.part4 .con{ margin:0 auto; width:1228px; overflow:hidden}
.part4 .con .p4l{ float:left; padding-top:51px; width:468px;}
.part4 .con .p4r{ float:left; width:760px; position:relative}
.part4 .con .p4l .tt{ background:#ecebf0; height:64px; line-height:64px; text-indent:20px; font-size:23px;}
.part4 .con .p4l .tt img{ display:inline;}
.part4 .con .p4l li{ width:156px; height:150px; float:left; overflow:hidden; display:inline; }
.part4 .con .p4l li a{ display:block; width:100%; height:100%;position:relative}
.part4 .con .p4l li .img{ position:absolute; left:0; top:0}
.part4 .con .p4l li .img:nth-of-type(1){opacity:0; filter:alpha(opacity=0); z-index:2;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.part4 .con .p4l li .t1{ position:absolute; width:100%; left:0; top:0; height:24px; line-height:24px; text-align:center; font-size:12px; color:#FFFFFF;opacity:0; filter:alpha(opacity=0); -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s; z-index:3}
.part4 .con .p4l li .t2{ position:absolute; width:100%; background:
rgba(192,2,92,.8); left:0; bottom:0; height:24px; line-height:24px; text-align:center; font-size:12px; color:#FFFFFF;opacity:0; filter:alpha(opacity=0); -webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s; z-index:3}
/*.part4 .con .p4l li:hover .img:nth-of-type(1){opacity:1; filter:alpha(opacity=100)}
.part4 .con .p4l li:hover .t1{opacity:1; filter:alpha(opacity=100)}*/
.part4 .con .p4l li:hover .t2{opacity:1; filter:alpha(opacity=100)}

.part4 .con .p4l li .video1{ width:100%; height:100%; overflow:hidden;}

.part4 .con .p4l li .overlayImg{position:absolute; left:0; top:0; width:156px; height:153px;}
.part4 .con .p4l li .videoIcon{ position:absolute; left:0; top:0; z-index:4;}

.part4 .con .p4r .bd li{ width:470px;}
.part4 .con .p4r .bd li img{display:block;}
.part4 .con .p4r .hd{ position:absolute; bottom:20px; width:100%; text-align:center}
.part4 .con .p4r .hd li{ display:inline-block; margin-right:10px; width:12px; height:12px; background:#fff; border-radius:50%; cursor:pointer}
.part4 .con .p4r .hd li.on{ background:#FF0000}
.part4 .con .p4r .prev{ position:absolute; left:0px; top:280px; z-index:3;opacity:0; filter:alpha(opacity=0);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.part4 .con .p4r .next{ position:absolute; right:0px; top:280px; z-index:3;opacity:0; filter:alpha(opacity=0);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}

.part4 .con .p4r:hover .prev,.part4 .con .p4r:hover .next{opacity:1; filter:alpha(opacity=100)}

.part5{ padding-bottom:30px; width:100%; background:#fff}
.part5 .con{ margin:0 auto; width:1228px; overflow:hidden}
.part5 .con .tabbox {height: 37px;margin: 30px 0 0 0px;width:1200px; padding-left:28px; border-bottom:1px solid #ccc}
.part5 .con .tabbox ul {height: 37px;width:100%;}
.part5 .con .tabbox ul li{ float:left; width:136px; height:37px; line-height:37px; text-align:center; font-size:18px; color:#666666; cursor:pointer}
.part5 .con .tabbox ul li.on{background:#7c6d97; color:#fff}

.part5 .con .imgbox{ margin:30px auto; width:1200px; overflow:hidden;}
.part5 .con .imgbox dl{ width:1200px; }
.part5 .con .imgbox dl dd{width:1200px; display:none}
.part5 .con .imgbox dl dd.on{ display:block}
.part5 .con .imgbox dl dd .ll{ float:left; width:299px; overflow:hidden; position:relative}
.part5 .con .imgbox dl dd .rr{ float:left; width:900px;}
.part5 .con .imgbox dl dd .rr .list{ float:left; margin-left:12px; margin-bottom:12px;width:213px; height:183px;position:relative}

.part5 .con .imgbox dl dd .ll .a{ display:block; width:100%; height:100%; position:absolute; z-index:5; opacity:0;filter: alpha(opacity=0);background:#f2f1f1;}
.part5 .con .imgbox dl dd .ll .bg{background:#000;opacity:0;filter: alpha(opacity=0); width:100%; height:128px; position:absolute; bottom:0; z-index:2;transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;}
.part5 .con .imgbox dl dd .ll .txt{ width:248px; position:absolute; left:25px; top:262px;opacity:0;filter: alpha(opacity=0); font-size:14px; color:#fff; z-index:3;transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transform: scale(0);
	-webkit-transform: scale(0);}
.part5 .con .imgbox dl dd .ll .txt .t1{ font-size:16px}

.part5 .con .imgbox dl dd .ll:hover .bg{opacity:0.7;filter: alpha(opacity=70);}
.part5 .con .imgbox dl dd .ll:hover .txt{opacity:1;filter: alpha(opacity=100);	transform: scale(1);
	-webkit-transform: scale(1);}


.part5 .con .imgbox dl dd .rr .list .a{ display:block; width:100%; height:100%; position:absolute; z-index:5; opacity:0;filter: alpha(opacity=0);background:#f2f1f1;}
.part5 .con .imgbox dl dd .rr .list .bg{background:#000;opacity:0;filter: alpha(opacity=0); width:100%; height:100%; position:absolute; z-index:2;	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;}
.part5 .con .imgbox dl dd .rr .list .txt{ width:168px; position:absolute; left:25px; top:56px;opacity:0;filter: alpha(opacity=0); font-size:14px; text-align:center; color:#fff; z-index:3;	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transform: scale(0);
	-webkit-transform: scale(0);}
.part5 .con .imgbox dl dd .rr .list .t1{ font-size:16px}

.part5 .con .imgbox dl dd .rr .list:hover .bg{opacity:0.7;filter: alpha(opacity=70);}
.part5 .con .imgbox dl dd .rr .list:hover .txt{opacity:1;filter: alpha(opacity=100);	transform: scale(1);
	-webkit-transform: scale(1);}

.yyhj{ width:100%; height:356px; background: url('../images/huanjing.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed;}
.yyhj .con{ margin:0 auto; width:1228px; height:356px;}
.yyhj .con .one{ width:100%; height:80px; padding-top:50px; text-align:center; position:relative}
.yyhj .con .two{ width:100%; height:155px; padding-top:50px;position:relative; color:#FFFFFF; font-size:14px}
.yyhj .con .two a{color:#FFFFFF;}
.yyhj .con .two a:hover{color:#9390a5;}
.yyhj .con .two .tt{ font-size:17px; padding-bottom:6px;}
.yyhj .con .two .list1{ float:left; width:100px; height:145px; padding-left:73px; line-height:26px; background:url(../images/bottom_4.png) 0 center no-repeat}
.yyhj .con .two .list2{ float:left; width:100px; height:145px; padding-left:73px; line-height:26px; background:url(../images/bottom_5.png) 0 center no-repeat}
.yyhj .con .two .list3{ float:left; width:100px; height:145px; padding-left:73px; line-height:26px; background:url(../images/bottom_6.png) 0 center no-repeat}

.yyhj .con .two .list4{ float:left; width:100px; height:145px; padding-left:73px; line-height:26px; background:url(../images/bottom_7.png) 0 center no-repeat}
.yyhj .con .two .list5{ float:left; width:100px; height:145px; padding-left:73px; line-height:26px; background:url(../images/bottom_8.png) 0 center no-repeat}
.yyhj .con .two .list6{ float:left; width:100px; height:145px; padding-left:73px; line-height:26px; background:url(../images/bottom_9.png) 0 center no-repeat}
.yyhj .con .two .list7{ float:left; width:100px; height:145px; padding-left:73px; line-height:26px; background:url(../images/bottom_10.png) 0 center no-repeat}