﻿@charset "utf-8";
/* CSS Document */
a{ border: none}
.wrap{ overflow: inherit;background-color: #100a1f;font-family: "Microsoft YaHei";}
.btn2{ margin:0.2rem 0 0.2rem 0;  display:inline-block; height:0.58rem; line-height:0.58rem; font-size:0.25rem; padding:0 0.4rem 0 0.4rem; color:#fff; position:relative;border-radius:0.29rem; background:#9c68b9}
.btn2 .yuan{ font-size:0.22rem; display:inline-block; font-size:0.25rem}

.textGradient1{display: inline-block;color:#9866b4 !important;font-size:0.6rem; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(174, 112, 210, 1)), to(rgba(120, 87, 137, 1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.wrapbox{ position:relative; width:100%; padding-bottom:1rem; left:0; top:0;
    /******overflow: hidden;-webkit-transform:translateX(0px);transform:translateX(0px); transition-property: transform;************/
    background:#fff; z-index:2;}

.banner { position:relative; width:100%;height:2.98rem;overflow:hidden;}
.banner  .swiper-main{width:100%;overflow:hidden;margin:auto;}

.banner  .swiper-slide{width:100%;overflow:hidden;text-align:center;}
.banner  .swiper-slide img{width:100%;}

.banner .pag {text-align: center;height:0.2rem;position:absolute;bottom:0.1rem;left:0%; width:100%;z-index:5; }
.banner .pag .swiper-pagination-switch {display: inline-block;width: 0.15rem;height:0.15rem; margin-right:0.1rem;border-radius:0.15rem; background:#bdbdbd;vertical-align:top}
.banner .pag .swiper-active-switch {background:#8e61a7;}	
.ad{background:#fff;padding:0 0.1rem 0;}

/*2018 menu start*/
.menu{ position:relative; width:100%;  box-sizing:border-box; padding-top:0.2rem; background: #f6f6f6;overflow:hidden; padding-bottom: 0.2rem;}
.menu ul{ width:95%;margin:0 auto;background: #fff; padding:0.2rem 0; border-radius: 0.2rem;}
#menubox{transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; -webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;}
.menu li{ position:relative;float:left; width:20%; text-align:center; vertical-align:top; padding:0.12rem 0; height:1.38rem; box-sizing: border-box;}
.menu li a{ display:inline-block; color:#494752;}
.menu li img{width:0.63rem;}
.menu li h2{ line-height:0.4rem; height:0.4rem; font-size:0.25rem;}
.menu li img.hot{
    position:absolute;right:0%;top:0%;width:0.57rem;
}
.menu ul li span em {
    color: #ff0155;
    font-style: normal !important;
}


.menu li img.huangguan{position: absolute;width: 0.33rem;right: 6%;top: 5%;
    -webkit-animation: tada 3s linear normal both infinite;
    -o-animation: tada 3s linear normal both infinite;
    animation: tada 3s linear normal both infinite;
}
/*.othermenu2{ width:20%; }*/


.menubox li .xm-pic2{ display:none}
.menubox li.on .xm-pic2{ -webkit-animation: rotateY 2s;animation: rotateY 2s;}
.menubox li.on .xm-pic1{ display: none}
.menubox li.on .xm-pic2{ display: block}

@keyframes rotateY{
    0%{
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
    50%{
        transform:rotateY(180deg);
        -webkit-transform:rotateY(180deg);
    }
    100%{
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
}
@-webkit-keyframes rotateY{
    0%{
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
    50%{
        transform:rotateY(180deg);
        -webkit-transform:rotateY(180deg);
    }
    100%{
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
}

@-webkit-keyframes tada {
    from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
    40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
    to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

@keyframes tada {
    from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    10%, 20% {-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
    30%, 50%, 70%, 90% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
    40%, 60%, 80% {-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
    to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.item_list_li_hide{ width:6.2rem;  position:absolute; left:29%;/*left:49%;top:48%;*/ margin-left:0.6rem; margin-top:-3.4rem; -webkit-transform:scale(0.2); -moz-transform:scale(0.2); /*-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;*/transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; -o-transition:.5s; z-index:1010;}

.item_list_li_show{width:6rem;  position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; z-index:1010;-webkit-transform:scale(1); -moz-transform:scale(1); }

.item_list_li_hide .btn1{ width:0.45rem; height:0.45rem; position:absolute; right:0.3rem; top:0.3rem; display:none; z-index:1012}
.item_list_li_show .btn1.on{ display:block}

.othermenu{width:6rem; height:100%; overflow:auto; box-sizing:border-box; padding:0.5rem; margin:0 auto; background:rgba(0,0,0,0.9); color:#fff; border-radius:0.5rem; display:none; }
.othermenu li{ position:relative;float:left; width:33.33%; text-align:center; vertical-align:top; padding:0.12rem 0;margin-bottom: 0.3rem;}
.othermenu li a{ display:inline-block; color:#fff;}
.othermenu li img{width:1.24rem;}
.othermenu li h3{ line-height:0.4rem; height:0.4rem; font-size:0.25rem;}
.othermenu li h2{ line-height:0.4rem; height:0.4rem; font-size:0.2rem;}
.item_list_li_hide h2{ line-height:1rem; height:2rem; font-size:1.2rem; text-align:center; color: #494752}
.item_list_li_show h2{ display:none}

.otherbg{ position:absolute; width:100%; height:100%; left:0; top:0; }

@media all and (max-width: 600px) {
  .item_list_li_hide h2{ font-size:1.3rem;}
}

/*2017 menu end*/
.adone{border-top:#e9e9e9 1px solid; background:#fff;}
.adtop{ width:100%; overflow:hidden; background:#fff;border-bottom:#e9e9e9 1px solid;}
.adone a{ display:block; width:100%; }
.adone a img{ width:100%; height:100%;}
.adone .picleft{ float:left; width:50%; height:3.08rem; box-sizing:border-box; border-right:1px solid #e9e9e9;}
.adone .picleft a{ display:block; width:100%; height:100%; background:url(../images/mx1_1.jpg) no-repeat; background-size:100% 100%}
.adone .picright{ float:left; width:50%;height:3.08rem;}
.adone .picright a:first-child{ width:100%;border-bottom:1px solid #e9e9e9;height:1.54rem;box-sizing:border-box; background:url(../images/mx1_1.jpg) no-repeat;background-size:100% 100%}
.adone .picright a:last-child{ width:100%;height:1.54rem;box-sizing:border-box; background:url(../images/mx1_1.jpg) no-repeat;background-size:100% 100%}
.adbottom{ width:100%; height:62px; line-height:62px;border-bottom:1px solid #e9e9e9;}
.adbottom strong{ float:left; text-align:center; width:23%; font-size:30px; color:#eb6598; font-style:italic; font-family:"宋体"}
.adbottom .uplist{ float:right; width:75.5%; height:62px; line-height:62px; overflow:hidden; position:relative; font-size:23px; color:#646060}
.adbottom .uplist ul{ position:absolute; left:0; top:0; width:100%}

.adtwo{ width:100%; overflow:hidden;background:#fff;position: relative;padding: 0.2rem 0; }
.adtwo .swiper-slide{transition: transform 0.3s ease 0s;transform: scale(1);}
.adtwo .swiper-slide-visible{transform: scale(1)!important;}
.adtwo .swiper-slide a{display: block;}
.adtwo .Pag{position: absolute;width: 100%;left: 0; right:0; text-align: center;bottom: 0.05rem;z-index: 10;}
.adtwo .homeCasePage{ display: inline-block; padding: 0 0.3rem; background-color: #666;border-radius: 40px; height: 0.17rem}
.adtwo .homeCasePage .swiper-pagination-switch{display: inline-block;width: 0.1rem;height:0.1rem; 
    margin-right:0.05rem;border-radius:0.15rem; background:#fff;vertical-align: top; margin-top: 0.04rem}
.adtwo .homeCasePage .swiper-active-switch{background:#ff9999;}


.news{ position:relative;height:5.5rem;background:#fff;}
.news .title{ width:150%; height:0.52rem; color:#3d3d3d}
.news .more_btn{ width: 1.52rem;height: 0.33rem;background:url("../images/jia.png") no-repeat;  background-size:100%;
    position: absolute; right: 0.05rem; top:0.2rem;}
.news .tt{ float:left; width:2.5rem; height:0.52rem; line-height:0.52rem; font-size:0.28rem; }
.news .tt span{ padding-right:0.06rem; font-size:0.25rem;text-indent:0.2rem;}
.news .txt{ float:left;  font-size:0.22rem; position:relative;}
.news .txt li{font-size: 0.22rem; display:inline-block;height:0.48rem; padding:0 0.18rem; line-height:0.5rem; cursor:pointer;
    border-right: none;position: relative; z-index: 99;}
.news .txt li.active:before{ position: absolute; content: ''; width:0.6rem; left:50%; margin-left: -0.3rem; background:#b463d4; height:0.02rem; bottom: 0;}
.news .txt li.hott:after{ position: absolute; content: ''; width:0.18rem; height:0.11rem; background:url(../images/hott.png) no-repeat; background-size: 100%; top: 0.1rem; right: 0;}

#nwrapper {
	position: relative;width:100%;height:0.53rem;overflow: hidden; 
    padding: 2% 0 0 1%;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
#nscroller {
	position: absolute;
	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}


*{ padding:0; margin:0 auto;}
.rijiwrap{width:100%;background:#fff; padding:0.2rem 0 0.5rem 0; opacity:0; position:absolute; left:0; top:0.67rem; /*border-bottom:1px solid #e9e9e9;*/  z-index:3; overflow: hidden;}

.rijiwrap .swiper-pagination-switch{ width:0.46rem!important; height:0.03rem!important;}
.riji{ margin:0 auto; width:93.75%; color:#3d3d3d;}
.riji .fl{ float: left;}
.riji h3{ font-size:0.24rem;padding:0 0.2rem 0.1rem 0.2rem; overflow: hidden;}
.riji h3 .db{  float: left; color: #9999cc;}
.riji h3 .db div h2{font-size: 0.25rem; color:#b462d3; }
.riji h3 .db div p{ font-size: 0.2rem; color:#3d3d3d;}
.riji h3 span{ width:0.64rem; height:0.64rem; border-radius:0.32rem; display:inline-block; margin-right:0.1rem; float: left;}
.riji .p1{width:5.95rem;  overflow:hidden; color: #1a1a1a;  font-size:0.22rem; line-height:0.35rem; margin:0.15rem auto;}
.riji .p2 a{ display:block; float: left;margin-left: 0.25rem;font-size:0.2rem; color:#b361d2; }

.note-c-t{ float:right;  text-align:right; margin-top:5%;color:#828282}
.note-c-t img{ width:0.31rem !important; vertical-align:middle; display: inline-block}
.note-c-t li:nth-of-type(2) img{ width:0.25rem!important;}
.note-c-t li i{ font-style: normal}
.note-c-t li{ display: inline-block; margin-right: 0.25rem;}
.note-c-t li img{ margin-top:-0.05rem;}


.rijiwrap a{ display: block}
.rijiwrap  .swiper-main{width:100%;overflow:hidden;margin:auto;}
.rijiwrap
.rijiwrap .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: top;
        align-items: top;}
.rijiwrap .swiper-slide img{width:100%;transition: transform 0.3s ease 0s; position: relative;}
.rijiwrap .pic{ width:5.95rem; margin:0.1rem auto;}
.camera{ display: block; width: 0.35rem; height: 0.35rem; background: url("../images/camera.png") no-repeat; background-size:cover;
    position: absolute; right: 0.4rem; bottom: 0.4rem;
    -webkit-animation:cameraRoate 2s .4s infinite;
    animation:cameraRoate 2s .4s infinite;
    -moz-animation:cameraRoate 2s .4s infinite;
    -o-animation:cameraRoate 2s .4s infinite;
    -ms-animation:cameraRoate 2s .4s infinite;
    z-index:9
}
.dt{ width: 100%; height: 100%; position: fixed; top:0; left: 0; background: rgba(0,0,0,0.8); z-index: 9; text-align: center; display: none}
.dt .dt_con{ width: 5.6rem !important; position: absolute; height: 2.4rem; top:0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; padding: 0.2rem}
.p_close{ display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0rem;
    top: -0.5rem;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/close.png") no-repeat;
    background-size:cover;
}

.rijiwrap .pagination0,.rijiwrap .pagination1,.rijiwrap .pagination2,.rijiwrap .pagination3,.rijiwrap .pagination4,.rijiwrap .pagination5,.rijiwrap .pagination6,.rijiwrap .pagination7 {text-align: center;height:0.2rem;position:absolute;bottom:0.1rem;left:0%; width:100%;z-index:5; }
.rijiwrap .pagination0 .swiper-pagination-switch,.rijiwrap .pagination1 .swiper-pagination-switch,.rijiwrap .pagination2 .swiper-pagination-switch,.rijiwrap .pagination3 .swiper-pagination-switch,.rijiwrap .pagination4 .swiper-pagination-switch,.rijiwrap .pagination5 .swiper-pagination-switch,.rijiwrap .pagination6 .swiper-pagination-switch,.rijiwrap .pagination7 .swiper-pagination-switch{display: inline-block;width: 0.15rem;height:0.15rem; margin-right:0.1rem;border-radius:0.15rem; background:#bdbdbd;vertical-align:top;}
.rijiwrap .pagination0 .swiper-active-switch,.rijiwrap .pagination1 .swiper-active-switch,.rijiwrap .pagination2 .swiper-active-switch,.rijiwrap .pagination3 .swiper-active-switch,.rijiwrap .pagination4 .swiper-active-switch,.rijiwrap .pagination5 .swiper-active-switch,.rijiwrap .pagination6 .swiper-active-switch,.rijiwrap .pagination7 .swiper-active-switch{background:#8e61a7;}

.zhuanjia{ background:#e8f7fc; position:relative; z-index:1;}
.zhuanjia h3{ height:0.8rem; text-align:center; line-height:0.8rem; font-size:0.35rem;}
.zhuanjia .searchzj{ margin:0 auto; width:3.68rem; height:0.44rem;  position:relative; padding-bottom:0.35rem;}
.zhuanjia .searchtxt{ position:absolute; width:2.4rem; height:0.44rem; left:0; top:0; box-shadow:inset 0 0 0.05rem #ccc;background:#fff; border:1px solid #d5d5d5; box-sizing:border-box; z-index:10; color:#505050}

.zhuanjia .searchInput{ font-style:normal; cursor:pointer; display:inline-block;width:2.25rem; height:0.44rem; font-size:0.22rem; line-height:0.44rem; text-indent:0.24rem; background:url(../images/sanjiao.png) 1.95rem 0.19rem no-repeat; background-size:0.17rem 0.09rem}
.zhuanjia .selectBox{ display:none; width:2.25rem; border:1px solid #cacaca; border-top:none; box-sizing:border-box; background:#fff;}
.zhuanjia .selectBox li{ height:0.5rem; line-height:0.5rem; padding-left:0.48rem; border-bottom:1px solid #cacaca; background:url(../images/jian.jpg) 0.29rem center no-repeat; background-size:0.11rem 0.14rem; font-size:0.18rem}
.zhuanjia .selectBox li:last-child{ border-bottom:none}

.zhuanjia .sbtn{ text-align:center; font-size:0.23rem; color:#fff; position:absolute; width:1.42rem; height:0.44rem; line-height:0.44rem; background:#262433; right:0; top:0; z-index:2; border-radius:0 0.05rem 0.05rem 0;}



/*特邀专家css样式修改*2018-12-22*/
.zjtime{padding: 0.2rem 0;background-color: #fff;height: 1.2rem; overflow: hidden;}
.zjList{ width:100%; overflow:hidden;}
.zjList .swiper-slide {
        /* Center slide text vertically */
        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: top;
        align-items: top;
}
.zjList .swiper-slide .title{position: relative; padding:0 0.1rem;
}
.zjList .swiper-slide .title img{ width:2.74rem;}
.zjList .swiper-slide .title h2 img{ width:0.26rem; margin-left: 0.05rem;}
.zjList .swiper-slide .zjdc-txt{position: absolute;height:100%;width:100%; font-size: 0.18rem; left:40%; top: 0;}
.zjList .swiper-slide .zjdc-txt h2{padding: 0.1rem 0 0.02rem; font-size: 0.25rem; font-weight: bold;color:#000; line-height: 0.28rem;}
.zjList .swiper-slide .zjdc-txt p{ color:#3d3d3d; line-height: 0.22rem;width:58%;}
.zjList .swiper-slide span.grad{ display:inline-block; padding:0.02rem 0.15rem; color:#fff; border-radius: 100px; position: absolute; left:0; bottom: 10px;}

.zjList .grad {
  background: -webkit-linear-gradient(left, #b462d3 , #8f41ac); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #b462d3 , #8f41ac); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #b462d3 , #8f41ac); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #b462d3 , #8f41ac); /* 标准的语法 */
}
@media screen and (max-width: 639px) {
    .zjList .swiper-slide .title img{ width:170px;}
}
@media screen and (max-width: 375px) {
    .zjList .swiper-slide .title img{ width:158px;}
}
@media screen and (max-width: 320px) {
    .zjList .swiper-slide .title img{ width:136px;}
}





.service{ padding:0.2rem;width:100%; box-sizing:border-box; position:relative; height:3.85rem; background:#fff;}
.service .tabtt{ width:100%; height:0.5rem; padding-bottom:0.1rem;}
.service .tabtt li{ float:left; width:1.47rem; height:0.5rem; line-height:0.5rem; font-size:0.22rem; text-align:center; margin-right:0.04rem; background:#9c68b9; display:inline; color:#fff}
.service .tabtt li.active{ background:#403d55}
.service .tabtt li:last-child{ margin-right:0}

.service .tabbox{ width:93.75%;overflow:hidden; position:absolute; left:0.2rem; top:0.8rem; z-index:2;}
.service .swiper-container{ height:2.86rem; }
.tabbox .swiper-slide {text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: left;
        justify-content: left;
        -webkit-box-align: left;
        -ms-flex-align: left;
        -webkit-align-items: top;
        align-items: top;}
.tabbox .swiper-slide a{ display:inline-block; width:2.18rem; height:2.86rem; position:relative}	
.tabbox .swiper-slide a h3{ position:absolute; width:100%; left:0; bottom:0; background:rgba(0,0,0,0.8); height:0.38rem; line-height:0.38rem; text-align:center; font-size:0.13rem; color:#fff;}	
.tabbox .swiper-slide img{ width:2.18rem;}
.guide{padding-top:0.2rem; position:relative; width:100%; height:2.49rem; background:#fff url(../images/laiyuan_1.jpg) center bottom no-repeat; background-size:6.4rem 2.49rem; overflow:hidden}

.guide .txt{ position:absolute; width:3.25rem; top:0.2rem; right:0.2rem;}
.guide .txt h3{ width:100%; height:0.8rem;}
.guide .txt h3 .k{ float:left; font-size:0.44rem; line-height:0.44rem; color:#262433}
.guide .txt h3 .t{ padding-left:0.55rem; float:left; font-size:0.2rem; color:#262433; line-height:0.26rem; }
.guide .txt h3 span{color:#807f85; font-size:0.18rem;}

.btn3{ margin:0 0 0.2rem 0;  display:inline-block; height:0.35rem; line-height:0.35rem; font-size:0.21rem; padding:0 0.2rem 0 0.2rem; color:#fff; position:relative;border-radius:0.18rem; background:#262433}
.btn3 .yuan{ font-size:0.22rem; display:inline-block}




.hotjp{background-color: #fff;}
.hotjp .hotjp_tt{padding: 0.2rem;}
.hotjp .hotjp_tt .fl{font-size: 0.25rem;color: #605b62;height: 0.36rem;line-height: 0.36rem;}
.hotjp .hotjp_tt .fl i{display: inline-block;width: 0.25rem;margin-right: 0.1rem;vertical-align: middle;}
.hotjp .hotjp_tt .fr{/* width:1.38rem; */}
.hotjp .hotjp_tt a.fr::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
    width: 0.21rem;
    height: 0.21rem;
    background: url(../images/jt-ico.png) no-repeat;
    background-size: cover;
}
.hotjp .hotjp_tt .fr b{font-size:0.25rem;font-weight: normal; }
.jpList1{ width:100%; height:3.3rem; overflow:hidden;}
.jpList1 .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: top;
    align-items: top;}
.jpList1 .swiper-slide .daa{width: 1.86rem;height:3.1rem; position: relative;}
.jpList1 .swiper-slide .daa div{ position: absolute; width:0.54rem; bottom:0.1rem; right: 0;}
.jpList1 .swiper-slide span{ margin:0 auto; display:block; width:1.86rem;position: relative;}


.jpList1 .swiper-slide strong{ padding-top:0.05rem; display:block; color:#000000; line-height:0.25rem; font-size:0.18rem;font-weight: normal;}
.jpList1 .swiper-slide em{  display:block; line-height:0.22rem; font-size:0.25rem; color:#ff6600; font-style:normal; margin-top: 0.2rem;}
.jpList1 .swiper-slide em i{font-style: normal; text-decoration: line-through; font-size:0.2rem; color:#a2a2a2;}
.jpList1 .swiper-slide em b{font-size: 0.34rem;font-weight: normal;}


.mote_ti{ width:1.98rem; top:0.2rem;  margin: 0 auto;z-index: 2;padding: 0.2rem 0; }
.adtwo{ width:100%; position: relative}
/*.gunbox{ width:100%; height:62px; line-height:62px;border-bottom:1px solid #e9e9e9;}
.gunbox strong{ float:left; text-align:center; width:23%; font-size:30px; color:#eb6598; font-style:italic; font-family:"宋体"}
.gunbox .uplist{ float:right; width:75.5%; height:62px; line-height:62px; overflow:hidden; position:relative; font-size:23px; color:#646060}
.gunbox .uplist ul{ position:absolute; left:0; top:0; width:100%}
.gunbox .uplist li{}*/

/*2017 gunbox start*/
.gunbox{ width:100%; height:0.9rem; line-height:0.9rem; overflow:hidden; background:#fff;border-top:0.18rem solid #e9f3f5;}
.gunbox strong{ float:left; padding-top:0.1rem; text-align:center; width:15%; font-size:0.3rem; color:#eb6598; font-style:italic; font-family:"宋体"}
.gunbox strong img{ width:0.75rem; vertical-align:top  }
.gunbox .deng{ float:left; width:11.25%; padding-top:0.2rem;}
.gunbox .deng img{ width:0.46rem; height:0.38rem;}
.gunbox .uplist{ float:left; width:84%; height:0.8rem; line-height:0.8rem; overflow:hidden; position:relative; font-size:0.18rem; color:#707070}
.gunbox .uplist ul{ position:absolute; left:0; top:0; width:100%}
.gunbox .uplist .swiper-slide{width:100%; height:0.8rem; line-height:0.8rem; overflow:hidden;}
.gunbox .uplist .swiper-slide span{ padding:0 0.1rem; color:#f20044; border-radius: 0.05rem; border: 1px solid #f20044; line-height: 0.3rem}
.gunbox .uplist .swiper-slide ul{ padding: 2% 0}
.gunbox .uplist .swiper-slide ul li{ line-height: 0.32rem; margin-bottom: 1%;font-size:0.23rem;}
.gunbox .uplist .swiper-slide ul li:nth-last-child(1){ margin-bottom: 0}
/*2017 gunbox end*/

.foot-fd{ text-align:center; font-size:20px; line-height:30px; padding-top:10px;color: #fff;}
@media screen and (max-width: 639px){
/*.gunbox{ width:100%; height:52px; line-height:52px;}
.gunbox strong{font-size:23px;}
.gunbox .uplist{height:52px; line-height:52px; font-size:20px;}*/
.foot-fd{font-size:13px; line-height:15px;}
}
@media screen and (max-width: 414px){

/*
.gunbox{ width:100%; height:52px; line-height:52px;}
.gunbox strong{font-size:22px;}
.gunbox .uplist{height:52px; line-height:52px; font-size:20px;}*/
.foot-fd{font-size:13px; line-height:15px;}
}
@media screen and (max-width: 390px){

/*
.gunbox{ width:100%; height:32px; line-height:32px;}
.gunbox strong{font-size:16px;}
.gunbox .uplist{height:32px; line-height:32px; font-size:12px;}*/
.foot-fd{font-size:13px; line-height:15px;}
}
@media screen and (max-width: 375px){


}
@media screen and (max-width: 320px){

#nwrapper{width:100%;}
}
.swiper-container_uplist{height:0.8rem; }
.swiper-container_mote{height:4.58rem; }


@-webkit-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}

@-moz-keyframes Indexbounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -10px, 0);
        -ms-transform:translate3d(0, -10px, 0);
        transform:translate3d(0, -10px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -5px, 0);
        -ms-transform:translate3d(0, -5px, 0);
        transform:translate3d(0, -5px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}


@-webkit-keyframes cameraRoate{

    0%,50%,100%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    25%,75%{
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }

}

@keyframes cameraRoate {
    0%,50%,100%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    25%,75%{
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }
}

@keyframes -moz-cameraRoate {
    0%,50%,100%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }

    25%,75%{
        -webkit-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        transform:rotate(90deg);
    }
}


.zhuanjia{ max-width: 640px; min-width: 320px; margin:0.1rem auto;background: #e8f7fc;z-index: 1; position: relative;}
.zhuanjia .pagzjt{ text-align: center;position: absolute;bottom: 0.5%;left: 0%;width: 100%;z-index: 5; height:0.15rem;}
.zhuanjia .swiper-pagination-switch{ display: inline-block;width: 0.1rem;height: 0.1rem;margin-right: 0.05rem;border-radius: 12px;background: #bdbdbd;vertical-align: top;}
.zhuanjia .swiper-active-switch{ background: #8e61a7;}
.zhuanjia h3 {height: 0.8rem;text-align: center;line-height: 0.8rem;font-size: 0.35rem; padding-bottom: 0.7rem;}
.zhuanjia .searchzj {width: 3.68rem;height: 0.44rem;position: absolute;left: 50%;margin-left: -1.89rem;top: 0.8rem;}

.zhibo{background: #262433;padding: 0 0 0;}
.zhibo li{float: left;width: 1.57rem;margin-bottom: 0.06rem;position: relative;}
.zhibo li:first-of-type{width: 6.4rem;}
.zhibo li em{position: absolute;width: 1.7rem;right: 0.15rem;top: 0.25rem;}
.zhibo li p{position: absolute;width: 100%;padding:0.06rem 0 0.06rem 0.05rem;background-color: rgba(0,0,0,0.5);left: 0;bottom: 0;font-size: 0.16rem;color: #c2c2c2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.zhibo li p span{font-size: 0.21rem;color: #fff;}
.zhibo li .zhibo_more{position: absolute;width:0.37rem;right: 0.1rem;  bottom: 0.15rem;}


.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.videoBox.show{display: block;}
.videoBox .videoPlay{width:6rem;height: 3.2rem;position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;width: 0.52rem;height: 0.52rem;}


.foot_img1{background-color: #100a1f;padding-bottom: 0.3rem;}
.foot_img1 .foot_map{width:100%;position: relative;}
.foot_img1 .foot_map i{position: absolute;width: 0.21rem;left: 1.42rem;top: 1.08rem;
    animation: jump 2s .2s ease both infinite;
    -webkit-animation: jump 2s .2s ease both infinite;
    -moz-animation: jump 2s .2s ease both infinite;
}
.foot_img1 .foot_map .phone{position:absolute;width:3rem;left:0.2rem;top:2.45rem; display:flex;justify-content:space-between;}
.foot_img1 .foot_map .phone .pic{width:0.41rem;margin:0}
.foot_img1 .foot_map .phone .pic i{position: absolute;width: 0.41rem;height: 0.41rem;left: 0.1rem;top: 0.18rem;animation: swing 2s .2s ease both infinite;-webkit-animation: swing 2s .2s ease both infinite;}
.foot_img1 .foot_map .phone .txt{width:2.42rem; color:#fff;line-height:1;margin:0}
.foot_img1 .foot_map .phone .txt .t1{font-size:0.18rem;}
.foot_img1 .foot_map .phone .txt .t2{font-size:0.28rem; padding-top:0.1rem}
.foot_img1 .foot_map .phone .txt .t2 a{color:#fff;}

.foot_img1 .foot_map .time{position:absolute;width:3rem;left:0.2rem;top:3.1rem; display:flex;justify-content:space-between;}
.foot_img1 .foot_map .time .pic{width:0.21rem;margin:0; padding-left:0.2rem}
.foot_img1 .foot_map .time .txt{width:2.42rem; color:#fff;line-height:1.2;font-size:0.18rem;margin:0}
.foot_img1 .foot_map .time .txt .t1{padding-bottom:0.05rem}

.foot_img1 .foot_map .ewm{position:absolute;width:2.45rem;left:3.5rem;top:0.55rem; text-align:center}
.foot_img1 .foot_map .ewm .pic{width:1.84rem; margin:0 auto}
.foot_img1 .foot_map .ewm .t1{ font-size:0.2rem; padding-top:0.1rem; font-weight:700;color:#e53b56}
.foot_img1 .foot_map .ewm .t2{ font-size:0.18rem; /*padding-top:0.05rem;*/line-height: 1.8;}
.foot_img1 .foot_map .ewm .t3 a{ font-size:0.18rem; /*padding-top:0.05rem;*/color:#5f5fd2;line-height: 1.8;}
.foot_img1 .foot_map .ewm .t3 a span.wenzi{font-size:0.18rem;display: inline-block;background-color: #5e5c9b;color: #fff;padding: 0 0.1rem;margin-left: 0.1rem;line-height: 1.8;}

@-webkit-keyframes jump {
    0% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
    50% {  -webkit-transform: translateY(0.5em);  transform: translateY(0.5em);  }
    100% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
}

@keyframes jump {
    0% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
    50% {  -webkit-transform: translateY(0.5em);  transform: translateY(0.5em);  }
    100% {  -webkit-transform: translateY(0);  transform: translateY(0);  }
}