/*about-con*/
/*公共*/
*{margin: 0;padding: 0;-webkit-tap-highlight-color:transparent;}
body{width:100%;margin:0 auto;font-family: "微软雅黑","PingFangSC-Regular","Heiti SC";background: #f6f6f6;}
.hidden{display:none!important;}
li {list-style:none;}
i{font-style: normal;}
textarea {overflow: auto;resize: none;}
a,a:hover{outline: 0 none;text-decoration: none;}
a,span,i{display: inline-block;}
.fl{float:left;}
.fr{float:right;}
.align{text-align:center;}


.wrap{width:100%;overflow: hidden;}

/* about hero */
/*.about-con{margin-top:2.625rem;}*/
.about-con .page1 {position: relative;width: 100%;height: auto;background-color: #fff;overflow: hidden;}
.about-con .page2 {overflow: hidden;position: relative;width: 100%;background-color: #F6F6F6;min-height: 32rem;}
.about-con .page3{overflow: hidden;position: relative;width: 100%;height:auto;background-color: #fff;}
.about-con .page4 {position: relative;width: 100%;height:auto;background-color: #F6F6F6;overflow: hidden;}
.about-con .page5 {position: relative;width: 100%;height:auto;background-color: #fff;overflow: hidden;}
.about-con .page6 {position: relative;width: 100%;height:auto;background: #F6F6F6;overflow: hidden;}
.about-con .page7 {position: relative;width: 100%;height:auto;background: #fff;overflow: hidden;}
.about-con .page1>div{min-width:19.0625rem;height:auto;padding-top: 1.20625rem;overflow: hidden;}
.about-con .page1>div .swiper-container{width:100%;height:auto;overflow: auto;}
.about-con .page1>div .swiper-wrapper{width:100%;margin-bottom: 1.4rem;}
.about-con .page1>div .row{width:13.875rem;height:auto;padding:0.5rem 0 0 1.80625rem;float: left;box-sizing: border-box;-webkit-box-sizing:border-box;border-right: 1px solid #ddd;}
.about-con .page1>div .row:last-child{border-right: none;}
.about-con .page1>div .row .about_title{width:25%;height:30%;}
.same_title{width:8.96875rem;position:relative;display:block;margin:0 auto;margin-bottom: 0.5rem !important;}
.same_title .c_name{font-size: 1.126875rem;font-weight: 600;color: #000;position: relative;width:7.96875rem;height:1.8125rem;line-height:1.8125rem;background: url(../images/lable.png) no-repeat;background-size:100% 100%;text-align: center;display:block;margin:0 auto;}
.same_title .c_name.white{color:#fff;}
.same_title .e_name{font-size: 0.5rem;color: #999;position: relative;text-align: center;display: inline-block;width: 100%;top: -0.5rem;}
.about-con .page1>div .row span{display: inline-block;position: relative;top: -0.3rem;left: -1.1rem;font-size: 0.9rem;font-family: "Impact","微软雅黑","PingFangSC-Regular","Heiti SC";color: #E22B4B;font-weight: bolder;}
.about-con .page1>div .row p{font-size: 0.75rem;color: #000;line-height: 1.375rem;position: relative;top: -1.6rem;padding-right: 0.95rem;}
.about-con .page1>div .swiper-container .swiper-pagination{bottom: 2rem;left: 50%;transform: translate(-50%);-webkit-transform: translate(-50%);opacity: 1;}
.about-con .page1>div .swiper-container .swiper-pagination-bullet ,.about-con .page4>div .swiper-container .swiper-pagination-bullet{background:#E6E6E6;width: 0.5625rem;height: 0.5625rem;margin-left: 0.5rem;background-size: 100% 100%;opacity: 1;}
.about-con .page1>div .swiper-container .swiper-pagination-bullet-active ,.about-con .page4>div .swiper-container .swiper-pagination-bullet-active{width: 0.5625rem;height: 0.5625rem;background: #E40349;background-size: 100% 100%;}
.about-con .page1>div .swiper-container .swiper-pagination,.about-con .page4>div .swiper-container .swiper-pagination{bottom: 0;left: 50%;transform: translate(-50%);-webkit-transform: translate(-50%);background-color: #fff;height: 3rem;line-height: 3rem;}
.about-con .page1>div .swiper-container::scrollbar {display:none}
.about-con .page1>div .swiper-container::-webkit-scrollbar {display:none}
.about-con .page2>div{min-width:19.0625rem;padding-top: 1.20625rem;}
.about-con .page2>div .years{overflow: hidden;overflow-x: auto;white-space: nowrap;width: 100%;height: 1.9875rem;}
.about-con .page2>div .years .swiper-wrapper{width: 100%;height: 100%;}
.about-con .page2>div .years .swiper-wrapper span{font-family: "Impact","微软雅黑","PingFangSC-Regular","Heiti SC";width: 1.15625rem;height: 1.6875rem;line-height: 1.6875rem;font-size:0.9375rem;font-weight: bolder;color: #ccc;cursor: pointer;float: left;display: block;}
.about-con .page2>div .years .year.grey{color: #ccc;}
.about-con .page2>div .years .year.active{color: #e40349;font-size: 1.5rem;border-bottom: 5px solid #e40349;}
.about-con .page2>div .years .year+.year{border-left: 0px;}
.about-con .page2>div .course_list>div{display:none;position: relative;left: 50%;transform:translate(-50%);-ms-transform:translate(-50%);-moz-transform:translate(-50%);-webkit-transform:translate(-50%);-o-transform:translate(-50%);}
.about-con .page2>div .course_list{padding:1rem 1.3rem 1.5rem 1.3rem;min-height: 14rem;position: relative;}
.about-con .page2>div .course_list div.info{width: 100%;position: relative;display: none;height:auto;overflow: hidden;padding-bottom: 2rem;}
.about-con .page2>div .course_list div.info .info_content{width: 100%;position: relative;max-height: 18rem;overflow: hidden;}
.about-con .page2>div a{width:3.1875rem;height:1.15625rem;position: absolute;bottom:0rem;display: block;left:50%;margin-left:-1.59375rem;font-size: 0.75rem;line-height: 1.15625rem;color: #ccc;}
.about-con .page2>div a img{width:0.5625rem;position: absolute;display: block;right: 0;top:0.4rem;}
.about-con .page2>div .course_list p{color: #000;font-size: 0.75rem;line-height: 1.2rem;display: block;overflow:hidden;padding-bottom: 0.8rem;}
.about-con .page2>div .course_list p span{color: #000;font-size: 0.75rem;margin-right: 0.5rem;font-weight: 600;}
.about-con .page2>div .course_list div.info.active{display: block;}
.about-con .page2>div .course_list .lf_date{width:2.6875rem;height:2.6875rem;background: url(../images/left_date.png) no-repeat;background-size:100% 100%;float: left;}
.about-con .page2>div .course_list .lf_date p:nth-child(1){font-size: 0.5625rem;font-family: "Impact","微软雅黑","PingFangSC-Regular","Heiti SC";color: #E22B4B;font-weight: bolder;border-bottom: 1px solid #ccc;line-height: 1.28125rem;text-align: center;margin:0 0.5rem;}
.about-con .page2>div .course_list .lf_date p:nth-child(2){font-size: 0.75rem;font-family: "Impact","微软雅黑","PingFangSC-Regular","Heiti SC";color: #ccc;font-weight: bolder;line-height: 1.28125rem;text-align: center;}
.about-con .page3>div{min-width: 19.0625rem;height: 100%;padding-top: 1.20625rem;}
.about-con .page3>div .years{overflow: hidden;overflow-x: auto;white-space: nowrap;width: 100%;height: 1.9875rem;}
.about-con .page3>div .years .swiper-wrapper{width: 100%;height: 100%;}
.about-con .page3>div .years .swiper-wrapper span{font-family: "Impact","微软雅黑","PingFangSC-Regular","Heiti SC";width: 1.15625rem;height: 1.6875rem;line-height: 1.6875rem;font-size:0.9375rem;font-weight: bolder;color: #ccc;cursor: pointer;float: left;display: block;}
.about-con .page3>div .years .year.grey{color: #ccc;}
.about-con .page3>div .years .year.active{color: #e40349;font-size: 1.5rem;border-bottom: 5px solid #e40349;}
.about-con .page3>div .years .year+.year{border-left: 0px;}
.about-con .page3>div .honor_list{margin:0.7rem auto 0 auto;width:100%;position: relative;margin-bottom: 3rem;min-height: 12rem;max-height: 23.6rem;overflow: hidden;}
.about-con .page3>div .honor_list div.info{width: 17.2rem;padding: 0.7rem 0 0.7rem 0;border-bottom: 1px solid #ddd;margin-left: 1.4rem;min-height: 3.3rem;}
.about-con .page3>div a{width:auto;height:1.15625rem;line-height: 1.15625rem;text-align: center;position: relative;bottom:2rem;display: block;font-size: 0.75rem;color: #ccc;}
.about-con .page3>div a img{width:0.5625rem;display: inline-block;margin-left: 0.2rem;}
.about-con .page3>div .honor_list div.info.active{display: block;}
.about-con .page3>div .honor_list .info h3 {font-size:0.75rem;font-weight: bolder;line-height: 1.2;}
.about-con .page3>div .honor_list .info h3 i {font-size:0.75rem;font-style: normal;padding: 0 0.3125rem;font-weight: 400;}
.about-con .page3>div .honor_list .info h3 span {color: #E22B4B;font-size:0.75rem;}
.about-con .page3>div .honor_list .info p {font-size:0.75rem;color: #666;margin-top: 0.3125rem;max-height: 2rem;overflow: hidden;}
.about-con .page3>div .more a.btn_get .icon_arrow {background: url(../images/arrow_on.png) no-repeat;width: 19px;height: 10px;display: inline-block;animation: swipeMove 1.5s ease-in infinite;-webkit-animation: swipeMove 1.5s ease-in infinite;}
.about-con .page3>div .more a.btn_get .icon_arrow.up {animation: swipeMoveUp 1.5s ease-in infinite;-webkit-animation: swipeMoveUp 1.5s ease-in infinite;}
.about-con .page3>div .more a.btn_get>span{display: block;}


/* news-list */
.no_txt{font-size: 16px;color: #666;text-align: center;}
.new-list-wrap {width: 100%;margin:50px 0;min-height:555px;overflow: hidden;}
.new-list-wrap .event-list-news li {width: 100%;height: 255px;}
.new-list-wrap .event-list-news li:hover{background:#fff;}
.new-list-wrap .event-list-news li a {position: relative;display: block;width: 1200px;height: 154px;margin: 0 auto;top: 50px;}
.new-list-wrap .event-list-news li img {width: 276px;height: 154px;position: absolute;left:200px;top:0;}
.new-list-wrap .event-list-news li h2 {width: 700px;line-height: 25px;margin-left: 500px;font-size: 24px;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-list-wrap .event-list-news li p.tit {width: 700px;margin:40px 0 10px 500px;font-size: 16px;color: #999;}
.new-list-wrap .event-list-news li p.txt {overflow: hidden;width: 700px;height: 60px;line-height: 30px;margin-left: 500px;font-size: 16px;color: #666;}

.li-fixed{position: fixed;left: 50%;top: 300px;z-index: 99;margin-left: -600px;}
.li-fixed .li-year{margin-top: 115px;}
.li-fixed .li-year>p{font-size:14px;color:#999;}
.li-fixed .li-year>h2{font-size:30px;color:#222;letter-spacing: 0;}
.li-fixed .li-year>.page{margin-top:30px;}
.li-fixed .li-year>.page>span {position: relative;width:30px;height:30px;background: #DEDEDE;}
.li-fixed .li-year>.page>span:hover {background: #E62B48;}
.li-fixed .li-year>.page>span:before {display: inline-block;content: "";position: absolute;left: 50%;top: 50%;width: 9px;height: 15px;margin: -7.5px 0 0 -4.5px;background: url(../images/ab-page01.png);background-size: 100% 100%;}
.li-fixed .li-year>.page>span.next:before {background: url(../images/ab-page02.png);background-size: 100% 100%;}

/* news-article */
.new-list-wrap {width: 100%;margin:200px 0 50px 0;overflow: hidden;}
.new-list-wrap>div{position: relative;display: block;width: 1200px;margin: 0 auto;margin-top: 50px;}
.new-list-wrap>div>h2 {width: 1000px;line-height: 25px;margin-left:200px;font-size: 24px;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new-list-wrap>div>.tit {width: 1000px;margin:20px 0 10px 200px;font-size: 16px;color: #999;}
.new-list-wrap>div>.artText{width: 1000px;margin: 45px 0 10px 200px;padding-top: 40px;border-top: 1px solid #E4E4E4;}
.new-list-wrap>div>.artText p{font-size:18px;color:#222;line-height: 35px;}
.new-list-wrap>div>.artText p img {text-align: center;margin: 20px auto;display: block;max-width: 100%;width: auto;}
.li-fixed .li-back{margin-top:50px;font-size:18px;color:#999;}
.li-fixed .li-back>a{color:#999;}
.li-fixed .li-back:before{display: inline-block;content: "";position: relative;top: 2px;width: 10px;height: 17px;margin-right: 5px;background: url(../images/li-point.png);background-size: 100% 100%;}

@-webkit-keyframes swipeMove{
    0%{opacity:0;transform:translate3d(0,-8px,0);}
    70%{opacity:1;transform:translate3d(0,0,0);}
    100%{opacity:0;transform:translate3d(0,5px,0);}
}
@-moz-keyframes swipeMove{
    0%{opacity:0;transform:translate3d(0,-8px,0);}
    70%{opacity:1;transform:translate3d(0,0,0);}
    100%{opacity:0;transform:translate3d(0,5px,0);}
}
@keyframes swipeMove{
    0%{opacity:0;transform:translate3d(0,-8px,0);}
    70%{opacity:1;transform:translate3d(0,0,0);}
    100%{opacity:0;transform:translate3d(0,5px,0);}
}
@-ms-keyframes swipeMove{
    0%{opacity:0;transform:translate3d(0,-8px,0);}
    70%{opacity:1;transform:translate3d(0,0,0);}
    100%{opacity:0;transform:translate3d(0,5px,0);}
}
@-webkit-keyframes swipeMoveUp{
    0%{opacity:0;transform:translate3d(0,8px,0) rotate(180deg);}
    70%{opacity:1;transform:translate3d(0,0,0) rotate(180deg);}
    100%{opacity:0;transform:translate3d(0,-5px,0) rotate(180deg);}
}
@-moz-keyframes swipeMoveUp{
    0%{opacity:0;transform:translate3d(0,8px,0) rotate(180deg);}
    70%{opacity:1;transform:translate3d(0,0,0) rotate(180deg);}
    100%{opacity:0;transform:translate3d(0,-5px,0) rotate(180deg);}
}
@keyframes swipeMoveUp{
    0%{opacity:0;transform:translate3d(0,8px,0) rotate(180deg);}
    70%{opacity:1;transform:translate3d(0,0,0) rotate(180deg);}
    100%{opacity:0;transform:translate3d(0,-5px,0) rotate(180deg);}
}
@-ms-keyframes swipeMoveUp{
    0%{opacity:0;transform:translate3d(0,8px,0) rotate(180deg);}
    70%{opacity:1;transform:translate3d(0,0,0) rotate(180deg);}
    100%{opacity:0;transform:translate3d(0,-5px,0) rotate(180deg);}
}

.i_banner {width: 100%;height: 17.06875rem !important;position: relative;overflow: hidden;}
.i_banner .swiper-container {width: 100%;height: 100%;}
.i_banner .swiper-container .swiper-wrapper .swiper-slide a {display: block;width: 100%;height: 100%;}
.i_banner .swiper-container .swiper-wrapper .swiper-slide a img {width: 100%;height: 100%;}
.i_banner .i_banner_cover {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;background: #fff;}
.i_nav {width: 100%;height: 3.5rem;line-height: 3.5rem;padding: 0 0.38666667rem;box-sizing: border-box;position: fixed;top: 0;left: 0;z-index: 1000;opacity: 1;background: rgba(255, 255, 255, 0.9);}
.i_nav .logo {position: absolute;top: 0;left: 0.5rem;width: 5.5rem;height: 1.90625rem;margin: auto;}
.i_nav .logo img{width: 100%;}
.i_nav section {width: 1.375rem;height: 1.0625rem;position: absolute;margin: auto;top: 0;bottom: 0;text-align: center;right: 1.2rem;cursor: pointer;}
.i_nav section img {position: absolute;width: 1.375rem;height: 1.0625rem;margin: auto;top: 0;left: 0;bottom: 0;right: 0;}
.i_banner_icon {width: 100%;position: absolute;text-align: center;bottom: 0.26666667rem;z-index: 6;}
.i_banner_icon i {display: inline-block;width: 0.8125rem;height: 0.8125rem;margin: 0 0.29333333rem 0 0;border-radius: 0.8125rem;background: #fff;transition: all .3s;}
.i_banner_icon i.active {width: 1.375rem;background: #ff3c5e;transition: all .3s;}

.title {width: 100%;height: 2.25rem;overflow: hidden;position: relative;}
.title > img{float: left;display: inline-block;width: 1.375rem;height: 1.375rem;margin: 0.5rem 0 0 0;}
.title div {display: block;width: auto;float: left;padding: 0;margin: 0.2rem 0 0 0.4rem;overflow: hidden;}
.title div span {display: block;width: auto;height: auto;font-weight: bold;font-size: 0.8rem;}
.title div span:nth-child(2) {margin: -0.08rem 0 0 0;font-size: 0.6rem;color: #979797;font-weight: normal;}

/* home news list */
.i_new {width: 100%;margin: 0.56666667rem 0 0 0;padding: 0 0.48666667rem;box-sizing: border-box;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;transition: transform .4s;-webkit-transition: transform .4s;background: #fff;}
.i_new .i_new_s1 {width: 100%;overflow: hidden;margin: 0.26666667rem 0 0.21333333rem 0;}
.i_new .i_new_s1 section {float: left;width: 47%;height: 100%;}
.i_new .i_new_s1 section a {width: 100%;height: 100%;}
.i_new .i_new_s1 section a img {width: 100%;height: 69%;}
.i_new .i_new_s1 section a p {margin: 0.41333333rem 0 0 0;width: 100%;height: auto;color: #000;font-size: 0.7075rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i_new .i_new_s1 > section a:visited > p{color: #acacac;}
.i_new .i_new_s1 section:nth-child(2) {float: right;}
.i_new .i_new_list {width: 100%;}
.i_new .i_new_list li {width: 100%;overflow: hidden;height: 3.21875rem;border-bottom: 1px dashed #808080;}
.i_new .i_new_list li:last-child{border-bottom: 1px dashed #acacac;}
.i_new .i_new_list li a {display: block;float: left;width: 84%;height: 100%;}
.i_new .i_new_list>li>a>p {width: 100%;padding: 0;float: none;color: #000;text-align: left;font-size: 0.8125rem;line-height: 3.21875rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_new .i_new_list>li>a:visited > p{color: #acacac;}
.i_new .i_new_list li p {float: right;width: 16%;height: 100%;color: #acacac;text-align: right;font-size: 0.8125rem;line-height: 3.21875rem;}
.i_new > div {margin: 1rem 0;text-align: center;}
.i_new > div a {display: inline-block;width: auto;height: auto;padding: 0.34rem 1.1rem;font-size: 0.8125rem;text-align: center;color:#ff3c5e;background: #fff;border: 1px solid #ff3c5e;border-radius: 0.9rem;}
.i_new > div a:hover{background: #ff3c5e;color: #fff;}

/* home game list */
.i_game {width: 100%;padding: 0.62rem 0.48666667rem 0;box-sizing: border-box;opacity: 1;}
.i_game .title > img{width: 1.40625rem;height: 1.28125rem;}
.i_game ul {width: 100%;overflow: hidden;}
.i_game ul li {width: 48%;float: left;margin: 1rem 0 0 0;}
.i_game ul li.i_game_li_right{float: right;}
.i_game ul li img {width: 100%;height: 5.25rem;max-height: 5.25rem;}
.i_game ul li section {padding: 0 0.51333333rem;float: left;box-sizing: border-box;border: 1px solid #dddddd;border-top: none !important;border-radius: 0 0 2px 2px;}
.i_game ul li section h1 {width: 100%;margin: 0.31333333rem 0;font-size: 0.7375rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i_game ul li section p {width: 100%;line-height: 0.85rem;font-size: 0.6475rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.i_game ul li section section {width: 100%;overflow: hidden;margin: 0.36666667rem 0 0.24rem 0;padding: 0;border: none;text-align: center;}
.i_game ul li section section a {width: auto;display: inline-block;font-size: 0.65rem;margin: 0;padding: 0.23333333rem 0.4rem;border-radius: 0.7rem;color: #ff3c5e;border: 1px solid #ff3c5e;background-color: transparent;margin-bottom: 0.2rem;}
.i_game ul li section section a:hover{color: #fff;background: #ff3c5e;}
[data-dpr="2"] .i_game ul li section section a{border: 2px solid #ff3c5e;}
[data-dpr="3"] .i_game ul li section section a{border: 3px solid #ff3c5e;}
/*.i_game ul li section section a:nth-child(2) {float: right;}*/
/*.i_game ul li:nth-child(2) {float: right;}*/
.i_game > div {margin: 0.4rem 0;text-align: center;}
.i_game > div a {display: inline-block;width: auto;height: auto;padding: 0.34rem 1.1rem;font-size: 0.8125rem;text-align: center;color:#ff3c5e;background: #fff;border: 1px solid #ff3c5e;border-radius: 0.9rem;margin:0.4rem 0;}
.i_game > div a:hover{background: #ff3c5e;color: #fff;}
.page_over_hide {width: 100%;overflow: hidden;background: #fff;}

/* home about */
.i_about {width: 100%;padding: 0.62rem 0.48666667rem 0;box-sizing: border-box;opacity: 1;}
.i_about .title > img{width: 1.4375rem;height: 1.4375rem;}
.i_about .i_about_con .about_logo{display: block;width: 12.3125rem;height: 4.78125rem;margin: 0 auto;margin-top: 1.25rem;margin-bottom: 0.75rem;}
.i_about .i_about_con p{font-size: 0.6875rem;color:#999;line-height: 1rem;padding: 0 1rem;text-align: justify;}
.i_about > div {margin: 1rem 0;text-align: center;}
.i_about > div .more-about {display: inline-block;width: auto;height: auto;padding: 0.34rem 1.1rem;font-size: 0.8125rem;text-align: center;color:#ff3c5e;background: #fff;border: 1px solid #ff3c5e;border-radius: 0.9rem;}
.i_about > div .more-about:hover{background: #ff3c5e;color: #fff;}

/* home contact */
.i_contact {width: 100%;padding: 0.62rem 0.48666667rem 0;box-sizing: border-box;opacity: 1;}
.i_contact .title > img{width: 1.375rem;height: 1.09375rem;}
.i_contact .i_contact_con{position: relative;padding-top: 0.9375rem;padding-bottom:2.09375rem;}
.i_contact .i_contact_con .xkl{width: 3.9375rem;height: 4.09375rem;position: absolute;margin-left: 1rem;margin-top: 0.3rem;}
.i_contact .i_contact_con .contact-con{padding-left: 5.6rem;}
.i_contact .i_contact_con .contact-con span{display: block;font-size: 0.925rem;color:#626262;}
.i_contact .i_contact_con .contact-con a{display: block;font-size: 0.875rem;color:#999;padding: 0.3rem 0;}

/* 产品中心 */
.cp_header {width: 100%;height: 2.625rem;font-size: 0.9rem;line-height: 2.625rem;color: #fff;text-align: center;background: #252525;position: relative;}
.cp_header section {position: absolute;width: 2.625rem;height: 2.625rem;}
.cp_header section img {position: absolute;margin: auto;top: 0;bottom: 0;}
.cp_header section:nth-child(1) {left: 0;width: 3.0375rem;border-right: 1px solid #525252;}
.cp_header section:nth-child(1) a {display: block;width: 100%;height: 100%;}
.cp_header section:nth-child(1) img {width: 0.71875rem;height: 1.25rem;left: 0.8rem;}
.cp_header section:nth-child(2) {right: 0;background: #ff3c5e;}
.cp_header section:nth-child(2) img.nav_icon {width: 1.175rem;height: 0.93125rem;left: 0;right: 0;opacity: 1;transition: all .2s;-webkit-transition: all .2s;}
.cp_header section:nth-child(2) img.close {width: 0.875rem;height: 0.875rem;left: 0;right: 0;opacity: 1;transition: all .2s;-webkit-transition: all .2s;}
.cp_header section:nth-child(2) img.nav_hide {opacity: 0;transition: all .2s;-webkit-transition: all .2s;}
.cp_header ul {width: 100%;height: 4.9375rem;position: absolute;top: 2.625rem;left: 0;right: 0;background: #fafafa;z-index: 10;padding: 0.7333333rem 0;box-sizing: border-box;text-align: center;display: none;}
.cp_header ul li {width: 25%;text-align: center;display: inline-block;float: left;box-sizing: border-box;}
.cp_header ul li a {display: inline-block;width: 2.35rem;height: 3.4625rem;}
.cp_header ul li a img {width: 100%;height: 100%;}
.cp_header ul li.no_margin {margin: 0;}

/* 下拉列表菜单 */
.i_main_nav {width: 100%;height: 100%;position: fixed;padding: 0 0.18666667rem;box-sizing: border-box;overflow: hidden;background: rgba(255, 255, 255, 0.95);z-index: 1000;top: 0;left: 0;right: 0;bottom: 0;display: none;animation-duration: .5s;animation-delay: 0s;}
.i_main_nav img {display: block;margin: 1.8rem 0 0 0.2rem;width: 5.5rem;height: 1.90625rem;}
.i_main_nav section {position: absolute;width: 1.06666667rem;height: 1.06666667rem;right: 0.26666667rem;top: 0.53333333rem;}
.i_main_nav section > img {display: block;position: absolute;margin: auto;width: 0.53333333rem;height: 0.53333333rem;top: 0;left: 0;bottom: 0;right: 0;}
.i_main_nav ul li {width: 100%;height: auto;text-align: center;margin: 0.6rem 0 0 0;}
.i_main_nav ul li img {display: inline-block;margin: 0.1rem;width: 3.60rem;height: 5.255rem;}
.i_main_nav ul li:nth-child(1) {margin-top: 1.8rem;}
.i_main_nav_hide {animation: hide_i_nav .3s;-webkit-animation: hide_i_nav .3s;}
.i_main_nav_show {animation: show_i_nav .3s;-webkit-animation: show_i_nav .3s;display: block;  }
.i_main_nav #n_close {position: absolute;width: 1.1875rem;height: 1.1875rem;right: 1rem;top: 1.8rem;}
.i_main_nav #n_close > img {width: 1.1875rem;height: 1.1875rem;}
/* 下拉列表菜单end */


/* footer */
.i_foot {width: 100%;color: #999999;padding-bottom: 1.625rem;padding-top:0.5rem;background: #222;text-align: center;position: relative;}
.i_foot .footer-logo{width:100%;text-align: center;margin-top: 1.0625rem;margin-bottom: 1.2rem;}
.i_foot .footer-logo img{width: 6.53125rem;height: 2.21875rem;}
.i_foot ul {overflow: hidden;margin: 0 0 0.5rem 0;font-size: 0;}
.i_foot ul li {display: inline-block;width: auto;padding: 0 0.54rem;border-right: 1px solid #999999;}
.i_foot ul li a {display: block;width: 100%;height: 100%;color: #999999;font-size: 0.68rem;}
.i_foot ul li.no_border {border-right: none;}
.i_foot p {font-size: 0.5rem;margin: 0 0 0.4rem 0;color: #999999;}
#goTop{z-index: 99;position: absolute;top:1.59375rem;right:2.28125rem;width: 2rem;height: 2rem;background: url("../images/top.png") no-repeat;background-size: 100% 100%;}
#goTop:hover{background: url("../images/top_active.png") no-repeat;background-size: 100% 100%;}


@media (min-width: 751px) {
    html,body{width: 750px;margin: 0 auto;}
    .i_nav{width: 750px;left:50%;margin-left: -375px;}
    .i_main_nav ul li img{width:3.0rem;height: 4.5rem;}
    .cp_header{width: 750px;margin: 0 auto;}
}