@charset "UTF-8";
* { padding: 0; margin: 0; }

html, body { min-width: 1265px; height: 100%; }

html, button, input, select, textarea { font-family: "Helvetica Neue",Helvetica,Tahoma,sans-serif; }

body { font-size: 14px; line-height: 1.5; color: #333; }

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

i, em { font-style: normal; }

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

img { border: none; }

/*clear*/
.cl { clear: both; zoom: 1; }
.cl:after { content: '.'; visibility: hidden; height: 0; width: 0; display: block; _display: inline-block; clear: both; line-height: 0; font-size: 0; overflow: hidden; }

/*flost style*/
.l { float: left; }

.r { float: right; }

.wp { width: 1180px; margin: 0 auto; }

/*菜单*/
.wrap-system { padding-top: 130px; background: url(../images/bg.png) repeat-y center top; /*公共*/ /*pc*/ /*笔计本*/ /*手机*/ }
.wrap-system .menu { background: #66ceff; height: 70px; text-align: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; }
.wrap-system .menu li { display: inline-block; *display: inline; margin: 0 10px; height: 70px; line-height: 70px; }
.wrap-system .menu li a { color: #262626; font-size: 18px; }
.wrap-system .menu on a { color: #0280bb; }
.wrap-system .jwlogo { display: none !important; }
.wrap-system .title { text-align: center; padding: 30px 0 8px; position: relative; }
.wrap-system .title h3 { font-size: 30px; color: #00aeff; font-weight: 400; line-height: 30px; border-bottom: 1px solid #00aeff; margin: 0 auto; padding: 0 10px 10px; }
.wrap-system .title h3 img { display: inline-block; vertical-align: text-bottom; margin-right: 8px; }
.wrap-system .title p { margin-top: 15px; font-size: 18px; height: 70px; }
.wrap-system #allVideo { background: #000; height: 464px; }
.wrap-system .i_pcWrap .change, .wrap-system .i_maceWrap .change, .wrap-system .i_phoneWrap .change { position: absolute; }
.wrap-system .i_pcWrap .change li, .wrap-system .i_maceWrap .change li, .wrap-system .i_phoneWrap .change li { color: #fff; cursor: pointer; width: 80px; height: 34px; background: #ff9282; font-size: 20px; line-height: 34px; overflow: visible; padding: 0 20px; border-radius: 4px 0 0 4px; margin-bottom: 20px; }
.wrap-system .i_pcWrap .change .on, .wrap-system .i_maceWrap .change .on, .wrap-system .i_phoneWrap .change .on { background: #f7644e; z-index: 2; position: relative; }
.wrap-system .i_pcWrap { padding: 70px 0; }
.wrap-system .i_pcWrap .title h3 { width: 250px; }
.wrap-system .i_pcWrap .content { background: url(../images/bg-mac.png) no-repeat; width: 831px; height: 464px; margin: 0 auto; position: relative; padding: 25px 19px 103px 21px; }
.wrap-system .i_pcWrap .inner { width: 831px; height: 464px; position: relative; margin: 0 auto; }
.wrap-system .i_pcWrap .inner .hd { left: -141px; top: 56px; z-index: 1; }
.wrap-system .rowWrap_1 { padding-top: 15px; }
.wrap-system .i_maceWrap { padding: 70px 0; }
.wrap-system .i_maceWrap .w-left, .wrap-system .i_maceWrap .w-right { width: 50%; }
.wrap-system .i_maceWrap .w-left .hd { left: -120px; }
.wrap-system .i_maceWrap .w-right .hd { right: -119px; }
.wrap-system .i_maceWrap .w-right .hd li { border-radius: 0 4px 4px 0; }
.wrap-system .i_maceWrap .title h3 { width: 220px; }
.wrap-system .i_maceWrap .content { background: url(../images/bg-mac2.png) no-repeat center center; width: 544px; height: 370px; position: relative; margin: 0 auto; }
.wrap-system .i_maceWrap .content .inner { width: 518px; height: 290px; padding-top: 16px; margin: 0 auto; }
.wrap-system .i_maceWrap .content .hd { top: 40px; z-index: 1; text-align: center; }
.wrap-system .i_phoneWrap { padding: 70px 0; }
.wrap-system .i_phoneWrap .title h3 { width: 250px; }
.wrap-system .i_phoneWrap .w-left, .wrap-system .i_phoneWrap .w-right { width: 50%; }
.wrap-system .i_phoneWrap .w-left .hd { right: -118px; }
.wrap-system .i_phoneWrap .w-left .hd li { border-radius: 0 4px 4px 0; }
.wrap-system .i_phoneWrap .w-right .hd { right: -118px; }
.wrap-system .i_phoneWrap .w-right .hd li { border-radius: 0 4px 4px 0; }
.wrap-system .i_phoneWrap .content { background: url(../images/bg-phone.png) no-repeat center center; width: 288px; height: 588px; position: relative; margin: 0 auto; }
.wrap-system .i_phoneWrap .content .inner { width: 252px; height: 447px; padding-top: 70px; margin: 0 auto; }
.wrap-system .i_phoneWrap .content .hd { top: 40px; z-index: 1; text-align: center; }
.wrap-system .i_phoneWrap .bot { text-align: center; color: #00aeff; font-size: 20px; font-weight: 700; margin-top: 25px; }
.wrap-system .i_picWrap { padding: 70px 0; }
.wrap-system .i_picWrap .picScroll { position: relative; width: 900px; height: 450px; margin: 0 auto; }
.wrap-system .i_picWrap .picScroll .bd { width: 670px; height: 450px; margin-left: 224px; border-radius: 0 8px 8px 0; position: relative; overflow: hidden; border: 1px solid #37abdf; }
.wrap-system .i_picWrap .picScroll .bd img { display: block; max-width: 100%; }
.wrap-system .i_picWrap .picScroll .bd .tit { background-color: rgba(0, 0, 0, 0.5); height: 32px; line-height: 32px; font-size: 18px; position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; text-align: center; }
.wrap-system .i_picWrap .picScroll .change { left: 0; position: absolute; border: 1px solid #37abdf; border-radius: 8px 0 0 8px; overflow: hidden; }
.wrap-system .i_picWrap .picScroll .change li { width: 223px; height: 150px; position: relative; overflow: hidden; }
.wrap-system .i_picWrap .picScroll .change li img { display: block; max-width: 100%; }
.wrap-system .i_picWrap .picScroll .change li .tit { background-color: rgba(0, 0, 0, 0.5); height: 32px; line-height: 32px; font-size: 18px; position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; text-align: center; }
.wrap-system .i_picWrap .picScroll .change .on { width: 219px; height: 147px; border: 2px solid #37abdf; }
.wrap-system .i_picWrap .title h3 { width: 250px; }
.wrap-system .i_picWrap .content-box { text-align: center; }
.wrap-system .i_picWrap .content-box p { margin-bottom: 25px; }
.wrap-system .footer { text-align: center; padding: 20px 0 40px; }
.wrap-system .botInfo p { font-size: 18px; padding-top: 25px; }
.wrap-system .botInfo ul { position: relative; overflow: hidden; padding: 70px 0; width: 695px; margin: 0 auto; }
.wrap-system .botInfo li { float: left; width: 345px; text-align: center; }
.wrap-system .botInfo li span { display: block; font-size: 18px; }
.wrap-system .botContent p { padding-top: 30px; }
.wrap-system .botContent span { font-size: 18px; padding: 0 30px; }
.wrap-system .botContent span img { margin-right: 8px; vertical-align: middle; }

.header { height: 100px; background: #3a66fb; position: fixed; width: 100%; top: 0; left: 0; z-index: 9; min-width: 1280px; }
.header .hotline-wap { position: absolute; top: 10px; right: 60px; color: #fff; font-size: 16px; z-index: 9; }
.header .logo { margin: 20px 0 0 50px; }
.header .logo img { height: 60px; }
.header .nav { margin-right: 60px; margin-top: 50px; }
.header .nav li { float: left; margin-left: 30px; border-radius: 36px; border: 1px solid #fff; }
.header .nav li a { display: block; height: 32px; line-height: 32px; font-size: 18px; color: #fff; font-weight: 600; padding: 0 20px; }
.header .nav li:hover { background: #fff; }
.header .nav li:hover a { color: #4458fa; }
.header .nav .on { background: #fff; }
.header .nav .on a { color: #4458fa; }

.wrapper-home { background: url(../images/homebg.jpg) no-repeat center top; width: 100%; min-height: 100%; position: relative; }
.wrapper-home .header { background: transparent; position: relative; }
.wrapper-home .home-container { transform-origin: 50% 50%; animation: anit .3s ease-out 1; -moz-animation: anit .3s ease-out 1; /* Firefox */ -webkit-animation: anit .3s ease-out 1; /* Safari 和 Chrome */ -o-animation: anit .3s ease-out 1; /* Opera */ }
@keyframes anit { 0% { transform: scale(0.5); }
  100% { transform: scale(1); } }
@-moz-keyframes myfirst /* Firefox */ { 0% { transform: scale(0.5); }
  100% { transform: scale(1); } }
@-webkit-keyframes myfirst /* Safari 和 Chrome */ { 0% { transform: scale(0.5); }
  100% { transform: scale(1); } }
@-o-keyframes myfirst /* Opera */ { 0% { transform: scale(0.5); }
  100% { transform: scale(1); } }
.wrapper-home .banner { margin-top: 30px; }
.wrapper-home .banner h3 { font-size: 30px; font-weight: 700; color: #fff; text-align: center; }
.wrapper-home .banner h3 span { border-bottom: 2px solid #fff; display: inline-block; }
.wrapper-home .banner p { text-align: center; color: #fff; font-size: 48px; line-height: 72px; font-weight: 700; margin-top: 20px; }
.wrapper-home .product-list { width: 1250px; overflow: hidden; position: relative; margin: 30px auto 0; }
.wrapper-home .product-list .item { float: left; width: 349px; height: 382px; margin: 0 33px; background: url(../images/libg.png) no-repeat; }
.wrapper-home .product-list .item ul { padding: 10px 34px 0; height: 290px; }
.wrapper-home .product-list .item ul li { background: url(../images/lilibg.png) no-repeat; width: 275px; height: 62px; position: relative; overflow: hidden; margin: 24px 0; }
.wrapper-home .product-list .item ul li i { float: left; width: 62px; height: 62px; padding: 13px; }
.wrapper-home .product-list .item ul li span { display: block; margin-left: 84px; line-height: 62px; color: #fff; font-size: 28px; }
.wrapper-home .product-list .item ul li:hover { transform: scale(1.1); }
.wrapper-home .product-list .item ul li:hover span { text-decoration: underline; }
.wrapper-home .product-list .item .tit { font-size: 30px; font-weight: 700; color: #fff; text-align: center; }
.wrapper-home .product-list .item_1 ul { padding-top: 50px; height: 250px; }
.wrapper-home .animation-box { opacity: .5; }
.wrapper-home .animation-box .animation { position: absolute; }
.wrapper-home .animation-box .animation1 { right: 271px; top: 272px; animation: move 3s linear infinite alternate; -moz-animation: move 3s linear infinite alternate; /* Firefox */ -webkit-animation: move 3s linear infinite alternate; /* Safari 和 Chrome */ -o-animation: move 3s linear infinite alternate; /* Opera */ }
.wrapper-home .animation-box .animation2 { left: 157px; top: 259px; animation: move1 4s linear infinite alternate; -moz-animation: move1 4s linear infinite alternate; /* Firefox */ -webkit-animation: move1 4s linear infinite alternate; /* Safari 和 Chrome */ -o-animation: move1 4s linear infinite alternate; /* Opera */ }
.wrapper-home .animation-box .animation3 { right: 177px; top: 662px; opacity: .5; animation: move1 5s linear infinite alternate; -moz-animation: move1 5s linear infinite alternate; /* Firefox */ -webkit-animation: move1 5s linear infinite alternate; /* Safari 和 Chrome */ -o-animation: move1 5s linear infinite alternate; /* Opera */ }
@keyframes move { 0% { transform: translate(-20px, -20px); }
  100% { transform: translate(20px, 20px); } }
@keyframes move1 { 0% { transform: translate(15px, 30px); }
  100% { transform: translate(-15px, -30px); } }
.wrapper-home .footer { padding: 40px 40px 30px; position: relative; overflow: hidden; }
.wrapper-home .footer .inner { background: rgba(255, 255, 255, 0.1); border-radius: 66px; height: 66px; line-height: 66px; padding-right: 20px; }
.wrapper-home .footer .inner .tit { background: rgba(255, 255, 255, 0.1); border-radius: 66px 0 0 66px; font-weight: 700; font-size: 24px; color: #fff; float: left; margin-right: 10px; padding: 0 5px 0 20px; width: 180px; }
.wrapper-home .footer .inner .con { font-size: 20px; color: #fff; display: block; margin-left: 205px; position: relative; overflow: hidden; height: 66px; line-height: 66px; }
.wrapper-home .footer .inner .con .inner-con { position: absolute; top: 0; left: 0; }
.wrapper-home .footer .inner .con .inner-con .scroll-box { width: 5000px; }
.wrapper-home .footer .inner .con .inner-con .scroll { float: left; }

/*客服*/
.customFloat { position: fixed; width: 222px; right: 0; top: 50%; margin-top: -60px; z-index: 999; }
.customFloat a { height: 62px; background-image: url(../images/custombg.png); background-repeat: no-repeat; width: 142px; margin-top: 10px; padding-left: 80px; display: block; }
.customFloat a strong { padding-top: 8px; color: #66ceff; font-size: 16px; display: block; }
.customFloat a span { display: block; font-size: 12px; }
.customFloat .btn1 { background-position: 0 0; }
.customFloat .btn1 strong { height: 62px; padding: 0; line-height: 62px; }
.customFloat .btn2 { background-position: 0 -70px; }

/*弹出层的表单*/
.popLayer { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99998; }

.popLayerbg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/blackbg.png); }

.popLayerMain { background: #fff; width: 500px; padding: 20px; top: 20%; position: absolute; left: 50%; margin-left: -260px; }

.popLayerMain .popClose { position: absolute; right: 5px; top: 5px; font-size: 20px; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; }

.popLayerMain .tabFrom { padding: 10px 0; }

.popLayerMain .tabFrom .item { margin-bottom: 15px; }

.popLayerMain .tabFrom .item .inputTxt { margin-top: 5px; border: 1px solid #e5e5e5; height: 30px; padding: 0 10px; }

.popLayerMain .tabFrom .item .inputTxt input { height: 30px; border: none; width: 100%; }

.popLayerMain .tabFrom .submitDiv { margin: 20px auto 0; width: 200px; }

.popLayerMain .tabFrom .submitDiv a { background: #00aeff; display: block; height: 40px; line-height: 40px; font-size: 16px; text-align: center; color: #fff; }

@media screen and (max-width: 1440px) { .wrapper-home .header { height: 120px; }
  .wrapper-home .banner { margin-top: 30px; }
  .wrapper-home .banner h3 { font-size: 24px; }
  .wrapper-home .banner p { margin-top: 20px; font-size: 48px; line-height: 80px; }
  .wrapper-home .product-list .item { height: 312px; background: url(../images/libg2.png) no-repeat; }
  .wrapper-home .product-list .item ul { height: 240px; }
  .wrapper-home .product-list .item ul li { background: url(../images/lilibg.png) no-repeat; background-size: 100%; width: 260px; height: 59px; margin: 12px auto; }
  .wrapper-home .product-list .item_1 ul { height: 200px; }
  .wrapper-home .footer { padding: 30px 40px 20px; }
  .wrapper-home .footer .inner { height: 56px; line-height: 56px; }
  .wrapper-home .footer .inner .con { height: 56px; line-height: 56px; } }
@media screen and (max-width: 1280px) { .wrapper-home .banner { margin-top: 20px; }
  .wrapper-home .banner p { margin-top: 20px; font-size: 36px; line-height: 60px; } }

/*# sourceMappingURL=sub.css.map */