@import url("/css/layui.css");

* {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-box-sizing: border-box;box-sizing: border-box;}
h2, h4, h3, h1, form, input, p, textarea,a {padding:0;margin:0;color:#222;font-size:12px;}

input::-webkit-input-placeholder{color:#888;font-size:12px;}
input::-moz-placeholder{color:#888;font-size:12px;}
input:-moz-placeholder{color:#888;font-size:12px;}
input:-ms-input-placeholder{color:#888;font-size:12px;}
textarea::-webkit-input-placeholder{color:#888;font-size:12px;}
textarea::-moz-placeholder{color:#888;font-size:12px;}
textarea:-moz-placeholder{color:#888;font-size:12px;}
textarea:-ms-input-placeholder{color:#888;font-size:12px;}


img {padding:0;margin:0;border:none;max-width:100%;}
body {padding:0;margin:0;font-size:12px;}
ul.nopm {list-style:none;padding:0px;margin:0px;}
ul.nopm li{padding:0;margin:0;}
a {text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;margin:0px;padding:0px;
}

.left {float:left;}
.right {float:right;}
.hide {display:none;}

.bodymain {margin:0px auto;padding:0 20px;min-width:1240px;max-width:1640px;width:100%;}
.toprap {background:#f0f0f0;height:50px;overflow:hidden;}
.toprap .weburl {float:left;line-height:50px;font-weight:bold;font-size:14px;color:#666;}
.toprap .rli {float:right;padding-left:30px;padding-top:13px;line-height:24px;}
.toprap .rli img {height:24px;}

.logorap {height:150px;overflow:hidden;}
.logorap .logo {float:left;padding-top:32px;}
.logorap .logo img {height:86px;}
.logorap ul.desc {float:right;}
.logorap ul.desc li {float:left;padding:25px 0 0 20px;text-align:center;}
.logorap ul.desc li img {height:70px;width:70px;}
.logorap ul.desc li span {display:block;color:#0f73bf;font-weight:bold;}

.menurap {background:#0f73bf;height:80px;}
.menurap ul.menuul {display: flex;justify-content: space-evenly;}
.menurap ul.menuul li.bli {position: relative;text-align:center;}
.menurap ul.menuul li.bli a.ba {display:block;line-height:80px;color:#fff;font-size: 16px;}
.menurap ul.menuul li.bli ul {display:none;}
.menurap ul.menuul li.bli:hover ul {display:block;position:absolute;top:79px;left:50%;width:150px;background:#fff;padding:20px 0;z-index: 99;transform: translateX(-50%);border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px;}
.menurap ul.menuul li.bli:hover ul li a {font-size: 15px;line-height: 35px;display: block;text-align: center;opacity: .6;transition: all ease .3s;}
.menurap ul.menuul li.bli:hover ul li a:hover {opacity:1}

.indextitle {overflow:hidden;height:40px;line-height:40px;border-bottom:1px solid #ddd;}
.indextitle span {display:block;float:left;background:rgba(15, 115, 191, 1);padding:0 40px;color:#fff;font-size: 16px;font-weight: bold;}
.indextitle a {display:block;float:right;color:#222;font-size: 14px;}
ul.indexnlist {padding:15px 0 0 0;}
ul.indexnlist li {overflow:hidden;height:41px;border-bottom:1px solid #eee;}
ul.indexnlist li span {float:right;padding-left:12px;line-height:40px;display:block;color:#888;}
ul.indexnlist li a {font-size: 14px;color:#075793;line-height:40px;display:block;font-size: 14px;}
ul.indexnlist li:hover {background:#f0f0f0;}

.fastgo {display: flex;justify-content: space-evenly;}
.fastgo li {height:66px;text-align:center;line-height:66px;width:100%;font-size: 16px;font-family: Microsoft YaHei;font-weight:bold;}
.fastgo li:nth-of-type(1) {background:#0f73bf;color:#fff;}
.fastgo li:nth-of-type(2) {background:#f1ffff;color:#6a3d4d;}
.fastgo li:nth-of-type(3) {background:#ebedf5;color:#6a3d4d;}
.fastgo li:nth-of-type(4) {background:#e6f7ff;color:#3a6069;}
.fastgo li:nth-of-type(5) {background:#e8f8e8;color:#276b27;}
.fastgo li:nth-of-type(6) {background:#faf7fd;color:#47136c;}
.fastgo li:nth-of-type(7) {background:#ebf4f9;color:#47136c;}
.fastgo li:nth-of-type(8) {background:#fafdec;color:#47136c;}

.indexrap {margin-top:20px;overflow:hidden;}
.indexrapceil {width:33.33%;float:left;}
.indexrap_o {padding:0 15px 0 0;}
.indexrap_t {padding:0 15px;}
.indexrap_f {padding:0 0 0 15px;}

.adrap {overflow:hidden;margin:20px auto;}
body ul.adlist li {float:left;width:16.66%;padding:5px;}
body ul.adlist li.li0 {padding-left:0px;}
body ul.adlist li.li5 {padding-right:0px;}
body ul.adlist li a {border:1px solid #eee;display:block;padding:1px;}

.indexbanertxt {font-size: 36px;color:#fff;background-color: rgba(15, 115, 191, 1);padding:20px 0;text-align:center;}
.ulistrap {padding:20px;border:1px solid #ddd;overflow:hidden;margin:20px 0;}

.ulistrap .left a {display:block;width:220px;text-align:center;}
.ulistrap .left a img {width:220px;height:250px;border:1px solid #ddd;}
.ulistrap .left a span {width:220px;display:inline-block;background:#0f73bf;color:#fff;font-size:16px;line-height:40px;}
.ulistrap .left a span code {font-size:12px;display:inline-block;padding-left:10px;}

.indextrap {overflow:hidden;}
.indextrap_left {float:left;width:66.66%;}
.indextrap_right {float:right;width:33.33%;}
.indextrap .indexrapceil {width:50%;float:left;}
.indextrap_left .indexrap_t {padding:0 25px 0 15px;}

.bottomrap {background:#0f73bf;padding:50px 0;color:#fff;}
.bottomrap .bodymain {overflow:hidden;}
.bottom_o_left {float:left;width:65%;overflow:hidden;}
.bottom_o_right {float:right;width:32%;}
.bottom_t {font-size:18px;font-weight:bold;height:40px;border-bottom:1px solid #3a8ccb;margin-bottom:15px;} 
.bottom_o_left .left li {line-height:32px;font-size:16px;}
.bottom_o_left .right li {padding-bottom:15px;}
.bottom_o_left .right li a {display:block;width:230px;height:40px;line-height:40px;border:1px solid #b6d7f0;text-align:center;color:#fff;font-size:14px;}
.bottom_o_left .right li a:hover {background:#409eff;}
.bottom_o_right .ecode {overflow:hidden;}
.bottom_o_right .ecode li {float:left;width:33.33%;padding:0 10px;text-align:center;line-height:24px;}
.bottom_o_right .ecode li img {width:100%;}

.bottomrap .link {margin-top:20px;border-top:1px solid #3a8ccb;padding-top:20px;line-height:22px;}
.bottomrap .link a {display:inline-block;color:#a5d0f1;margin-right:15px;}
.copyright {overflow:hidden;color:#a5d0f1;padding-top:20px;}
.copyright a {color:#a5d0f1;}

.pagebanner img {width:100%;}

.contentbody {overflow:hidden;position:relative;padding-left:350px;min-height:600px;}
.contentbody .lefts {position:absolute;left:0;top:50px;width:320px;}
.contentbody .lefts h3 {background:#0f73bf;font-size:18px;line-height:60px;padding-left:15px;color:#fff;}
.contentbody .lefts ul li {line-height:48px;padding-left:15px;background:#f2f2f2;border-bottom:1px solid #ddd;}
.contentbody .lefts ul li:hover {background:#c30d23;}
.contentbody .lefts ul li a {color:#222;font-size:14px;}
.contentbody .lefts ul li:hover a {color:#fff;}
.contentbody .rightc {padding:50px 0;}
.contentbody .rightc ul.gohead {overflow:hidden;padding-bottom:20px;}
.contentbody .rightc ul.gohead li {float:left;padding-right:10px;line-height:20px;}
.contentbody .rightc ul.gohead li img {float:left;}

h1.txttitle {border-top:1px solid #ddd;padding:20px 0;font-size:26px;}
.txtcontent {overflow:hidden;line-height:24px;color:#333;font-size:14px;}
.txtcontent img {max-width:100%;}

ul.newslit li {height:42px;line-height:42px;border-bottom:1px dashed #ddd;overflow:hidden;}
ul.newslit li span {float:right;color:#666;padding-left:10px;}
ul.newslit li a {font-size:14px;}

.page {text-align:center;margin:20px 0;}
.page a {display:inline-block;margin:0 5px;height:30px;width:30px;line-height:30px;border:1px solid #ddd;}
.page a.on {background:#333;color:#fff;border:1px solid #333;}

ul.vlist {overflow: hidden;}
ul.vlist li {float:left;width:33.33%;padding:10px;cursor:pointer;position:relative;}
ul.vlist li .name {line-height:30px;text-align:center;}
ul.vlist li .vbg {display:none;position:absolute;left:10px;top:10px;right:10px;bottom:40px;background:rgba(0,0,0,0.6);}
ul.vlist li .playIco {position: absolute;width: 74px;height: 78px;z-index: 2;left: 50%;top: 50%;cursor: pointer;transform: scale(0);pointer-events: none;margin: -39px auto auto -37px;transition: 0.3s;}
ul.vlist li:hover .vbg {display:block;}
ul.vlist li:hover .playIco {transform: scale(1);}

.videorap {position:fixed;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.7);display: flex;flex-direction: column;justify-content: center;transition: all ease .3s;pointer-events: auto;}
.video-container {width:640px;-webkit-font-smoothing: antialiased;align-items: center;direction: ltr;display: flex;flex-direction: column;font-family: inherit;font-family: var(--plyr-font-family, inherit);font-variant-numeric: tabular-nums;font-weight: 400;font-weight: var(--plyr-font-weight-regular, 400);line-height: 1.7;line-height: var(--plyr-line-height, 1.7);max-width: 100%;min-width: 200px;position: relative;text-shadow: none;transition: box-shadow .3s ease;z-index: 0;margin:0px auto;}

.closeVideo {max-width: 150px;background: #fff;margin: 30px auto 0;border-radius: 55px;padding: 10px 30px;width: 100%;text-align: center;font-size: 15px;cursor: pointer;transition: all ease .3s;}
.closeVideo:hover {background:#000;color:#fff;}

.videorap.hide {opacity: 0;pointer-events: none;}

.loginrap {background:rgba(235, 235, 235, 1);;padding:50px;}
.loginrapb {overflow:hidden;margin:0 20px;background:#fff;border-radius:50px;}
.loginleft {float:left;background-color: rgba(15, 115, 191, 1);border-radius:50px 0 0 50px;width:50%;text-align:center;padding:150px 0;}
.loginright {float:right;border-radius: 0 50px 50px 0;width:50%;}
.loginright .formcell {width:50%;margin:100px auto;}
.loginright .formcell .formcode {line-height:40px;font-size:16px;}


.formcell {width:400px;margin:0px auto;padding-bottom:50px;}
.formcode {color:#333;font-size:16px;}
.forminput {padding:10px 0;position:relative;}
.forminput input {height:54px;line-height:52px;border-radius:6px;padding:0 20px;width:100%;border: 1px solid #bbb;
    background-color:#eee;color:#111;font-size:16px;}
.forminput .rbtn {position:absolute;right:0px;line-height:54px;color:#111;font-size:14px;cursor:pointer; background-color: #bbb;padding:0 10px;border-radius:6px;}
.forminput.mobarea input {padding-left:80px;}
.forminput.mobarea select {position:absolute;left:10px;top:30px;height:32px;line-height:32px;border:1px;background:none;color:#000;}

.formcell .line {padding:0px 0;overflow:hidden;color:#fff;overflow:hidden;}
.formcell .line .l {float:left;cursor:pointer;}
.formcell .line .r {float:right;color:#bbb;cursor:pointer;}
.formcell .btn {cursor:pointer; height:52px;line-height:52px;text-align:center;margin:20px 0; position: relative;display: block;
    outline: none !important;
    font-weight: 500;
    font-size: 18px;
    color:#fff;
    border-radius: 25px;
    background-color: rgba(15, 115, 191, 1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;}
    


/* flexslider */
.flexsliderrap {overflow:hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.flexslider {position:relative;overflow:hidden;background:#f0f0f0;}
.flexslider ol,.flexslider ul {padding:0px;margin:0px;list-style:none;}
.flexslider ol li,.flexslider ul li {padding:0px;margin:0px;list-style:none;line-height:100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.flexslider .slides {position:relative;z-index:1;}
.flexslider .slides li {line-height:30px;width:100%;}

.flexslider .slides li .tablerap {width:100%;}
.flexslider .slides li .tablerap img {width:100%;}

.flexslider .flex-control-nav {position:absolute;bottom:30px;z-index:20;width:100%;text-align:center;}
.flexslider .flex-control-nav li {display:inline-block;width:13px;height:13px;margin:0 5px;line-height:13px;}
.flexslider .flex-control-nav a {display:inline-block;width:13px;height:13px;line-height:13px;overflow:hidden;background:#333;border-radius:13px;cursor:pointer;text-indent:-99px;}
.flexslider .flex-control-nav .flex-active {background:#bbb;}

.ulistrap .flexslider {background:#fff;}
.ulistrap .flexslider .slides li {line-height:15px;}
.ulistrap .flexslider .slides li .tablerap a {display:block;width:20%;padding:10px;float:left;text-align:center;}
.ulistrap .flexslider .slides li .tablerap a img {width:200px;height:250px;border:1px solid #ddd;}
.ulistrap .flexslider .slides li .tablerap a span {width:200px;display:inline-block;background:#0f73bf;color:#fff;font-size:16px;line-height:40px;}
.ulistrap .flexslider .flex-control-nav {display:none;}