/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/





/*Generated by wjdhcms 3.0 */

@charset "utf-8";



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

    background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

    border-radius: 10px;

    background-color: #E2E2E2;

}

button{outline:none;}

::-webkit-scrollbar-thumb {

    border-radius: 10px;

    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

    background-color: #555;

}



 ::selection {

	background-color: #13895e;

	color: #fff;

}



::-moz-selection {

	background-color: #13895e;

	color: #fff;

}



::-webkit-selection {

	background-color: #13895e;

	color: #fff;

}

* {

    padding: 0;

    margin: 0;

    font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

    font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

    color: #333;

    margin: 0;

    line-height: 1.5;

}

*:before, *:after {

    box-sizing: content-box;

}

:focus {

    outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

    display: block;

}



a {

    color: #333;

    text-decoration: none;

}



a:link,

a:hover,

a:active,

a:visited {

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #cccccc;

    margin: 1em 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



li,

ul {

    list-style-type: none;

}



img {

    border: none;

}

input,textarea {

    outline: 0;

    border: 0;

    resize: none;

}







h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

    font-weight: normal;

    font-style: normal;

}

.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    z-index: 100000;

    _position: absolute;

    _top: expression(eval(document.documentElement.scrollTop));

   box-shadow: 0px 10px 12px rgba(0,0,0,.1);

}







html{

        cursor: url(../images/cur.png),

        default;

}



a{

   cursor: url(../images/Acur.png),

   default ;

}



textarea{

    animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

 

}



input[type="text"]{

     animation: animated 1s infinite;

    -moz-animation: animated 1s infinite;

    -webkit-animation: animated 1s infinite;

    -o-animation: animated 1s infinite;

}

input[type="button"]

{

   cursor: url(../images/Acur.png),

   default  !important;

}



@keyframes animated {

    0% {

        cursor: url('../images/Pcuro1.png'),

        auto;

    }



    8.8% {

        cursor: url('../images/Pcuro2.png'),

            auto;

    }



    17.6% {

        cursor: url('../images/Pcuro3.png'),

            auto;

    }



    26.4% {

        cursor: url('../images/Pcuro4.png'),

            auto;

    }



    35.2% {

        cursor: url('../images/Pcuro5.png'),

            auto;

    }



    44% {

        cursor: url('../images/Pcuro6.png'),

            auto;

    }



    52.8% {

        cursor: url('../images/Pcuro7.png'),

            auto;

    }



    61.6% {

        cursor: url('../images/Pcuro8.png'),

            auto;

    }



    70.4% {

        cursor: url('../images/Pcuro9.png'),

            auto;

    }



    79.2% {

        cursor: url('../images/Pcuro10.png'),

            auto;

    }



    88% {

        cursor: url('../images/Pcuro11.png'),

            auto;

    }



    100% {

        cursor: url('../images/Pcuro12.png'),

            auto;

    }



    

}



@keyframes msClock {
	0%,70%,100% {transform: rotate(0) scale(1);}
	
	10%,30% {transform: rotate(-15deg) scale(1);}
	
	20%,40% {transform: rotate(15deg) scale(1);}
}





.t_back{width: 100%;height:0.1px;}

