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

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei",SimSun,Helvetica,sans-serif; color:#333; background:#FFF; line-height:25px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover,a:active{color:#e70012;text-decoration:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt_hide_1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.txt_hide_2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.not-animated { opacity: 0; }


/*index*/
.lg_bkg{ width: 100%; height: 100vh; position: relative; background: url(../images/login.jpg) center center no-repeat; background-size: cover;}
.lg_boxA{ width: 1200px; height: 590px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.lg_boxA .lt{ float: left;}
.lg_boxA .lt .p_1{ height: 35px; font-size: 16px; line-height: 1; color: #FFF;}
.lg_boxA .lt .p_1 img{ display: inline-block; margin-right: 10px;}
.lg_boxA .lt .p_1 a{ color: #FFF;}
.lg_boxA .lt .box{ width: 345px; height: 520px; padding: 0 85px 0 70px; background-color: #FFF;}
.lg_boxA .lt .box .p_11{ font-size: 12px; color: #aaa; text-transform: uppercase; padding-top: 70px;}
.lg_boxA .lt .box .p_12{ font-size: 30px; line-height: 1; margin-top: 15px;}
.lg_boxA .lt .box .p_12 b{ color: #E70012;}
.lg_boxA .lt .box .mgtop{ margin-top: 20px;}
.lg_boxA .lt .box .item p{ padding-top: 20px; font-size: 16pxm;}
.lg_boxA .lt .box .item input{ margin-top: 10px; padding: 10px 15px; height: 28px; line-height: 28px; color: #333; width: calc(100% - 32px); border: 1px solid #CCCCCC; outline: none;}
.lg_boxA .lt .box .item input:focus{ border-color: #010101;}
.lg_boxA .lt .box .item .txt_1{ background: url(../images/login_05_1.png) right 29px center no-repeat;}
.lg_boxA .lt .box .item .txt_2{ background: url(../images/login_05_2.png) right 29px center no-repeat;}
.lg_boxA .lt .box .btnbox { margin-top: 40px; width: 100%; height: 50px; background-color: #111; position:relative;}
.lg_boxA .lt .box .btnbox:after { content:""; display:block; width:0; height:100%; background-color:#e70012; position:absolute; left:0; top:0; z-index:1; transition:0.3s all ease-out;}
.lg_boxA .lt .box .btnbox:hover:after { width:100%; }
.lg_boxA .lt .box .btn { width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #FFF; cursor: pointer; background: none; border: 0; outline: none; position:relative; z-index:2 }
.lg_boxA .bimg{ float: right; width: 700px; }


/*lsit*/
.list_bkg{ width: 100%; height: 100vh; background: url(../images/list.jpg) center center no-repeat; background-size: cover;}
.list_boxA{ width: 100%; height: 100vh; }
.list_boxA .lt{ position: fixed; left: 0; top: 0; width: 260px; height: 100%; min-height: 100vh; background-color: #1F1F1F; border-radius: 0 0 50px 0;}
.list_boxA .lt .p_1{ font-size: 18px; color: #FFF; padding-left: 58px;}
.list_boxA .lt .p_1 a{ color: #fff;}
.list_boxA .lt .mgtop{ margin-top: 100px;}
.list_boxA .lt .mgtop_1{ margin-top: 50px;}
.list_boxA .lt .mgtop_2{ margin-top: 35px;}
.list_boxA .lt ul{ margin-top: 22px;}
.list_boxA .lt li { margin-bottom: 2px;}
.list_boxA .lt li a{ display: block; padding-left:58px; font-size: 16px; color: #999; height: 48px; line-height: 48px; position: relative;}
.list_boxA .lt li a::after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 0px; height: 100%; background-color: #E70012;}
.list_boxA .lt li img{ display: inline-block; margin-right: 10px; opacity: 0.5;}
.list_boxA .lt li.on a{ color: #FFF; background-color: #0D0F0F;}
.list_boxA .lt li.on a::after{ width: 4px;}
.list_boxA .lt li.on img{ opacity: 1;}
.list_boxA .lt .cpy{ position: absolute; left: 58px; bottom: 70px; font-size: 16px; color: #fff;}
.list_boxA .rt{ margin-left: 360px; width: calc(100% - 440px); padding-right: 80px; height: 100vh; overflow-y: scroll;}
.list_boxA .rt .p_1{ font-size: 28px; font-weight: bold; color: #FFF; padding-top: 35px;}
.list_boxA .rt .p_2{ color: #999; margin-top: 16px;}
.list_boxA .rt .titbox{ margin-top: 70px; overflow: hidden;}
.list_boxA .rt .titbox p{ float: left; color: #FFF; font-size: 24px;}
.list_boxA .rt .titbox span{ float: right; display: block; width: 160px; height: 36px; line-height: 34px; border-radius: 36px; text-align: center; color: #FFF; background-color: #212121;}
.list_boxA .rt .titbox span i{ display: inline-block; margin: 0 8px; color: #E70012; font-style: normal;}
.list_boxA .rt .list{ padding-top: 30px; overflow:hidden;}
.list_boxA .rt .list li{ float: left; width: calc(25% - 30px); margin: 0 40px 40px 0;}
.list_boxA .rt .list li:nth-child(4n){ margin-right: 0;}
.list_boxA .rt .list li img{ display: block;}
.list_boxA .rt .list li .info{ padding: 30px 20px 0 20px; height: 70px; background-color: #E1E6EC; overflow: hidden;}
.list_boxA .rt .list li .info div{ float: left;}
.list_boxA .rt .list li .info div p{ font-size: 16px; color:#333;}
.list_boxA .rt .list li .info div span{ color: #999; font-size: 12px;}
.list_boxA .rt .list li .info i{ float: right; display: block; width: 50px; height: 34px; border-radius: 34px; background: #1A1A1A url(../images/list_07.png) center center no-repeat;}
.list_boxA .rt .list li:hover .info i { background-color:#e70012 }
/*info*/
.info_box { margin-top: 75px; padding: 45px 60px 60px 60px; background-color: #E1E6EC; }
.info_box .tit{ overflow: hidden; line-height: 36px; padding-bottom: 15px; border-bottom: 1px solid #CCC;}
.info_box .tit span{ font-size: 20px;}
.info_box .tit a{ float: right; display: block; width: 130px; height: 36px; border-radius: 36px; text-align: center; background-color: #0B0C0C; color: #FFF}
.info_box dl{ overflow: hidden; border-bottom: 1px solid #D6D9DC;}
.info_box dl dt{ float: left; display: block; padding-left: 30px; width: 175px; font-size: 16px; line-height: 60px;}
.info_box dl dd{ float: left; display: block; width: calc(100% - 205px);}
.info_box dl dd .txt{ display: block; width: 100%; padding: 17px 0; height: 26px; line-height: 26px; font-size: 14px; color: #666; background: none; border: 0; outline: none;}
.info_box dl dd label {  line-height:60px;}
.info_box dl.on { border-bottom-color:#e70012;}
.info_box .btn { margin: 20px 0; display: block; width: 140px; height: 44px; line-height: 44px; text-align: center; background-color: #E70012; color: #FFF; border: 0; outline: none; cursor: pointer; }

/*pwd*/
.info_box .box_1{ clear: both; margin-top: 20px; overflow: hidden;}
.info_box .box_1 span{ float: left; display: block; padding-left: 30px; width: 175px; height: 46px; line-height: 46px;}
.info_box .box_1 .txt{ float: left; display: block; width: 350px; padding: 10px 25px; height: 24px; line-height: 24px; font-size: 14px; color: #666; border: 1px solid #BFC4C9; background: none; outline: none;}
.info_box .box_1 .txt:focus{ border-color: #707376;}
.info_box .box_1 .error{ border-color: #E70012;}
.info_box .btn_1{ margin: 50px 0 0 205px;} 
.info_box .mgtop75{ margin-top: 75px;}

/*show*/
.show_box{ padding-top: 35px; overflow: hidden;}
.show_box .imgs{ float: left; width: 52%; position: relative; overflow: hidden;}
.show_box .imgs li img{ display: block;}
.show_box .imgs .btn{ position: absolute; top: calc(50% - 30px); width: 30px; height: 60px; border-radius: 0 10px 10px 0; background:rgba(0,0,0,0.4) url(../images/list_11.png) center center no-repeat; z-index: 200;}
.show_box .imgs .prev{ left: 0;}
.show_box .imgs .next{ right: 0; transform: rotate(180deg);}
.show_box .imgs .btn:hover{ background-color: #E70012;}
.show_box .imgs .tobig{ position: absolute; right: 10px; bottom: 10px; z-index: 200;}
.show_box .info{ float: right; width: 44%;}
.show_box .info .p_11{ font-size: 20px; margin-top: 17px;}
.show_box .info .p_12{ color: #666; line-height: 32px;}
.show_box .info .mgtop20{ margin-top: 20px}
.show_box .info .mgtop35{ margin-top: 35px}
.show_box .info .btnlist{ margin-top: 100px;}
.show_box .info .btnlist a{ display: inline-block; width: 25%; max-width: 148px; height: 34px; line-height: 34px; border-radius: 34px; border: 1px solid #B5B8BD; margin: 0 20px 20px 0; text-align: center; color: #666;}
.show_box .info .btnlist a:hover{ border-color: #E70012; color: #E70012;}
.upbkg { display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(0,0,0,0.5); z-index:1000; }
.upbox { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1180px; z-index: 1000; }
.upbox .close { float:right; margin-bottom:20px; cursor:pointer; }
.upbox .box { position: relative; overflow: hidden; width: 100%; min-height: 50vh; background-color: #FFF; }
.upbox .box li { float: left; position: relative; }
.upbox .box li a { position: absolute; bottom: 30px; right: 30px; cursor: pointer; z-index: 1001 }
.upbox .box .btn { position: absolute; top: calc(50% - 25px); width: 50px; height: 50px; cursor: pointer; z-index: 1001 }
.upbox .box .prev { left: 30px; }
.upbox .box .next { right: 30px; transform: rotate(180deg); }






.dispblock { display: block; }
.dispnone{ display:none;}
.opa0{ opacity:0; }