* { word-wrap: break-word; }

*, *:before, *:after { box-sizing: border-box; outline: none; }

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset { margin: 0; padding: 0; font-weight: normal; -webkit-tap-highlight-color: transparent; }

ul, ol, dl { list-style-type: none; }

html, body { *position: static; color: #000; background: #fff; width: 100%; height: auto; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

input, button { overflow: visible; vertical-align: middle; outline: none; }

body, th, td, button, input, select, textarea { font-size: 12px; font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-transition: all .3s; transition: all .3s; color: #000; }

a:hover, a:focus, a:active { text-decoration: none; outline: none; }

b, i { font-weight: normal; font-style: normal; }

sub, sup { vertical-align: baseline; }

button, input[type="button"], input[type="submit"] { line-height: normal !important; }

img { border: 0; }

a img, img { -ms-interpolation-mode: bicubic; -webkit-transition: all .3s; transition: all .3s; display: block; max-width: 100%; }

/* HTML5 reset */
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0; }

time { display: inline; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

legend { width: 100%; margin-bottom: 20px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5; }

legend small { font-size: 15px; color: #999; }

svg:not(:root) { overflow: hidden; }

fieldset { border-width: 0; padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }

input, textarea { border: 1px solid #ccc; outline: none; resize: none; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="text"], input[type="tel"], input[type="button"], input[type="submit"], input[type="reset"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius: 0; -webkit-tap-highlight-color: transparent; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #757575; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #757575; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #757575; }

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

.cl, .clearfix { zoom: 1; }

.fl { float: left !important; }

.fr { float: right !important; }

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

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

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

.text-i { font-style: italic; }

.container { max-width: 1200px; margin: 0 auto; }

.main { position: relative; z-index: 0; padding-top: 76px; }

.showH5 { display: none; }

/*! PC */
.header { width: 100%; height: auto; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 1; background: #fff; }

.header .brand { height: auto; overflow: hidden; float: left; display: flex; align-items: center; justify-content: space-between; padding: 22px 0; }

.header .brand .logo { width: 177px; }

.header .brand .logo img { width: 100%; }

.header .brand .navButton { display: none; }

.header .nav { height: auto; overflow: hidden; float: right; }

.header .nav a { font-size: 16px; color: #000; float: left; line-height: 32px; padding: 22px 20px; position: relative; display: flex; align-items: center; }

.header .nav a:hover, .header .nav a.active { background: #0B82DD; color: #fff; }

.header .nav a:hover:after, .header .nav a.active:after { content: ""; width: 20px; height: 2px; background: #fff; position: absolute; left: 0; right: 0; bottom: 15px; margin: auto; }

.header .nav a.tel:hover, .header .nav a.tel.active { background: none; color: #000; }

.header .nav a.tel i { width: 24px; height: 26px; background: url("../images/tel.png") center no-repeat; background-size: 100%; margin-right: 5px; }

/*footer*/
.footer { height: auto; overflow: hidden; background: #333333; padding-bottom: 20px; }

.footer p { font-size: 16px; color: #fff; margin-bottom: 10px; }

.footer p span { width: 10px; display: inline-block; }

.footer a, .footer span { font-size: 14px; color: #fff; margin-right: 15px; }

.footer .top { height: auto; overflow: hidden; padding: 25px 0; }

.footer .top .left { width: 50%; float: left; }

.footer .top .left p { font-size: 16px; }

.footer .top .right { width: 50%; float: right; }

.footer .top .right .box { float: right; text-align: center; }

.footer .top .right .box img { width: 100px; margin-bottom: 10px; }

.footer .top .right .box.box1 { padding-top: 20px; margin-right: 30px; text-align: left; }

.footer .top .right .box.box1 i { width: 40px; height: 40px; background: url("../images/tel1.png") center no-repeat; background-size: 100%; display: block; float: left; margin-right: 15px; margin-top: 3px; }

.footer .top .right .box.box1 .bb { height: auto; overflow: hidden; }

.footer .top .right .box.box1 .bb p { margin-bottom: 5px; }

.footer .bottom { height: auto; overflow: hidden; padding: 10px 0; border-top: 1px solid #606165; border-bottom: 1px solid #606165; }

/*Index*/
.Index { /*banner*/ /*block*/ }

.Index .banner { width: 100%; height: 550px; overflow: hidden; position: relative; }

.Index .banner .swiper-slide img { height: 100%; object-fit: cover; }

.Index .banner .swiper-pagination { bottom: 20px; }

.Index .banner .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #fff; }

.Index .banner .swiper-pagination .swiper-pagination-bullet-active { width: 28px; background: #017DF9; border-radius: 5px; }

.Index .block { height: auto; overflow: hidden; margin-top: 80px; }

.Index .block .title { height: auto; overflow: hidden; text-align: center; background: #F6F7F9; padding: 20px 0 30px; }

.Index .block .title h1 { font-size: 48px; color: #0B82DD; text-transform: uppercase; opacity: .1; }

.Index .block .title h2 { font-size: 28px; color: #18191A; font-weight: bold; position: relative; margin-top: -35px; }

.Index .block.coreFunction .list { height: auto; overflow: hidden; margin: 20px 0 0; }

.Index .block.coreFunction .list .item { width: 25%; float: left; text-align: center; padding: 20px 0; }

.Index .block.coreFunction .list .item img { width: 48px; margin: 0 auto 10px; display: block; }

.Index .block.coreFunction .list .item p { font-size: 16px; color: #606165; line-height: 26px; }

.Index .block.coreFunction .list .item:hover img { transform: rotateY(180deg); }

.Index .block.crowd { padding-bottom: 50px; }

.Index .block.crowd .list { height: auto; overflow: hidden; margin: 20px 0 0; }

.Index .block.crowd .list .item { width: 25%; float: left; text-align: center; padding: 20px; position: relative; }

.Index .block.crowd .list .item .img { width: 140px; margin: 0 auto 20px; display: block; position: relative; transition: all .3s; }

.Index .block.crowd .list .item .img img { width: 100%; }

.Index .block.crowd .list .item .img:after { content: ""; width: 100%; height: 100%; border: 8px solid #0B82DD; position: absolute; left: 0; top: 0; border-radius: 50%; }

.Index .block.crowd .list .item p { font-size: 16px; color: #606165; line-height: 26px; }

.Index .block.crowd .list .item:hover .img { transform: rotate(360deg); }

.Index .block.crowd .list .item:hover .img:after { border-color: #EC7B01; }

/*NeiPage*/
.NeiPage .banner { width: 100%; height: 370px; margin-bottom: 80px; padding-top: 110px; }

.NeiPage .block { height: auto; overflow: hidden; }

.NeiPage .block .title { height: auto; overflow: hidden; text-align: center; background: #F6F7F9; padding: 20px 0 30px; margin-bottom: 40px; }

.NeiPage .block .title h1 { font-size: 48px; color: #0B82DD; text-transform: uppercase; opacity: .1; }

.NeiPage .block .title h2 { font-size: 28px; color: #18191A; font-weight: bold; position: relative; margin-top: -35px; }

/*About*/
.About .banner { background: url("../images/about-banner.jpg") center no-repeat; background-size: cover; }

.About .block { padding-bottom: 130px; }

.About .block .imgText { height: auto; overflow: hidden; }

.About .block .imgText .img, .About .block .imgText .text { width: 48%; }

.About .block .imgText img { width: 100%; }

.About .block .imgText p { font-size: 16px; color: #303032; line-height: 32px; text-indent: 32px; margin-bottom: 20px; }

.About .block .imgText p b { color: #E70000; }

/*Product*/
.Product .banner { background: url("../images/product-banner.jpg") center no-repeat; background-size: cover; }

.Product .block { padding-bottom: 130px; position: relative; }

.Product .block .tabs { height: auto; overflow: hidden; display: flex; flex-wrap: wrap; margin: 0 -20px 40px; }

.Product .block .tabs .item { cursor: pointer; width: 20%; padding: 0 20px; margin-bottom: 20px; }

.Product .block .tabs .item span { height: 72px; line-height: 72px; padding: 0 10px; text-align: center; font-size: 18px; color: #303032; display: block; box-shadow: 0 2px 10px 0 #ECEFF2; border-radius: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Product .block .tabs .item.active span { background: #0B82DD; color: #fff; }

.Product .block .slide { overflow: hidden; }

.Product .block .slide .swiper-pagination { bottom: 60px; }

.Product .block .slide .swiper-pagination-bullet { width: 14px; height: 14px; background: #ccc; margin: 0 6px; opacity: 1; }

.Product .block .slide .swiper-pagination-bullet-active { background: #EC7B01; }

.Product .block .colorText { width: 80%; padding: 20px; margin: 0 auto 50px; font-size: 18px; color: #fff; text-align: center; background: #EC7B01; border-radius: 4px; }

.Product .block .text { text-align: center; margin-top: 40px; }

.Product .block .text h3 { font-size: 24px; color: #303032; margin-bottom: 10px; }

.Product .block .text p { font-size: 14px; color: #606165; }

/*Download*/
.Download .banner { background: url("../images/download-banner.jpg") center no-repeat; background-size: cover; }

.Download .block { padding-bottom: 130px; }

.Download .block .imgText { height: auto; overflow: hidden; }

.Download .block .imgText .img, .Download .block .imgText .text { width: 50%; }

.Download .block .imgText img { width: 100%; }

.Download .block .imgText .text { padding: 70px 80px; }

.Download .block .imgText .text h2 { font-size: 28px; color: #303032; font-weight: bold; margin-bottom: 20px; }

.Download .block .imgText .text p { font-size: 14px; color: #606165; margin-bottom: 15px; }

.Download .block .imgText .text p b { color: #E70000; }

.Download .block .imgText .text .btns { width: 100%; display: flex; justify-content: space-between; }

.Download .block .imgText .text .btns .box { width: 48%; position: relative; overflow: hidden; }

.Download .block .imgText .text .btns .box img { width: 160px; position: absolute; left: 0; top: -130px; right: 0; margin: auto; box-shadow: 0 0 15px #e4e4e4; padding: 10px; background: #fff; opacity: 0; transform: translateY(-20px); transition: all .3s; }

.Download .block .imgText .text .btns .box .btn { width: 100%; line-height: 58px; font-size: 18px; font-weight: bold; margin-top: 40px; color: #fff; display: block; text-align: center; border-radius: 5px; background: linear-gradient(180deg, #4FA7FF 0%, #017DF9 100%); }

.Download .block .imgText .text .btns .box p { font-size: 14px; text-align: center; margin-top: 10px; }

.Download .block .imgText .text .btns .box:hover { overflow: visible; }

.Download .block .imgText .text .btns .box:hover img { transform: translateY(0); opacity: 1; }

/*Buy*/
.Buy .banner { background: url("../images/buy-banner.jpg") center no-repeat; background-size: cover; }

.Buy .block { padding-bottom: 130px; }

.Buy .block .list { height: auto; text-align: center; }

.Buy .block .list .item { width: 40%; text-align: center; display: inline-block; padding: 50px 0; box-shadow: 0px 2px 20px 0px rgba(236, 239, 242, 0.7); margin: 0 3%; }

.Buy .block .list .item img { width: 72px; display: block; margin: 0 auto 20px; }

.Buy .block .list .item p { font-size: 16px; color: #666; }

.Buy .block .list .item .btn { width: 120px; line-height: 32px; background: #EC7B01; font-size: 14px; color: #fff; text-align: center; display: block; margin: 20px auto 0; }

.Buy .block .list .item.dy { margin-top: 60px; }

.Buy .block .list .item.dy img { width: 150px; }

.Buy .block .colorText { width: 80%; padding: 20px; margin: 0 auto 50px; font-size: 18px; line-height: 32px; color: #fff; text-align: center; background: #EC7B01; border-radius: 4px; }

.Buy .block img { width: 100%; }

/*Qa*/
.Qa .banner { background: url("../images/qa-banner.jpg") center no-repeat; background-size: cover; }

.Qa .block { padding-bottom: 130px; }

.Qa .block .list { height: auto; overflow: hidden; }

.Qa .block .list li { height: auto; overflow: hidden; margin-bottom: 55px; }

.Qa .block .list li h2 { font-size: 18px; color: #000; font-weight: bold; margin-bottom: 15px; position: relative; padding-left: 35px; }

.Qa .block .list li h2:after { content: ""; width: 24px; height: 24px; background: url("../images/qa-icon.png") center no-repeat; background-size: 100%; position: absolute; left: 0; top: 1px; }

.Qa .block .list li p { font-size: 14px; color: #333; padding-left: 35px; }

.Qa .block .list li .imgs { height: auto; overflow: hidden; margin-top: 20px; padding-left: 35px; }

.Qa .block .list li .imgs img { float: left; width: 200px; margin-right: 20px; }

/*Cooperation*/
.Cooperation .banner { background: url("../images/cooperation-banner.jpg") center no-repeat; background-size: cover; }

.Cooperation .block { padding-bottom: 130px; }

.Cooperation .block .imgText { height: auto; overflow: hidden; }

.Cooperation .block .imgText .img, .Cooperation .block .imgText .text { width: 50%; }

.Cooperation .block .imgText img { width: 100%; }

.Cooperation .block .imgText .text { padding: 70px 55px; }

.Cooperation .block .imgText .text h2 { font-size: 28px; color: #303032; font-weight: bold; margin-bottom: 20px; }

.Cooperation .block .imgText .text p { font-size: 14px; color: #606165; margin-bottom: 15px; }

.Cooperation .block .imgText .text p b { color: #E70000; }

.Cooperation .block .imgText .text p span { color: #017DF9; }

.Cooperation .block .btn { width: 320px; line-height: 58px; font-size: 18px; font-weight: bold; margin: 40px auto 0; color: #fff; display: block; text-align: center; border-radius: 5px; background: linear-gradient(180deg, #4FA7FF 0%, #017DF9 100%); }

.Cooperation .cooperationPop { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 99; display: none; }

.Cooperation .cooperationPop .box { width: 750px; height: 360px; background: #fff; border-radius: 4px; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.Cooperation .cooperationPop .box .img { width: 380px; height: 360px; }

.Cooperation .cooperationPop .box .form { width: 370px; height: auto; overflow: hidden; padding: 25px 40px; position: relative; }

.Cooperation .cooperationPop .box .form .icon-close { font-size: 18px; color: #BEC3CA; position: absolute; right: 15px; top: 15px; cursor: pointer; }

.Cooperation .cooperationPop .box .form .t { font-size: 24px; color: #EC7B01; text-align: center; margin-bottom: 20px; }

.Cooperation .cooperationPop .box .form .row { height: auto; overflow: hidden; border: 1px solid #D8DADD; margin-bottom: 10px; }

.Cooperation .cooperationPop .box .form .row input { width: 100%; height: 38px; border: 0; padding: 0 15px; font-size: 14px; }

.Cooperation .cooperationPop .box .form .row textarea { width: 100%; height: 90px; padding: 15px; border: 0; font-size: 14px; }

.Cooperation .cooperationPop .box .form .btn { width: 290px; line-height: 44px; font-size: 18px; margin: 20px auto 0; color: #fff; cursor: pointer; display: block; text-align: center; border-radius: 5px; background: linear-gradient(180deg, #4FA7FF 0%, #017DF9 100%); }

@media only screen and (max-width: 1200px) { .container { padding: 0 20px; }
  /*header*/
  .header .brand .logo { width: 150px; }
  .header .brand .logo img { width: 100%; }
  .header .nav a { padding: 22px 15px; } }

/*! H5 */
@media only screen and (max-width: 769px) { .container { padding: 0 .3rem; }
  .main { padding-top: 1rem; }
  .showH5 { display: block; }
  .showPc { display: none; }
  /*header*/
  .header { padding: .3rem 0 0; }
  .header .container { padding: 0; }
  .header .brand { width: 100%; padding: 0 .3rem .3rem; border-bottom: 1px solid #eee; }
  .header .brand .logo { width: 2.6rem; }
  .header .brand .navButton { display: block; font-size: .4rem; }
  .header .nav { width: 100%; display: none; }
  .header .nav a { width: 100%; font-size: .28rem; margin: 0 !important; line-height: 1rem; border-bottom: 1px solid #eee; padding: 0 .3rem; }
  .header .nav a:hover, .header .nav a.active { color: #0B82DD; background: none; }
  .header .nav a:hover:after, .header .nav a.active:after { content: ""; width: 20px; height: 2px; background: #fff; position: absolute; left: 0; right: 0; bottom: 15px; margin: auto; }
  .header .nav a.tel i { width: .32rem; height: .34rem; }
  /*footer*/
  .footer p { font-size: .24rem; margin-bottom: .1rem; }
  .footer a, .footer span { font-size: .24rem; margin-right: .15rem; }
  .footer .top { padding: .4rem 0 .3rem; }
  .footer .top .left p { font-size: .26rem; line-height: .4rem; }
  .footer .top .right .box img { width: 2rem; margin-bottom: .1rem; }
  .footer .top .right .box.box1 { margin: 0; }
  .footer .top .right .box.box1 i { width: .62rem; height: .62rem; margin-right: .15rem; }
  .footer .bottom { padding: .25rem 0; }
  /*Index*/
  .Index { /*banner*/ /*block*/ }
  .Index .banner { height: 4rem; }
  .Index .banner .swiper-pagination { bottom: .2rem; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet { width: .15rem; height: .15rem; margin: 0 .08rem; }
  .Index .banner .swiper-pagination .swiper-pagination-bullet-active { width: .4rem; border-radius: .2rem; }
  .Index .block { margin-top: .5rem; }
  .Index .block .title { padding: .3rem 0 .4rem; }
  .Index .block .title h1 { font-size: .48rem; }
  .Index .block .title h2 { font-size: .32rem; margin-top: -.32rem; }
  .Index .block.coreFunction .list { margin: .2rem 0 0; }
  .Index .block.coreFunction .list .item { width: 50%; padding: .2rem 0; }
  .Index .block.coreFunction .list .item img { width: .7rem; margin: 0 auto .2rem; }
  .Index .block.coreFunction .list .item p { font-size: .26rem; line-height: .4rem; }
  .Index .block.crowd .list { margin: .2rem 0 0; }
  .Index .block.crowd .list .item { width: 50%; padding: .2rem; }
  .Index .block.crowd .list .item img { width: 1.6rem; margin: 0 auto .2rem; }
  .Index .block.crowd .list .item p { font-size: .26rem; line-height: .4rem; }
  /*NeiPage*/
  .NeiPage .banner { height: 4rem; margin-bottom: .5rem; padding-top: 1.3rem; }
  .NeiPage .banner img { width: 2.5rem; }
  .NeiPage .block .title { padding: .3rem 0 .4rem; margin-bottom: .4rem; }
  .NeiPage .block .title h1 { font-size: .48rem; }
  .NeiPage .block .title h2 { font-size: .32rem; margin-top: -.32rem; }
  /*About*/
  .About .block { padding-bottom: .5rem; }
  .About .block .imgText .img, .About .block .imgText .text { width: 100%; }
  .About .block .imgText .text { padding-top: .3rem; }
  .About .block .imgText p { font-size: .26rem; line-height: .5rem; text-indent: .52rem; margin-bottom: .2rem; }
  /*Product*/
  .Product .block { padding-bottom: .8rem; }
  .Product .block .tabs { margin: 0 -.1rem .4rem; }
  .Product .block .tabs .item { width: 33.333%; padding: 0 .1rem; margin-bottom: .2rem; }
  .Product .block .tabs .item span { height: .72rem; line-height: .72rem; font-size: .26rem; box-shadow: 0 .02rem .1rem 0 #ECEFF2; border-radius: .02rem; }
  .Product .block .slide .swiper-pagination { bottom: .3rem; }
  .Product .block .slide .swiper-pagination-bullet { width: .2rem; height: .2rem; margin: 0 .08rem; }
  .Product .block .colorText { width: 100%; padding: .2rem; margin: 0 auto .5rem; font-size: .26rem; line-height: .45rem; }
  .Product .block .text { margin-top: .4rem; }
  .Product .block .text h3 { font-size: .3rem; margin-bottom: .2rem; }
  .Product .block .text p { font-size: .26rem; line-height: .42rem; }
  /*Download*/
  .Download .block { padding-bottom: .5rem; }
  .Download .block .imgText .img, .Download .block .imgText .text { width: 100%; }
  .Download .block .imgText .text { padding: .5rem 0; }
  .Download .block .imgText .text h2 { font-size: .32rem; margin-bottom: .3rem; }
  .Download .block .imgText .text p { font-size: .24rem; margin-bottom: .2rem; }
  .Download .block .imgText .text .btns .box img { width: 3rem; top: -2.7rem; }
  .Download .block .imgText .text .btns .box p { font-size: 14px; text-align: center; margin-top: 10px; }
  .Download .block .imgText .text .btns .box .btn { line-height: .8rem; font-size: .28rem; margin: .4rem auto 0; }
  /*Buy*/
  .Buy .block { padding-bottom: .5rem; }
  .Buy .block .list .item { width: 45%; margin: .2rem 2% .3rem; padding: .5rem 0; }
  .Buy .block .list .item img { width: .9rem; margin: 0 auto .2rem; }
  .Buy .block .list .item p { font-size: .26rem; }
  .Buy .block .list .item .btn { width: 2rem; line-height: .6rem; font-size: .24rem; margin: .2rem auto 0; }
  .Buy .block .colorText { width: 100%; padding: .2rem; margin: 0 auto .5rem; font-size: .26rem; line-height: .45rem; }
  .Buy .block img { width: 100%; }
  /*Qa*/
  .Qa .block { padding-bottom: .5rem; }
  .Qa .block .list li { margin-bottom: .5rem; }
  .Qa .block .list li h2 { font-size: .3rem; margin-bottom: .15rem; padding-left: .6rem; }
  .Qa .block .list li h2:after { width: .4rem; height: .4rem; }
  .Qa .block .list li p { font-size: .26rem; padding-left: .6rem; line-height: .5rem; }
  .Qa .block .list li .imgs { height: auto; overflow: hidden; margin-top: 20px; padding-left: .6rem; }
  .Qa .block .list li .imgs img { float: left; width: 200px; margin-right: 20px; }
  /*Cooperation*/
  .Cooperation .block { padding-bottom: .5rem; }
  .Cooperation .block .imgText .img, .Cooperation .block .imgText .text { width: 100%; }
  .Cooperation .block .imgText .text { padding: .5rem 0; }
  .Cooperation .block .imgText .text h2 { font-size: .32rem; margin-bottom: .3rem; }
  .Cooperation .block .imgText .text p { font-size: .24rem; margin-bottom: .2rem; }
  .Cooperation .block .btn { width: 3rem; line-height: .8rem; font-size: .28rem; margin: 0 auto .4rem; }
  .Cooperation .cooperationPop .box { width: 7rem; height: 6.8rem; background: #fff; border-radius: 4px; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
  .Cooperation .cooperationPop .box .img { display: none; }
  .Cooperation .cooperationPop .box .form { width: 100%; padding: .4rem .3rem; }
  .Cooperation .cooperationPop .box .form .icon-close { font-size: .4rem; right: .3rem; top: .3rem; }
  .Cooperation .cooperationPop .box .form .t { font-size: .34rem; margin-bottom: .4rem; font-weight: bold; }
  .Cooperation .cooperationPop .box .form .row { margin-bottom: .2rem; }
  .Cooperation .cooperationPop .box .form .row input { height: .8rem; padding: 0 .2rem; font-size: .26rem; }
  .Cooperation .cooperationPop .box .form .row textarea { height: 1.5rem; padding: .2rem; font-size: .26rem; }
  .Cooperation .cooperationPop .box .form .btn { width: 100%; line-height: .88rem; font-size: .3rem; margin: .4rem auto 0; } }