header,
footer,
#main{width: 100%; overflow: hidden; min-width: 1200px;}
.wrapper{width: 1200px; margin: 0 auto; display: block; position: relative;}
/* 变量 */
/*css3*/
.clear{display: block; content: ''; clear: both;}
/************************header************************/
.logo{height: 75px; display: block; content: ''; clear: both; /*background: rgba(0, 0, 0, 0.5);*/background: rgba(255, 255, 255, 0.45); z-index: 100; position: absolute; left: 0; top: 25px;top:0; width: 100%;}
.logo a{color: #000;}
.logo .wrapper > a{float: left; padding-top: 13px;}
.logo .wrapper .nav{float: left; margin-left: 120px; position: relative;}
.logo .wrapper .nav > li{float: left; position: relative; width: 106px; line-height: 75px; text-align: center; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.logo .wrapper .nav > li:hover{background: #fff;}
.logo .wrapper .nav > li:hover a{color: #404040;}
.logo .wrapper .nav > li:hover ol{visibility: visible;}
.logo .wrapper .nav > li:hover ol li{transform: rotateX(0deg); opacity: 1; -webkit-transform: rotateX(0deg);}
.logo .wrapper .nav > li > a{display: block;cursor: pointer;}
.logo .wrapper .nav > li ol{position: absolute; top: 75px; left: 0; width: 100%; visibility: hidden; perspective: 280px;}
.logo .wrapper .nav > li ol li{line-height: 45px; background: #fff; transform: rotateX(45deg); -webkit-transform: rotateX(45deg); opacity: 0; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; transition: all 300ms linear; border-top: 1px solid #eee;}
.logo .wrapper .nav > li ol li:nth-of-type(1){transition-delay: 0.1s; -webkit-animation-delay: 0.2s; border-top: 0;}
.logo .wrapper .nav > li ol li:nth-of-type(2){transition-delay: 0.2s; -webkit-animation-delay: 0.4s;}
.logo .wrapper .nav > li ol li:nth-of-type(3){transition-delay: 0.3s; -webkit-animation-delay: 0.5s;}
.logo .wrapper .nav > li ol li a{color: #404040; display: block; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.logo .wrapper .nav > li ol li a:hover{background: #0070bd; color: #fff;}
.logo .wrapper .nav > li div{position: absolute; top: 75px; left: -258px; width: 750px; padding: 25px 55px; background: #fff; display: none;}
.logo .wrapper .nav > li div a{color: #404040;}
.logo .wrapper .nav > li div dl{float: left; width: 210px; margin-left: 56px;}
.logo .wrapper .nav > li div dl:first-child{margin-left: 0;}
.logo .wrapper .nav > li div dl dt{font-size: 14px; display: block; color: #242424; line-height: 14px; text-align: left; margin-bottom: 18px; font-weight: bold; position: relative; text-indent: 18px;}
.logo .wrapper .nav > li div dl dt:before{display: block; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #242424; position: absolute; left: 0; top: 2px;}
.logo .wrapper .nav > li div dl dd{width: 100%; position: relative; height: 106px; margin-bottom: 12px;}
.logo .wrapper .nav > li div dl dd img{display: block; width: 100%; height: 100%;}
.logo .wrapper .nav > li div dl dd span{width: 100%; display: block; position: absolute; bottom: 0; left: 0; line-height: 26px; background: rgba(255, 255, 255, 0.34); text-indent: 25px; text-align: left; font-size: 14px; color: #575757; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.logo .wrapper .nav > li div dl dd:hover span{color: #0070bd;}
.logo .wrapper .search{position: absolute; right: 0; top: 20px;}
.logo .wrapper .search input[type=submit]{width: 39px; height: 39px; background: #0070bd url("../images/sch.png") no-repeat center; border-radius: 50%; text-indent: -999rem; border: 0; position: relative; z-index: 2;}
.logo .wrapper .search input[type=text]{line-height: 37px; height: 37px; position: absolute; right: 7px; border-radius: 5px 20px 20px 5px; border: 0; width: 0; padding-right: 0; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; transition: all 300ms linear; text-indent: 10px;}
.logo .wrapper .search:hover input[type=text]{width: 175px; padding-right: 45px;}
.banner a{cursor: default !important;}
/*main*/
.main-title{text-align: center; padding: 45px 0;}
.main-title h3{font-size: 36px; background: url("../images/tit.png") no-repeat center; color: #919191; font-weight: 300;}
.main-title b{font-size: 26px; color: #262626; font-weight: 400; display: block; margin: 15px 0;}
.main-title span{display: block; color: #7b7b7b; width: 600px; margin: 0 auto; font-size: 16px;}
.a_more{width: 144px; line-height: 41px; border: 1px solid #dcdcdc; border-radius: 8px; text-align: center; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; clear: both; margin: 50px auto 15px auto; display: block; font-size: 14px; color: #0070bd;}
.a_more:hover{background: #0070bd; color: #fff;}
/*news*/
.news ul{overflow: hidden;}
.news ul li{width: 272px; float: left; margin-left: 35px;}
.news ul li:first-child{margin-left: 0;}
.news ul li a{display: block;}
.news ul li img{display: block; width: 100%; height: 210px;}
.news ul li b{font-size: 14px; color: #404040; display: block; margin: 35px 0 12px 0; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.news ul li span{font-size: 14px; color: #7b7b7b;
    height: 57px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.news ul li small{display: block; font-size: 12px; color: #7b7b7b; margin: 10px 0;}
.news ul li strong{font-size: 12px; color: #0070bd;}
.news ul li:hover b{color: #0070bd;}
.news ul li:hover strong{text-decoration: underline;}
/*company*/
.company .main-title span{width: 900px;}
.company ul{overflow: hidden;}
.company ul li{float: left; margin-left: 108px;}
.company ul li:first-child{margin-left: 0;}
.company ul li span{display: block; width: 95px; height: 95px; border-radius: 50%; border: 1px solid #ccc; margin: 0 auto; text-align: center;}
.company ul li span img{-moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear; transform-origin: center; padding-top: 25px;}
.company ul li small{display: block; font-size: 14px; color: #8e8e8e; margin-top: 25px;}
.company ul li:hover img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
/*research*/
.research{overflow: hidden;}
.research .main-title span{width: 650px;}
.research > img{float: left;}
.research .re_right{width: 410px; float: right; position: relative; overflow: hidden; height: 410px;}
.research .re_right .re-con{position: absolute; left: 0; top: 0; display: none;}
.research .re_right .re-con:first-child{display: block;}
.research .re_right h3{font-size: 26px; color: #262626; width: 175px; font-weight: 400;}
.research .re_right span{color: #7b7b7b; display: block; margin: 25px 0;}
.research .re_right a{color: #0070bd; font-size: 14px; text-decoration: underline;}
.research .re_right img{display: block; margin-top: 65px; width: 100%; height: 182px;}
.research .re_right ol{position: absolute; right: 0; top: 0;}
.research .re_right ol li{float: left;}
.research .re_right ol li:nth-of-type(2) i{font-size: 18px;}
.research .re_right ol li i{font-size: 15px; width: 40px; line-height: 40px; height: 40px; text-align: center; border: 1px solid #dcdcdc; background: #f4f4f4; display: block; margin-left: 5px;}
.research .re_right ol li:hover i{border: 1px solid #b5b5b5;}
/*footer*/
footer{margin-top: 80px;}
footer .f-top{background: #eff3f5; padding: 50px 0; overflow: hidden;}
footer .f-top h3{font-size: 16px; color: #646464; margin-bottom: 16px;}
footer .f-top h2{
    margin-bottom: 7px;
    font-size: 18px;
    color: #3a3a3a;
}
footer .f-top ul{float: left;}
footer .f-top ul li{font-size: 14px; color: #646464; line-height: 25px;}
footer .f-top ul:nth-of-type(1){width: 310px;}
footer .f-top .wrapper div{position: absolute; right: 0; top: 0;}
footer .f-top .wrapper div span{float: left; display: block; text-align: center; font-size: 14px; color: #646464; margin-left: 10px;}
footer .f-top .wrapper div img{display: block; width: 100px; height: 100px; margin-bottom: 5px;}
footer .f-bottom{padding: 40px 0; background: #0070bd; color: #fff; overflow: hidden;}
footer .f-bottom a{color: #ffffff;}
footer .f-bottom dl{float: left; width: 220px; margin-left: 100px;}
footer .f-bottom dl:first-child{margin-left: 0;}
footer .f-bottom dl dt{position: relative; background: url("../images/xia.png") no-repeat right center; border-bottom: 1px solid #1484d0; padding-bottom: 15px; text-indent: 31px; margin-bottom: 20px;}
footer .f-bottom dl dt img{position: absolute; left: 0; top: 2px;}
footer .f-bottom dl dd{margin-bottom: 10px; background: url("../images/sj.png") no-repeat left center; font-size: 14px; padding-left: 20px; margin-left: 20px;}
footer .f-bottom dl dd a:hover{text-decoration: underline;}
footer .f-xi{line-height: 40px; background: #535353; overflow: hidden; font-size: 12px; color: #888888;}
footer .f-xi a{color: #888888;}
footer .f-xi span > span{float: right;}
/*info*/
.info-banner{height: 450px; background-repeat: no-repeat; width: 100%; background-position: center;}
.info-banner h3{padding-top: 225px; font-size: 26px; color: #636262; font-weight: 400;}
.info-banner small{font-size: 16px; color: #929292; display: block; margin-top: 10px;}
.c-banner{background-image: url("../images/c-banner.jpg");}
.j-banner{background-image: url("../images/j-banner.jpg");}
.n-banner{background-image: url("../images/n-banner.jpg");}
.p-banner{background-image: url("../images/p-pc-banner.jpg");}
.r-banner{background-image: url("../images/r-banner.jpg");}
.m-banner{background-image: url("../images/m-banner.jpg");}


#info .i-location{float: right; font-size: 14px; color: #424242; margin: 25px 0 40px 0;}
#info .i-location a{color: #424242;}
#info .i-location a:hover{color: #0070BD;}
#info .info-title{clear: both; background: url("../images/line2.png") no-repeat right center; margin-bottom: 40px; position: relative;}
#info .info-title img{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
#info .info-title h4{font-size: 20px; color: #323232; font-weight: 400; padding-left: 30px;}
#info .info-title h4 span{font-size: 16px; color: #838383; padding-left: 10px;}
#info .info_company{margin-bottom: 90px;}
#info .info_company .research{margin-top: 55px;}
#info .info_company > img{display: block; margin-top: 55px;}
#info .con-small{font-size: 14px; color: #737373; line-height: 28px;}
#info .honor_ul{text-align: center; margin-top: 50px; margin-bottom: 50px;}
#info .honor_ul .honor_ul_wrap{overflow: hidden; height: 206px;}
#info .honor_ul ul li{float: left; padding: 10px; border: 1px solid #ccc; margin: 0 8px; text-align: center; height: 184px; width: 260px;}
#info .honor_ul ul li img{max-width: 260px; max-height: 184px;}
#info .honor_ul ol{margin-top: 32px;}
#info .honor_ul ol li{width: 13px; display: inline-block; height: 13px; background: #d2d2d2; border-radius: 50%; margin: 0 5px;}
#info .honor_ul ol li.li_active{background: #0070bd;}
/*下载*/
.info_down table{margin: 35px 0 45px 0;}
.info_down .title-col{width: 675px;}
.info_down .time-col{width: 390px;}
.info_down .down-col{width: 135px;}
.info_down th{text-align: left; line-height: 38px; background: #0070bd; color: #fff; font-size: 14px; font-weight: 500;}
.info_down th:nth-of-type(1){text-indent: 105px;}
.info_down th:nth-of-type(2){text-indent: 10px;}
.info_down tr:nth-of-type(odd){background: #f7f7f7;}
.info_down tr td{line-height: 38px; font-size: 14px; color: #4e4d4d;}
.info_down tr td:first-child{text-indent: 40px;}
.info_down tr td:nth-of-type(3){background: url("../images/ico-d.png") no-repeat left center; padding-left: 16px;}
.info_down tr td:nth-of-type(3):hover{background: url("../images/ico-d2.png") no-repeat left center;}
.info_down tr td:nth-of-type(3):hover a{color: #0070bd;}
/*加盟*/
.join-con{overflow: hidden; padding: 165px 0 165px 0; position: relative;}
.join-con h4{font-size: 26px; color: #0070bd; border-bottom: 2px solid #d9e5ef; width: 105px; padding-bottom: 18px; margin-bottom: 28px;}
.join-con ul{width: 252px;}
.join-con ul li{font-size: 14px; color: #7d7d7d; line-height: 25px;}
.join-con .join-con-left{float: left;}
.join-con .join-con-right{float: right;}
.join-con .join-adv{position: absolute; left: 50%; margin-left: -205px; width: 410px; top: 80px;}
/*新闻列表页*/
.news-top{padding: 50px 0 60px 0; border-bottom: 1px solid #ececec; overflow: hidden;}
.news-top img{width: 510px; height: 320px; display: block; float: left;}
.news-top div{float: right; background: #f5f5f5; width: 610px; height: 235px; padding: 45px 40px 40px 40px;}
.news-top div span{display: block; font-weight: bold; color: #0070bd;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.news-top div strong{font-size: 14px; color: #7d7d7d; margin: 18px 0; display: block; font-weight: 500;}
.news-top div small{font-size: 14px; color: #7d7d7d; line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.news-top div a{display: block; font-size: 12px; margin-top: 40px; color: #0070bd;}
.news-top div a:hover{text-decoration: underline;}
.news-list li{overflow: hidden; padding: 40px 0; border-bottom: 2px solid #ececec;}
.news-list li div{width: 860px; float: left;}
.news-list li div h4{color: #0070bd; margin-bottom: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.news-list li div small{font-size: 14px; color: #7d7d7d; line-height: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
}
.news-list li div span{font-size: 14px; color: #a8a8a8; display: block; margin-top: 45px;}
.news-list li div span + a{display: block; color: #393939; margin-top: 12px; font-size: 14px; font-weight: bold;}
.news-list li div span + a:hover{color: #0070bd; text-decoration: underline;}
.news-list li img{float: right; width: 286px; height: 181px;}
/*产品列表页*/
.pro-info-con{overflow: hidden; margin-top: 75px;}
.sidebar{width: 175px; float: left;}
.sidebar h3{color: #0070bd; font-weight: bold; position: relative; text-indent: 24px; margin-bottom: 22px;}
.sidebar h3:before{display: block; content: ''; width: 10px; height: 10px; background: #606060; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -5px;}
.sidebar ul{margin-bottom: 20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.sidebar ul > li{line-height: 35px; text-indent: 24px; font-size: 14px;}
.sidebar ul > li a{display: block;}
.sidebar ul > li a:hover{color: #0070bd;}
.sidebar ul > li ol{padding-bottom: 10px;}
.sidebar ul > li ol li{text-indent: 32px; line-height: 35px;}
.info-right{width: 960px; float: right;}
.info-right .pro-list{width: 980px;}
.info-right .pro-list li{float: left; margin-right: 15px; margin-bottom: 38px;}
.info-right .pro-list li img{width: 228px; height: 148px; display: block; -moz-transition: all 150ms linear; -webkit-transition: all 150ms linear; transition: all 150ms linear;}
.info-right .pro-list li span{display: block; font-size: 14px; color: #6f6f6f; padding: 14px 0 0 14px;}
.info-right .pro-list li:hover span{color: #0070bd;}
.info-right .pro-list li:hover img{-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.18); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
/*page*/
#prev_next a:hover{color: #0070bd;}
#prev_next{font-size: 14px; margin-top: 20px;}
div.page{margin: 20px 0 20px 0; clear: both; float: right; font-size: 14px;}
div.page a{padding: 2px 5px; margin: 2px; color: #fff; text-decoration: none; background: #9b9b9b;}
div.page a:hover{background: #5c5c5c;}
div.page span.current{padding: 2px 8px; font-weight: 700; margin: 2px; color: #fff; background-color: #0070bd;}
div.page span.disabled{padding: 2px 5px; margin: 2px; color: #dddddd;}
#prev_next .prev,
#prev_next .next{font-size: 13px; border-top: 1px solid #ccc; padding: 5px 25px;}
#prev_next .prev a:hover,
#prev_next .next a:hover{color: #1c4dbe;}
#prev_next .prev{margin-top: 20px; background: url("../images/prev_bg.png") no-repeat left center; background-size: 18px;}
#prev_next .next{border-bottom: 1px solid #ccc; background: url("../images/next_bg.png") no-repeat left center; background-size: 18px;}
/*新闻详情页*/
.info2{padding-bottom: 70px; overflow: hidden;}
.n_left{width: 71.5%; float: left; margin-top: 40px;}
.n_left ._title{font-size: 36px; color: #000; margin-bottom: 10px; line-height: 1.4; font-weight: 400; margin-top: 40px;}
.news_time span{font-size: 12px; margin-right: 10px; display: inline-block; height: 30px; line-height: 30px; overflow: hidden;}
.news_time span:first-child{background: url("../images/time.jpg") no-repeat left center; padding-left: 20px;}
.news_time span:first-child + span{background: url("../images/click.jpg") no-repeat left center; padding-left: 25px;}
.info_news_right{width: 24%; float: right; padding-top: 40px;}
.info_news_right ul{margin-top: 45px; border: #f3f3f3 10px solid; padding: 10px 7%;}
.info_news_right ul li{padding: 27px 0; border-bottom: 1px #ececec solid;}
.info_news_right ul li a{display: block; font-size: 16px; font-weight: bold; color: #5c5c5c;}
.info_news_right ul li b{display: block; padding-bottom: 8px; font-size: 19px; font-weight: bold; color: #000000; margin-bottom: 10px;}
.info_news_right ul li a span{display: block; font-size: 14px; line-height: 1.8; color: #555; font-weight: 400;}
.info_news_right ul li b:before{display: block; content: ''; float: left; margin-right: 5px;}
.info_news_right ul li:first-child b:before{width: 30px; height: 26px;}
.info_news_right ul li:first-child + li b:before{width: 30px; height: 26px;}
/*产品详情页*/
.center-block{display: block; margin-right: auto; margin-left: auto;}
.info_content{overflow: hidden; padding: 0px 0 30px 0; width: 100%;}
.info_content_left h2{font-size: 30px; margin-bottom: 15px;}
.pdc_time{color: #999; margin: 0 0 30px 0; padding-bottom: 20px; border-bottom: 1px solid #EDEDED; font-size: 12px;}
.p_content{font-size: 14px; line-height: 30px; margin-top: 30px; padding: 0 5px;}
.p_content p{padding: 0 10px !important;}
.p_content img{max-width: 100%;}
.p_content ul{}
.p_content ul li{
    margin: 3% 0;
}
.p_content ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0070bd;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    width: 70%;
    margin: 0 auto;
}
.p_content ul li a img{}
.p_content ul li a span{}
.info_content_right h4{font-size: 16px; margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #EDEDED; font-weight: bold;}
.info_content_right ul li a,
.info_content_right ol li{color: #9E9E9E; line-height: 35px;font-size: 14px;}
.info_content_right ul li a:hover{text-decoration: underline;}
.pro-span{width: 100%; display: block; line-height: 35px; margin-bottom: 25px; border-bottom: 2px solid #0070bd;}
.pro-span small{display: inline-block; width: 120px; text-align: center; background: #0070bd; color: white;}
/*人力资源*/
.jobs{margin-top: 45px;}
.job_tab{line-height: 54px; background: #4c4c4c; font-size: 14px; color: #fff; text-align: center; width: 100%; overflow: hidden;}
.job_tab span{display: block; width: 20%; text-align: center; float: left;}
.jobs ul li > p{line-height: 54px; background: #ffffff; font-size: 14px; color: #4c4c4c; text-align: center; overflow: hidden;}
.jobs ul li:nth-of-type(even) > p{background: #f3f3f3;}
.jobs ul li > p span{float: left; display: block; width: 20%;}
.jobs ul li div{background: #e7e7e7; padding: 20px; display: none;}
.jobs ul li div small{font-size: 14px; line-height: 30px; color: #7c7c7c;}
.jobs ul li div > p{font-size: 16px; color: #B59A80; margin-bottom: 10px; font-weight: bold;}
.jobs ul li div > span{display: block; margin-top: 20px; border-top: 1px solid #ccc; font-size: 14px; color: #7C7C7C; padding-top: 20px;}
.jobs ul li div > span a{color: #a3906f;}
/*在线留言详情页*/
.input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.input-group:after{display: block; content: ''; clear: both;}
.input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.input-group input[type=text]{border: 1px solid #aaa; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; /* background: #f0f2ef; */ transition: 300ms; -webkit-transition: 300ms; outline: none;}
.input-group input[type=text]:focus{width: 300px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.input-group textarea:focus{width: 440px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.input-group input[type=text]#captcha:focus{width: 90px; box-shadow: 0 0 5px #015cb5; border: 1px solid #015cb5;}
.input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 420px; border: 1px solid #aaa; border-radius: 2px; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none;}
#submit{display: block; clear: both; text-align:center;width: 80px; line-height: 30px; background: #015cb5; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei"; margin-left: 64px;}
#submit:hover{background: #BB0000;}


/*#panda-show */
*{margin: 0; padding: 0;}
#panda-show{font: 12px/1.5 "STHeiti", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "SimSun", "STSong", "Arial", "sans-serif";
  /*background: url(../images/bg.jpg) no-repeat center top; background-size: 100% auto;*/
  background: #eee;
}
#panda-show .shuffer-title{height: 70px; padding-top: 12px; text-align: center; box-sizing: border-box;}
#panda-show .full{width: 100%; overflow: hidden; min-width: 1000px;}
#panda-show .content{width: 980px; margin: 0 auto; position: relative;}

@media screen and (min-width: 1400px){#panda-show .content{width: 1200px;}}
@media screen and (min-width: 1660px){#panda-show .content{width: 1460px;}}
#panda-show .cover-left{width: 2000px; position: absolute; left: -2000px; top: 0; opacity: 0.7; background: #000; height: 240px; z-index: 10;}
#panda-show .cover-right{width: 2000px; position: absolute; right: -2000px; top: 0; background: #000; opacity: 0.7; height: 240px; z-index: 10;}
#panda-show .swiper-container{overflow: visible; height: 240px;}
#panda-show .swiper-slide{height: 240px; background: #000; position: relative;}
#panda-show .swiper-slide img{max-width: 100%; opacity: 0.7; -webkit-transition: all linear 300ms; transition: all linear 300ms;}
#panda-show .swiper-slide a:hover img{opacity: 1;}
#panda-show .arrow-left{background: url(../images/arrows.png) no-repeat left top; position: absolute; left: -40px; top: 50%; margin-top: -40px; width: 35px; height: 80px; z-index: 15;}
#panda-show .arrow-right{background: url(../images/arrows.png) no-repeat right top; position: absolute; right: -40px; top: 50%; margin-top: -40px; width: 35px; height: 80px; z-index: 15;}
/*panda-show*/
#panda-show{margin-top: -40px;}
#panda-show .shuffer-line{height: 4px; width: 100%; position: absolute; bottom: 0; opacity: 1; -webkit-transition: all linear 300ms; transition: all linear 300ms; background-color: #015cb5;}
#panda-show a:hover .shuffer-line{height: 95px; background-color: #015cb5; opacity: .8;}
#panda-show .stars-info{height: 110px; position: absolute; bottom: 0; text-align: center; width: 100%; -webkit-transition: all linear 250ms; transition: all linear 250ms; color: #fff;}
#panda-show a:hover .stars-info{height: 95px; border-bottom: 0 none;}
#panda-show .stars-info .name{font-size: 20px;line-height: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#panda-show a:hover .stars-info .name{}
#panda-show .stars-info .intro{padding: 0 10px; font-size: 14px; height: 18px; line-height: 18px; margin: 5px 0 30px; color: rgba(255, 255, 255, 0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#panda-show .stars-info .icon-shuffer-live{position: absolute; left: 50%; bottom: 38px; width: 29px; height: 9px; margin-left: -15px; background: url(../images/live.png) no-repeat; opacity: 1; -webkit-transition: all linear 250ms; transition: all linear 250ms;}
#panda-show a:hover .stars-info .icon-shuffer-live{opacity: 0;}
#panda-show .stars-info .number{display: inline-block; overflow: hidden; -webkit-transition: all linear 250ms; transition: all linear 250ms; height: 20px; line-height: 20px; width: 100%; position: absolute; bottom: 8px; left: 0;}
#panda-show .stars-info .number i{width: 16px; height: 12px; display: inline-block; background: url(../images/eye.png) no-repeat center; margin-right: 8px;}
/*语言切换*/
.lang{    position: absolute;
    width: 80px;
    height: 30px;
    right: 50px;
    top: 26px;}
.lang li{width: 50%;height: 30px;float: left;}
.lang li a{display: block;width: 100%;height: 100%;}
.lang li:nth-child(1) a{background: url("../images/ch.png") center no-repeat;background-size: 80%;}
.lang li:nth-child(2) a{background: url("../images/en.png") center no-repeat;background-size: 80%;}
/*swiper*/
.banner ul li div {
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #fff;
}

.banner ul li div p {
    font-size: 30px;
    opacity: 0;
    margin-bottom: 15px;
}

.banner ul li div p span {
    display: block;
    margin: 0 0 10px 0;
}

.banner ul li div a {
    transition: 300ms;
    width: 110px;
    background: #2b4958;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    margin: 10px auto 0 auto;
    display: block;
    color: #fff;
    line-height: 35px;
    cursor: pointer !important;
    opacity: 0;
}

.banner ul li div a:hover {
    background: #233646;
}

.banner ul li div img {
    opacity: 0;
}

.banner .delay {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    background-color: #fff;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px !important;
}

.banner .swiper-pagination-bullet {
    width: 26px;
    height: 3px;
    border-radius: 5px;
}



.page-inner {
    display: inline-block;
    overflow: hidden;
}
.page-inner a {
    display: block;
    float: left;
    min-width: 26px;
    padding: 0 5px;
    height: 36px;
    border: 1px solid #dddddd;
    background: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin-right: -1px;
    overflow: hidden;
}
.page-inner a.active,
.page-inner a:hover {
    color: #fff;
    border-color: #003f98;
    background: #003f98;
}
.page-inner a.prev {
    margin-right: 10px;
    background: #fff url(../images/prev.jpg) no-repeat center;
}
.page-inner a.prev.on {
    background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.page-inner a.prev:hover {
    background-color: #fff;
    border-color: #dddddd;
}
.page-inner a.next {
    margin-left: 10px;
    margin-right: 15px;
    background: #fff url(../images/next.jpg) no-repeat center;
}
.page-inner a.next.on {
    background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.page-inner a.next:hover {
    background-color: #fff;
    border-color: #dddddd;
}
.page-inner a.page-btn {
    font-size: 12px;
    margin-right: 0;
    width: 63px;
    margin-left: 10px;
}
.page-inner span {
    display: block;
    font-size: 12px;
    color: #333;
    float: left;
    line-height: 38px;
}
.page-inner input {
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    border: 1px solid #dddddd;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #333;
    margin: 0 5px;
}

#verifyImg{
    height: 34px;
}