@charset "UTF-8";


header .content:before, header .menu:before, .section11 .list:before, .section12 .list:before, .section13 .list:before, .section14 .list:before, .section16 .list .item:before, .section17 .list:before, header .content:after, header .menu:after, .section11 .list:after, .section12 .list:after, .section13 .list:after, .section14 .list:after, .section16 .list .item:after, .section17 .list:after, .cf:before, .cf:after { content: ""; display: table; }

header .content:after, header .menu:after, .section11 .list:after, .section12 .list:after, .section13 .list:after, .section14 .list:after, .section16 .list .item:after, .section17 .list:after, .cf:after { clear: both; }

.g-notice .marquee p { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

input[type=text], input[type=password], select, button, textarea { border: #000 1px solid; outline: none; }

input:hover[type=text], input:hover[type=password], select:hover, button:hover, textarea:hover, input:focus[type=text], input:focus[type=password], select:focus, button:focus, textarea:focus { border-color: #FF4242; }

.left, .right { float: left; }

.show { display: block !important; }

.hide { display: none !important; }

.content { width: 1150px; margin-left: auto; margin-right: auto; }

.bg { background-color: #FAFAFA; }

.fill { -o-object-fit: fill; object-fit: fill; height: 100%; }

.contain { -o-object-fit: contain; object-fit: contain; height: 100%; }

.cover { -o-object-fit: cover; object-fit: cover; height: 100%; }

.none { -o-object-fit: none; object-fit: none; height: 100%; }

.scale-down { -o-object-fit: scale-down; object-fit: scale-down; height: 100%; }

input[type=text], input[type=password], select, button { width: 100%; border: #eee 1px solid; height: 30px; border-radius: 5px; padding: 0 5px; }

input[type=text]:focus, input[type=password]:focus, select:focus, button:focus { border-color: #FF4242; }

input[type=submit] { width: 100%; outline: none; }

input[type=submit]:hover { opacity: .8; }

button { width: auto; }

textarea { height: auto; min-height: 120px; border: #eee 1px solid; border-radius: 5px; padding: 5px; }

input[type=file] { cursor: pointer; }

.btn { height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; border: #FF4242 1px solid; text-align: center; background-color: #FF4242; color: #fff; }

.btn:hover { opacity: .8; color: #fff; }

.btn.btn-blue { background-color: #00aaee; border-color: #00aaee; }

.btn.btn-gray { background-color: #b9bcc7; border-color: #b9bcc7; }

.btn.btn-red { background-color: #FF4242; border-color: #FF4242; }

.btn.btn-orange { background-color: #ff7802; border-color: #ff7802; }

.btn.btn-white { background-color: #fff; border-color: #eee; color: #000; }

.g-prvNxt { padding: 20px 0; text-align: center; }

.g-prvNxt a { width: 30px; height: 30px; display: inline-block; border: #eee 1px solid; line-height: 28px; margin: 0 3px; text-align: center; color: #8f8e8e; }

.g-prvNxt a:hover, .g-prvNxt a.on { background-color: #FF4242; border-color: #FF4242; color: #fff; }

.g-prvNxt .prev, .g-prvNxt .next { background: url(../images/l2.png) center center no-repeat; background-size: 6px auto; }

.g-prvNxt .prev:hover, .g-prvNxt .next:hover { background-color: #FF4242; color: #FF4242; }

.g-prvNxt .prev:hover { background-image: url(../images/l.png); }

.g-prvNxt .next { background-image: url(../images/r2.png); }

.g-prvNxt .next:hover { background-image: url(../images/r.png); }

.g-notice { position: relative; padding: 10px 120px 10px 120px; }

.g-notice .tt { position: absolute; left: 0; top: 50%; line-height: 20px; margin-top: -10px; }

.g-notice .marquee { padding: 0 10px; height: 20px; }

.g-notice .marquee p { line-height: 30px; }

.g-notice .more { position: absolute; right: 0; top: 50%; margin-top: -10px; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.banner-ad { width: 100%; }

.banner-ad a { display: block; width: 100%; height: 100%; background: url("../images/banner11.jpg") center center no-repeat; }

.banner-ad.h570 { height: 570px; }

.banner-ad.h670 { height: 670px; }

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

.banner .hd { z-index: 1; overflow: hidden; opacity: 0; position: absolute; bottom: 5px; height: 25px; width: 100%; text-align: center; }

.banner .hd ul { overflow: hidden; zoom: 1; width: 100%; text-align: center; height: 25px; }

.banner .hd li { text-align: center; background: #fff; cursor: pointer; margin-right: 8px; width: 8px; height: 8px; border-radius: 8px; display: inline-block; }

.banner .hd li.on { background: #FF4242; }

.banner .bd { position: relative; height: 100%; z-index: 0; }

.banner .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 500px; position: relative; background: url("../images/banner11.png") center top no-repeat; background-size: cover; }

.banner .bd img { width: 100%; height: 500px; display: block; }

.banner .bd a { display: block; width: 100%; height: 100%; }

.banner .b-box { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }

.banner .title { font-size: 52px; margin-bottom: 30px; }

.banner .con { font-size: 24px; margin-bottom: 50px; }

.banner .operate .btns { font-size: 16px; width: 220px; height: 50px; line-height: 48px; border: #fff 1px solid; border-radius: 50px; color: #fff; display: block; margin: 0 auto; }

.banner .operate .btns:hover { background-color: #fff; color: #6362F1; }

.banner15-1 { height: 700px; overflow: hidden; width: 100%; position: relative; }

.banner15-1 .bd { position: relative; height: 100%; z-index: 0; }

.banner15-1 .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 700px; position: relative; background: url("../images/bg1.png") center top no-repeat; background-size: cover; }

.banner15-1 .bd a { display: block; width: 100%; height: 100%; }

.banner15-1 .content { padding: 300px 0 80px 0; }

.banner15-1 .title { font-size: 16px; margin-bottom: 10px; }

.banner15-1 .line { background-color: #6362f1; width: 40px; height: 8px; margin-bottom: 30px; }

.banner15-1 .con { font-size: 12px; line-height: 18px; text-align: justify; width: 510px; height: 90px; margin-bottom: 20px; }

.banner15-1 .code { width: 112px; height: 112px; background: url("../images/code-bg.png") center center no-repeat; background-size: 100px 100px; padding: 10px; }

.banner15-1 .code img { display: block; width: 100%; height: 100%; }

.banner15-1 .prev, .banner15-1 .next { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; background: #000 url("../images/l.png") center center no-repeat; cursor: pointer; opacity: .8; }

.banner15-1 .prev:hover, .banner15-1 .next:hover { opacity: 1; }

.banner15-1 .prev { left: 50%; margin-left: -600px; }

.banner15-1 .next { background-image: url(../images/r.png); right: 50%; margin-right: -600px; }

.banner15-2 { width: 287px; height: 538px; position: absolute; left: 50%; top: 50%; margin-left: 300px; margin-top: -269px; background: url("../images/phone.png") center center no-repeat; background-size: 100% 100%; padding-top: 51px; }

.banner15-2 .bd { position: relative; height: 100%; z-index: 0; background-color: #fff; width: 217px; height: 447px; margin-left: 32px; border-radius: 0 0 20px 20px; overflow: hidden; }

.banner15-2 .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 447px; position: relative; background: url("../images/bg1.png") center top no-repeat; background-size: 100% 100%; border-radius: 0 0 20px 20px; }

.banner15-2 .bd a { display: block; width: 100%; height: 100%; }

.banner15-3 { height: 700px; overflow: hidden; width: 100%; position: relative; }

.banner15-3 .bd { position: relative; height: 100%; z-index: 0; }

.banner15-3 .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 700px; position: relative; background: url("../images/bg1.png") center top no-repeat; background-size: cover; }

.banner15-3 .bd a { display: block; width: 100%; height: 100%; }

.banner15-3 .content { padding: 300px 0 80px 0; }

.banner15-3 .title { font-size: 16px; margin-bottom: 10px; color:#000;}

.banner15-3 .line { background-color: #6362f1; width: 40px; height: 8px; margin-bottom: 30px; }

.banner15-3 .con { font-size: 14px; line-height: 18px; text-align: justify; width: 510px; height: 90px; margin-bottom: 20px; }

.banner15-3 .code { width: 112px; height: 112px; background: url("../images/code-bg.png") center center no-repeat; background-size: 100px 100px; padding: 10px; }

.banner15-3 .code img { display: block; width: 100%; height: 100%; }

.banner15-3 .prev, .banner15-3 .next { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; z-index: 99; border-radius: 100%; background: #00000042 url("../images/l.png") center center no-repeat; cursor: pointer; background-size: 12px; opacity: .8; }

.banner15-3 .prev:hover, .banner15-3 .next:hover { opacity: 1; }

.banner15-3 .prev { left: 50%; margin-left: -640px; }

.banner15-3 .next { background-image: url(../images/r.png); right: 50%; margin-right: -640px; }

.banner15-3 .hd { width: 287px; height: 538px; position: absolute; left: 50%; top: 50%; margin-left: 300px; margin-top: -269px; background: url("../images/phone.png") center center no-repeat; background-size: 100% 100%; padding-top: 51px; }

.banner15-3 .hd ul { position: relative; height: 100%; z-index: 0; background-color: #fff; width: 217px; height: 447px; margin-left: 32px; border-radius: 0 0 20px 20px; overflow: hidden; }

.banner15-3 .hd ul li { zoom: 1; vertical-align: middle; width: 100%; height: 447px; position: absolute; top: 0; background: url("../images/bg1.png") center top no-repeat; background-size: 100% 100%; border-radius: 0 0 20px 20px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; }

.banner15-3 .hd ul li.on { opacity: 1; }

.banner15-3 .hd ul a { display: block; width: 100%; height: 100%; }

.slideTxtBox { width: 450px; border: 1px solid #ddd; text-align: left; }

.slideTxtBox .hd { height: 30px; line-height: 30px; background: #f4f4f4; padding: 0 10px 0 20px; border-bottom: 1px solid #ddd; position: relative; }

.slideTxtBox .hd ul { float: left; position: absolute; left: 20px; top: -1px; height: 32px; }

.slideTxtBox .hd li { float: left; cursor: pointer; }

.slideTxtBox .bd ul { zoom: 1; }

.picScrollLeft { width: 100%; overflow: hidden; position: relative; height: 120px; padding: 0 50px; }

.picScrollLeft .bd { padding: 10px; }

.picScrollLeft .bd ul { overflow: hidden; zoom: 1; text-align: center; }

.picScrollLeft .bd li { margin: 0 20px; overflow: hidden; text-align: center; width: 80px; font-size: 14px; line-height: 24px; height: 120px; -webkit-box-sizing: content-box; box-sizing: content-box; display: inline-block; position: relative; }

.picScrollLeft .prev, .picScrollLeft .next { width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; background: url("../images/l2.png") center center no-repeat; cursor: pointer; opacity: .8; }

.picScrollLeft .prev:hover, .picScrollLeft .next:hover { opacity: 1; }

.picScrollLeft .prev { left: 0; }

.picScrollLeft .next { background-image: url(../images/r2.png); right: 0px; }

header { height: 100px; background-color: #fff; }

header h1 { float: left; padding-top: 18px; }

header h1 img { display: block; }

header .menu { float: right; padding: 20px 0; }

header .menu li { font-size: 16px; line-height: 60px; float: left; margin-left: 3em; }

header .menu li:hover, header .menu li.on { color: #FF4242; }

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

.alert .box { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; -webkit-box-shadow: 3px 8px 15px 0 #666; box-shadow: 3px 8px 15px 0 #666; z-index: 9; }

.alert .title { width: 100%; border-bottom: #eee 1px solid; line-height: 50px; font-size: 14px; padding: 0 20px; }

.alert .btn-close { width: 50px; height: 50px; background: url("../images/close.png") center center no-repeat; position: absolute; right: 10px; top: 10px; }

.alert .btn-close:hover { opacity: .8; }

.alert .over-close { width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }

/* ----------------------------------------------------------------------main-------------------------------------------------------------------- */
.section11, .section12, .section13, .section14, .section15, .section16, .section17, .section18 { padding-top: 80px; padding-bottom: 80px; }

.g-title { text-align: center; margin-bottom: 50px; }

.g-title h2 { font-size: 36px; margin-bottom: 20px; font-weight: bold; color:#000;}

.g-title .summery { font-size: 16px; color: #8f8e8e; }

.section11 .operate { margin-top: 35px; }

.section11 .operate .btns { font-size: 16px; width: 207px; height: 50px; line-height: 48px; border: #FF4242 1px solid; border-radius: 50px; color: #FF4242; display: block; margin: 0 auto; text-align: center; }

.section11 .operate .btns:hover { background-color: #FF4242; color: #fff; }

.section11 .list { margin-bottom: 80px; }

.section11 .list .item { width: 374px; height: 220px; overflow: hidden; position: relative; float: left; margin-right: 14px; margin-bottom: 14px; }

.section11 .list .item:nth-child(3n) { float: right; margin-right: 0; }

.section11 .list .item img { display: block; }

.section11 .list .item:hover .con { opacity: 0; }

.section11 .list .item:hover .over-box { top: 0; }

.section11 .list .con { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; text-align: center; }

.section11 .list .con h3 { font-size: 26px; margin-bottom: 20px; }

.section11 .list .con p { font-size: 12px; }

.section11 .list .over-box { background-color: rgba(103, 99, 241, 0.9); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; color: #fff; position: absolute; left: 0; top: 100%; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 38px 50px 10px; text-align: center; }

.section11 .list .over-box .title { font-size: 26px; }

.section11 .list .over-box .line { width: 40px; height: 3px; background-color: #fff; margin: 15px auto 30px; }

.section11 .list .over-box .intro { font-size: 14px; line-height: 26px; text-align: center; }

.section12 { background-color: #fbfbfb; }

.section12 .g-title { margin-bottom: 10px; }

.section12 .list .item { width: 320px; float: left; position: relative; min-height: 140px; margin-top: 65px; margin-right: 95px; padding-left: 77px; }

.section12 .list .item:nth-child(3n) { float: right; margin-right: 0; }

.section12 .list img { position: absolute; left: 0; top: 0; width: 55px; height: 55px; display: block; }

.section12 .list h3 { line-height: 30px; font-size: 18px; font-weight: bold; margin-bottom: 10px; color:#000;}

.section12 .list .con { font-size: 16px; line-height: 26px; color: #8f8e8e; }

.section13 .list .item { width: 265px; height: 432px; -webkit-box-shadow: 0 0 10px 0 #eee; box-shadow: 0 0 10px 0 #eee; float: left; margin-right: 30px; padding: 60px 30px 30px; position: relative; top: 0; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

.section13 .list .item:hover { -webkit-box-shadow: 0 0 10px 5px #eee; box-shadow: 0 0 10px 5px #eee; top: -5px; }

.section13 .list .item:nth-child(4) { margin-right: 0; float: right; }

.section13 .list img { width: 80px; height: 80px; display: block; margin: 0 auto; }

.section13 .list .title { padding: 25px 0; text-align: center; font-size: 18px; font-weight: bold; line-height: 25px; color:#000;}

.section13 .list .title.line-one { line-height: 50px; }

.section13 .list .line { width: 40px; height: 2px; background-color: #E4E4E4; margin: 0 auto; }

.section13 .list .con { text-align: center; margin-top: 45px; font-size: 16px; line-height: 26px; color: #8f8e8e; }

.section14 { background-color: #fbfbfb; }

.section14 .g-title { margin-bottom: 20px; }

.section14 .list .item { width: 355px; height: 170px; border-radius: 10px; padding: 30px 40px; text-align: center; background-color: #fff; float: left; margin-right: 40px; margin-top: 40px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.2s linear; }

.section14 .list .item:nth-child(3n) { float: right; margin-right: 0; }

.section14 .list .item:hover { background-color: #6362F1; color: #fff; }

.section14 .list .item:hover .con { color: #fff; }

.section14 .list h3 { font-size: 18px; font-weight:bold; margin-bottom: 20px; -webkit-transition: none; -o-transition: none; transition: none; color:#000;}

.section14 .list .con { font-size: 16px; line-height: 26px; color: #8f8e8e; }

.section15 { padding-top: 0; padding-bottom: 0; height: 700px; position: relative; }

.section15 .title-box { position: absolute; width: 1150px; left: 50%; margin-left: -575px; top: 80px; z-index: 99; }

.section15 .title-box .g-title { text-align: left; margin-bottom: 40px; }

.section15 .title-box .operate { margin-bottom: 40px; }

.section15 .title-box .operate .btns { font-size: 16px; width: 154px; height: 50px; line-height: 48px; border: #fff 0px solid; border-radius: 50px; color: #fff; display: block; background-color: #6362f1; text-align: center; }

.section15 .title-box .operate .btns:hover { opacity: .8; }

.section16 { background-color: #7165f1; color: #fff; }

.section16 .list .item { width: 100%; height: 80px; padding: 5px 10px; margin-bottom: 30px; background-color: rgba(255, 255, 255, 0.1); font-size: 18px; border-radius: 7px; }

.section16 .list .item.title { background: none; font-size: 22px; margin-bottom: 0; }

.section16 .list .item.title .left, .section16 .list .item.title .right, .section16 .list .item.title .center { font-size: 22px; color: #d3d0fb; line-height: 70px; font-weight: bold; }

.section16 .list .left { float: left; text-align: right; width: 420px; line-height: 70px; }

.section16 .list .center { text-align: center; float: left; width: 260px; margin-left: 20px; font-size: 14px; padding-top: 3px; }

.section16 .list .center img { width: 45px; height: 45px; display: block; margin: 0 auto 3px; }

.section16 .list .right { float: right; text-align: left; width: 420px; line-height: 70px; }

.section17 .list > div { width: 560px; float: left; }

.section17 .list > div:nth-child(2) { float: right; }

.section17 .list .item { width: 560px; border-radius: 7px; border: #e4e4e4 1px solid; margin-bottom: 40px; position: relative; background-color: #fff; }

.section17 .list .item.on .title { background-image: url(../images/down.png); }

.section17 .list .title { background: url("../images/right.png") 96% center no-repeat; font-size: 18px; color: #8f8e8e; position: relative; padding: 25px 60px 25px 85px; line-height: 30px; }

.section17 .list .icon { width: 40px; position: absolute; left: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.section17 .list .con { display: none; border-top: #eee 1px solid; width: 100%; position: relative; z-index: 99; padding: 25px 25px 25px 85px; font-size: 16px; line-height: 26px; color: #8f8e8e; }

.section17 .list .con img { width: 32px; height: 32px; position: absolute; left: 29px; top: 25px; }

.section18 { background-color: #6e65f1; color: #fff; }

.section18 .title { font-size: 30px; text-align: center; }

.section18 .operate { margin-top: 35px; }

.section18 .operate .btns { font-size: 16px; width: 195px; height: 45px; line-height: 43px; border: #fff 1px solid; border-radius: 45px; color: #fff; display: block; margin: 0 auto; text-align: center; }

.section18 .operate .btns:hover { background-color: #fff; color: #6362F1; }