/* 导航开始css */
.nav_xiala_xx{width:100%;height:124px;box-sizing:content-box;background:#fff;position:relative;z-index:9;}

.nav_xiala_xx .w1200{width:93%;height:124px;margin:0 auto;box-sizing:content-box;position:relative;}

.nav_xiala_xx .w1200 h1{width:312px;height:40px;margin:42px 20px 42px 0;float:left;}

.nav_xiala_xx .w1200 .logo{width:312px;height:40px;display:block;vertical-align:top;}

.nav_xiala_xx .w1200 .txts{width:190px;height:40px;border-radius:10px;background:#4cbc4e;margin:42px 0;float:left;font-size:20px;color:#fff;text-align:center;line-height:40px;}

.nav_xiala_xx .w1200 .nav_yiji{width:60%;height:124px;display:flex;justify-content: space-between;float:right;}

.nav_xiala_xx .w1200 .nav_yiji > li{width:auto;height:124px;position:relative;}

.nav_xiala_xx .w1200 .nav_yiji > li:nth-of-type(4),
.nav_xiala_xx .w1200 .nav_yiji > li:nth-of-type(6),
.nav_xiala_xx .w1200 .nav_yiji > li:nth-of-type(7){padding-right:20px;box-sizing:content-box; background:url(../images/nav_on.png) right 56px no-repeat;}

.nav_xiala_xx .w1200 .nav_yiji > li:last-child{margin-right:0;}

.nav_xiala_xx .w1200 .nav_yiji > li .one{width:100%;height:124px;display:block;box-sizing:content-box;text-align:center;position:relative;z-index:0;float:left;-webkit-transition:all .7s;transition:all .7s;}

.nav_xiala_xx .w1200 .nav_yiji > li .one::before{content:'';width:30px;height:30px;background:#9ddca5;border-radius:15px;position:absolute;top:25px;left:50%;margin-left:-15px;z-index:-1;opacity:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_xiala_xx .w1200 .nav_yiji > li:hover .one::before{content:'';width:30px;height:30px;background:#9ddca5;position:absolute;top:45px;left:50%;margin-left:-15px;z-index:-1;opacity:1;-webkit-transition:all .7s;transition:all .7s;}

.nav_xiala_xx .w1200 .nav_yiji > li.active .one::before{content:'';width:30px;height:30px;background:#9ddca5;position:absolute;top:45px;left:50%;margin-left:-15px;z-index:-1;opacity:1;-webkit-transition:all .7s;transition:all .7s;}


.nav_xiala_xx .w1200 .nav_yiji > li .one p{font-size:16px;color:#333;line-height:16px;padding-top:52px;box-sizing:content-box;-webkit-transition:all .7s;transition:all .7s;}

.nav_xiala_xx .w1200 .nav_yiji > li .one span{display:block;font-size:14px;color:#333;line-height:15px;margin-top:25px;text-align:center;opacity:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_xiala_xx .w1200 .nav_yiji > li:hover .one span{opacity:1;margin-top:15px;-webkit-transition:all .7s;transition:all .7s;}

.nav_xiala_xx .w1200 .nav_yiji > li.active .one span{opacity:1;margin-top:15px;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji{width:100%;height:460px;background:#f8f8f8;overflow:hidden;position:absolute;z-index:-1;left:0;top:124px;display:none;}

.fixedNav .nav_erji{top:124px;}

.nav_erji .jz{width:1200px;height:400px;margin:0 auto;padding-top:60px;box-sizing:content-box;position:relative;}

.nav_erji .jz::before{content:'';width:1px;height:400px;background:#cfcfcf;position:absolute;top:0;left:0;}

.nav_erji .jz .top{width:1200px;height:65px;transform: translateY(20px);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}

.nav_erji .jz .top .h_bt{width:auto;height:65px;padding-left:10px;box-sizing:content-box;float:left;text-align:left;position:relative;}

.nav_erji .jz .top .h_bt::after{content:'';width:200px;height:1px;background:#cfcfcf;position:absolute;top:38px;right:0;}

.nav_erji .jz .top .h_bt h4{font-size:30px;color:#222;line-height:30px;}

.nav_erji .jz .top .h_bt p{font-size:14px;color:#888;line-height:12px;text-transform: Uppercase;margin-top:22px;}

.nav_erji .jz .top .list{width:auto;max-width:990px;height:50px;float:right;}

.nav_erji .jz .top .list li{width:140px;height:50px;float:left;margin-right:30px;position:relative;z-index:0;}

.nav_erji .jz .top .list li:last-child{margin-right:0;}

.nav_erji .jz .top .list li a{display:block;width:110px;line-height:50px;padding:0 20px 0 10px;box-sizing:content-box;background:#f8f8f8;font-size:15px;color:#333;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li:hover a{background:#fff;font-size:15px;color:#13895e;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li a::after{content:'';width:4px;height:4px;border:solid 1px #13895e;border-radius:3px;position:absolute;top:22px;right:7px;}

.nav_erji .jz .top .list li .line01{width:150px;height:1px;background:#cfcfcf;position:absolute;top:0;right:0;}

.nav_erji .jz .top .list li .line02{width:1px;height:60px;background:#cfcfcf;position:absolute;bottom:0;right:0;}

.nav_erji .jz .top .list li .line03{width:150px;height:1px;background:#cfcfcf;position:absolute;bottom:0;left:0;}

.nav_erji .jz .top .list li .line04{width:1px;height:60px;background:#cfcfcf;position:absolute;top:0;left:0;}

.nav_erji .jz .top .list li .line01::before{content:'';width:0px;height:1px;background:#13895e;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li:hover .line01::before{content:'';width:150px;height:1px;background:#13895e;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li .line02::before{content:'';width:1px;height:0px;background:#13895e;position:absolute;bottom:0;right:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li:hover .line02::before{content:'';width:1px;height:60px;background:#13895e;position:absolute;bottom:0;right:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li .line03::before{content:'';width:0px;height:1px;background:#13895e;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li:hover .line03::before{content:'';width:150px;height:1px;background:#13895e;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li .line04::before{content:'';width:1px;height:0px;background:#13895e;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .top .list li:hover .line04::before{content:'';width:1px;height:60px;background:#13895e;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .bottom{transform: translateY(20px);transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}

.nav_erji .jz .pro_bot{width:1120px;height:245px;margin:30px 0 0 80px;overflow:hidden;}

.nav_erji .jz .pro_bot li{width:265px;height:245px;margin-right:20px;float:left;overflow:hidden;}

.nav_erji .jz .pro_bot li:last-child{margin-right:0;}

.nav_erji .jz .pro_bot li a{display:block;}

.nav_erji .jz .pro_bot li .img{width:245px;height:180px;border:solid 10px #fff;box-sizing:content-box;border-radius:10px 10px 0 0;overflow:hidden;}

.nav_erji .jz .pro_bot li .img img{width:245px;height:180px;transition: all 1s;vertical-align:top;object-fit:cover;}

.nav_erji .jz .pro_bot li:hover .img img{transform: scale(1.05);}

.nav_erji .jz .pro_bot li .txt{width:225px;height:40px;padding:0 20px;box-sizing:content-box;margin-top:5px;border-radius:0 0 10px 10px; background:#fff;overflow:hidden;}

.nav_erji .jz .pro_bot li .txt .name{display:block;float:left;padding-left:10px;box-sizing:content-box;width:160px;font-size:14px;color:#666;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}

.nav_erji .jz .pro_bot li .txt .name::before{content:'';width:2px;height:14px;background:#b4b4b4;position:absolute;top:13px;left:0;}

.nav_erji .jz .pro_bot li .txt .jt{width:20px;height:40px;float:right;background:url(../images/nav_jt.png) right 18px no-repeat;position:relative;}

.nav_erji .jz .pro_bot li .txt .jt::before{content:'';width:8px;height:8px;border:solid 1px #13895e;border-radius:5px;position:absolute;top:15px;left:0;}

.nav_erji .jz .ab_bot{width:1120px;height:235px;margin:30px 0 0 80px;overflow:hidden;}

.nav_erji .jz .ab_bot .img{width:380px;height:215px;border:solid 10px #fff;box-sizing:content-box;border-radius:10px;overflow:hidden;float:left;}

.nav_erji .jz .ab_bot .img img{width:380px;height:215px;vertical-align:top;object-fit:cover;}

.nav_erji .jz .ab_bot .txt{width:680px;height:235px;overflow:hidden;float:right;}

.nav_erji .jz .ab_bot .txt h4{height:38px;font-size:18px;color:#333;line-height:18px;position:relative;}

.nav_erji .jz .ab_bot .txt h4::after{content:'';width:25px;height:2px;background:#cfcfcf;position:absolute;bottom:0;left:0;}

.nav_erji .jz .ab_bot .txt p{font-size:14px;color:#888;line-height:25px;height:75px;overflow:hidden;margin-top:35px;}

.nav_erji .jz .ab_bot .txt .more{display:block;width:95px;height:20px;border-bottom:solid 1px #cfcfcf;margin-top:45px;font-size:12px;color:#333;line-height:10px;background:url(../images/nav_jt.png) right 3px no-repeat;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .ab_bot .txt .more:hover{border-bottom:solid 1px #13895e;margin-left:5px;color:#13895e;-webkit-transition:all .7s;transition:all .7s;}

.nav_erji .jz .ab_bot .txt .more::before{content:'';width:8px;height:8px;border:solid 1px #13895e;border-radius:5px;position:absolute;top:0px;right:10px;}

.nav_erji .jz .news_bot{width:1120px;height:245px;margin:30px 0 0 80px;overflow:hidden;}

.nav_erji .jz .news_bot .left{width:460px;height:225px;padding:10px;border-radius:10px;box-sizing:content-box;background:#fff;float:left;overflow:hidden;}

.nav_erji .jz .news_bot .left .img{width:285px;height:225px;position:relative;overflow:hidden;float:left;}

.nav_erji .jz .news_bot .left .img img{width:285px;height:225px;vertical-align:top;transition: all 1s;object-fit:cover;}

.nav_erji .jz .news_bot .left:hover .img img{transform: scale(1.05);}

.nav_erji .jz .news_bot .left .img .date{width:65px;height:65px; background:#13895e;position:absolute;top:0;left:30px;text-align:center;color:#fff;font-family:Arial;}

.nav_erji .jz .news_bot .left .img .date p:nth-of-type(1){font-size:26px;font-weight:bold;line-height:22px;margin-top:10px;}

.nav_erji .jz .news_bot .left .img .date p:nth-of-type(2){font-size:14px;line-height:12px;margin-top:10px;}

.nav_erji .jz .news_bot .left .txt{width:155px;height:225px;overflow:hidden;float:right;position:relative;}

.nav_erji .jz .news_bot .left .txt::before{content:'';width:60px;height:1px;background:#cfcfcf;position:absolute;top:120px;left:0;}

.nav_erji .jz .news_bot .left .txt .name{display:block;font-size:16px;color:#333;line-height:25px;height:50px;overflow:hidden;margin-top:45px;}

.nav_erji .jz .news_bot .left .txt .jt{width:20px;height:40px;margin-top:65px;background:url(../images/nav_jt.png) right 18px no-repeat;position:relative;}

.nav_erji .jz .news_bot .left .txt .jt::before{content:'';width:8px;height:8px;border:solid 1px #13895e;border-radius:5px;position:absolute;top:15px;left:0;}

.nav_erji .jz .news_bot .right{width:620px;height:245px;float:right;overflow:hidden;}

.nav_erji .jz .news_bot .right li{width:270px;height:70px;padding:20px 15px;border-radius:10px;box-sizing:content-box;background:#fff;float:left;margin-bottom:25px;overflow:hidden;}

.nav_erji .jz .news_bot .right li:nth-of-type(2n){float:right;}

.nav_erji .jz .news_bot .right li .date{width:70px;height:70px; background:#13895e;float:left;text-align:center;color:#fff;font-family:Arial;}

.nav_erji .jz .news_bot .right li .date p:nth-of-type(1){font-size:26px;font-weight:bold;line-height:22px;margin-top:15px;}

.nav_erji .jz .news_bot .right li .date p:nth-of-type(2){font-size:14px;line-height:12px;margin-top:10px;}

.nav_erji .jz .news_bot .right li .txt{width:180px;height:70px;overflow:hidden;float:right;position:relative;}

.nav_erji .jz .news_bot .right li .txt::before{content:'';width:60px;height:1px;background:#cfcfcf;position:absolute;top:30px;left:0;}

.nav_erji .jz .news_bot .right li .txt .name{display:block;font-size:14px;color:#333;line-height:15px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.nav_erji .jz .news_bot .right li .txt .jt{width:20px;height:40px;margin-top:10px;background:url(../images/nav_jt.png) right 18px no-repeat;position:relative;}

.nav_erji .jz .news_bot .right li .txt .jt::before{content:'';width:8px;height:8px;border:solid 1px #13895e;border-radius:5px;position:absolute;top:15px;left:0;}

.fixedNav {

    position: fixed;

    top: 0px;

    left: 0px;background:rgba(255,255,255,1);

    z-index:999999;

    _position: absolute;-webkit-transition:all .7s;transition:all .7s;

    _top: expression(eval(document.documentElement.scrollTop));  box-shadow: 0 8px 8px 0px rgba(0, 0, 0, 0.08);

}


/* 导航结束css */





/*首页banner*/
.banner.swiper-container{width:93%;height:100%;max-height:7653px;margin:0 auto;border-radius:10px;overflow:hidden;position:relative;}

.banner.swiper-container .swiper-slide {display: -webkit-box;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;position:relative;}

.banner.swiper-container .swiper-slide img{width:100%; vertical-align:top;}

.banner.swiper-container .swiper-slide .pos{width:18.75%;height:160px; background:#164e9f;position:absolute;left:0;bottom:0;font-size:55px;color:#fff;line-height:160px;text-align:center;}

.banner .swiper-pagination{width:16px !important;height:90px;position:absolute;left:55px !important;top:290px;z-index:9;margin-top:0 !important;}

.banner .swiper-pagination .swiper-pagination-bullet{width:16px;height:17px;background:url(../images/dian01.png);margin:0 0 15px 0 !important;opacity:1 !important;-webkit-transition:all .7s;transition:all .7s;}

.banner .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/dian02.png);-webkit-transition:all .7s;transition:all .7s;}

.banner .arrow{width:96px;height:21px;position:absolute;left:55px;bottom:40px;z-index:9;}

.banner .arrow .swiper-button-next{width:96px;height:21px;margin-top:0;background:url(../images/b_jt.png);}

.banner .qq{display:block;width:250px;height:57px;background:url(../images/online.png);position:absolute;top:40px;left:40px;z-index:9;}

/* banner 结束 */






/* 底部信息 */
.footer{width:100%;background:#13895e;height:300px;padding-top:45px;position:relative;z-index:0;box-sizing:content-box;overflow:hidden;cursor:default !important;}

.footer .waves{width:100%;height:650px;position:absolute;bottom:0;left:0;z-index:-1;}








.footer .center{width:1300px;height:220px;margin:0 auto;overflow:hidden;}

.footer .center .list{width:960px;height:180px;box-sizing:content-box;overflow:hidden;float:left;}

.footer .center .list li{float:left;width:150px;height:180px;float:left;border-left:solid 1px #2b9c73;box-sizing:content-box;padding:0 19px 0 70px;}

.footer .center .list li p{font-size:16px;line-height:18px;color:#fff;font-weight:bold;margin-bottom:35px;padding-left:25px;box-sizing:content-box;background:url(../images/ft_line.png) left center no-repeat;}

.footer .center .list li a{display:block;font-size:14px;line-height:15px;color:#fff;margin-bottom:20px;padding-left:25px;box-sizing:content-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.footer .center .list li a:hover{margin-left:5px;-webkit-transition:all .5s;transition:all .5s;}





.footer .center .right{width:260px;height:220px;overflow:hidden;float:right;position:relative;}

.footer .center .right .ewm{width:260px;height:130px;overflow:hidden;margin-top:25px;}

.footer .center .right .ewm li{width:108px;height:130px;float:left;}

.footer .center .right .ewm li:nth-of-type(2){float:right;}

.footer .center .right .ewm .img{width:90px;height:90px;padding:9px;box-sizing:content-box;background:url(../images/kuang.png);}

.footer .center .right .ewm .img img{width:90px;height:90px;vertical-align:top;}

.footer .center .right .ewm p{font-size:14px;line-height:15px;color:#fff;margin-top:5px;text-align:center;}







.footer .copy{width:1350px;height:80px;line-height:80px;margin:0 auto;display:flex;justify-content: space-between;}

.footer .copy p{display:block;float:left;font-size:14px;color:#fff;}

.footer .copy p a{color:#fff;}

.footer .copy p a:hover{color:#fff;}

.footer .copy p img{ vertical-align:middle;}









.topxunpan {width:200px;height:36px;text-align:right;margin-left:60px;}

.topxunpan .thisxp{width:200px;height: 36px;line-height: 36px;}

.topxunpan .xp {position: relative;line-height:36px;color:#fff;font-size:14px;cursor: pointer;}

.topxunpan .xp img {margin:0 0 0 0; vertical-align:top !important;}

.topxunpan .xp i {display:inline-block;text-align:center;color:#fff;box-sizing: border-box;font-size:18px;font-weight:bold;}

.topxunpan .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform .4s, opacity .4s;-moz-transition: transform .4s, opacity .4s;-o-transition: transform .4s, opacity .4s;-ms-transition: transform .4s, opacity .4s;transition: transform .4s, opacity .4s;background-color: #333;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 5px 5px 2px #dfdfdf;}

.topxunpan .xp #xunpantip::after {content: '';position: absolute;top: -16px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: (-50%); transform: translateX(-50%); border: 8px solid transparent;border-bottom-color: #333;}

.topxunpan .xp #xunpantip.xunpantextactive {-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}

.topxunpan i {font-weight: normal;font-style: normal;}