@keyframes myfirst
{
    from {width: 10px;padding: 0; }
    to {width: 50px;padding: 0 5px; }
}
@-webkit-keyframes myfirst /* Safari 鍜� Chrome */
{
    from {width: 10px;padding: 0; }
    to {width: 50px;padding: 0 5px; }
}
#myMenu{ width: 64px; height: 200px; position: fixed; top: 50%; margin-top: -100px; right:20px;}
#myMenu li{ text-align: right; height: 16px; margin: 10px 0;}
#myMenu li a{display: inline-block;width: 10px; height: 10px; border: 2px solid #ffffff; border-radius: 8px; color: #0179ad; font-size: 12px; overflow: hidden; text-indent: -200px; text-align: center; margin-top: 3px;}
#myMenu li.active a,#myMenu li a:hover{
    width: 50px; padding: 0 5px; height: 16px; line-height: 16px; background: #fff;text-indent: 0px; margin-top: 0px;
    animation:myfirst 0.1s ease-in-out;
    -webkit-animation:myfirst 0.1s ease-in-out; /* Safari 鍜� Chrome */
}
.page1 { background: url('../img/banner1_02.png') no-repeat center top;}
.page2 { background: url('../img/banner2_02.png') no-repeat center bottom;}
.page3 { background: url('../img/banner3_02.png') no-repeat center bottom;}
.page4 { background: url('../img/banner4_02.png') no-repeat center bottom;}
.page5 { background: url('../img/banner5_02.png') no-repeat center bottom;}
.page6 { background: url('../img/banner6_01.png') no-repeat center top;}
p.title { position: relative; top: 35%; font: 700 40px "Microsoft Yahei"; color: #fff; text-align: center;}
.header{position: fixed; z-index: 9;}
.indexbox{ text-align: center; padding-top: 74px; }
.fp-tableCell{ display: block; vertical-align: top;}


.indexbox h2{ color: #fff;font-size: 30px; text-align: center; margin-top: 70px; font-weight: 400;}
.indexbox h3{color: #fff;font-size: 16px; text-align: center; margin-top: 10px;font-weight: 400}
.indexbox div.aboutus{color: #fff;font-size: 14px; text-align: center; line-height: 180%; width: 800px; margin: 40px auto;}
.indexbox div.aboutus a{color: #fff;}


.page1{text-align: center;}
.page1 .banner1img{ margin-top: 115px;}

.page2 .indexbox ul{margin: 0 auto; margin-top: 50px; width: 650px;}
.page2 .indexbox ul li{ float: left; margin: 0 30px;}
.page2 .indexbox ul li a{color: #fff;font-size: 14px; text-align: center; display: inline-block; width: 100px; height: 60px; padding-top: 60px;}
.page2 .indexbox ul li a.synopsis{background: url('../img/page2img1.png') no-repeat center top;}
.page2 .indexbox ul li a.culture{background: url('../img/page2img2.png') no-repeat center top;}
.page2 .indexbox ul li a.organize{background: url('../img/page2img3.png') no-repeat center top;}
.page2 .indexbox ul li a.aptitude{background: url('../img/page2img4.png') no-repeat center top;}
.page2 .indexbox ul li a:hover{}
.page2 .indexbox ul li a span{font-size: 12px; font-weight: 300;}
.page2 .indexbox ul li a:hover span{}


.page6 .indexbox h2,.page6 .indexbox h3,.page6 .indexbox div.aboutus,.page6 .indexbox div.aboutus a,
.page4 .indexbox h2,.page4 .indexbox h3,.page4 .indexbox div.aboutus,.page4 .indexbox div.aboutus a
{ color: #333333;  }

.page6 .contactus{ width: 720px; height: 340px; background: url('../img/contactusbg.png') no-repeat center bottom; margin: 0 auto; margin-top: 100px; }
.page6 .contactus .contactusbox{ height: 190px; border-bottom: 1px solid #fbfcfb; background: url('../img/ewm.jpg') no-repeat left top; background-size: 150px 150px; padding-left: 210px; text-align: left; }
.page6 .indexcontacttext{ width: 240px; padding-top: 15px; line-height: 200%; font-size: 14px; }



.picScroll-left{ width:1080px;  overflow:hidden; position:relative; margin: 0 auto; }
.picScroll-left .bd{ padding:0px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; width:240px; height:180px; overflow: hidden; position: relative; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:240px; height:180px; display:block;  padding:0px; }
.picScroll-left .bd ul li .pic a:hover img{ }
.picScroll-left .bd ul li .title{ line-height:24px; position: absolute; bottom: 0; height: 24px; text-align: center; width: 240px; color: #fff; z-index: 12; transition:all 0.2s ease 0s;}
.picScroll-left .bd ul li .title a{ color: #fff; display: block; width: 100%; height: 100%;}
.picScroll-left .bd ul li .titlebg{position: absolute; bottom: 0; height: 24px; text-align: center; width: 240px;background: #000;opacity:0.5; z-index: 10; transition:all 0.2s ease 0s;}
.picScroll-left .bd ul li .more{ line-height:22px; position: absolute; bottom: 60px; height: 22px; text-align: center; width: 240px; color: #fff; z-index: 11; display: none; transition:all 0.2s ease 0s;}
.picScroll-left .bd ul li .more a{ color: #fff; display:inline-block; width: 66px; height: 22px; border-radius: 10px; text-align: center;  color: #fff; background:#008bc9; line-height: 22px;  }
.picScroll-left .bd ul li:hover .titlebg,.picScroll-left .bd ul li.active .titlebg{height: 180px; transition:all 0.2s ease 0s;}
.picScroll-left .bd ul li:hover .title,.picScroll-left .bd ul li.active .title{ bottom: 90px; transition:all 0.3s ease 0s;}
.picScroll-left .bd ul li:hover .more,.picScroll-left .bd ul li.active .more{ display: block; transition:all 0.3s ease 0.6s;}


.picMarquee-left{ width:1080px;  overflow:hidden; position:relative; }
.picMarquee-left .bd{ padding:0px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;width:240px; height:280px; overflow: hidden; position: relative; background: #fff; }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:240px; height:180px; display:block; padding:0px; }
.picMarquee-left .bd ul li .title{ padding: 5px 20px; margin-top: 15px; text-align: left; }
.picMarquee-left .bd ul li .desc{ line-height:150%;padding: 0px 20px;  text-align: left; }
.picMarquee-left .bd ul li a{ color: #333;font-size: 14px;}
.picMarquee-left .bd ul li  .title a{ color: #333;font-size: 16px;}
.picMarquee-left .bd ul li .borders{ border: 2px solid #0171a9;box-sizing:border-box;width:240px; height:280px; position: absolute; top: 0; left: 0; display: none; }
.picMarquee-left .bd ul li .borders a{display: block; width: 100%; height: 100%;}
.picMarquee-left .bd ul li .more{  position: absolute; top: 160px; right: 20px; height: 40px; text-align: center; width: 40px; color: #fff; z-index: 11; }
.picMarquee-left .bd ul li .more a{ display:inline-block; width: 40px; height: 40px; border-radius: 40px; text-align: center;  color: #fff; background:#0178b0; line-height:40px;}
.picMarquee-left .bd ul li:hover .borders,.picMarquee-left .bd ul li.active .borders{display: block;}
.picMarquee-left .bd ul li:hover a ,.picMarquee-left .bd ul li.active a{ color: #009add;}
.picMarquee-left .bd ul li:hover .more a,.picMarquee-left .bd ul li.active .more a{ color: #fff;}

.slideTxtBox{ width:1100px;text-align:left; height: 480px; overflow: hidden;  }
.slideTxtBox .hd{position:relative; }
.slideTxtBox .hd ul{text-align: center; display: block;}
.slideTxtBox .hd ul li{cursor:pointer; height: 32px; width: 116px; text-align: center; border: 1px solid #fff; line-height: 32px; color: #fff; margin:0 10px; display: inline-block; }
.slideTxtBox .hd ul li.on{ background: #fff; color:#026295; }
.slideTxtBox .bd{ margin-top: 15px;}
.slideTxtBox .bd ul{ zoom:1;  }
.slideTxtBox .bd li{ margin-bottom: 20px; box-sizing: border-box;  height: 180px; width: 540px; position: relative;   }
.slideTxtBox .bd li .libg{ position: absolute; top: 0; left: 0; height: 180px; width: 540px;background: #000; opacity: 0.15; z-index: 10; }

.slideTxtBox .bd li .borders{ position: absolute; top: 0; left: 0; height: 180px; width: 540px;  z-index: 11; padding: 20px; padding-left: 260px; box-sizing: border-box;}
.slideTxtBox .bd li .pic{ position: absolute; top: 0; left: 0; width: 240px; height: 180px; }
.slideTxtBox .bd li .pic img{width: 240px; height: 180px; }
.slideTxtBox .bd li .title a{ color: #fff; font-size: 16px; line-height: 200%; }
.slideTxtBox .bd li .desc{padding-top: 10px;}
.slideTxtBox .bd li .desc a{ color: #fff; font-size: 14px; line-height: 160%;}
.slideTxtBox .bd li .more { color: #fff; font-size: 14px;line-height: 180%; padding-top: 10px;}
.slideTxtBox .bd li .more a{ color: #fff; font-size: 14px; }

.slideTxtBox .bd li:hover .borders,.slideTxtBox .bd li.active .borders{ background: #fff;}
.slideTxtBox .bd li:hover .title a,.slideTxtBox .bd li.active .title a{ color: #333; }
.slideTxtBox .bd li:hover .desc a,.slideTxtBox .bd li.active .desc a{ color: #333; }
.slideTxtBox .bd li:hover .more,.slideTxtBox .bd li.active .more { color: #333; }
.slideTxtBox .bd li:hover .more a,.slideTxtBox .bd li.active .more a{ color: #0178b0;}