/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
input,textarea{outline: none;}
body,html{width: 100%;height: 100%;}
body{font:18px "PingFang SC","Arial","Microsoft yahei";color: #333;min-width: 1200px;background: #fff !important;}
a{text-decoration:none;outline: none;}
a:hover{text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input,textarea {outline: none;-webkit-appearance: none;}
input,select,textarea {font-size: 100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
.clearfix{zoom:1;}
.con {width: 1200px;margin:0 auto;}
.clear {clear: both;}
.color1 {color: #0c4cd2;}
.color2 {color: #f65a15;}
.color3 {color: #feef00;}
.color4 {color: #f3420b;}
a.color1:hover {border-bottom: 1px solid #0c4cd2;line-height: 1.2;}
a.color2:hover {border-bottom: 1px solid #f65a15;line-height: 1.2;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs24 {font-size: 24px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.mb5 {margin-bottom: 5px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.pb20 {padding-bottom: 20px;}
.mt40 {margin-top: 40px;}
.ti2 {text-indent: 2em;}
.tal {text-align: left;}
.hide {display: none;}
.header a:hover {color: #2484c0;}

/** header **/
.header {height: 40px;line-height: 40px;}
.header-ul {margin-left: 40px;}
.header-ul li {float: left;margin-left: 20px;}
.header a {color: #333;font-size: 12px;}
.header-right {font-size: 0;}
.header-right a {position: relative;margin-left: 20px;}
.header-right a:before {content:'';width: 1px;height: 12px;background: #9c9c9c;position: absolute;top: 3px;left: -10px;}
.header-right a:first-child:before {content:normal;}

/** banner **/
.banner {background: url(../../images/180326xl/banner.jpg) no-repeat center center;height: 449px;min-width: 1200px;}
.ban-t {width: 837px;margin:0 auto;}
.ban-t img {width: 837px;height: 330px;margin-top: 60px;}

/** wrap **/
.wrap {min-width:1200px;margin-bottom: 40px;}
.wrap-tit {color: #434343;font-size: 32px;border-bottom: 2px solid #f3f3f3;line-height: 60px;height: 64px;box-sizing: border-box;}
.wrap-tit em {border-bottom: 4px solid #da3c40;display: inline-block;}
.wrap-tit h1,.wrap-tit h2 {font-size: 32px;display: inline-block;border-bottom: 4px solid #da3c40;font-weight: normal;}
.wrap-tit span {font-size: 18px;}
.wrap-tit .more {float: right;font-size: 18px;color: #666;margin-top: 8px;font-weight: normal;}
.wrap-con {margin-top: 30px;}

/**区别**/
.wrap-stit h2 {font-size: 24px;font-weight: bold;margin-bottom: 5px;}
.diffrence {line-height: 1.8;}
.diffrence p {text-indent: 2em;}
.diffrence .wrap-left,.diffrence .wrap-right {width: 590px;margin-bottom: 20px;height: 350px;}
.diffrence .wrap-left,.diffrence .wrap-right,.diffrence .wrap-bottom {padding: 35px 70px;box-sizing: border-box;}
.diffrence .wrap-left {margin-right: 20px;background: #fee0bd;}
.diffrence .wrap-right {background: #ffb5b5;}
.diffrence .wrap-bottom {background: #2484bf;color: #fff;}
.diffrence .wrap-bottom p {margin-bottom: 5px;}

/**获取方式**/
.ways {line-height: 1.8;}
.ways .wrap-left,.ways .wrap-right {width: 590px;background: #eee;padding: 30px;box-sizing: border-box;height: 406px;}
.ways .wrap-left {margin-right: 20px;}
.ways-tit h2 {font-size: 24px;font-weight: bold;margin-bottom: 10px;}

/**常见问题**/
.questions {margin-bottom: 0;}
.questions ul li {float: left;width: 580px;box-sizing: border-box;margin-bottom: 30px;line-height: 1.5;height: 166px;}
.questions ul li:nth-child(2n) {margin-left: 20px;}
.questions ul li:nth-child(2n-1) {margin-right: 20px;}
.questions ul li:nth-child(3),.questions ul li:nth-child(4) {height: 193px;}
.questions .wrap-ques p {color: #333;}
.questions .wrap-anw p {color: #666;}
.questions .wrap-anw p.ques-tit {font-size: 22px;color: #444;}
.wrap-ques {font-size: 22px;margin-bottom: 25px;}
.wrap-ques span.fl {background: #de504f;margin-top: 2px;}
.wrap-ques p {font-weight: bold;white-space: nowrap;overflow: hidden;}
.wrap-anw span.fl {background: #febf00;}
.questions .wrap-con span.fl {width: 28px;height: 28px;color: #fff;text-align: center;line-height: 28px;font-size: 22px;}
.questions .wrap-con p {margin-left: 40px;}
.questions .wrap-con h3 {margin-left: 40px;font-size: 22px;}

/**热门**/
.hotlists .wrap-left {width: 790px;float: left;}
.hotlists .wrap-right {width: 370px;float: right;}
.hotlists .wrap-bottom {width: 860px;clear: both;float: left;margin-top: -20px;}
.hotlists li {float: left;overflow: hidden;}
.hotlists li a {color: #333;}
.wrap-wul {width: 375px;float: left;margin-bottom: -30px;}
.wrap-sul {margin-right: 40px;}
.wrap-sul li {width: 182px;margin-bottom: 15px;height: 46px;line-height: 46px;overflow: hidden;}
.wrap-sul li:nth-child(2n-1) {margin-right: 10px;}
.wrap-sul li img {width: 45px;height: 45px;border-radius: 50%;margin-right: 8px;}
.wrap-zul li {width: 182px;margin-bottom: 28px;height: 25px;overflow: hidden;}
.wrap-zul li:nth-child(2n-1) {margin-right: 10px;}
.wrap-zul li:before {content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #dedede;vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.wrap-zul li a {color: #444;}
.wrap-dul li {height: 36px;line-height: 36px;}
.wrap-dul li:before {content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #dedede;vertical-align: middle;margin-right: 6px;margin-top: -2px;}
.hotlists li a:hover {color:#ff6c00;}
.hotlists .wrap-left .wrap-tit {margin-bottom: 30px;}
.hotlists .wrap-right .wrap-tit {margin-bottom: 20px;}

/* special */
.special .wrap-tit em {left: 130px;}
.special .wrap-tit em:after {right: 130px;}
.zt-more {margin-bottom: 10px;margin-right: 10px;}
.zt-more a {color: #999;font-size: 14px;}
.swiper-con {position: relative;}
.swiper-ul {width: 1200px;height: 172px;overflow: hidden;position: relative;margin-left: 10px;}
.swiper-ul ul li {width: 237px;float: left;height: 210px;overflow: hidden;}
.swiper-ul ul li a {float: left;margin:0 10px;width: 212px;height: 156px;}
.swiper-ul ul li a img {width: 100%;height: 100%;}
.swiper-btn ul {width: 1200px;text-align: center;}
.swiper-btn ul li {margin-top: 2px;width: 13px;height: 13px;background: #e3e3e3;border-radius: 50%;text-indent: 99999em;overflow: hidden;margin-left: 10px;cursor: pointer;display: inline-block;}
.swiper-btn ul li.on {background:url(../../images/ss.png) no-repeat;width: 18px;height: 18px;vertical-align: middle;margin-top: -4px;}
.swiper-btn a {display: block;width: 40px;height: 40px;position: absolute;top:50%;margin-top: -50px;}
.swiper-btn a.prev {background: url(../../images/prev.png) no-repeat;left:-50px;}
.swiper-btn a.next {background: url(../../images/next.png) no-repeat;right:-50px;}

.goTop {width: 55px;height: 55px;position: fixed;right: 150px;bottom: 30px;background: #b31952 url(../../images/180326xl/goTop.png) no-repeat center center;cursor: pointer;display: none;}
.goTop:hover {background-color: #9a1041;}

/** wrap-bottm **/
.wrap-bottm {background: url(../../images/bottom.jpg) no-repeat center center;min-width:1200px;height: 360px;margin-top: 40px;position: relative;}
.wrap-bottm .wrap-con {text-align: center;}
.wrapb-btn {position: absolute;bottom: 50px;left: 0;right: 0;}
.wrapb-btn a {width: 150px;height: 50px;line-height: 50px;color: #fff;background: #e9c32f;font-size: 20px;text-align: center;display: inline-block;border-radius: 5px;margin:0 20px;}
.wrapb-btn a:hover {background: #f2d35b;}
.wrapb-btn a:first-child:hover {background: #29c1f7;}
.wrapb-btn a:first-child {background: #21a7d6;}
.wrapb-img2 {margin-top: 10px;}

.btn {position: absolute;width: 1200px;height: 10px;padding: 5px 10px;right: 0;bottom: 5px;text-align: center;}
.btn span {display: inline-block; _display: inline;_zoom: 1;width: 13px;height: 13px;_font-size: 0;margin-left: 10px;cursor: pointer;background: #e3e3e3;border-radius: 50%;}
.btn span.on {background:url(../../images/ss.png) no-repeat;width: 18px;height: 18px;vertical-align: bottom;}


/**/

/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
input,textarea{outline: none;}
body,html{width: 100%;height: 100%;}
body{font:18px "PingFang SC","Arial","Microsoft yahei";color: #333;min-width: 1200px;background: #fff !important;}
a{text-decoration:none;outline: none;}
a:hover{text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
input,textarea {outline: none;-webkit-appearance: none;}
input,select,textarea {font-size: 100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:""; display:block; clear:both; height:0; line-height:0; visibility:hidden;}
.clearfix{zoom:1;}
.con {width: 1200px;margin:0 auto;}
.clear {clear: both;}
.color1 {color: #b50000;}
.color2 {color: #4750cf;}
.color3 {color: #ff820e;}
.color4 {color: #ff0000;}
a.color1:hover {border-bottom: 1px solid #b50000;line-height: 1.2;}
a.color2:hover {border-bottom: 1px solid #4750cf;line-height: 1.2;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs24 {font-size: 24px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.pb20 {padding-bottom: 20px;}
.ti2 {text-indent: 2em;}
.tal {text-align: left;}
.header a:hover {color: #2484c0;}

/** header **/
.header {height: 40px;line-height: 40px;}
.header-ul {margin-left: 40px;}
.header-ul li {float: left;margin-left: 20px;}
.header a {color: #333;font-size: 12px;}
.header-right {font-size: 0;}
.header-right a {position: relative;margin-left: 20px;}
.header-right a:before {content:'';width: 1px;height: 12px;background: #9c9c9c;position: absolute;top: 3px;left: -10px;}
.header-right a:first-child:before {content:normal;}

/** banner **/
.banner {background: url(../../images/180328gjcr/banner.jpg) no-repeat center center;height: 450px;min-width: 1200px;}
.ban-t {text-align: center;}
.ban-t img {width: 941px;height: 320px;margin: 70px auto 0;}

/** wrap **/
.wrap {min-width:1200px;margin-bottom: 40px;}
.wrap-tit {font-size: 32px;border-left: 6px solid #b50000;line-height: 70px;background: #f5f7f7;padding-left: 20px;}
.wrap-tit h1,.wrap-tit h2 {color: #333;font-size: 32px;display: inline-block;font-weight: normal;}
.wrap-tit span {font-size: 16px;color: #ef9d3d;font-weight: normal;}
.wrap-tit .more {float: right;font-size: 18px;color: #666;margin-right: 20px;}
.wrap-con {margin-top: 30px;}

.icon {text-align: center;display: block;}
.icon:before {content: '';display: inline-block;}
.icon1:before {width: 62px;height: 46px;background: url(../../images/180328gjcr/icon1.png) no-repeat center;}
.icon2:before {width: 58px;height: 48px;background: url(../../images/180328gjcr/icon2.png) no-repeat center;}
.icon3:before {width: 56px;height: 44px;background: url(../../images/180328gjcr/icon3.png) no-repeat center;}
.icon4:before {width: 69px;height: 76px;background: url(../../images/180328gjcr/icon4.png) no-repeat center;}
.icon5:before {width: 74px;height: 70px;background: url(../../images/180328gjcr/icon5.png) no-repeat center;}
.wrap-stit {font-size: 24px;}

/** 导读 **/
.guide {margin-top: 35px;}
.guide-left {width: 145px;height: 154px;line-height: 154px;font-size: 32px;background: #b50000;color: #fff;text-align: center;}
.guide-right {width: 1055px;height: 154px;box-sizing: border-box;background: #f8f6f6;padding: 23px 50px;}
.guide-right p {line-height: 2;text-indent: 2em;}

/**承认吗**/
.recognize .wrap-con {margin-right: -21px;}
.recognize li {width: 386px;float: left;margin-right: 21px;box-sizing: border-box;border:1px solid #ebebeb;padding: 27px;height: 459px;}
.recognize li:hover {box-shadow: 0 0 10px #d4d4d4}
.recognize .icon {height: 48px;}
.recognize .wrap-stit {text-align: center;margin:30px 0 35px;}
.recognize .wrap-stit h2 {font-size: 24px;font-weight: normal;}
.recognize li p {text-indent: 2em;line-height: 1.6;}

/**有用吗**/
.useful li {float: left;width: 100%;margin-bottom: 25px;}
.useful li em {width: 100px;height: 100px;line-height: 100px;border-radius: 50%;text-align: center;color: #fff;position: relative;float: left;}
.useful li em:before {content: '';width: 106px;height: 98px;position: absolute;background: url(../../images/180328gjcr/y-bg.png) no-repeat;z-index: -1;right: -28px;top: 26px;}
.useful li:first-child em {background: #ff5d55;}
.useful li:nth-child(2) em {background: #01b78a;}
.useful li:nth-child(3) em {background: #27b7df;}
.useful .wrap-right {width: 1050px;float: left;margin-left: 50px;border-bottom: 1px solid #ececec;padding-bottom: 25px;}
.useful li:last-child .wrap-right {border-bottom: none;}
.useful .wrap-stit {margin-bottom: 20px;}
.useful li p {line-height: 1.6;}

/**真伪**/
.truth .wrap-con {margin-right: -20px;margin-top: 20px;}
.truth li {float: left;width: 590px;margin-right: 20px;background: #f6f6f6;box-sizing: border-box;padding: 35px 50px;height: 438px;}
.truth li .icon {height: 76px;}
.truth li .wrap-stit {text-align: center;margin:15px 0 20px;}
.truth li p {line-height: 1.8;}

/**对比**/
.compare {overflow: hidden;}
.compare .compare-t {font-size: 18px;color:#666;text-align: center;margin-bottom: 30px;}
.compare .wrap-left,.compare .wrap-mid,.compare .wrap-right {width: 401px;height: 401px;border-radius: 50%;float: left;overflow: hidden;box-sizing: border-box;position: relative;}
.compare .wrap-left {border:1px solid #2e99db;z-index:2;margin-left: 38px;}
.compare .wrap-mid {border:1px solid #ebebeb;margin-left: -40px;z-index:1;}
.compare .wrap-right {border:1px solid #dd3442;margin-left: -40px;z-index:2;}
.compare .wrap-conn {margin: 10px;width: 380px;height: 380px;border-radius: 50%;padding: 70px 45px 0;box-sizing: border-box;}
.compare .wrap-left .wrap-conn {background: #2e99db;color: #fff;}
.compare .wrap-mid .wrap-conn {background: #ebebeb;color: #333;}
.compare .wrap-right .wrap-conn {background: #dd3442;color: #fff;}
.wrap-conn .comp-tit {text-align: center;font-size: 26px;font-weight: normal;border-bottom: 1px dashed #fff;margin-bottom: 15px;padding-bottom: 5px;}
.compare .wrap-mid .comp-tit {color: #dd3442;border-color: #dd3442;}
.compare p {font-size: 16px;}
.compare .wrap-hover {animation: hover .6s;}
.compare .wrap-out {animation: out .6s;z-index: 1;}
.compare .wrap-out1 {animation: out1 .6s;}
.compare .wrap-out2 {animation: out2 .6s;z-index: -1;}
.compare .wrap-out3 {animation: out3 .6s;}
@keyframes hover {
  0% { z-index: 1;}
  100% { z-index: 3;}
}
@keyframes out {
  0% {transform: translate(0px);z-index: 3;}
  50% {transform: translate(-30px);z-index: 2;}
  100% {transform: translate(0px);z-index: 1;}
}
@keyframes out1 {
  0% {transform: translateX(0px);z-index: 1;}
  50% {transform: translateX(-30px);z-index: 2;}
  100% {transform: translateX(0px);z-index: 3;}
}
@keyframes out2 {
  0% {transform: translate(0px);z-index: 3;}
  50% {transform: translate(30px);z-index: 1;}
  100% {transform: translate(0px);z-index: -1;}
}
@keyframes out3 {
  0% {transform: translateX(0px);z-index: -1;}
  50% {transform: translateX(30px);z-index: 1;}
  100% {transform: translateX(0px);z-index: 3;}
}

/**热门**/
.hotlists .wrap-left {width: 790px;float: left;}
.hotlists .wrap-right {width: 370px;float: right;}
.hotlists .wrap-bottom {width: 860px;clear: both;float: left;margin-top: -20px;}
.hotlists li {float: left;overflow: hidden;}
.hotlists li a {color: #333;}
.wrap-wul {width: 375px;float: left;margin-bottom: -30px;}
.wrap-sul {margin-right: 40px;}
.wrap-sul li {width: 182px;margin-bottom: 15px;height: 46px;line-height: 46px;overflow: hidden;}
.wrap-sul li:nth-child(2n-1) {margin-right: 10px;}
.wrap-sul li img {width: 45px;height: 45px;border-radius: 50%;margin-right: 8px;}
.wrap-zul li {width: 182px;margin-bottom: 28px;height: 25px;overflow: hidden;}
.wrap-zul li:nth-child(2n-1) {margin-right: 10px;}
.wrap-zul li:before {content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #dedede;vertical-align: middle;margin-right: 10px;margin-top: -2px;}
.wrap-zul li a {color: #444;}
.wrap-dul li {height: 36px;line-height: 36px;}
.wrap-dul li:before {content: '';display: inline-block;width: 6px;height: 6px;border-radius: 50%;background: #dedede;vertical-align: middle;margin-right: 10px;margin-top: -2px;}
.hotlists li a:hover {color:#ff6c00;}
.hotlists .wrap-left .wrap-tit {margin-bottom: 30px;}
.hotlists .wrap-right .wrap-tit {margin-bottom: 20px;}

/* special */
.special .wrap-tit em {left: 130px;}
.special .wrap-tit em:after {right: 130px;}
.zt-more {margin-bottom: 10px;margin-right: 10px;}
.zt-more a {color: #999;font-size: 14px;}
.swiper-con {position: relative;}
.swiper-ul {width: 1200px;height: 172px;overflow: hidden;position: relative;margin-left: 10px;}
.swiper-ul ul li {width: 237px;float: left;height: 210px;overflow: hidden;}
.swiper-ul ul li a {float: left;margin:0 10px;width: 212px;height: 156px;}
.swiper-ul ul li a img {width: 100%;height: 100%;}
.swiper-btn ul {width: 1200px;text-align: center;}
.swiper-btn ul li {margin-top: 2px;width: 13px;height: 13px;background: #e3e3e3;border-radius: 50%;text-indent: 99999em;overflow: hidden;margin-left: 10px;cursor: pointer;display: inline-block;}
.swiper-btn ul li.on {background:url(../../images/180328gjcr/ss.png) no-repeat;width: 18px;height: 18px;vertical-align: middle;margin-top: -4px;}
.swiper-btn a {display: block;width: 40px;height: 40px;position: absolute;top:50%;margin-top: -50px;}
.swiper-btn a.prev {background: url(../../images/180328gjcr/prev.png) no-repeat;left:-50px;}
.swiper-btn a.next {background: url(../../images/180328gjcr/next.png) no-repeat;right:-50px;}

.goTop {width: 55px;height: 55px;position: fixed;right: 150px;bottom: 30px;background: #b31952 url(../../images/180328gjcr/goTop.png) no-repeat center center;cursor: pointer;display: none;}
.goTop:hover {background-color: #9a1041;}

/** wrap-bottm **/
.wrap-bottm {background: url(../../images/180328gjcr/bottom.jpg) no-repeat center center;min-width:1200px;height: 360px;margin-top: 40px;position: relative;}
.wrap-bottm .wrap-con {text-align: center;}
.wrapb-btn {position: absolute;bottom: 50px;left: 0;right: 0;}
.wrapb-btn a {width: 150px;height: 50px;line-height: 50px;color: #fff;background: #fdc929;font-size: 20px;text-align: center;display: inline-block;border-radius: 5px;margin:0 20px;}
.wrapb-btn a:hover {background: #d4a821;}
.wrapb-btn a:first-child:hover {background: #0ba1d3;}
.wrapb-btn a:first-child {background: #0cb9f2;}
.wrapb-img2 {margin-top: 10px;}

.btn {position: absolute;width: 1200px;height: 10px;padding: 5px 10px;right: 0;bottom: 5px;text-align: center;}
.btn span {display: inline-block; _display: inline;_zoom: 1;width: 13px;height: 13px;_font-size: 0;margin-left: 10px;cursor: pointer;background: #e3e3e3;border-radius: 50%;}
.btn span.on {background:url(../../images/180328gjcr/ss.png) no-repeat;width: 18px;height: 18px;vertical-align: bottom;}