@charset "utf-8";
/* CSS Document */

.header{ width:100%;}
.top-noe{ width:100%; height:40px; line-height:40px; background:#1652a1; color:#FFF;}
.login-a{ display:inline-block; color:#FFF; background:url(../images/img1.png) left center no-repeat; padding:0 0 0 24px; margin:0 0 0 24px;}

.top-two{ width:100%; height:160px; background: url(../images/img2.jpg) center center repeat-x;}
.logo{ padding:27px 0 0 0;}
.logo img{ max-height:108px}
.top-twintr{ padding:35px 0 0 0;}

.top-nav{ width:100%; height:60px; background: url(../images/img5.jpg) repeat-x;}
.tnlist{ position:relative; height:100%; line-height:60px; font-size:18px; color:#FFF; padding:0 5px 0 5px; margin:0 29px 0 0;}
.tnlista{ position:relative; height:100%; line-height:60px; font-size:18px; color:#FFF; padding:0 5px 0 5px; margin:0 26px 0 0;}
.tnlist:nth-child(11){ margin-right:0;}
.tnlista:nth-child(11){ margin-right:0;}
.tnlist a{ color:#FFF!important;}
.tnlista a{ color:#FFF!important;}
.tnlist-boder{ position:absolute; width:0; height:1px; background:#FFF; left:0; bottom:9px; transition:width 1.5s; -moz-transition:width 1.5s; -webkit-transition:width 1.5s; -o-transition:width 1.5s; }
.tnlist:hover .tnlist-boder{ width:100%;}
.tnlista:hover .tnlist-boder{ width:100%;}
.anet .tnlist-boder{ width:100%;}
.tnlist-hide{ display:none; position:absolute; width:140%; background:rgba(23,83,162,.7); left:-20%; top:60px; overflow: hidden; transition:height .5s; -moz-transition:height .5s; -webkit-transition:height 1.5s; -o-transition:height .5s; z-index:9999;}
.tnlist-hide-a{ width:100%; font-size:14px; line-height:35px; text-align:center;}

.hom-body{ margin:31px 0 31px 0;}

.hbody-fina{ width:100%;}
.hnews{ width:793px; height:339px; border:1px solid #dddddd;}
.block-top{ position:relative; width:100%; height:30px; border-bottom:1px solid #dddddd; background: url(../images/img6.jpg) repeat-x;}
.block-top-cnamea{ position:absolute; width:125px; height:33px; line-height:33px; left:0; top:-6px; font-size:14px; color:#FFF; text-align:center; background: url(../images/img7.png) no-repeat;}
.block-top-cnameb{ position:absolute; width:125px; height:33px; line-height:33px; left:0; top:-6px; font-size:14px; color:#FFF; text-align:center; background: url(../images/img10.png) no-repeat;}
.block-top-more{ font-size:12px; color:#4d4d4d; line-height:30px; margin-right:1%;}
.block-top-more a{ color:#4d4d4d;}
.block-top-more a:hover{ color:#1652a1;}

.hnews-bot{ width:100%; height:100%; max-height:309px; padding:9px 8px 9px 8px; overflow: hidden;}
.hnews-bot-banr{ width:368px; height:100%;}
.hbb-img{ width:100%; height:264px; border:1px solid #4d4d4d;}

.zdy-swiper{ width:auto!important; left:inherit!important; right:8px; bottom:7px!important;}
.zdy-swiper span{ width:15px; height:15px; line-height:15px; font-size:14px; color:#000; background: rgba(255,255,255,.6); margin:0 0 0 5px;}
.zdy-swiper .swiper-pagination-bullet-active{ background: rgba(231,40,48,.6);}

.slide-title{ position:absolute; width:100%; height:0; line-height:35px; left:0; bottom:0; font-size:14px; font-weight:bold; color:#FFF; background: rgba(0,0,0,.8); text-align:left; padding:0 0 0 2%; transition:height 1.5s; -moz-transition:height 1.5s; -webkit-transition:height 1.5s; -o-transition:height 1.5s;}
.swiper-slide-active .slide-title{ height:35px;}

.hnews-bot-nr{ width:385px; height:100%;}
.hbn-lista{ width:100%; font-size:14px; color:#4d4d4d; background: url(../images/img9.jpg) left center no-repeat; margin:0 0 11px 0;}
.hbn-lista a{ color:#4d4d4d;}
.hbn-lista-tit{ width:70%; padding:0 0 0 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.hbn-lista-time{ width:30%; text-align:right;}
.hbn-lista a:hover{ color:#e62129;}

.hnotice{ width:386px; height:339px; border:1px solid #dddddd;}

.hnotice-bot{ width:100%; padding:10px; overflow: hidden;}
.not-top{ width:100%; height:80px; overflow:hidden;}
.not-top-tit{ width:100%; font-size:14px; font-weight:bolder; color:#e62129; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 6px 0;}
.not-top-tit a{ color:#e62129;}
.not-top-intr{ width:100%; font-size:12px; color:#777777; line-height:24px;}
.not-top-intr-a{ color:#e62129; margin:0 0 0 5%;}

.not-bot{ width:100%; margin:7.5px 0 0 0;}

.hbody-finb{ width:100%; margin:23px 0 0 0;}

.hgenlis{ width:386px; height:339px; border:1px solid #dddddd;}
.hgenlis-nav{ position:relative;}
.hgenlis-nav a{ display:block; position:absolute; font-size:14px; color:#FFF;}
.hgenlis-nav a:nth-child(1){ width:140px; height:30px; line-height:30px; background: url(../images/img11.png) no-repeat; background-size:140px 30px; padding-left:13px; left:0; top:0;}
.hgenlis-nav a:nth-child(2){ width:168px; height:30px; line-height:30px; background: url(../images/img12.png) no-repeat; background-size:168px 30px; text-align:center; left:97px; top:0;}
.hgenlis-nav a:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1)}
.hge-net{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1)}
.noescale{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1)}
.noescale:hover { -webkit-transform:scale(1)!important; -moz-transform:scale(1)!important; -o-transform:scale(1)!important}
 
.hgenlis-bot{ padding:9px; overflow: hidden;}
.hgen-bot-top{ width:100%; height:78px; overflow: hidden;}
.hbt-img{ width:109px; height:78px; border:1px solid #5a5a5a; overflow: hidden;}
.hbt-img img{ width:107px; height:76px;}

.hbt-rnr{ width:244px;}
.hbt-rnr-tit{ width:100%; font-size:14px; color:#4d4d4d; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.hbt-rnr-intr{ width:100%; font-size:12px; color:#777777; line-height:20px;}
.hbt-rnr-tit:hover{ color:#1652a1;}

.hgen-bot-bot{ width:100%; margin:13px 0 0 0;}

.hcamp{ width:386px; height:339px; border:1px solid #dddddd;}

.hcamp-bot{/* padding:26px 12px 0 12px;*/}
.hb-lis{ width:85px; max-height:127px; text-align:center; margin:0 52px 11px 0; overflow: hidden;}
.hb-lis:nth-child(3n){ margin-right:0;}
.hb-lis-img{ width:85px; height:85px; -moz-border-radius:50%; border-radius:50%; overflow: hidden;}
.hb-lis-img:hover img{ animation: rotate 1s linear infinite;}
.hb-lis:nth-child(1) .hb-lis-img{ background:#009b4c;}
.hb-lis:nth-child(2) .hb-lis-img{ background:#f08519;}
.hb-lis:nth-child(3) .hb-lis-img{ background:#e62129;}
.hb-lis:nth-child(4) .hb-lis-img{ background:#1551a0;}
.hb-lis:nth-child(5) .hb-lis-img{ background:#9760cf;}
.hb-lis:nth-child(6) .hb-lis-img{ background:#ff6d6d;}
.hb-lis-tit{ width:100%; font-size:14px; line-height:42px; color:#4d4d4d;}
.hb-lis:hover .hb-lis-tit{ color:#1652a1;}

.advnoe{ width:100%; text-align:center; margin:23px 0 0 0;}
.advnoe img{ max-width:1200px;}

.hbody-finc{ width:100%; margin:23px 0 0 0;}

.hhonor{ width:100%; margin:23px 0 0 0;}
.hhonor-left{ width:43px; height:181px; background:url(../images/img16.png) no-repeat;}
.hhonor-rigt{ width:1157px; height:181px; border:1px solid #dddddd; overflow: hidden;}
.hhonor-rigt-infoList{ width:1129px; margin:0 auto; margin-top:10px; overflow: hidden;}
.hhonor-rigt ul{}
.hhonor-rigt ul li{ float:left; width:210px; height:160px; margin:0 20px 0 0; overflow: hidden;}
.honrimg{ width:210px; height:136px; overflow: hidden;}
.honrimg img{ width:210px; height:136px;}
.honrtit{ width:100%; text-align:center; font-size:16px; color:#4d4d4d; letter-spacing:5px; margin-top:5px;}
.hhonor-rigt ul li:hover .honrtit a{ color:#1652a1!important;}


.hbody-find{ width:100%; margin:23px 0 0 0;}

.hteam{ width:793px; height:306px; border:1px solid #dddddd;}

.hteam-bot{ padding:12px 10px 12px 10px;}
.hteam-bot-cent{ overflow: hidden;}
.hteam-bot-cent ul{}
.hteam-bot-cent ul li{ float:left; width:170px; height:252px; margin:0 30px 0 0; overflow: hidden;}
.hbc-img{ width:170px; height:225px; transition: 0.8s; overflow: hidden;}
.hbc-img img{ width:170px; height:225px;}
.hbc-tit{ width:100%; font-size:14px; color:#4d4d4d; text-align:center; margin:10px 0 0 0;}
.hbc-tit span{ margin-left:12px;}
.hteam-bot-cent ul li:hover .hbc-tit{ color:#1652a1!important; }
.hteam-bot-cent ul li:hover .hbc-img{ transform: rotateY(360deg);}


.hedu{ width:386px; height:306px; border:1px solid #dddddd; overflow:hidden;}

.footer{ width:100%; min-height:181px;}
.footer-nav{ width:100%; height:39px; line-height:39px; text-align:center; color:#bcbbbb; font-size:14px; color:#FFF; background:#bcbbbb;}
.footer-nav a{ display:inline-block; margin:0 0.5% 0 0.5%; transition: 0.8s;}
.footer-nav a:hover{ color:#1652a1; transform: rotateX(360deg);}

.fot-w{ font-size:14px; color:#4d4d4d; line-height:28px; text-align:center; padding:1% 0 1% 0;}
.fot-w a{ color:#4d4d4d!important;}


.persbody{ margin:35px 0 35px 0;}
.persleft{ width:260px;}
.Perl-top{ width:100%; height:64px; line-height:64px; background:#1652a2; text-align:center; font-size:18px; color:#FFF;}
.Perl-top span{ display:inline-block; background:url(../images/img19.png) left center no-repeat; padding:0 0 0 35px;}

.Perl-bot{ width:100%; border:1px solid #e0e0e0; border-top:none; padding:15px;}
.plb-list{ width:100%; height:48px; line-height:48px; text-align:center; font-size:16px; color:#000; border-bottom:1px solid #eeeeee;}
.plb-list a{ color:#000;}
.plb-list:hover{ background: url(../images/img20.png) 80% center no-repeat;}
.plb-list:hover a{ color:#e62129;}
.plbnet{ background: url(../images/img20.png) 80% center no-repeat;}
.plbnet a{ color:#e62129;}

.prtsrigt{ width:913px; min-height:300px;}
.Perr-top{ width:100%; height:43px; line-height:43px; padding:0 13px 0 13px; border:1px solid #1b3160; background:#215fb1; font-size:12px; color:#FFF;}
.Perr-top a{ color:#FFF;}

.Perr-bot{ width:100%; min-height:300px; border:1px solid #e0e0e0; border-top:none; padding:13px;}
.Perr-bot .hbn-lista{ margin-bottom:25px;}


/**自制正方形分页**/
.NewPage{ width:100%; text-align:center; margin:30px 0 30px 0;}
.NewPage a{ display:inline-block; width:27px; height:27px; line-height:27px; border:1px solid #dfdfdf; color:#666666; vertical-align:middle; background:#FFF; margin:0 5px 0 5px;}
.NewPage a:hover{ background:#215fb1; border-color:#215fb1; color:#FFF;}
.NewPage .Up{ width:56px; height:27px;}
.NewPage .Num{ background:#215fb1; border-color:#215fb1; color:#FFF;}


.pagebody{ width:100%; margin:35px 0 35px 0;}
.pageleft{ width:260px;}
.pal-top{ position:relative; width:100%; height:64px; background:#1652a2}
.pal-top span{ position:absolute; display:block; width:180px; height:69px; left:50%; margin-left:-90px; top:23px; background: rgba(240,133,25,.3); font-size:20px; color:#FFF; text-align:center;}
.pal-top span font{ display:block; width:100%; height:41px; line-height:41px; background:#f08519;}

.pal-bot{ width:100%; border:1px solid #e0e0e0; padding:15px;}
.palb-list{ width:100%; min-height:48px; line-height:48px; font-size:16px; color:#000; border-bottom:1px solid #eeeeee; padding:0 0 0 25px;}
.palbabok{ display:inline-block; width:100%; height:48px; color:#000;}
.palb-list:hover .palbabok{ background: url(../images/img20.png) 90% center no-repeat;}
.palb-list:hover .palbabok{ color:#e62129;}
.lnset .palbabok{ color:#e62129;}
.lnset .palbabok{ background: url(../images/img20.png) 90% center no-repeat;}
.lnset-s .palbabok{ color:#e62129;}
.lnset-s .palbabok{ background: url(../images/img32.png) 90% center no-repeat!important;}

.palb-sdiv{ display:none; width:100%; padding:5px 18px 5px 18px;  font-size:14px; color:#010101; line-height:24px;}
.palb-sdiv a{ display:inline-block; width:100%; color:#010101;}
.palb-sdiv a:hover{ color:#e62129;}
.lnset-s .palb-sdiv{ display: block;}



.pagerigt{ width:913px; min-height:300px; border:1px solid #e0e0e0; padding:0 9px 0 9px;}
.prcrumb{ width:100%; padding:11px 0 11px 0; border-bottom:1px solid #e0e0e0;}
.crul-bor{ display:inline-block; width:3px; height:21px; margin:0 12px 0 5px; background: url(../images/img21.jpg) no-repeat; vertical-align:middle;}
.crul-zw{ display:inline-block; line-height:21px; font-size:12px; color:#000; vertical-align:middle;}
.crul-zw a{ color:#000;}
.crul-zw span{ margin:0 5px 0 5px;}
.crul-hom{ background: url(../images/img22.png) left center no-repeat; padding:0 0 0 25px; margin:0 0 0 14px;}
.crul-zw a:hover{ color:#1753a3;}

.prceont{ width:100%; margin:18px 0 18px 0;}
.prceont .hbn-lista{ margin-bottom:29px;}

.TeacmailTable{ font-size:14px; color:#000; line-height:52px;}
.tct_select{ width:216px; height:30px; border:1xp solid #d5d5d5; 
/* 清除默认的箭头样式 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
/* 右侧添加小箭头的背景图 */
background: url('../images/img25.png') center no-repeat;
}
.tct_title{ width:376px; height:30px; border:1xp solid #d5d5d5; text-indent:5px;}
.tct_text{ width:657px; height:162px; border:1xp solid #d5d5d5;}
.tct_lxr{ width:140; height:30px; border:1xp solid #d5d5d5; text-indent:5px;}
.tct_sub{ width:60px; height:31px; background: url(../images/img23.jpg) no-repeat; cursor:pointer; border:none}
.tct_res{ width:60px; height:31px; background: url(../images/img24.jpg) no-repeat; cursor:pointer; border:none; margin:0 0 0 10px;}


.Pictlist{ width:204px; height:300px; margin:0 23px 39px 0; overflow: hidden;}
.Pictlist:nth-child(4n){ margin-right:0;}
.Pictlist-img{ width:204px; height:270px; transition: 0.8s; overflow: hidden;}
.Pictlist-img img{ width:100%; height:100%;}
.Pictlist-tit{ width:100%; font-size:14px; color:#4d4d4d; margin:13px 0 0 0; text-align:center;}
.Pictlist-tit span{ margin:0 0 0 13px;}
.Pictlist-img:hover{ transform: rotateY(360deg);}
.Pictlist:hover .Pictlist-tit{ color:#1652a1;}

.PageConter{ line-height:26px; font-size:16px; padding:0 6px 0 6px;}

.History{ position:relative; width:833px; margin:0 auto;}
.Histo-top{ position:absolute; width:17px; height:17px; left:50%; top:0; margin-left:-8.5px; background:#283139; -moz-border-radius:50%; border-radius:50%;}
.Histo-boder{ position:absolute; width:1px; height:100%; left:50%; margin-left:-0.5px; top:0; background:#283139;}
.Histo-bot{ position:absolute; width:17px; height:17px; left:50%; bottom:0; margin-left:-8.5px; background:#283139; -moz-border-radius:50%; border-radius:50%;}

.Histolist{ width:100%;}
.hisdiv{ width:408px;}
.hisdiv-a{ display:inline-block; width:7px; height:7px; margin:29px 8px 0 6px; transform:rotate(45deg);}
.hisdiv-b{ width:65px; height:65px; line-height:60px; text-align:center; font-size:28px; color:#FFF; font-weight:bold; border:3px solid #283139; -moz-border-radius:50%; border-radius:50%;}
.hisdiv-c{ width:308px; font-size:14px; color:#000000; line-height:28px;}
.Histolist:nth-child(1n) .hisdiv-a{ background:#009b4c;}
.Histolist:nth-child(1n) .hisdiv-b{ background:#009b4c;}
.Histolist:nth-child(2n) .hisdiv-a{ background:#1551a0;}
.Histolist:nth-child(2n) .hisdiv-b{ background:#1551a0;}
.Histolist:nth-child(3n) .hisdiv-a{ background:#f08519;}
.Histolist:nth-child(3n) .hisdiv-b{ background:#f08519;}
.Histolist:nth-child(4n) .hisdiv-a{ background:#e62129;}
.Histolist:nth-child(4n) .hisdiv-b{ background:#e62129;}


.ShowTitle{ width:100%; text-align:center; margin:0 0 30px 0;}
.ShowTitle-a{ width:100%; font-size:18px; color:#222222; font-weight:bold;}
.ShowTitle-b{ width:100%; font-size:14px; color:#848484;}


.honorlist{ width:275px; height:217px; margin:0 33px 31px 0; overflow: hidden;}
.honorlist:nth-child(3n){  margin-right:0;}
.honorlist-img{ width:275px; height:182px; height:hidden;}
.honorlist-img img{ width:100%; height:100%;}
.honorlist-title{ width:100%; font-size:16px; color:#4d4d4d; text-align:center; letter-spacing:5px; margin:16px 0 0 0;}
.honorlist:hover .honorlist-title{ color:#1652a1;}


.camplist{ width:284px; height:227px; margin:0 20.5px 23px 0; overflow: hidden;}
.camplist:nth-child(3n){ margin-right:0;}
.camplist-img{ width:284px; height:194px; overflow: hidden;}
.camplist-img img{ width:100%; height:100%;}
.camplist-tit{ width:100%; text-align:center; font-size:14px; color:#000; margin-top:16px;}
.camplist:hover .camplist-tit{ color:#1652a1;}



.newslist{ width:100%; min-height:122px; padding:0 4px 21px 4px; margin:25px 0 0 0; border-bottom:1px dashed #e0e0e0;}
.newslist-img{ width:171px; height:122px; border:1px solid #4d4d4d;}
.newslist-img img{ width:169px; height:120px;}

.newslist-rigt{ width:690px;}
.newslist-rigt-tit{ width:100%; font-size:16px; color:#000; font-weight:bold;}
.newslist-rigt-intr{ width:100%; font-size:12px; color:#4d4d4d; line-height:20px; margin:5px 0 10px 0;}
.newslist-rigt-time{ width:100%; font-size:12px; color:#777777;}
.newslist:hover .newslist-rigt-tit{ color:#e62129;}



.LoginDiv{ margin:115px 0 227px 0;}
.Log-top{ width:100%; text-align:center;}
.Log-top p:nth-child(1){ font-size:20px; color:#666666; text-transform:uppercase;}
.Log-top p:nth-child(2){ font-size:20px; color:#666666;}
.w429{ width:429px; margin:65px auto;}
.loginpta{ width:100%; height:43px; border:1px solid #cacaca; background:url(../images/img35.png) left no-repeat; padding:0 0 0 54px;}
.loginptb{ width:100%; height:43px; border:1px solid #cacaca; background:url(../images/img36.png) left no-repeat; padding:0 0 0 54px;}
.logsub{ width:100%; height:38px; border:none; background:url(../images/img37.png) center no-repeat #1e5cae; cursor:pointer;}



.flo-l{position:fixed; left:0; top:50%; margin-top:-144.5px; width:190px; z-index:999;}
.flo-r{position:fixed; right:0; top:50%; margin-top:-144.5px; width:190px; z-index:999;}
.flo-img{ width:100%; position:relative; margin:0 0 3% 0; }
.flo-img .coxo{ position:absolute; width:27px; height:27px; right:0; top:0; background: url(../images/img38.png) no-repeat; cursor:pointer;}
.flo-img img{ width:100%;height:289px;}


/**start 新增2019-10-21**/
.Szlisimg{ width:128px; height:153px; text-align:center; padding:20px 0 0 0; border-right:1px solid #dddddd; overflow: hidden;}
.Szlisimg-img{ width:100%; height:86px;}
.Szlisimg-img img{ width:86px; height:86px; -moz-border-radius:50%; border-radius:50%;}
.Szlisimg-tit{ width:100%; font-size:#4d4d4d; margin:12px 0 0 0;}
.Szlisimg:nth-child(1){ border-bottom:1px solid #dddddd;}
.Szlisimg:nth-child(2){ border-bottom:1px solid #dddddd;}
.Szlisimg:nth-child(3){ border-bottom:1px solid #dddddd; border-right:none;}

.Szlismore{ width:256px; height:153px; text-align:center; padding:33px 0 0 0;}


.PageszCont{ padding:34px 14px 34px 14px;}
.Paszclist{ width:234px; height:256px; overflow: hidden; text-align:center; margin:0 81px 40px 0;}
.Paszclist:nth-child(3n){ margin-right:0;}
.Paszclist-img{ width:100%; height:184px;}
.Paszclist-img img{ width:184px; height:184px; -moz-border-radius:50%; border-radius:50%; }
.Paszclist-tit{ width:100%; font-size:18px; color:#4d4d4d; line-height:22px; margin:20px 0 0 0;}
.Paszclist-img img:hover{ animation: rotate 1s linear infinite;}
/**end 新增2019-10-21**/









































































/**横跳**/
@keyframes shadow {
    0%, 100% {transform: scaleX(1);}
    50% {transform: scaleX(1.2);}
}
/**竖跳**/
@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(20px) scale(1.1, 0.9);
       
    }
    75% {
        ransform: translateY(10px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}















































































































































/**旋转**/
.myXc:hover{cursor: pointer;-webkit-transform: rotate3d(0,1,0,360deg);-moz-transform: rotate3d(0,1,0,360deg);transform: rotate3d(0,1,0,360deg);transition: -webkit-transform 0.8s ease-in-out;transition: -moz-transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;}




.Dydc{-webkit-animation-name: fadeIn; /*动画名称*/-webkit-animation-duration: 2s; /*动画持续时间*/-webkit-animation-iteration-count: 1; /*动画次数*/-webkit-animation-delay: 0s; /*延迟时间*/}
.Dydc2{-webkit-animation-name: fadeIn; /*动画名称*/-webkit-animation-duration: 1s; /*动画持续时间*/-webkit-animation-iteration-count: 1; /*动画次数*/-webkit-animation-delay: 0s; /*延迟时间*/}


.fadein{-webkit-animation-name: fadeIn; /*动画名称*/-webkit-animation-duration: 2s; /*动画持续时间*/-webkit-animation-iteration-count: 1; /*动画次数*/-webkit-animation-delay: 0s; /*延迟时间*/}


@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
10% {
opacity: .1;
}
20% {
opacity: .2;
}
30% {
opacity: .3;
}
40% {
opacity: .4;
}
50% {
opacity: .5; /*中间状态 透明度为0*/
}
60% {
opacity: .6;
}
70% {
opacity: .7;
}
80% {
opacity: .8;
}
90% {
opacity: .9;
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}

@keyframes myteam
{
    from {opacity:1;}
    to {transform:rotate(360deg);}
}


#change{ position:absolute; right:200px; -webkit-animation:change 2s linear infinite;}

@-webkit-keyframes change

{

　　0%{-webkit-transform:rotate(0deg);}

　　50%{-webkit-transform:rotate(180deg);}

　　100%{-webkit-transform:rotate(360deg);}

}



.Somimg{ -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.Somimg:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.Somimgt{ -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;}
.Somimgt:hover{ -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9);}






@keyframes mymove
{
    from {top:-90px;opacity: 0}
    to {top:90px;opacity: 1}
}

@keyframes myabta
{
    from {left:-250px;opacity: 0}
    to {left:301px;opacity: 1}
}
@keyframes myabtb
{
    from {left:-200px;opacity: 0}
    to {left:244px;opacity: 1}
}

@keyframes myabtc
{
    from {bottom:0;opacity: 0}
    to {bottom:142px;opacity: 1}
}

@keyframes mymovep {
    from{bottom: -150px;opacity: 0}
    to{bottom:45px;opacity: 1}
}