/* CSS Document */
@charset "utf-8";
html{ font-size:14px; min-width: 1350px; width: 100%; -webkit-text-size-adjust: none; text-size-adjust: none}
body{ margin:0; padding:0; font-family:"微软雅黑"; line-height: 1.5; background: #f5f5f5; min-width: 1350px; width: 100%; -webkit-text-size-adjust: none; text-size-adjust: none}
form{ display:inline;}
a{ border:0px; text-decoration:none; cursor: pointer;}
img{ border:none;}
em{ font-style:normal;}
i{ font-style:normal;}
ul{ list-style:none;}
*{ margin:0; padding:0;}
input{ font-family:"微软雅黑"; border:0; outline:none;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;}
select { -webkit-appearance: none;}
button{ border:0; background:none;}
textarea{ resize:none; border:0;}
select { appearance: none; font-family:"微软雅黑"; cursor: pointer;}
table{ border-collapse: collapse; min-width:60%;}
a:hover{ color: #e90000!important;}

/*悬浮二维码*/
.erwm{ width: 129px; position: fixed; font-size: 16px; color: #313131; border-color: #e90000 #35a2ff #e90000 #35a2ff; border-style: solid; border-width: 2px; background: #fff; top: 218px; left: 50%; margin-left: 620px; z-index: 999; display: block;}
.erwm img{ margin: 0; float: left;}
.erwm span{ display: block; text-align: center; margin: 10px 0 18px 0; line-height: 25px;}

@media screen and (max-width: 1440px) {
    .erwm {
        transform: scale(0.65,0.65);
        margin-left: 580px;
    }
}
@media screen and (max-width: 1366px) {
    .erwm {
        transform: scale(0.6,0.6);
        margin-left: 565px;
    }
}
@media screen and (max-width: 1355px) {
    .erwm {
        display: none;
    }
}
/*悬浮二维码结束*/

/*首页*/
header{ width: 100%; min-width: 1340px; max-width:1920px; margin: 0 auto;}
header .dh1{ width: 1200px; height: 39px; margin: 0 auto; line-height: 39px; text-align: right; font-size: 16px;}
header .dh1 a{ color: #313131; margin: 0 15px;}
header .tou{ background: #fff;}
header .tou .tounr{ width: 1200px; height: 80px; margin: 0 auto; position: relative;}
header .tou .tounr img.logo{ position: absolute; margin: -30px 0 0 0;}
header .tou .tounr h1{ font-size: 18px; color: #e90000; font-weight: normal; margin: 20px 0 0 110px; float: left; line-height: normal;}
header .tou .tounr h1 b{ font-size: 24px; color: #11014a; font-weight: normal;}
header .tou .tounr h1 i{ color: #11014a;}
header .tou .tounr .ss{ width: 634px; height: 42px; float: right; margin-top: 19px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(133,133,133,0.36);}
header .tou .tounr .ss select{ width: 92px; height: 42px; padding-left: 18px; border: 0; font-size: 18px; color: #474747; background: url("../imagesn/p1_09.png")no-repeat 63px center; outline:none; cursor: pointer; float: left;}
header .tou .tounr .ss input.ssk{ width: 425px; height: 42px; font-size: 16px; color: #474747; padding: 0 18px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; float: left;}
header .tou .tounr .ss input.ssk::-webkit-input-placeholder { /* WebKit browsers */color: #acacac;font-size: 16px;}
header .tou .tounr .ss input.ssk::-moz-placeholder { /* Mozilla Firefox 19+ */color: #acacac;font-size: 16px;}
header .tou .tounr .ss input.ssk:-ms-input-placeholder { /* Internet Explorer 10+ */color: #acacac;font-size: 16px;}

header .tou .tounr .ss input.tj{ width: 62px; height: 30px; border-radius: 4px; background: url("../imagesn/p1_06.png")no-repeat 19px center #f9d026; margin: 6px 0 0 8px; float: left;}
header .tou .tounr .ss input.tj:hover{ background: url("../imagesn/p1_06.png")no-repeat 19px center #e90000;}
header .banner{ width: 100%; height: 425px; background: url("../imagesn/banner.jpg")no-repeat; background-size: 100% 425px; overflow: hidden;}
header .banner nav{ width: 1200px; height: 380px; margin: 22px auto; background: #fff; border-radius: 6px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); overflow: hidden;}
header .banner nav .left{ width: 601px; margin: 25px 0 0 21px; float: left;}
header .banner nav .left ul{ overflow: hidden;}
header .banner nav .left ul li{ width: 600px; height: 36px; position: relative; float: left; margin-bottom: 15px;}
header .banner nav .left ul li h1{ width: 106px; height: 28px; line-height: 26px; padding-left: 10px; background: #12024b; color: #fff; font-size: 16px; font-weight: normal; float: left; position: absolute;}
header .banner nav .left ul li h1 a{ color: #fff; width: 100%; height: 100%; display: inline-block;}
header .banner nav .left ul li h1 a:hover{ color: #fff!important;}
header .banner nav .left ul li span{ display: inline-block; position: absolute; width: 432px; height: 1px; background: #12024b; margin: 19px 0 0 120px;}
header .banner nav .left ul li em{ display: inline-block; position: absolute; width: 444px; height: 3px; background: #12024b; margin: 23px 0 0 137px;}
header .banner nav .left ul li i{ display: inline-block; position: absolute; width: 23px; height: 23px; border-radius: 23px; background: rgba(18,2,75,0.6); right: 0px; bottom: 0px;}
header .banner nav .left ul li i b{ display: inline-block; width: 17px; height: 17px; border-radius: 17px; margin: 3px; background: #12024b;}
header .banner nav .left ul li p{ position: absolute; font-size: 16px; color: #313131; margin: 2px 0 0 138px; line-height: 1;}
header .banner nav .left ul li p a{ color: #313131;}

header .banner nav .left ul li:nth-child(2) h1{ background: #e90000;}
header .banner nav .left ul li:nth-child(2) span{ background: #e90000;}
header .banner nav .left ul li:nth-child(2) em{ background: #e90000;}
header .banner nav .left ul li:nth-child(2) i{ background: rgba(233,0,0,0.6);}
header .banner nav .left ul li:nth-child(2) i b{ background: #e90000;}

header .banner nav .left ul li:nth-child(3) h1{ background: #ff6c00;}
header .banner nav .left ul li:nth-child(3) span{ background: #ff6c00;}
header .banner nav .left ul li:nth-child(3) em{ background: #ff6c00;}
header .banner nav .left ul li:nth-child(3) i{ background: rgba(255,108,0,0.6);}
header .banner nav .left ul li:nth-child(3) i b{ background: #ff6c00;}

header .banner nav .left ul li:nth-child(4) h1{ background: #ffa200;}
header .banner nav .left ul li:nth-child(4) span{ background: #ffa200;}
header .banner nav .left ul li:nth-child(4) em{ background: #ffa200;}
header .banner nav .left ul li:nth-child(4) i{ background: rgba(255,162,0,0.6);}
header .banner nav .left ul li:nth-child(4) i b{ background: #ffa200;}

header .banner nav .left ul li:nth-child(5) h1{ background: #35a2ff;}
header .banner nav .left ul li:nth-child(5) span{ background: #35a2ff;}
header .banner nav .left ul li:nth-child(5) em{ background: #35a2ff;}
header .banner nav .left ul li:nth-child(5) i{ background: rgba(53,162,255,0.6);}
header .banner nav .left ul li:nth-child(5) i b{ background: #35a2ff;}

header .banner nav .left ul li:nth-child(6) h1{ background: #0ab5e0;}
header .banner nav .left ul li:nth-child(6) span{ background: #0ab5e0;}
header .banner nav .left ul li:nth-child(6) em{ background: #0ab5e0;}
header .banner nav .left ul li:nth-child(6) i{ background: rgba(10,181,224,0.6);}
header .banner nav .left ul li:nth-child(6) i b{ background: #0ab5e0;}

header .banner nav .left .dh2{ margin: 0 0 0 32px;}
header .banner nav .left .dh2 a{ display: inline-block; width: 90px; line-height: 28px; text-align: center; font-size: 16px; color: #313131; border-bottom: 1px solid #12024b;}
header .banner nav .left .dh2 a:nth-child(2){ border-bottom: 1px solid #e90000;}
header .banner nav .left .dh2 a:nth-child(3){ border-bottom: 1px solid #35a2ff;}
header .banner nav .left .dh2 a:nth-child(4){ border-bottom: 1px solid #ffa200;}
header .banner nav .left .dh2 a:nth-child(5){ border-bottom: 1px solid #0ab5e0;}

header .banner nav .zx{ height: 380px; width: 2px; float: left; margin-left: 28px;}
header .banner nav .zx i{ width: 2px; height: 95px; float: left; display: inline-block; background: #12024b;}
header .banner nav .zx i:nth-child(2){ background: #e90000;}
header .banner nav .zx i:nth-child(3){ background: #35a2ff;}
header .banner nav .zx i:nth-child(4){ background: #ffa200;}

header .banner nav .right{ width: 525px; height: 100%; float: right; position: relative; color: #313131;}
header .banner nav .right a{ color: #313131;}
header .banner nav .right h1{ font-weight: normal; font-size: 14px;}

header .banner nav .right .top{ width: 331px; height: 93px; padding-left: 12px; background: #f2f2f2; border-bottom: 3px solid #35a2ff; position: absolute; top: 0; left: 0;}
header .banner nav .right .top h1{ padding: 12px 0 8px 0;}
header .banner nav .right .top ul li{ float: left; margin-right: 8px; font-size: 14px;}

header .banner nav .right .bottom{ width: 331px; height: 223px; padding-left: 12px; background: #f2f2f2; border-top: 3px solid #0ab5e0; position: absolute; top: 154px; left: 0;}
header .banner nav .right .bottom h1{ padding: 12px 0 8px 0;}
header .banner nav .right .bottom ul li{ float: left; margin-right: 5px; line-height: 28px; font-size: 14px;}

header .banner nav .right .right{ width: 123px; height: 380px; background: #f2f2f2; border-left: 3px solid #ff6c00; position: absolute; right: 0;}
header .banner nav .right .right h1{ width: 25px; float: right; padding: 50px 15px 0 0; text-align: center; line-height: 1.2; text-align-last: center;/*解决安卓版UC浏览器中文字不居中问题*/}
header .banner nav .right .right ul{ float: left; width: 60px; margin: 36px 0 0 16px;}
header .banner nav .right .right ul li{ width: 60px; float: left; margin-right: 5px; line-height: 22px; font-size: 14px;}
header .banner nav .right .right ul li i{ display: inline-block; width: 14px;}

header .banner nav .right img.kh1{ position: absolute; left: 0; top: 114px;}
header .banner nav .right img.kh2{ position: absolute; left: 362px; top: 14px;}

main{ width: 100%; max-width:1920px; margin: 0 auto;}
/*广告*/
main a.gg{ display: block; width: 100%; min-width: 1340px; height: 80px; margin: 28px 0;}
main a.wj{ margin: 0;}

footer.index{ width: 100%; height: 138px; max-width:1920px; margin: 40px auto 0 auto; background: #dcdcdc; border: 0px;}
footer .top{ width: 100%; height: 40px; background: #35a2ff; text-align: center; line-height: 40px; color: #fff;}

footer{ width: 100%; height: 100px; background: #dcdcdc; max-width:1920px; margin: 40px auto 0 auto; border-top:4px solid #35a2ff;}

footer .top a{ color: #fff;}
footer .top a:hover{ color: #313131!important;}
footer .center{ text-align: center; overflow: hidden; margin-top: 4px;}
footer .center p{ margin-top: 6px;}
footer .center a{ color: #313131;}
/*首页结束*/

/*内页导航动画部分*/
header .bannerny{ height: 169px; cursor: pointer; transition: all 1s ease;}
header .bannerny nav{ height: 127px; transition: all 1s ease; position: relative;}
header .bannerny nav .right{ opacity: 0; transition: all 1s ease; z-index: 9;}
header .bannerny:hover{ height: 425px;}
header .bannerny:hover nav{ height: 380px;}
header .bannerny:hover nav .right{ opacity: 1; z-index: 999;}
header .bannerny nav .btdh{ width: 525px; height: 127px; right: 0; top: 0; position: absolute; z-index: 999;}
header .bannerny:hover nav .btdh{ z-index: 9;}
header .bannerny nav img.sj{ width: 100px; height: 100px; position: absolute; z-index: 99; right: 25px; top: 18px; animation:turn 3s linear infinite; transform-origin: 59% 45%;/*定义动画的旋转中心点*/}
header .bannerny:hover nav img.sj{ opacity: 0; transition: all 0.1s ease;}
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}
header .bannerny nav img.lmbt{ position: absolute; right: 120px; top: 27px; z-index: 99;}
header .bannerny:hover nav img.lmbt{ opacity: 0; transition: all 0.3s ease;}
header .bannerny nav img.lx{ width: 80px; height: 80px; position: absolute; z-index: 99; right: 410px; top: 58px; animation:mymove 10s infinite ease-out;}
header .bannerny:hover nav img.lx{ opacity: 0; transition: all 0.1s ease;}
@keyframes mymove
{
    0%{-webkit-transform:rotate(0deg) scale(1.2)}
    25%{-webkit-transform:rotate(360deg) scale(0.8);}
    50%{-webkit-transform:rotate(0deg) scale(1.2);}
    75%{-webkit-transform:rotate(-360deg) scale(0.8);}
    100%{-webkit-transform:rotate(0deg) scale(1.2);}
}
header .bannerny nav img.dhjy{ position: absolute; z-index: 1; right: 0; top: 0; opacity: 0.6;}
header .bannerny:hover nav img.dhjy{ opacity: 0; transition: all 0.1s ease;}

/*内页导航动画部分结束*/

/*内页排行页面左导航右内容*/
main.phy{ background: url("../imagesn/ztbj_02.jpg")repeat-y center 108px #fff;}
main.phy .center{ width: 1200px; margin: 0 auto 28px auto; overflow: hidden;}
main.phy .center h1{ font-weight: normal; overflow: hidden;}
main.phy .center h1 a.cx{ display: block; width: 298px; height: 30px; float: left; font-size: 20px; color: #12024b; padding-left: 38px; background: url("../imagesn/p1_062.png")no-repeat 8px center; line-height: 30px; border-bottom: 2px solid #ff6c00;}
main.phy .center h1 a.cx:hover{ color: #ff6c00!important;}
main.phy .center h1 a.cx:hover em{ color: #ffa200;}
main.phy .center h1 a.cx em{ color: #e90000;}
main.phy .center h1 p{ display: block; width: 854px; height: 30px; float: left; padding-left: 10px; font-size: 16px; line-height: 30px; border-bottom: 2px solid #ffa200;}
main.phy .center h1 p a{ color: #313131;}
main.phy .center .left{ width: 324px; float: left; margin-top: 16px;}
main.phy .center .left ul{ overflow: hidden;}
main.phy .center .left ul li{ background: #f5f5f5; overflow: hidden; margin-bottom: 25px;}
main.phy .center .left ul li h1{ height: 49px; line-height: 49px; text-align: center; font-size: 22px;text-align-last: center;/*解决安卓版UC浏览器中文字不居中问题*/
}
main.phy .center .left ul li h1 a{ color: #12024b;}
main.phy .center .left ul li i{ width: 100%; height: 4px; display: block;}
main.phy .center .left ul li i em{ display: inline-block; width: 108px; height: 4px; float: left; background: #12024b;}
main.phy .center .left ul li i em:nth-child(2){ background: #e90000;}
main.phy .center .left ul li i em:nth-child(3){ background: #ff6c00;}
main.phy .center .left ul li ul{ margin: 10px 0 20px 0;}
main.phy .center .left ul li ul li{ margin: 1px 0!important; height: 35px; font-size: 16px; line-height: 33px;}
main.phy .center .left ul li ul li a{ display: block; width: calc(100% - 12px); height: 100%; color: #313131; padding-left: 12px;}
main.phy .center .left ul li ul li a:hover{ background: url("../imagesn/p1_09b.png")no-repeat 297px 9px #12024b; color: #fff!important;}
main.phy .center .left ul li ul li.act a{ background: url("../imagesn/p1_09b.png")no-repeat 297px 9px #12024b; color: #fff;}

main.phy .center .left ul li:nth-child(2) h1 a{ color: #e90000;}
main.phy .center .left ul li:nth-child(2) h1 a:hover{ color: #ff6c00!important;}
main.phy .center .left ul li:nth-child(2) ul li a:hover{ background-color: #e90000;}
main.phy .center .left ul li:nth-child(2) ul li.act a{ background-color: #e90000;}
main.phy .center .left ul li:nth-child(3) h1 a{ color: #ff6c00;}
main.phy .center .left ul li:nth-child(3) ul li a:hover{ background-color: #ff6c00;}
main.phy .center .left ul li:nth-child(3) ul li.act a{ background-color: #ff6c00;}
main.phy .center .left ul li:nth-child(4) h1 a{ color: #ffa200;}
main.phy .center .left ul li:nth-child(4) ul li a:hover{ background-color: #ffa200;}
main.phy .center .left ul li:nth-child(4) ul li.act a{ background-color: #ffa200;}
main.phy .center .left ul li:nth-child(5) h1 a{ color: #0ab5e0;}
main.phy .center .left ul li:nth-child(5) ul li a:hover{ background-color: #0ab5e0;}
main.phy .center .left ul li:nth-child(5) ul li.act a{ background-color: #0ab5e0;}

main.phy .center .right{ width: 852px; float: right; margin-top: 16px; background: #f5f5f5;}
main.phy .center .right h1{ height: 35px; font-size: 20px; background: #ffa200; color: #fff; padding: 0 18px; line-height: 33px;}
/*内页排行页面左导航右内容*/