

html{

	-webkit-text-size-adjust:100%;

	-ms-text-size-adjust:100%;

}

body,ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;}

em,i{ font-style:normal;}

ol,ul,li { list-style:none;}

img{ max-width:100%; max-height:100%; vertical-align: middle;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}

.wrapper{ margin:0 auto; background-color:#F8F8F8; padding:0; height:100%; font-family:"Microsoft YaHei";}

.no-bd{border:none;}



* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

body{ text-align:left; font-family:"Helvetica","Microsoft YaHei"; color:#838383; max-width:1080px;margin:0 auto; background-color:#fff; background-repeat:repeat; background-position:50% 0;}

a { color:#838383; text-decoration:none; }

a:visited { text-decoration:none; }

a:hover { color:#ba2636; text-decoration:none; }

a:active { color:#ba2636; }

p,dd{ color:#838383; font-size:1em; line-height:1.5em;}

hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #dddddd}

.bd{border:#E7E7E7 solid 1px;}

.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}

.content-slide:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:".";}

.clear{clear:both}

.clearfix {*zoom:1;}

.text-aL { text-align:left;}

.text-aR { text-align:right;}

.text-aC { text-align:center;}

.left { float:left;}

.right { float:right;}

.relative {position:relative;}

.absolute {position:absolute;}

.disNone { display:none;}

.disBlock { display:block;}

.overflowHidden { overflow:hidden;}



/* color */

.cGg,.cGg a,.cGg:visited {color:#7B7C7D;}

.cWhite,.cWhite:visited,.cWhite a{color:#fff;}

.cYellow,.cYellow:visited{color:#ff0;}

.cOrange,.cOrange:visited,.cOrange a{color:#f60;}

.cDGreen,.cDGreen:visited,.cDGreen a{color:#0a6903;}

.cGreen,.cGreen:visited,.cGreen a{color:#24a0a2;}

.cGreenO,.cGreenO:visited,.cGreenO a{color:#008883;}

.cGGreen,.cGGreen:visited,.cGGreen a{color:#2dbe60;}

.cGray,.cGray:visited,.cGray a{color:#333;}

.cLGray,.cLGray:visited,.cLGray a{color:#999;}

.cDGray,.cDGray:visited,.cDGray a{color:#727171;}

.cBlack,.cBlack:visited,.cBlack a{color:#000;}

.cBlue,.cBlue:visited,.cBlue a{color:#19bde4;}

.cDBlue,.cDBlue:visited,.cDBlue a{color:#0077ae;}

.cRed,.cRed:visited,.cRed a{color:#ff0000;}

.cDRed,.cDRed:visited,.cDRed a{color:#BA2636;}

.cPRed,.cPRed:visited,.cPRed a{color:#f986ae;}

.cPeRed,.cPeRed:visited,.cPeRed a{color:#ff4c6c;}

.cEmerald,.cEmerald:visited{color:#23c4a7;}



.cGg a:hover,a.cGg:hover,.cRed a:hover,a.cRed:hover,.cBlue a:hover,a.cBlue:hover,.cDRed a:hover,a.cDRed:hover,.cPRed a:hover,a.cPRed:hover,.cGray a:hover,a.cGray:hover,.cDGray a:hover,a.cDGray:hover,.cWhite a:hover,a.cWhite:hover,.cBlack a:hover,a.cBlack:hover,.cGreen a:hover,a.cGreen:hover,.cYellow a:hover,a.cYellow:hover,.cEmerald a:hover,a.cEmerald:hover{color:#BA2636;}

.cWhite a:hover,a.cWhite:hover{color:#fff;}



a.bg-white,.bg-white a {background-color:#FFF;}

.bg-white a.current,.bg-white .current a{color:#1A7CD2;background-color:#E1E1E1;}

a.bg-blue,.bg-blue a{background-color:#1A7CD2;}

.bg-blue a.current,.bg-blue .current a{background-color:#06C;}

a.btn,.btn a{display:block;height:2em;line-height:2em; overflow:hidden;}

.r-bd{-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;}





section,header,.bannerBox { width: 7.5rem; text-align: center; margin: 0 auto;}

#footer { text-align: center; font-size: .24rem; }

#footer p:first-of-type { margin-bottom: 1em; color: #ddd;}





/* 清除inline-block 空格 */

.cls{letter-spacing:-0.31em; word-spacing:-0.43em;}

.cls > *{letter-spacing:normal; word-spacing:normal;}

/* 垂直居中 */

.vertical:before{content:""; height:100%; display:inline-block; vertical-align:middle; margin-right:-0.25em;}

.vertical > *{vertical-align: middle;}



.font-16px { font-size:.6667em; line-height:1.25em;}

.font-18px { font-size:.75em; line-height:1.25em;}

.font-20px { font-size:.833em;}

.font-28px { font-size:1.16em;}

.font-30px { font-size:1.25em;}

.font-35px { font-size:1.35em;}

.font-40px { font-size:1.66em;}

.font-B { font-weight:bold;}

.font-N { font-weight:normal;}

.font-I { font-style:italic;}

.font-T { text-decoration:line-through;}







.content_m10 { margin:0 1.5625%;}

.content_m15 { margin:0 2.34375%;} 

.content_m20 { margin:0 3.125%;}

.content_m30 { margin:0 4%;}

.content_m35 { margin:0 5.3333%;}

.content_m40 { margin:0 6.25%;}

.content_m50 { margin:0 7.8125%;}



.blank1  { clear:both; height:1px; overflow:hidden; display:block; font-size:1px; border-top:1px solid #ddd;}

.blank1d  { clear:both; height:1px; overflow:hidden; display:block; font-size:1px; border-top:1px dashed #9c9c9c;}

.blank9 {clear:both; height:.375em; overflow:hidden; display:block; font-size:1px;}

.blank12 {clear:both; height:.5em; overflow:hidden; display:block;}

.blank20 {clear:both; height:.8333em; overflow:hidden; display:block;}

.blank20G {clear:both; height:.8333em; overflow:hidden; display:block; background-color:#ededed;}

.blank20d {clear:both; height:1px; overflow:hidden; display:block; font-size:1px; border-bottom:.8333em solid #f1f1f1;}

.blank30 { clear:both; height:1.25em; overflow:hidden; display:block;}

.blank40 { clear:both; height:1.5em; overflow:hidden; display:block;}

.blank50 { clear:both; height:2.083em; overflow:hidden; display:block;}

.blank60 { clear:both; height:2.5em; overflow:hidden; display:block;}

.blankBg-cG { background-color:#e7e7e7; border:solid #b3b3b3; border-width:1px 0 0; }







.f12bla li { clear:both; line-height:1.8em;}

.f12bla li.rbg {background:#ffe9f0; padding-left:0;}

.f12bla .firstNd  { overflow:hidden; padding:0; margin:0;}

.f12bla .firstNd p { font-size:1em; line-height:1.5em;}

.f12bla .firstNd img { float:left; border:none; padding:0; margin:0;}

.f12bla .firstNd h3 { color:#333; font-size:1.25em; font-weight:normal;}

.f12bla .firstNd h5 { color:#333; font-size:1.1667em; line-height:1.5em;}

.f12bla .firstNd .textBox { float:right; border:none; padding:0; margin:0;}

.f12bla .firstNd .w10_i { width:10%;}

.f12bla .firstNd .w15_i { width:15%;}

.f12bla .firstNd .w20_i { width:20%;}

.f12bla .firstNd .w25_i { width:25%;}

.f12bla .firstNd .w30_i { width:30%;}

.f12bla .firstNd .w35_i { width:35%;}

.f12bla .firstNd .w40_i { width:40%;}

.f12bla .firstNd .w45_i { width:45%;}

.f12bla .firstNd .w50_i { width:50%;}

.f12bla .firstNd .w55_i { width:55%;}

.f12bla .firstNd .w60_i { width:60%;}

.f12bla .firstNd .w65_i { width:65%;}

.f12bla .firstNd .w70_i { width:70%;}

.f12bla .firstNd .w75_i { width:75%;}

.f12bla .firstNd .w80_i { width:80%;}

.f12bla .firstNd .w85_i { width:85%;}

.f12bla .firstNd .w90_i { width:90%;}

.f12bla .firstNd .w100_i { width:100%;}

.f12bla .firstNd .m1 { margin-bottom:1em;}

.f12bla .firstNd .mtop1 { margin-top:1em;}

.f12bla .firstNd .borRad50 { border-radius:50%;}

.f12bla .firstNd .imgBgGrey { background-color:#ddd;}

.f12bla .firstNd .text-aLeft { text-align:left;}

.f12bla .firstNd img.rihgtI { float:rihgt; margin:0 0 0 5%;}

.f12bla .firstNd .textBox.leftB { float:left;  margin:0;}





.picList { width:100%;}

.picList ul { width:100%;}

.picList ul li { float:left;}

.picList li { text-align: center;}

.picList li h5 { font-weight: normal;}

.picList li img { margin-bottom: 5%;}





.NavSearch { padding: .2rem 0;}

.NavSearch .mainNav { width: 15%; font-size: .36rem; color: #00b0b0; }

.NavSearch .topSearch { width: 80%; text-align: left;background-color: #f2f2f2;border-radius: 1em;}

.NavSearch .topSearch input { font-size: .36rem; line-height: 1.35em;background-color: #f2f2f2; margin: 0; padding: 0; float: left;color: #999;}

.NavSearch .topSearch input.search {width: 80%; border-radius: 1em 0 0 1em; padding-left: 5%; color: #999; font-size: .28rem; line-height:1.75em }

.NavSearch .topSearch input.button {width: 20%; color: #fff; border-radius: 1em; background-color: #00b0b0;}





.m-t{ width:100%;left:0;bottom:0;z-index:9999; position: relative;}

.m-t li{ width:40%;float:left;height:50px;line-height:50px;font-size:14px;text-align: center;}

.m-t li a{ display:block;height:50px;padding:0;color:#FFF;}

.m-t .m-t1 a{ padding-top:27px;line-height: 20px;}

.m-t .m-t1{ width:15%;/*background:#414141;*/}

  

.m-t-gb .m-t1{ cursor:pointer; position:relative;}

.m-t-gb .m-t1 a.flei{/*background:url(/swt/img/footerFixedIcon-nav.png) center 4px no-repeat; background-size:28px auto;*/ color: #00b0b0;}

.m-t-gb .m-t1 .m-t-nav{ display:none; position:absolute; /* left:4.65%; */ left:7px; top:35px; /* width:88.37%; */ width:210px; background:#414141; font-size:14px;border-radius: 5px 5px 5px 0;  behavior: url(PIE.htc);opacity:.95; overflow:hidden;}

.m-t-gb .m-t1 .m-t-nav span{ display:block; position:absolute; left:10%; margin-left:-6px; bottom:-12px; width:12px; height:12px; /*background:url(http://m.renai.cn/images/m_b_nav_bg.png) no-repeat;*/ background-size:100% 100%;}



.m-t-gb .m-t1 .m-t-nav ul { width:50%; float:left; background-color:#444446;  padding:5px 0;}

.m-t-gb .m-t1 .m-t-nav ul:nth-of-type(2) { background-color:#5a5a5a;}

.m-t-gb .m-t1 .m-t-nav ul li{ display:block; width:78.95%; border-bottom:1px solid #666666; height:40px; line-height:40px; margin:0 auto; float:none;}

.m-t-gb .m-t1 .m-t-nav ul li a{ color:#e3e3e3; background:none; height:37px; line-height:37px; padding:0px;}

.m-t-gb .m-t1 .m-t-nav ul li:last-child{ border-bottom:0px;}





#QR-code { background-color: #f2f2f2; padding: 5% 0;}

.keshiList .w50 li { width: 50%; margin: 0; }

.keshiList .w50 li h5 { color: #444;  }

.keshiList .w50 li p { font-size: .24rem; }

.keshiList .w50 li img { width: 64%; }





.keshiList .w33 li { width: 33.33%; }

.keshiList .w33 li img { width: 35%;}

.keshiList .w33 li h5 { color: #999; }

.keshiList .w33 li .fa-circle { color: #00b0b0;}

.keshiList .w33 li p { font-weight:normal; font-size: .24rem; color: #999;}



.keshiList .w3302 li { width: 33.33%; }

.keshiList .w3302 li img { width: 80%;}

.keshiList .w3302 li h5 { color: #444; }

.keshiList .w3302 li .fa-circle { color: #00b0b0;}

.keshiList .w3302 li p { font-weight:normal; font-size: .24rem; color: #999;}







/*头部*/

header { width:100%;max-width:750px;margin:0 auto;overflow:hidden;height:30vw;max-height:250px; text-align: center;}

.head_cnt{ position:absolute;width:100%;max-width:750px;margin:0 auto;height:16.75vw;max-height:136px;z-index:2000;top:0;left:0;right:0;}

.ser{ margin:19% auto 0 auto;width:98%;position:relative;z-index:2002}

.ser li{float:left;width:20%;text-align:center;font-size:.24rem;line-height:.7rem;background:#00b0b0}

.ser li a{color:#fff;display: block; border-right: 1px solid;}

.ser li:nth-child(4) a{ }

.header0{ position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:#000000;z-index:2001}



.logo_cnt { border-bottom: 1px solid #e2e2e2; padding-bottom: .2rem; overflow: hidden; }

.logo_cnt .yibao { display: inline-block; background-color: #f2f2f2; font-size: .16rem; color: #999; border-radius: .5em; padding: .5em 1em;}

.dingdian_maquee{ height:1.5em; width:100%; font-size:.2rem; overflow:hidden; margin:0 auto; color:#999;}

.dingdian_maquee li{ height:1.5em; width:100%; font-size:.2rem; line-height:1.5em; text-align:center; }





/*左边弹窗导航*/

.Project{margin:0 auto;min-width:320px;max-width:640px;position:fixed;left:0; top:0; right:0; width:100%; height:100%;z-index:99999; display:none;}

.pro_nr{ width:62.5%; height:100%; position:absolute; background:#f3f1f1; left:-50%; top:0;overflow-y:scroll; }

.pro_nr::-webkit-scrollbar{width:0px}

.pro_nr::scrollbar{width:0px}

.pro_nr dl{ width:100%; padding:5% 0 4% 4%; background:#fff; box-sizing:border-box; margin:0 auto;box-shadow:-17px -2px 25px -13px #CCC inset;-webkit-box-shadow:-17px -2px 25px -13px #CCC inset; font-size:.28rem;}

.pro_nr dl.lz{ background:#f3f1f1}

.pro_nr dl dt{ margin-bottom:4%;}

.pro_nr dl dt a{ color:#202020}

.pro_nr dl dd{ width:50%; float:left; margin-bottom:2%;}

.pro_nr dl dd a{ color:#5b5b5b}





.footfix-V2018 { width: 100%; position: fixed; bottom: 0; left: 0; background-color: #fff; border-top:1px solid #cdcdcd; z-index:9999;}

.footfix-V2018 td { width: 20%; border-right:1px solid #cdcdcd ; text-align: center; padding: .4em 0 .3em; overflow: hidden;}

.footfix-V2018 td:last-of-type { border-right:none; background-color: #00b0b0; width: 40%;  }

.footfix-V2018 td img { width: 24%; margin-bottom: 3px;}

.footfix-V2018 td p { font-size: 14px;  line-height: 1.25em;}

.footfix-V2018 td a { display: block; height: 100%;}

.footfix-V2018 td:last-of-type p { font-size: 20px; color: #fff;}





.swiper-container {position:relative;width:100%;overflow:hidden;}

.swiper-container .swiper-slide { width:100%;height:100%;}

.swiper-container .pagination { position:absolute;z-index:20;left:10px;bottom:0;}

.swiper-container .swiper-pagination-switch {display:inline-block;width:8px;height:8px;border-radius:8px;background:#e3e3e3;margin-right:5px;opacity:0.8;border:1px solid #e3e3e3;cursor:pointer;}

.swiper-container .swiper-visible-switch {background:#e3e3e3;}

.swiper-container .swiper-active-switch {background:#00b0b0;border:1px solid #00b0b0;}



.swiper-container02 {text-align:center;position:relative;width:100%;overflow:hidden;}

.swiper-container02 .swiper-slide { width:100%;height:100%;}

.swiper-container02 .pagination02 { position:absolute;z-index:20;left:10px;bottom:0;}

.swiper-container02 .swiper-pagination-switch {display:inline-block;width:8px;height:8px;border-radius:8px;background:#e3e3e3;margin-right:5px;opacity:0.8;border:1px solid #e3e3e3;cursor:pointer;}

.swiper-container02 .swiper-visible-switch {background:#e3e3e3;}

.swiper-container02 .swiper-active-switch {background:#00b0b0;border:1px solid #00b0b0;}







@-webkit-keyframes fadeInOut {

    0% {opacity:1;}

    25% {opacity:0;}

    50% {opacity: 0; }

    75% {opacity:1;}

}

.anim_fade_image {

position:absolute; 

top:0; left: 0;

-webkit-animation-name: fadeInOut;

-webkit-animation-timing-function: ease-in-out;

-webkit-animation-iteration-count: infinite;

-webkit-animation-duration: 10s;

-webkit-animation-direction: alternate;	

}





.box42{margin:10px 10px 10px;}

.box421{width:15%; float:left; padding:5px 0 0;height:56px;text-align:center;}

.box421 img{height:40px;margin-top:5px;}

.box422{width:85%; float:left;height:56px;overflow:hidden;}

.box422 li{padding:5px;}

.box422 li a{width:100%; font-size:14px;height:20px;line-height:20px;overflow:hidden;display:block;color:#000;}

.box422 li img{height:18px; margin-right:2%;}



.title h1{float:left;font-size:1.6rem;font-weight:700;color:#0485d8;border-bottom:3px solid #0485d8;padding-bottom:5px}

.title a{float:right;font-size:1.4rem;line-height:1.5rem;margin-top:.5rem}

.title a p{height:1.5rem;display:inline-block}

.title a img{margin-left:5px;width:1.5rem;height:1.5rem;display:inline-block}

.part1{margin:20px 10px 0}

.part1 ul li{float:left;width:50%;border-top:1px solid #ccc}

.part1 ul li a{display:block;border-right:1px solid #ccc;padding:5px 5px}

.part1 ul li:nth-child(2n) a{border-right:none}

.jy1 img{float:left;width:48%}

.jy1_r{float:right;width:48%}

.jy1_r h1{font-size:.32rem;font-weight:500}

.jy1_r h2{font-size:.26rem;color:#b3b3b3}

.jy1_r p{width:1rem;height:1px;margin-top:.5rem;background:#ff5f11}