@charset "utf-8";
/*!  Project : 锦悦恒瑞
    +---------style.css----------+
    |                            |
    |    Author  |  yeshiqiu     |
    |    Q__Q    |  574442979    |
    |    Addr    |  SC_Chengdu   |
    |    Date    |  2018.04.03   |
    |                            |
    +--!-_-!--------------!-_-!--+
*/
.invisible{visibility: hidden; position: absolute; z-index: -1;}
.ts{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.tsn{-webkit-transition: none !important; transition: none !important;}
.tdu:hover{text-decoration: underline;}
.op0{opacity: 0; filter: alpha(opacity=0); *zoom: 1;}
.op1{opacity: 1; filter: alpha(opacity=100);}
.c1{color: #da251d;}
.bgc1{background-color: #da251d;}
.c2{color: #daba82;}
.bgc2{background-color: #daba82;}
a{color: #333333; -webkit-transition: color 220ms; transition: color 220ms;}
a.on,
a:hover{color: #da251d;}
html{min-width: 1300px;}
body{color: #666666; font: 14px/1 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
img{vertical-align: middle;}
.w,
.container{width: 1300px;}
.vmbox{font-size: 14px; line-height: 1; font-family: "Microsoft YaHei", "微软雅黑";}
button,
input,
select,
textarea{font-family: "Microsoft YaHei", "微软雅黑";}
.info{font-size: 14px; line-height: 24px;}
.imax{font-size: 14px; line-height: 30px; color: #333;}
::-moz-selection{background: #ad1d17; color: #fff; text-shadow: none;}
::selection{background: #ad1d17; color: #fff; text-shadow: none;}
.scroll-wrap{background-color: #fff;}
/*nav*/
.nav{position: fixed; left: 0; top: 0; z-index: 21; width: 100%; height: 110px;}
.nav .bg{top: -122px; height: 122px; -webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; background-image: url(../images/bg-fixedNav.png);}
.nav .container{position: relative; height: 100%;}
.fixedNav .nav .bg{top: -3px;}
.fixedNav .nav .logo img:first-child{display: none;}
.fixedNav .nav .logoBox,
.fixedNav .nav .link1{color: #333 !important; -webkit-transition-delay: 100ms; transition-delay: 100ms;}
// .fixedNav .nav .secNav{background-image: url(../images/bg-secNavH.png);}
.nav .logoBox{float: left; margin-top: 29px; color: #fff;}
.nav .logoBox .logo{float: left; position: relative; overflow: hidden; width: 188px; height: 60px;}
.nav .logoBox .logo img{width: 100%; height: 100%;}
.nav .logoBox .serNum{float: left; margin-left: 22px; border-left: #fff solid 1px; height: 52px; margin-top: 4px; padding-left: 22px; font-size: 16px; line-height: 26px;}
.nav .fnBox{position: absolute; right: 0; top: 16px; width: 145px;}
.nav .fnBox .btn{width: 72px; height: 30px; line-height: 30px; text-indent: 32px; color: #fff; font-weight: bold; background-size: auto; background-position: 7px 5px; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.nav .fnBox .btn:hover{background-position: 8px 5px;}
.nav .fnBox .log{float: left; background-image: url(../images/ico-log.png); background-color: #da251d; border-radius: 4px 0 0 4px;}
.nav .fnBox .reg{float: right; background-image: url(../images/ico-reg.png); background-color: #c90; border-radius: 0 4px 4px 0;}
.nav .firNav{float: right; margin-top: 60px;}
.nav .firNav .firItem{position: relative; float: left; margin-left: 35px; height: 50px; font-size: 16px; line-height: 32px;}
.nav .firNav .firItem .link1{color: #fff; display: block; height: 50px;}
.nav .firNav .firItem .secNav{position: absolute; left: 0; top: 100%; width: 100px; left: 50%; margin-left: -50px; text-align: center; padding-top: 10px; padding-bottom: 10px; line-height: 28px; white-space: nowrap; -webkit-transform: translateY(10px); transform: translateY(10px); background-color: #fff; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15);}
.nav .firNav .firItem .secNav s {display: none;}
.nav .firNav .firItem .secNav .link2{position: relative; display: block; color: #999; font-size: 14px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.nav .firNav .firItem .secNav .link2.on,
.nav .firNav .firItem .secNav .link2:hover{color: #da251d;}
.nav .firNav .firItem.on .link1{color: #da251d !important;}
.nav .firNav .firItem:hover .secNav{-webkit-transform: none !important; transform: none !important;}
.nav .firNav .block{position: absolute; visibility: hidden; display: none;}
/* banner */
.banner{position: relative; width: 100%; height: 300px;padding-top: 110px;}
.banner .item{display: block; position: relative; overflow: hidden; width: 100%; height: 300px; -webkit-transition: none !important; transition: none !important; background-color: #fff;}
.banner .item img{position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 300px; -webkit-animation-duration: 6s; animation-duration: 6s;-o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover;}
.banner .item.odd img{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
.banner .item.odd.on img{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
.banner .item.even img{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
.banner .item.even.on img{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
@-webkit-keyframes bgScaleS{0%{-webkit-transform: scale(1.02); transform: scale(1.02);} 100%{-webkit-transform: scale(1); transform: scale(1);}}
@keyframes bgScaleS{0%{-webkit-transform: scale(1.02); transform: scale(1.02);} 100%{-webkit-transform: scale(1); transform: scale(1);}}
.banner .bgScaleS{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
@-webkit-keyframes bgScaleB{0%{-webkit-transform: scale(1); transform: scale(1);} 100%{-webkit-transform: scale(1.02); transform: scale(1.02);}}
@keyframes bgScaleB{0%{-webkit-transform: scale(1); transform: scale(1);} 100%{-webkit-transform: scale(1.02); transform: scale(1.02);}}
.banner .bgScaleB{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
.banner .icon{height: 10px; line-height: 10px; position: absolute; bottom: 15px; left: 0; width: 100%; z-index: 3; text-align: right; white-space: nowrap;}
.banner .icon .btn{display: inline-block; position: relative; overflow: hidden; z-index: 1; width: 8px; height: 8px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border: #fff solid 1px; border-radius: 50%; text-indent: 100%; *text-indent: 0; *font-size: 0; margin: 0 5px; vertical-align: top;}
.banner .icon .btn::after{content:" ";position: absolute; left: 0; top: 0; left: 50%; top: 50%; margin-left: 0; margin-top: 0; width: 0; height: 0; border: #fff solid 1px; border-radius: 50%; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.banner .icon .btn.on{background-color: #fff;}
.banner .icon .btn.on::after{margin-left: -8px; margin-top: -8px; padding: 3px; width: 8px; height: 8px; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
/* iAbout */
.iAbout{padding-top: 26px; padding-bottom: 30px;}
.iAbout .container{position: relative; padding-right: 515px; width: 785px; min-height: 162px;}
.iAbout .head{ position: relative; font-size: 20px; height: 22px; line-height: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.iAbout .head .cn{color: #da251d;}
.iAbout .head .en{position: relative; top: 2px; margin-left: 6px; font-family: Tahoma, sans-serif; color: #000; opacity: .20; filter: alpha(opacity=20); *zoom: 1;}
.iAbout .more{ position: absolute; right: 0; top: 0; font-size: 14px; color: #999; }


.iAbout .body{ position: relative; overflow: hidden;margin-top: 28px; line-height: 28px; font-size: 16px; height: 112px; color: #666; text-align: justify;}

.iAbout .float{position: absolute; right: 0; top: 0; width: 352px; height: 142px; padding: 20px 31px 0 51px; background-image: url(../images/bg-iAbout.png);background-position: center bottom;}
.iAbout .float .link{float: left; width: 156px; height: 50px; margin-right: 20px; margin-bottom: 20px; text-align: center; line-height: 50px; font-size: 16px; background-color: #fff; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; border-radius: 4px;}
.iAbout .float .link:hover{background-color: #da251d; color: #fff;}
/* iNews */
.iNews{padding-top: 20px; padding-bottom: 15px;  background-color: #f5f5f5;}
.iNews .columns{width: 620px;}
.iNews .columns dt{margin-bottom: 16px; height: 22px; line-height: 22px;}
.iNews .columns dt strong{float: left; margin-top: 2px; padding-left: 18px; border-left: #da251d solid 6px; height: 18px; line-height: 18px; font-size: 20px; color: #333;}
.iNews .columns dt .more{position: relative; overflow: hidden; float: right; font-size: 16px; white-space: nowrap;}
.iNews .columns dt .more s{overflow: hidden; width: 0; height: 0; border-width: 7px 9px; border-color: transparent transparent transparent #999999; border-style: dashed dashed dashed solid; font-size: 0; vertical-align: middle; position: relative; top: -1px; margin-left: 10px; margin-right: -9px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.iNews .columns dt .more:hover s{border-left-color: #da251d;}
/* text-List */
.text-List .item{position: relative; padding: 15px 100px 15px 20px; height: 18px; border-top: #8c8c8c dotted 1px; line-height: 18px;}
.text-List .item .square{position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background-color: #666; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.text-List .item .title{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-List .item .date{position: absolute; right: 0; top: 20px; color: #999; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.text-List .item:hover .square{background-color: #da251d;}
.text-List .item:hover .title .link,
.text-List .item:hover .date{color: #da251d;}
/* footer */
.footer{padding-top: 24px; height: 166px; background-image: url(../images/bg-footer.jpg); color: #999; line-height: 24px;}
.footer .container{position: relative; width: 980px; padding-right: 320px;}
.footer .f-cList .item{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding-left: 28px; margin-right: 42px; height: 22px; line-height: 22px; padding-top: 4px; padding-bottom: 4px; white-space: nowrap;}
.footer .f-cList .item .icoImg{float: left; margin-left: -28px; margin-top: 2px;}
.footer .qrcode{position: absolute; right: 0; top: 46px; width: 249px; height: 100px; line-height: 24px;}
.footer .qrcode .pic{float: left; width: 100px; height: 100px;}
.footer .qrcode .txt{float: right; margin-top: 4px; width: 130px; height: 72px; border-radius: 0 4px 4px 0; border: #51504f solid 1px; border-left: none; padding: 9px 0 9px 18px; font-size: 14px; white-space: nowrap;}
.footer .hr{margin-top: 26px; margin-bottom: 18px; background-color: #3b3b3b;}
.footer .partner-List{padding-left: 72px; text-indent: -72px;}
.footer .partner-List,
.footer .partner-List a{color: #999999 !important;}
.footer .copyrights,
.footer .copyrights a{color: #525252 !important;}
/* subpage */
.subpage{padding-top: 110px;}
/* sbanner */
.sbanner{position: relative; overflow: hidden; height: 300px;}
.sbanner img{position: relative; left: 50%; margin-left: -960px; width: 1920px;-o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: 50% 60%; transform-origin: 50% 60%; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards;}
/* lr-Main */
.lr-Main{position: relative; z-index: 4;}
.lr-Main .sidebar{position: relative; z-index: 6; float: left; width: 278px; margin-top: -64px; padding-bottom: 40px;}
.lr-Main .sidebar .dt{height: 80px; padding: 40px 24px 0; color: #fff; background-image: url(../images/bg-subNavDt.png);}
.lr-Main .sidebar .dt .cn{display: block; font-size: 20px;}
.lr-Main .sidebar .dt .en{display: block; margin-top: 14px; font-family: Arial, sans-serif, "Microsoft YaHei", "微软雅黑"; opacity: .5; filter: alpha(opacity=50); *zoom: 1; text-transform: uppercase; font-size: 16px;}
.lr-Main .mainbody{position: relative; z-index: 1; float: right; width: 956px; padding-bottom: 40px;}
/* subNav */
.subNav .link{position: relative; display: block; color: #666; -webkit-transition: text-indent 220ms ease 0s; transition: text-indent 220ms ease 0s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.subNav .link:hover{text-indent: 3px;}
.subNav .ctr{display: none; position: absolute; top: 7px; right: 0; width: 36px; background-image: url(../images/arrow-subNav.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.subNav .firNav .firItem{border-bottom: #d8d8d8 solid 1px;}
.subNav .firNav .firItem .link1{padding-left: 26px; padding-right: 36px; padding-top: 4px; padding-bottom: 4px; height: 41px; line-height: 41px; color: #333; background-color: #fff;}
.subNav .firNav .firItem .link1 s{position: absolute; left: 12px; top: 22px; width: 6px; height: 6px; border-radius: 3px; background-color: #bbbbbb;}
.subNav .firNav .firItem.on{border-bottom: #da251d solid 2px;}
.subNav .firNav .firItem.on .link1{height: 40px;}
.subNav .firNav .firItem.on .ctr{background-image: url(../images/arrow-subNavActive.png);}
.subNav .secNav{display: none;}
.subNav .secNav .secItem{position: relative; margin-bottom: 5px; height: 31px; line-height: 31px; background-color: #eeeeee; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.subNav .secNav .secItem .link2{padding-left: 26px; padding-right: 36px;}
.subNav .secNav .secItem.on,
.subNav .secNav .secItem:hover{background-color: #da251d;}
.subNav .secNav .secItem.on .link,
.subNav .secNav .secItem:hover .link{color: #fff;}
.subNav .secNav.on{display: block;}
.subNav .secNav + .ctr{display: block !important; height: 36px;}
/* crumbs */
.crumbs{height: 52px; line-height: 52px; padding-bottom: 4px; text-align: right; background-image: url(../images/bg-slash.png); background-position: 0 52px; background-repeat: repeat-x;}
/* sHead */
.sHead{padding-bottom: 25px; padding-top: 30px;}
.sHead .cn{display: block; font-size: 30px; color: #5b5a5a;}
.sHead .en{display: block; margin-top: 12px; color: #999; text-transform: uppercase;}
.sHead .hr{width: 25px; height: 5px; background-color: #da251d; margin-top: 18px; margin-left: 2px;}
/* team-List */
.team-List .item{margin-top: 40px; position: relative; overflow: hidden; height: 218px; border: #e8e8e8 solid 1px; padding-left: 263px; padding-bottom: 20px; padding-right: 22px; color: #333;}
.team-List .item:first-child{margin-top: 0;}
.team-List .item .pic{position: absolute; left: -1px; top: -1px; width: 238px; height: 238px; border: #e8e8e8 solid 1px; background-color: #f3f3f3;}
.team-List .item .dt{margin-top: 22px; line-height: 30px;}
.team-List .item .name{font-size: 28px;}
.team-List .item .pos{font-size: 22px; margin-left: 5px; position: relative; top: 2px;}
.team-List .item .das{margin-top: 10px; font-size: 20px;}
.team-List .item .dd{margin-top: 12px; color: #666; max-height: 120px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height: 120px;}
/* honorText-List */
.honorText-List{border-top: #ddd solid 1px;}
.honorText-List .item{position: relative; border-bottom: #ddd solid 1px; font-size: 18px; color: #333;}
.honorText-List .item .dt{position: relative; overflow: hidden; height: 78px; line-height: 78px; cursor: pointer; padding-left: 30px; padding-right: 60px;}
.honorText-List .item .vr{position: absolute; left: 0; top: -100%; margin-top: 0; width: 4px; height: 100%; background-color: #da251d; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.honorText-List .item .kuang{position: absolute; overflow: hidden; right: 31px; top: 33px; width: 12px; height: 12px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.honorText-List .item .kuang b,
.honorText-List .item .kuang i{position: absolute; left: 50%; top: 50%; background-color: #999999;}
.honorText-List .item .kuang b{width: 12px; height: 4px; margin-left: -6px; margin-top: -2px;}
.honorText-List .item .kuang i{width: 4px; height: 12px; margin-left: -2px; margin-top: -6px; -webkit-transition: all 220ms ease 200ms; transition: all 220ms ease 200ms;}
.honorText-List .item .dd{display: none; padding-left: 30px; padding-right: 60px;}
.honorText-List .item .dd li{padding-top: 20px; padding-bottom: 20px; line-height: 24px; font-size: 14px; color: #666; border-top: #dddddd dotted 1px;}
.honorText-List .item.unfold .vr{top: 0;}
.honorText-List .item.unfold .kuang{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.honorText-List .item.unfold .kuang i{margin-top: -18px;}
/* honorImgText-List */
.honorImgText-List{position: relative; overflow: hidden; margin-right: -58px; margin-bottom: -24px; *margin-bottom: 0; min-height: 24px; margin-top: 40px;}
.honorImgText-List .dt{float: left; width: 956px; margin-bottom: 30px; line-height: 34px; text-align: center; color: #da251d; font-size: 24px;}
.honorImgText-List .dd{float: left; position: relative; margin-right: 58px; margin-bottom: 24px; width: 280px;}
.honorImgText-List .dd .img{height: 190px; line-height: 190px; font-size: 0; *font-size: 144px; padding: 9px; width: 260px; border: #e8e8e8 solid 1px; background-color: #f5f5f5;}
.honorImgText-List .dd .name{font-size: 16px; line-height: 24px; padding: 16px; color: #333; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.honorImgText-List .dd:hover .name{color: #da251d;}
/* pw-List */
.pw-List{position: relative; overflow: hidden; margin-right: -70px; margin-bottom: -40px; *margin-bottom: 0; min-height: 40px;}
.pw-List .item{float: left; position: relative; margin-right: 70px; margin-bottom: 40px; width: 272px; height: 300px; border-bottom: #d9d9d9 solid 2px;}
.pw-List .item .pic{height: 154px; background-color: #f5f5f5;}
.pw-List .item .title{margin-top: 20px; font-size: 16px; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pw-List .item .info{margin-top: 14px; max-height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px;}
.pw-List .item .date{margin-top: 20px; font-size: 12px; color: #999;}
.pw-List .item .more{position: absolute; bottom: 20px; right: 0; width: 58px; height: 20px; background-image: url(../images/arrow-more.png); background-position: -58px 0; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.pw-List .item .more:hover{background-position: 0 0;}
.pw-List .item .hr{position: absolute; left: 100%; bottom: -2px; width: 0; height: 2px; background-color: #da251d; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.pw-List .item:hover .hr{width: 100%; -webkit-transition: width 400ms ease 0s; transition: width 400ms ease 0s; left: 0;}
/* lr-Main text-List */
.lr-Main .text-List{margin-top: -10px;}
.lr-Main .text-List .item:first-child{border-top: none;}
/* base-View */
.base-View .view-Head{padding: 14px; background-color: #f5f5f5; border-bottom: #ddd solid 2px; text-align: center;}
.base-View .view-Head .title{font-size: 24px; line-height: 36px; color: #333;}
.base-View .view-Head .aside{font-size: 14px; margin-top: 8px; color: #999;}
.base-View .view-Body{margin-top: 20px; font-size: 14px; line-height: 26px; color: #666; padding-left: 5px; padding-right: 5px;}
.base-View .view-Foot{position: relative; height: 52px; margin-top: 40px; line-height: 26px;}
.base-View .view-Foot .ctr{display: block; position: relative; height: 26px; max-width: 750px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.base-View .view-Foot .backToList{position: absolute; right: 0; top: 6px; width: 135px; height: 40px; line-height: 40px; background-color: #eee; text-align: center;}
/* product-Center */
.product-Center .unlog{margin-top: 50px; margin-bottom: 50px; margin-left: auto; margin-right: auto; padding: 65px 80px; width: 446px; height: 146px; background-image: url(../images/bg-pdtCenter.png);}
.product-Center .unlog .tips{margin-bottom: 80px; padding-left: 108px; min-height: 72px; padding-top: 4px; padding-bottom: 4px; line-height: 24px; color: #999; background-image: url(../images/ico-portrait.png); background-size: auto; background-position: 0 center; background-repeat: no-repeat;}
.product-Center .unlog .link{color: #00b4ff; text-align: center;}
/* pdtOrder-List */
.pdtOrder-List .item{border: #e6e6e6 solid 1px; margin-top: 30px;}
.pdtOrder-List .item:first-child{margin-top: 0;}
.pdtOrder-List .item .dt{padding: 14px; height: 40px; line-height: 40px; background-color: #f9f9f9; border-bottom: #e6e6e6 solid 1px;}
.pdtOrder-List .item .dt .name{float: left; font-size: 16px; color: #333;}
.pdtOrder-List .item .dt .status{float: left; margin-top: 10px; margin-left: 18px; height: 20px; line-height: 20px; text-align: center; padding-left: 15px; padding-right: 15px; background-color: #da251d; color: #fff;}
.pdtOrder-List .item .dt .btn{float: right; width: 110px; height: 38px; line-height: 38px; text-align: center; color: #da251d; border: solid 1px; background-color: #fff; border-radius: 2px;}
.pdtOrder-List .item .dd{padding-left: 14px; padding-right: 14px;}
.pdtOrder-List .item .dd .line{border-top: #ccc dashed 1px; color: #999;}
.pdtOrder-List .item .dd .line .ppty{color: #666;}
.pdtOrder-List .item .dd .line:first-child{border-top: none;}
.pdtOrder-List .item .dd .line .col{float: left; height: 24px; line-height: 24px; padding-top: 14px; padding-bottom: 14px; text-indent: 4px;}
.pdtOrder-List .item .dd .line .col1{width: 275px;}
.pdtOrder-List .item .dd .line .col2{width: 240px;}
.pdtOrder-List .item .dd .line .col3{width: 275px;}
/* subscribeForm */
.subscribeForm .dt{margin-bottom: 45px; border: #e6e6e6 solid 1px; height: 68px; line-height: 68px; text-align: center; font-size: 18px; color: #333; background-color: #f9f9f9;}
.subscribeForm .formItem{padding-left: 260px; width: 480px;}
.formItem{line-height: 40px; margin-bottom: 20px; font-size: 0;}
.formItem .focus{position: absolute; right: 492px; top: 0; /* float: left;margin-left: -90px;width: 68px; */ text-align: right; font-size: 14px; color: #333; white-space: nowrap;}
.formItem .skin{width: 450px; height: 40px; padding-left: 10px; padding-right: 10px; background-color: #f4f4f4; border-radius: 4px; border: 1px #ddd solid ; line-height: 40px; font-size: 14px;}
.formItem .skin._focus{/* border-color: #2e9fd9 ; */ -webkit-box-shadow: inset 0px 1px 1.5px 0px #2e9fd9 !important; box-shadow: inset 0px 1px 1.5px 0px #2e9fd9 !important;}
.supports .formItem .skin{-webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.2); border: none;}
.formItem .unit{left: 100%; top: 0; position: absolute; color: #666; font-size: 14px; white-space: nowrap;}
.formItem .unit + .aftPD{margin-left: 80px;}
.formItem .radio{position: relative; display: inline-block; text-align: center;}
.formItem .radio input{pointer-events: none; position: absolute; visibility: hidden; top: 50%; margin-top: -7px; width: 14px; height: 14px; left: 0;}
.formItem .radio label{display: block; margin-left: -10px; margin-right: -10px; position: relative; z-index: 2; background-image: url(../images/ico-radio.png); background-size: auto; background-position: 10px 13px; background-repeat: no-repeat;}
.formItem .radio.on label{background-image: url(../images/ico-radio_on.png);}
.formItem .radio1{width: 210px; margin-right: 10px;}
.formItem .radio1 label{display: block; margin-left: -10px; margin-right: -10px; position: relative; z-index: 2; background-image: url(../images/ico-radio.png); background-size: auto; background-position: 10px 13px; background-repeat: no-repeat;}
.formItem .radio1.on label{background-image: url(../images/ico-radio_on.png);}
.formItem textarea.skin{padding: 10px; height: 80px; line-height: 20px;}
.formItem.yzm{white-space: nowrap;}
.formItem.yzm .skin{width: 140px; margin-right: 10px;}
.formItem.yzm .bindClick{height: 38px; width: 108px; border-radius: 4px; vertical-align: top; border: #ddd solid 1px;}
.formItem.yzm .refreshVC{margin-left: 14px; font-size: 14px;}
.formItem .enter{width: 470px; height: 40px; border-radius: 4px; color: #fff; font-weight: bold; font-size: 16px; line-height: 40px; text-align: center; background-color: #da251d;}
/* download-List */
.download-List .item{position: relative; padding: 0 132px 0 12px; height: 40px; line-height: 40px; margin-top: 10px; background-color: #f5f5f5; color: #333;}
.download-List .item:first-child{margin-top: 0;}
.download-List .item .btn{position: absolute; right: 0; top: 0; width: 116px; height: 40px; text-indent: 42px; border-left: #fff solid 4px; background-image: url(../images/ico-download.png); background-size: auto; background-position: 17px 12px; background-repeat: no-repeat; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; color: #666;}
.download-List .item .btn:hover{background-position: 17px 14px; background-color: #eee;}
/* sService */
.sService{margin-bottom: -40px; height: 250px; padding-top: 150px; padding-left: 170px; font-size: 16px; line-height: 30px; color: #fff; background-image: url(../images/bg-service.png); background-size: auto; background-position: right 0; background-repeat: no-repeat;}
/* qa-List */
.qa-List .item{margin-top: 10px; padding-left: 12px; padding-right: 12px; background-color: #f5f5f5;}
.qa-List .item .show,
.qa-List .item .hide{position: relative; text-indent: -30px; padding-left: 30px; padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 24px; color: #999;}
.qa-List .item .show strong,
.qa-List .item .hide strong{color: #333;}
.qa-List .item .show{cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.qa-List .item .hide{display: none; border-top: #d1cece dotted 1px;}
.qa-List .item .btn{position: absolute; right: 12px; top: 18px; width: 12px; height: 12px; background-image: url(../images/arrow-qa.png); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.qa-List .item:first-child{margin-top: 0;}
.qa-List .item.unfold .btn{background-image: url(../images/arrow-qaActive.png); top: 20px;}
.qa-List .item:hover .btn{right: 10px;}
/* hr-List */
.hr-List .item{margin-top: 20px; position: relative; border: #dedede solid 1px;}
.hr-List .item:first-child{margin-top: 0;}
.hr-List .item .show{position: relative; padding: 18px 256px 18px 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer;}
.hr-List .item .vr{width: 4px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; background-color: #dedede;}
.hr-List .item .pos{font-size: 16px; color: #333;}
.hr-List .item .aside{margin-top: 14px;}
.hr-List .item .btn{position: absolute; right: 25px; top: 50%; margin-top: -22px; height: 44px; padding-right: 58px; background-image: url(../images/arrow-hr.png); background-size: auto; background-position: right 2px; background-repeat: no-repeat; line-height: 44px; color: #666; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.hr-List .item .hide{display: none; padding: 30px 256px 18px 40px; font-size: 14px; line-height: 24px; color: #666;}
.hr-List .item.unfold .btn{background-image: url(../images/arrow-hrActive.png); background-position: right 4px;}
.hr-List .item:hover .btn{right: 22px;}
/* sContact */
.sContact .s-cList{float: left; width: 670px; color: #333;}
.sContact .s-cList .item{margin-bottom: 10px; padding-left: 28px; line-height: 22px; padding-top: 4px; padding-bottom: 4px; white-space: nowrap;}
.sContact .s-cList .item .icoImg{float: left; margin-left: -28px; margin-top: 2px;}
.sContact .qrcode{float: right; width: 253px; height: 100px; line-height: 24px; color: #333;}
.sContact .qrcode .pic{float: left; width: 100px; height: 100px; border: #d9d9d9 solid 2px;}
.sContact .qrcode .txt{float: right; margin-top: 4px; width: 130px; height: 72px; border-radius: 0 4px 4px 0; border: #d9d9d9 solid 1px; border-left: none; padding: 9px 0 9px 18px; font-size: 14px; white-space: nowrap;}
.sContact .mapContain{float: left; margin-top: 40px; width: 100%; height: 400px;}
.sContact .mapContain #dituContent{width: 100%; height: 100%; line-height: 1.1; background-color: #f5f3f0;}
.sContact .mapContain #dituContent .BMap_bubble_title{font-size: 16px; margin-bottom: 5px; padding-right: 16px; color: #da251d;}
.sContact .mapContain #dituContent .BMap_bubble_content{width: 400px !important; font-size: 14px;}
.sContact .mapContain #dituContent img{max-width: none;}
/* mc-Fn */
.mc-Fn{float: right; margin-top: 42px;}
/* mc-Main */
.mc-Main{padding-top: 180px; padding-bottom: 75px; background-color: #f5f5f5;}
.mc-Main .lg-Container{padding-left: 720px; width: 580px; min-height: 500px; background-image: url(../images/bg-mcMain.png); background-position: 0 0; background-repeat: no-repeat;}
.mc-Main .lg-Contain{width: 390px; min-height: 392px; padding: 48px 65px 60px; background-color: #fff; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.06);}
.mc-Main .lg-Contain .dt{font-size: 24px; color: #333;}
.loginForm{margin-top: 35px;}
.loginForm .formItem{margin-bottom: 40px;}
.loginForm .formItem .skin{width: 368px; height: 38px; line-height: 38px; border: #bbb solid 1px; background-color: #fff; -webkit-box-shadow: none; box-shadow: none;}
.loginForm .formItem .skin._focus{-webkit-box-shadow: none !important; box-shadow: none !important;}
.loginForm .formItem.yzm .skin{width: 108px;}
.loginForm .formItem .enter{width: 390px; font-size: 18px;}
.loginForm .formItem .forgetBtn{float: right; margin-top: 26px; color: #2e9fd9; font-size: 14px; line-height: 16px;}
.forgetPwForm .formItem{margin-bottom: 20px;}
.forgetPwForm .formItem [type="password"] + .aftPD{left: auto; right: 10px;}
.forgetPwForm .formItem.dvc{height: 40px;}
.forgetPwForm .formItem.dvc .skin{float: left; width: 228px;}
.forgetPwForm .formItem.dvc .sendcode{float: right; width: 130px; height: 40px; line-height: 40px; border-radius: 4px; background-color: #da251d; color: #fff; text-align: center; font-size: 14px;}
/* reg-Contain */
.reg-Contain{background-color: #fff; border: #e6e6e6 solid 1px; margin-left: auto; margin-right: auto; padding-bottom: 55px;}
.reg-Contain.w1200{width: 1198px;}
.reg-Contain.w1300{width: 1298px;}
.reg-Contain .dt{background-color: #f9f9f9; height: 78px; border-bottom: #e6e6e6 solid 1px; text-align: center; line-height: 78px; font-size: 28px; color: #000;}
.reg-Contain .reg-Warning{padding: 40px 64px;}
.reg-Contain .reg-Warning .imax{height: 474px; overflow-y: auto; padding-right: 50px; color: #000; line-height: 26px;}
.reg-Contain .reg-Warning .btns{text-align: center; margin-top: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.reg-Contain .reg-Warning .btns .link{display: inline-block; margin-left: 10px; margin-right: 10px; width: 116px; height: 40px; border-radius: 4px; font-size: 16px; font-weight: bold; line-height: 40px; text-align: center; color: #fff;}
.reg-Contain .reg-Warning .btns .yes{background-color: #da251d;}
.reg-Contain .reg-Warning .btns .no{background-color: #a0a0a0;}
/* regForm */
.regForm{padding: 44px 99px;}
.regForm .line{width: 1100px;}
.regForm .formItem{float: left; width: 418px; padding-left: 132px;}
.regForm .formItem .focus{right: 432px;}
.regForm .formItem .skin{width: 370px;}
.regForm .formItem .skin.w1{width: 160px;}
.regForm .formItem .sign{display: inline-block; vertical-align: top; font-size: 14px; color: #f00; margin-left: 8px;}
.regForm .formItem .radio2{display: inline-block; margin-right: 14px; width: 80px; background: none; -webkit-box-shadow: none; box-shadow: none; text-align: left; text-indent: 42px;}
.regForm .formItem select.disabled{color: #999;}
.regForm .formItem.dvc{height: 40px;}
.regForm .formItem.dvc .skin{float: left; width: 230px;}
.regForm .formItem.dvc .sendcode{float: left; margin-left: 10px; width: 130px; height: 40px; line-height: 40px; border-radius: 4px; background-color: #da251d; color: #fff; text-align: center; font-size: 14px;}
.regForm .formItem [type="password"] + .aftPD{left: auto; right: 38px;}
.regForm .formItem.remarks{width: 968px;}
.regForm .formItem.remarks .focus{right: 982px;}
.regForm .formItem.remarks .skin{width: 920px;}
.regForm .formItem.yzm .skin{width: 108px;}
.regForm .formItem .enter{width: 390px;}
/* mc-sidebar */
.mc-sidebar{float: left; width: 200px;}
.mc-sidebar .dt,
.mc-sidebar .dd{padding-left: 20px; padding-right: 20px;}
.mc-sidebar .dt{height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; color: #fff; background-color: #da251d; border-radius: 4px 4px 0 0;}
.mc-sidebar .dd{padding-top: 9px; padding-bottom: 51px; background-color: #fff;}
.mc-sidebar .dd .firItem{position: relative; height: 51px; border-bottom: #eee solid 1px; line-height: 50px; text-indent: 2px; -webkit-transition: text-indent 220ms ease 0s; transition: text-indent 220ms ease 0s;}
.mc-sidebar .dd .firItem .link{display: block; color: #333;}
.mc-sidebar .dd .firItem .ctr{position: absolute; top: 7px; right: 0; width: 36px; height: 36px; background-image: url(../images/arrow-subNav.png); background-size: auto; background-position: 50% 50%; background-repeat: no-repeat;}
.mc-sidebar .dd .firItem:hover{text-indent: 4px;}
.mc-sidebar .dd .firItem.on{height: 50px; border-bottom: #da251d solid 2px;}
/* mc-Mainbody */
.mc-Mainbody{float: right; width: 998px; padding: 38px; background-color: #fff;}
.mc-Mainbody .mcHead{height: 28px; border-bottom: #f5f5f5 solid 2px;}
.mc-Mainbody .mcHead i{display: inline-block; padding-bottom: 14px; border-bottom: #da251d solid 2px;}
.mc-Mainbody .mcBody{padding-top: 28px;}
.mc-Mainbody .pdtOrder-List{padding-left: 20px; padding-right: 20px;}
.mc-Mainbody .loginForm{margin-top: 0; width: 390px;}
/* mcInfo-List */
.mcInfo-List .item{padding-top: 17px; padding-bottom: 17px; padding-left: 92px; border-bottom: #f5f5f5 solid 2px; line-height: 24px; min-height: 24px;}
.mcInfo-List .item .ppty{float: left; margin-left: -92px; color: #333; text-indent: 2px;}
/* guidance */
#guidance{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1;}
#guidance .bannerBg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0;}
#guidance .bannerBg .item{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#guidance .bannerBg .item img{width: 100%; height: 100%; -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; -webkit-transform-origin: 50% 60%; transform-origin: 50% 60%; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards;}
#guidance .bannerBg .item.on img{-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
#guidance .bannerBg .item.odd img{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
#guidance .bannerBg .item.odd.on img{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
#guidance .bannerBg .item.even img{-webkit-animation-name: bgScaleB; animation-name: bgScaleB;}
#guidance .bannerBg .item.even.on img{-webkit-animation-name: bgScaleS; animation-name: bgScaleS;}
#guidance .bannerBg .ctr{display: block; position: fixed; z-index: 3; top: 50%; margin-top: -50px; width: 50px; height: 100px; background-image: url(../images/arrow-guidance.png); -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s; opacity: .10; filter: alpha(opacity=10); *zoom: 1;}
#guidance .bannerBg .ctr:hover{opacity: .40; filter: alpha(opacity=40);}
#guidance .bannerBg .ctr.reject{display: none;}
#guidance .bannerBg .ctr.prev{left: 50%; margin-left: -650px; background-position: 0 0;}
#guidance .bannerBg .ctr.prev:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
#guidance .bannerBg .ctr.next{right: 50%; margin-right: -650px; background-position: -50px 0;}
#guidance .bannerBg .ctr.next:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
#guidance .container{position: relative; height: 100%; z-index: 3;}
#guidance .logo{position: absolute; left: 50%; margin-left: -650px; top: 50px; z-index: 2; height: 83px; -webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
#guidance .logo img{height: 100%;}
#guidance .nextBtn{position: absolute; bottom: 175px; left: 50%; margin-left: -75px; z-index: 3; width: 150px; height: 44px; padding: 5px 6px 9px; line-height: 44px; font-size: 18px; color: #da251d; text-align: center; background-image: url(../images/bg-nextBtn.png); cursor: pointer;}
#guidance .g-foot{position: absolute; bottom: 20px; padding-top: 15px; padding-bottom: 15px; left: 0; width: 100%; background-image: url(../images/bg-gFoot.png); font-size: 16px; line-height: 30px;}
#guidance .g-foot .l,
#guidance .g-foot .l a{color: #999999 !important;}
#guidance .g-foot .r,
#guidance .g-foot .r a{color: #ffffff !important;}
#guidance .g-foot .r s{margin-left: 5px; margin-right: 5px;}
#guidance .permission{position: fixed; width: 1200px; left: 50%; z-index: 22; top: -1080px; margin-left: -600px; background-color: #fff; border: #e6e6e6 solid 1px; padding-bottom: 25px;}
#guidance .permission .dt{background-color: #f9f9f9; height: 79px; -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1); border-bottom: #e6e6e6 solid 1px; text-align: center; line-height: 78px; font-size: 28px; color: #000;}
#guidance .permission .dd{padding: 40px 64px;}
#guidance .permission .dd .imax{height: 400px; overflow-y: auto; padding-right: 50px; color: #000; line-height: 26px;}
#guidance .permission .btns{text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#guidance .permission .btns .link{display: inline-block; margin-left: 10px; margin-right: 10px; width: 116px; height: 40px; border-radius: 4px; font-size: 16px; font-weight: bold; line-height: 40px; text-align: center; color: #fff;}
#guidance .permission .btns .yes{background-color: #da251d;}
#guidance .permission .btns .no{background-color: #a0a0a0;}
@media screen and (max-width: 1340px){#guidance .bannerBg .ctr.prev{margin-left: -600px;} #guidance .bannerBg .ctr.next{margin-right: -600px;} #guidance .container{width: 1200px;} #guidance .logo{margin-left: -600px; height: 66px !important;}}
@media screen and (max-width: 1300px){#guidance .bannerBg .ctr.prev{left: 15px; margin-left: 0;} #guidance .bannerBg .ctr.next{right: 15px; margin-right: 0;} #guidance .logo{left: 15px; margin-left: 0;}}
.formItem{position: relative;}
.formItem .aftPD{position: absolute; left: 100%; top: 0; color: #f00; margin-left: 8px; white-space: nowrap; font-size: 14px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.formItem .skin::-webkit-input-placeholder{color: #999999;}
.formItem .skin:-moz-placeholder{color: #999999;}
.formItem .skin::-moz-placeholder{color: #999999;}
.formItem .skin:-ms-input-placeholder{color: #999999;}
.formItem .skin._focus{border-color: #2e9fd9 !important; /* box-shadow: 0 0 1px 2px fade(@c1,15%); */}
.formItem.red .skin{color: #f00 ; border-color: #f00 ;}
.formItem.red .skin::-webkit-input-placeholder{color: #ff0000;}
.formItem.red .skin:-moz-placeholder{color: #ff0000;}
.formItem.red .skin::-moz-placeholder{color: #ff0000;}
.formItem.red .skin:-ms-input-placeholder{color: #ff0000;}
/* 组件 */
.csstransf .scs img{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.csstransf .scs.hbgOn img,
.csstransf .scs:hover img{-webkit-transform: scale(1.02); transform: scale(1.02);}
.csstransf .scst img{-webkit-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.csstransf .scst.hbgOn img,
.csstransf .scst:hover img{-webkit-transform: scale(1.02); transform: scale(1.02);}
.csstransf .aBtnBg{position: relative; z-index: 0;}
.csstransf .aBtnBg::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0);}
.csstransf .aBtnBg:hover::after{background-color: rgba(0, 0, 0, 0.1);}
.csstransf .aBtnSc{position: relative; z-index: 0;}
.csstransf .aBtnSc::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 300ms ease 0ms; transition: all 300ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0.1); -webkit-transform: scale(0.6); transform: scale(0.6); opacity: 0;}
.csstransf .aBtnSc:hover::after{-webkit-transform: none !important; transform: none !important; opacity: 1;}
.csstransf .tfy3,
.csstransf .tfx3,
.csstransf .tfy-3,
.csstransf .tfx-3{-webkit-transition: all 220ms ease 0s; transition: all 220ms ease 0s;}
.csstransf .tfy3:hover{-webkit-transform: translateY(3px); transform: translateY(3px);}
.csstransf .tfx3:hover{-webkit-transform: translateX(3px); transform: translateX(3px);}
.csstransf .tfy-3:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
.csstransf .tfx-3:hover{-webkit-transform: translateX(-3px); transform: translateX(-3px);}
.csstransf .stereoUp{-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); box-shadow: 0 0 0 0px rgba(0, 0, 0, 0); -webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.csstransf .stereoUp:hover{-webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.hbg .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
.hbg:hover .op0,
.hbg.hbgOn .op0{-webkit-transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; transition: all 250ms cubic-bezier(0.46, 0.03, 0.52, 1) 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg:hover .op0.htfn,
.hbg.hbgOn .op0.htfn{-webkit-transform: none !important; transform: none !important;}
.hbg .front,
.hbg:hover .behind,
.hbg.hbgOn .behind{-webkit-transition: all 222ms ease-out 0ms; transition: all 222ms ease-out 0ms; opacity: 1; filter: alpha(opacity=100); visibility: visible;}
.hbg .behind,
.hbg:hover .front,
.hbg.hbgOn .front{-webkit-transition: all 222ms ease-in 0ms; transition: all 222ms ease-in 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1; visibility: hidden; *visibility: visible;}
/* keyframes use */
@-webkit-keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
@keyframes dotShake{0%{-webkit-transform: none; transform: none;} 15%{-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg); transform: translate3d(-8%, 0, 0) rotate(-4deg);} 30%{-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg); transform: translate3d(6.6%, 0, 0) rotate(2deg);} 45%{-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg); transform: translate3d(-5.5%, 0, 0) rotate(-2deg);} 60%{-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg); transform: translate3d(4.5%, 0, 0) rotate(1deg);} 75%{-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg); transform: translate3d(-2%, 0, 0) rotate(-1deg);} to{-webkit-transform: none; transform: none;}}
.dotShake{-webkit-animation-name: dotShake; animation-name: dotShake;}
@-webkit-keyframes Anistriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
@keyframes Anistriking{0%, 50%, to{-webkit-transform: scale(1); transform: scale(1);} 25%, 75%{-webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);}}
.Anistriking{-webkit-animation-name: Anistriking; animation-name: Anistriking;}
@-webkit-keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
@keyframes rotate180{0%{-webkit-transform: none !important; transform: none !important;} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
.rotate180{-webkit-animation-name: rotate180; animation-name: rotate180; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes fadeInDowns{0%{opacity: 0.3; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}
.fadeInDowns{-webkit-animation-name: fadeInDowns; animation-name: fadeInDowns;}
.linkBd{position: relative; overflow: hidden;}
.csstransf .linkBd{z-index: 0;}
.csstransf .linkBd::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; border: 0 solid rgba(0, 0, 0, 0.08); border-radius: inherit; opacity: 1;}
.csstransf .linkBd:hover::after{border-width: 30px; opacity: 1; filter: alpha(opacity=100);}
.linkBd:hover{background-color: rgba(0, 0, 0, 0.08);}
.csstransf .linkBd{background-color: transparent !important;}
.linkBT{position: relative; overflow: hidden;}
.csstransf .linkBT{z-index: 0;}
.csstransf .linkBT::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(218, 37, 29, 0.05); -webkit-transform: translateY(100%); transform: translateY(100%);}
.csstransf .linkBT:hover::after{-webkit-transform: none !important; transform: none !important;}
.linkBT:hover{background-color: rgba(218, 37, 29, 0.05);}
.csstransf .linkBT{background-color: transparent !important;}
.linkLR{position: relative; overflow: hidden;}
.csstransf .linkLR{z-index: 0;}
.csstransf .linkLR::after{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(218, 37, 29, 0.05); -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.csstransf .linkLR:hover::after{-webkit-transform: none !important; transform: none !important;}
.linkLR:hover{background-color: rgba(218, 37, 29, 0.05);}
.csstransf .linkLR{background-color: transparent !important;}
.loading{background-image: url(../images/loading.gif);}
.loading-m{background-image: url(../images/loading-m.gif);}
.load-error{background-image: url(../images/error.gif);}
/* 滚动加载 */
.scrollAjax #loadState{position: relative; width: 200px; height: 40px; margin: 40px auto 0; cursor: pointer; text-align: center; line-height: 40px; background-color: #da251d; color: #fff; font-size: 16px;}
.scrollAjax #loadState.off{background-color: #ddd; color: #333; cursor: default; cursor: not-allowed;}
.scrollAjax #loadState.ing::after{content: " "; -webkit-animation-name: dotMove; animation-name: dotMove; -webkit-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-timing-function: steps(4); animation-timing-function: steps(4); -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
@keyframes dotMove{0%, 100%{content: ".";} 33%{content: "..";} 66%{content: "...";}}
.scrollAjax #loadState.retry{overflow: hidden; background-color: #da251d; cursor: pointer;}
.scrollAjax #loadState.retry::before{content: ""; position: absolute; overflow: hidden; width: 80px; height: 150px; left: 0; top: 0; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewX(-25deg) translateX(-149px); transform: skewX(-25deg) translateX(-149px); -webkit-transition: none 220ms ease 0s; transition: none 220ms ease 0s;}
.scrollAjax #loadState.retry:hover::before{left: 100%; -webkit-transform: skewX(-25deg) translateX(149px); transform: skewX(-25deg) translateX(149px); top: 0; -webkit-transition: all 600ms ease 0s; transition: all 600ms ease 0s;}
.scrollAjax .pageList{display: none;}
/* 模态窗 */
.TAlert{display: none; position: fixed; left: 0; top: 0; z-index: 99; overflow: hidden; width: 100%; height: 100%; text-align: center; overflow-x: hidden; overflow-y: auto;}
.TAlert .contain{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; overflow: hidden; z-index: 9; width: 400px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); text-align: left; line-height: 1.4333; font-size: 16px; border-radius: 5px ;}
.TAlert .contain .Tclose{position: absolute; top: 2px; right: 2px; width: 30px; height: 30px; padding: 5px; color: #666; font: bold 16px/30px "黑体"; cursor: pointer; text-align: center;}
.TAlert .contain .head{padding: 10px 15px; border-bottom: #cccccc solid 1px; color: #333; background-color: #fff;}
.TAlert .contain .body{padding: 15px; font-size: 14px; background-color: #fff; color: #444;}
.TAlert .contain .foot{position: relative; width: 100%; height: 40px; border-top: #cccccc solid 1px;}
.TAlert .contain .foot .btn{overflow: hidden; position: absolute; top: 0; height: 40px; line-height: 40px; width: 50%; text-align: center; font-size: 15px;}
.csstransf .TAlert .contain .foot .btn{z-index: 0;}
.csstransf .TAlert .contain .foot .btn::before{content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms ease 0ms; transition: all 250ms ease 0ms; pointer-events: none; background-color: rgba(0, 0, 0, 0);}
.csstransf .TAlert .contain .foot .btn:hover::before{background-color: rgba(0, 0, 0, 0.1);}
.TAlert .contain .foot .btn.enter{left: 0; background-color: #da251d; color: #fff;}
.TAlert .contain .foot .btn.close{right: 0; background-color: #f1f1f1; border-left: #cfcfcf solid 1px; color: #333;}
.TAlert .contain .foot .btn.w100{border-left: none;}
.csstransf .TAlert .contain{opacity: 0; -webkit-transition: all 330ms ease 0s; transition: all 330ms ease 0s; -webkit-transform: translateY(-100%) scale(0.2); transform: translateY(-100%) scale(0.2);}
.csstransf .TAlert.on .contain{opacity: 1; -webkit-transform: none !important; transform: none !important;}
/* 页码 */ 
 .pageList{margin-top: 45px; margin-bottom: 0; text-align: center;position: relative; overflow: hidden; height: 30px; line-height: 28px; font-size: 0; text-align: center;}
 .pageList ul.l {display:none;}
 .pageList ul{position: relative; float: none !important;}
 .pageList ul,
 .pageList ul li{display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}
 .pageList ul li{margin: 0 5px; font-size: 14px;}
 .pageList a{display: block; border: #999999 solid 1px; padding-left: 10px; padding-right: 10px; height: 28px; color: #333; background-color: #fff; -webkit-transition: background 200ms, color 200ms; transition: background 200ms, color 200ms; font-size: 14px;}
 .pageList a:hover,
 .pageList a.selected{color: #fff; background-color: #da251d;}
 .pageList a:active{border-color: #fff;}