@charset "UTF-8";
*{margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
a,
a:link,
a:visited,
a:hover,
a:active{color: #000; text-decoration: none;}
html{width: 100%; min-height: 100%;}
body{width: 100%; min-height: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; font: 0.24rem/1.6 'PingFang SC', 'Myriad Pro', "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #000; background: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #303030;}
body:before,
body:after{content: ""; width: 100%; display: block;}
body:after{height: .82rem;}
img{border: 0px;}
em,
b{font-style: normal;}
h1,
h2,
h3,
h4,
h5,
h6,
h7{font-weight: normal; font-size: .24rem;}
ul,
ol{list-style-type: none;}
input,
button,
textarea{outline: none; font-family: "Microsoft Yahei", Arial; font-size: .24rem; -webkit-appearance: none !important;}
table{border-collapse: collapse; border-spacing: 0;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #999;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #999;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #999;}
.clearfix:after{content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
/****************************公用样式***********************/
.layout{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 101; background: #000; opacity: 1;}
.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: .64rem; z-index: 101; background: #000; opacity: .5;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.hidden{display: none;}
.tac{text-align: center;}
.g-ico,
.g-icobef:before,
.g-icobef:after{background: url(../images/g-ico.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.g-icobef:before,
.g-icobef:after{content: "\20"; display: block;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*header*/
.header{max-width: 640px; min-width: 320px; position: relative; width: 100%; height: .8rem; margin: 0 auto; text-align: center; z-index: 99; background: #2e3235;}
.header .logo{}
.header .logo img{height: .8rem; display: block; margin: auto;}
.header h1{width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: .3rem; color: #fff;}
.header .navBtn{width: 0.8rem; height: 0.8rem; text-align: center; position: absolute; right: 0; top: 0; z-index: 11;}
.header .navBtn span{width: .32rem; height: .04rem; display: block; left: .25rem; z-index: 11; position: absolute; background: #fff; transition-duration: .5s;}
.header .navBtn span:first-child{top: .26rem;}
.header .navBtn span:nth-child(2){top: .38rem; transition-duration: .1s;}
.header .navBtn span:nth-child(3){top: .48rem;}
.header .navBtn.close{z-index: 222;}
.header .navBtn.close span{z-index: 222;}
.header .navBtn.close span:nth-child(2){left: -100%; opacity: 0;}
.header .navBtn.close span:nth-child(1){transform: rotate(45deg); top: 50%;}
.header .navBtn.close span:nth-child(3){transform: rotate(-45deg); top: 50%;}
.header .goBack{width: .7rem; height: .8rem; position: absolute; left: 0; top: 0; z-index: 11;}
.header .goBack:before{width: .33rem; height: .26rem; display: block; margin: .28rem auto; background-position: -1.98rem 0;}
/*.g-top*/
.g-top{width: .88rem; height: .88rem; padding-top: .12rem; text-align: center; background: #fff; border-radius: 100%; position: fixed; right: .2rem; bottom: 1.4rem; display: block; border: 1px solid #9e9e9e; font-size: .18rem; color: #575c65; display: none;}
.g-top:before{width: .42rem; height: .36rem; margin: auto; background-position: -2.48rem 0;}
/*footer*/
.footer{border-top: 1px solid #fff;}
.footer a{color: #fff;}
.footer{width: 100%; padding: .3rem 3% .4rem; line-height: .35rem; font-size: .2rem; color: #fff; text-align: center;}
.footer a{color: #fff;}
/* navBar */
.navBar{width: 100%; height: .82rem; position: fixed; bottom: 0px; left: 0px; z-index: 100; background: #0a0a0a;}
.navBar ul{max-width: 640px; min-width: 320px; width: 100%; height: .82rem; margin: 0 auto;}
.navBar li{float: left; width: 25%; height: .82rem;}
.navBar li.kf{width: 50%; background: #179ad4;}
.navBar li.kf{font-size: .24rem; line-height: .82rem; font-weight: bold;}
.navBar li.kf a{padding: 0;}
.navBar li a{width: 100%; height: .82rem; font-size: .2rem; padding-top: .08rem; display: block; text-align: center; color: #fff;}
.navBar li a.g-icobef:before{width: .42rem; height: .42rem; display: block; margin: 0 auto;}
.navBar li:nth-child(1) .g-icobef:before{background-position: -0.73rem 0;}
.navBar li:nth-child(2) .g-icobef:before{background-position: -1.32rem 0;}
/*subNav*/
.ease{transition: all .3s linear;}
.subNav{position: fixed; width: 100%; height: 100%; top: .8rem; right: 0; z-index: 111; background: #fff; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
.subNav .con{max-width: 640px; min-width: 320px; width: 100%; height: 100%; margin: 0 auto;}
.subNav .title{height: 1rem; position: relative; padding-top: .04rem; margin-bottom: .2rem; border-bottom: 1px solid #cccccc;}
.subNav .title .logo{height: 0.9rem; line-height: 0.9rem; display: block;}
.subNav .title .logo img{height: 0.9rem; display: block;}
.subNav .title .close{position: absolute; width: 1rem; height: 0.98rem; top: 0; right: 0px;}
.subNav .title .close:before,
.subNav .title .close:after{width: .4rem; height: .03rem; display: block; content: "\20"; right: .3rem; top: .4rem; z-index: 11; position: absolute; background: #666666;}
.subNav .title .close:before{transform: rotate(45deg); top: 50%;}
.subNav .title .close:after{transform: rotate(-45deg); top: 50%;}
.subNav .list{padding-top: .2rem;}
.subNav .list li{width: 100%; height: 0.75rem; line-height: 0.75rem; padding: 0 .4rem;}
.subNav .list li a{display: block; width: 100%; position: relative; font-size: .26rem; border-bottom: 1px solid #cccccc;}
.subNav .list li a:before{width: 0.24rem; height: 0.3rem; position: absolute; right: .4rem; top: .32rem; background-position: -0.52rem 0;}
.subNav .list li:hover a,
.subNav .list li.hover a{border-bottom-color: #179ad4; color: #179ad4;}
.subNav .subTel{margin-left: .4rem; margin-top: .3rem;}
.subNav .subTel span{font-size: .22rem; line-height: .28rem; color: #333333;}
.subNav .subTel a{color: #179ad4; font-size: .46rem; display: block; font-weight: normal;}
.subNavShow2{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
/* banner */
.banner{width: 100%; height: 9rem; position: relative; overflow: hidden;}
.banner li{height: 9rem;}
.banner .txt{width: 5.67rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.banner .txt img{width: 100% !important;}
.banner .g-down{width: .5rem; height: .27rem; display: block; position: absolute; bottom: .4rem; left: 50%; margin-left: -0.25rem; z-index: 20; background-position: .02rem 0;}
.banner .list{float: left; width: 500%;}
.banner .list a{display: block; width: 100%;}
.banner .list li{float: left; width: 20%; position: relative;}
.banner .list .moreBtn{position: absolute; left: 50%; margin-left: -2rem; bottom: .12rem; z-index: 10;}
.banner .list img{display: block; margin: 0 auto; width: 100%;}
.banner .tip{width: 100%; height: .15rem; position: absolute; text-align: center; left: 0px; bottom: .15rem;}
.banner .tip span{height: .1rem; width: .1rem; margin: 0 .06rem; display: inline-block; vertical-align: top; background: #fff; border-radius: 100%;}
.banner .tip span.cur{background: #179ad4; border: 0px;}
.index{width: 100%; background: url(../images/indexbg.jpg) no-repeat center bottom; background-size: 100% auto;}
.iproduct{overflow: hidden; margin: 0 3%; padding: .3rem 0 .4rem;}
.iproduct .list{width: 105%;}
.iproduct .list li{width: 31.1%; height: 1.94rem; float: left; margin-right: 1%; margin-bottom: 1%; overflow: hidden; position: relative;}
.iproduct .list li a{width: 100%; height: 100%; display: block; position: relative; overflow: hidden; padding-top: 100%;}
.iproduct .list li img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.iproduct .list li.big{width: 63.2%;}
.iproduct .list li.big a{padding-top: 49.5%;}
/***************category css****************/
.wrapper{width: 100%; background: url(../images/nbg.jpg) no-repeat center top; background-size: 100% auto;}
.wrapper .content{padding-bottom: .3rem;}
.loading{width: 94%; height: 0.4rem; line-height: 0.4rem; position: relative; display: block; margin: .35rem auto; text-align: center; font-size: .3rem; color: #fff;}
.loading:link,
.loading:visited,
.loading:hover,
.loading:active{color: #fff;}
.loading:before,
.loading:after{width: 1.75rem; height: 1px; display: block; content: "\20"; position: absolute; left: 0; top: 50%; background: #9a9a99;}
.loading:after{left: auto; right: 0;}
.menu{width: 100%; height: .73rem; line-height: .72rem; border-bottom: 1px solid #fff;}
.menu .con{width: 100%; height: 0.72rem; position: relative; overflow: hidden; color: #fff;}
.menu .list{font-size: 0; float: left; white-space: nowrap; height: 0.72rem; position: relative;}
.menu a{padding: 0 .3rem; font-size: .24rem; display: inline-block; box-sizing: border-box; font-weight: 600; color: #fff;}
.menu a.hover,
.menu a:hover{color: #179ad4;}
.menu.aboutMenu a{padding: 0 .15rem .15rem; margin-right: 1.1rem;}
/*reLink*/
.reLink{margin: .2rem 3% .5rem; width: 94%;}
.reLink a,
.reLink a:link,
.reLink a:visited,
.reLink a:hover,
.reLink a:active{color: #fff;}
.reLink .prevLink,
.reLink .nextLink{display: block; height: .6rem; line-height: .6rem; font-size: .24rem; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box;}
/*kehuPage*/
.kehuPage .title{padding: .7rem 2% .8rem; color: #fff; text-align: center; font-weight: bold;}
.kehuPage .list{margin: 0 5%;}
.kehuPage .list li{width: 47.5%; float: left; margin: 0 5% 5% 0;}
.kehuPage .list li:nth-child(2n){margin-right: 0;}
.kehuPage .list li figure{width: 100%; overflow: hidden; padding-top: 47.55%; position: relative;}
.kehuPage .list li img{width: 100%; min-height: 100%; position: absolute; left: 0; top: 0; display: block;}
.kehuPage .loading{width: 90%;}
.newsPage{padding: .3rem 3% 0;}
.newsPage .loading{width: 100%;}
.newsPage .item{width: 100%; display: block; margin-bottom: .5rem;}
.newsPage .item img{width: 100%; max-height: 3rem; display: block;}
.newsPage .item h3{color: #fff; padding: .22rem 0 .12rem;}
.newsPage .item .txt{line-height: .28rem; font-size: .18rem; color: #fff; opacity: .7;}
.newsPage.newsPage2 .list{padding: 0;}
.newsPage.newsPage2 .morebtn{margin-top: .5rem;}
.newsPage.newsPage2 .item{border-top: 1px solid #cccccc; padding: .4rem 0;}
.newsPage.newsPage2 .item:first-child{padding-top: 0; border-top: 0;}
.newsPage.newsPage2 .item img{width: 2.3rem; height: 1.15rem; margin-right: .35rem;}
.newsPage.newsPage2 .item h3{color: #000; font-size: .24rem; line-height: .28rem; height: .84rem;}
.newsPage.newsPage2 .item .time{color: #179ad4; font-size: .2rem; background: none; padding: 0;}
.productPage{padding: .4rem 3% 0;}
.productPage .item{width: 48.5%; margin: 0 3% 3% 0; float: left; position: relative; display: block;}
.productPage .item figure{width: 100%; padding-top: 75%; display: block; position: relative; overflow: hidden;}
.productPage .item img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.productPage .item h3{color: #fff; line-height: .3rem; text-align: center; padding: .15rem 0;}
.productPage .item:nth-child(2n){margin-right: 0;}
.moviePage{padding: .4rem 3% 0;}
.moviePage .item{width: 100%; display: block; margin-bottom: .35rem; color: #fff;}
.moviePage .item .img{width: 100%; max-height: 3.1rem; display: block; position: relative; overflow: hidden;}
.moviePage .item .img img{width: 100%; display: block;}
.moviePage .item .img s{width: .59rem; height: .59rem; position: absolute; left: 50%; top: 50%; margin: -0.3rem 0 0 -0.3rem; background: url(../images/video-ico.png) no-repeat center center; background-size: cover; transition: all .5s;}
.moviePage .item h3{width: 100%; color: #fff; padding: .15rem 0;}
.moviePage .item h3 span{opacity: 0.3; margin-left: .1rem; display: inline-block;}
/*jobPage*/
.jobbanner{width: 100%; display: block;}
.jobPage{padding: .5rem 0 .3rem;}
.jobPage .talist{padding: 0 0 .1rem;}
.jobPage .item{margin: 0 3% .3rem; padding: .1rem 0 0; box-sizing: border-box; border: 1px solid #dcdcdc; border-left: 0.08rem solid #179ad4;}
.jobPage .item *{box-sizing: border-box;}
.jobPage .item .title{color: #179ad4; padding: 0 .2rem;}
.jobPage .item .title .time{font-size: .18rem; color: #fff;}
.jobPage .item .des{font-size: .2rem; padding: 0 .2rem .15rem; color: #fff;}
.jobPage .item .des .sarry{color: #179ad4; margin-right: .25rem;}
.jobPage .item .itemcon{margin: 0 .1rem; padding: .15rem .1rem; border-top: 1px solid #dcdcdc; color: #fff; font-size: .2rem; line-height: .32rem; display: none;}
.jobPage .item .itemcon .btn{width: 100%; height: 0.6rem; line-height: 0.6rem; display: block; margin: .2rem 0 .1rem; text-align: center; background: #179ad4; color: #fff;}
.jobPage .item.hover .itemcon{display: block;}
.applyPage .title{font-size: .36rem; padding: .3rem 0 .2rem; font-size: .3rem; color: #fff; text-align: center;}
.applyPage .sex{color: #fff; border-bottom: 1px solid #999999; padding-bottom: .2rem; margin-bottom: .2rem;}
.applyPage .sex input{width: .26rem; height: .26rem; display: inline-block; vertical-align: middle; margin-right: .1rem; -webkit-appearance: radio !important;}
.applyPage .women{padding-left: .5rem; border-left: 1px solid #999; margin-left: 2rem;}
.showActivity{padding: .3rem 0 .4rem;}
.showActivity .act-tit{position: relative; text-align: center; background: url(../images/act-titbg.png) no-repeat center 90%; background-size: 3.75rem auto;}
.showActivity .act-tit .bg{font-size: .28rem; font-family: arial; color: #f7f7f7; text-transform: uppercase; font-weight: bold; position: absolute; width: 100%; left: 0; z-index: -1;}
.showActivity .act-tit h3{font-size: .26rem; color: #179ad4; padding-top: .12rem; font-weight: bold;}
.showActivity .act-tit .line{width: .8rem; height: .03rem; display: block; margin: 0 auto; background: #179ad4;}
.showActivity .act-tit .en{font-family: arial; color: #179ad4; font-weight: bold; text-transform: uppercase; display: block; margin: 0 auto .1rem;}
.showActivity .txtcon{padding: .3rem 0;}
.showActivity .txtcon img{max-width: 100%;}
.contactPage .tit{color: #fff; font-size: .3rem; padding: .3rem 3% .2rem;}
.contactPage .conlist{padding: .4rem 3% .2rem; line-height: .4rem; color: #fff;}
.contactPage .conlist li{width: 100%; margin-bottom: .3rem; float: left; font-family: impact;}
.contactPage .conlist li s{width: 1rem; height: 1rem; display: block; float: left; margin-right: .25rem; background: url(../images/contact-ico.png) no-repeat 0 center; background-size: auto 1rem;}
.contactPage .conlist li span{display: block; padding-top: .1rem;}
.contactPage .conlist li strong{font-weight: normal; display: block;}
.contactPage .conlist li.a2 s{background-position: -1.53rem center;}
.contactPage .conlist li.a2 strong{font-weight: bold; font-size: .2rem; font-family: "microsoft yahei";}
.contactPage .conlist li.a3 s{background-position: -3.08rem center;}
.contactPage .mapArea{width: 100%; height: 3.5rem; overflow: hidden;}
.formData{width: 94%; margin: 0 auto; padding-bottom: .5rem;}
.formData .msg-box{ position: absolute; left: 0; top: .2rem; }
.formData .item{color: #fff; height: .9rem; line-height: .9rem; font-weight: normal; width: 100%; border-bottom: 1px solid #999999; margin-bottom: .25rem; position: relative; }
.formData .item label{width: 1.15rem; height: 0.9rem; line-height: 0.9rem; position: absolute; left: 0; bottom: 0; z-index: 11; }
.formData .item input{width: 100%; outline: none; background: none; padding-left: 1.25rem; height: 0.9rem; line-height: 0.9rem; display: block; color: #fff;}
.formData .item .txt{width: 100%; border: 0 none;}
.formData .item.liuyan{margin-bottom: .4rem; height: 2.6rem; position: relative; }
.formData .item.liuyan label{display: block; width: 100%; position: static;}
.formData .item.liuyan textarea{width: 100%; height: 1.8rem; color: #fff; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .item:first-child label{width: .75rem;}
.formData .item:first-child input{padding-left: .85rem;}
.formData .item:nth-child(2) label{width: .9rem;}
.formData .item:nth-child(2) input{padding-left: 1rem;}
.formData .sub{width: 100%; height: .8rem; line-height: .8rem; text-align: center; background: #179ad4; color: #fff; border: none; cursor: pointer; font-size: .3rem; display: block;}
/*showInfo*/
.showInfo{padding: .1rem 0 .1rem; width: 100%;}
.showInfo .title{font-size: .36rem; padding: .1rem 3% .2rem; line-height: .46rem; color: #fff;}
.showInfo .mark{font-size: .2rem; color: #fff; padding: 0 3% .2rem; border-bottom: 1px solid #dbd7d7;}
.showInfo .mark span{margin: 0 .06rem;}
.showInfo .contxt{padding: .2rem 3% .3rem; color: #fff; border-bottom: 1px solid #dbd7d7;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.showInfo .contxt .img{max-width: 90%; display: block; margin: 0 auto;}
.showInfo .contxt .t{padding: .2rem 0; text-align: center;}
.showInfo .showRelate{margin-top: .1rem;}
.showInfo .showRelate .sitepath{padding: .18rem 0 0;}
.showInfo .showRelate .sitepath h3{font-weight: bold;}
.showInfo .showRelate .item{margin-bottom: .2rem;}
.showInfo .productPage{padding-top: 0; padding-bottom: .3rem;}
.showInfo .productPage .title{padding: 0; margin-bottom: .2rem; font-size: .34rem;}
.showPro{text-align: center; padding: .6rem 0 .6rem;}
.showPro .img{position: relative; width: 100%;}
.showPro .img img{width: 3.8rem; height: 5.72rem; display: block; margin: 0 auto;}
.showPro .img .prevLink,
.showPro .img .nextLink{width: .64rem; height: .64rem; background-color: #c7c6ca; border-radius: 100%; position: absolute; top: 50%; margin-top: -0.32rem; z-index: 50;}
.showPro .img .prevLink{left: .28rem; background-position: 0.24rem -0.24rem;}
.showPro .img .nextLink{right: .28rem; background-position: -0.3rem -0.24rem;}
.showPro .tit{padding: .2rem 3% .05rem; line-height: .3rem; font-size: .26rem;}
.showPro .en{display: block; text-transform: uppercase; font-size: .2rem; font-family: didot;}
.showPro .moreBtn{margin-top: .4rem;}
.aboutPage img{max-width: 100%; display: block;}
.aboutPage .about-txt{padding: .7rem 0 .4rem;}
.aboutPage .about-txt .en{font-family: impact; font-size: .82rem; line-height: .82rem; text-transform: uppercase; text-align: center; color: #fff;}
.aboutPage .about-txt .en span{color: #179ad4;}
.aboutPage .about-txt .img{width: 2.97rem; display: block; margin: .5rem auto;}
.aboutPage .about-txt .txtcon{padding: 0 3%; line-height: .36rem; color: #fff;}
.aboutPage .about-txt .txtcon img{max-width: 100%;}
.aboutPage .about-service{padding: 1.1rem 0 0; background: url(../images/about-bg.png) no-repeat center top; color: #fff; background-size: 1.64rem auto;}
.aboutPage .about-service .title{text-align: center; text-transform: uppercase; font-family: arial; margin-bottom: .45rem;}
.aboutPage .about-service .title span{font-weight: bold; font-size: .42rem; margin-right: .08rem;}
.aboutPage .about-service .txt{width: 100%; padding: 0 5%; line-height: .4rem; font-size: .22rem; color: #fff; font-weight: bold;}
.aboutPage .about-service .tab{text-align: center; padding: .54rem 0;}
.aboutPage .about-service .tab li{margin: 0 .15rem; padding: 0 .2rem; height: .5rem; line-height: .48rem; display: inline-block; vertical-align: middle; cursor: pointer; font-size: .2rem; position: relative;}
.aboutPage .about-service .tab li.hover{border: 1px solid #179ad4;}
.aboutPage .about-service .listcon{width: 100%; height: 2.35rem; overflow: hidden; position: relative;}
.aboutPage .about-service .listcon .list{width: 400%;}
.aboutPage .about-service .listcon li{width: 25%; float: left; height: 2.35rem;}
.aboutPage .about-service .listcon li img{width: 100%; display: block;}
.about-coop{padding: 1.5rem 0; text-align: center; width: 100%; background: url(../images/about-bg2.png) no-repeat center top; background-size: 100% auto;}
.about-coop .en{font-size: .46rem; letter-spacing: 1px; text-transform: uppercase; font-family: impact; color: #000; font-weight: normal;}
.about-coop .txt{color: #000; text-align: center; padding: .15rem 5% .4rem; font-weight: bold;}
.about-coop .list li{width: 44%; margin: 0 3% .35rem; float: left; overflow: hidden; border: 1px solid #e5e5e5; transition: all .3s linear; position: relative;}
.about-coop .list li figure{width: 100%; position: relative; padding-top: 47.6%; overflow: hidden;}
.about-coop .list li img{position: absolute; left: 0; top: 0; width: 100%; display: block; height: 100%;}
/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px;}
#nativeShare .label{font-size: 0.2rem; color: #fff; margin-left: .2rem; line-height: 0.6rem;}
#nativeShare .list{width: 5.1rem; float: right;}
#nativeShare .list span{height: 0.75rem; width: 0.75rem; padding: 0; display: inline-block;}
#nativeShare .list span i{margin: 0 auto; width: 0.63rem; height: 0.63rem; display: block;}
#nativeShare .weibo i{background-image: url('../images/weibo.png'); background-size: cover;}
#nativeShare .weixin i{background-image: url('../images/weixin_friend.png'); background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('../images/weixin.png'); background-size: cover;}
#nativeShare .qq i{background-image: url('../images/qq.png'); background-size: cover;}
#nativeShare .qzone i{background-image: url('../images/qqzone.png'); background-size: cover;}
#nativeShare .more i{background-image: url('../images/more.png'); background-size: cover;}
#nativeShare .list span.qzone,
#nativeShare .list span.more{width: 0.73rem;}
#fenxiang{display: none;}
.fenx{height: 1.0rem; width: 100%;}
.fenx .tt{margin-left: 0.2rem; font-size: 0.24rem; color: #fff; line-height: 0.6rem;}
.fenx .bdsharebuttonbox{width: 80%; float: right;}
.fenx .bdsharebuttonbox a{margin-left: 0.2rem;}
#bdfx a{height: 0.6rem; width: 0.6rem; margin: 0; padding: 0; margin: 0px 0.08rem; display: inline-block;}
#bdfx .d1{background: url(../images/qqzone.png) no-repeat center; background-size: 100% 100%;}
#bdfx .d2{background: url(../images/weibo.png) no-repeat center; background-size: 100% 100%;}
embed{width: 100% !important; height: auto !important;}
/*字体*/
@media only screen and (min-width: 641px){html{font-size: 100px;}}
@media only screen and (max-width: 640px){html{font-size: 100px;}}
@media only screen and (max-width: 540px){html{font-size: 84.375px;}}
@media only screen and (max-width: 480px){html{font-size: 75px;}}
@media only screen and (max-width: 414px){html{font-size: 64.6875px;}}
@media only screen and (max-width: 400px){html{font-size: 62.5px;}}
@media only screen and (max-width: 375px){html{font-size: 58.5938px;}}
@media only screen and (max-width: 360px){html{font-size: 56.25px;}}
@media only screen and (max-width: 320px){html{font-size: 50px;}}
/*******font-face********/
@font-face{font-family: didot; src: url('../font/didot.eot'); src: url('../font/didot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/didot.woff') format('woff'), /* Modern Browsers */ url('../font/didot.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */}