@charset "utf-8";

/*
 * artDialog skin
 * http://code.google.con/p/artdialog/
 * (c) 2009-2011 TangBin, http://www.planeArt.cn
 *
 * This is licensed under the GNU LGPL, version 2.1 or later.
 * For details, see: http://creativeconmons.org/licenses/LGPL/2.1/
 */

/* conmon start */
body{margin:0;}
.main p.wow { font-size: 16px; color: #999999; margin-bottom: 120px; text-align: center;}
.clearfix:after{content: "";display: block;clear: both;}

/* 2021改版 */
.header_box{background:#1a62e1;position: relative;height: 470px;background-size: cover;width: 100%;margin: 0 auto;}
.header_box .header{box-sizing: border-box;top: 50%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px;}
.header_box .header .header_r { z-index: 0; right: -30px; top: 50%; transform: translateY(-50%);}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>p{font-size: 16px;color: #ffffff;line-height: 34px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 116px;display: inline-block; border: 1px #ffffff solid; text-align: center;font-size: 16px;color: #1a62e1; background: #ffffff; transition: all .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 400;}
.header_box .header>a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.header_box .header>a.btn2 { background: none; color: #ffffff;}
.header_box .header>span { display: inline-block; color: #ffffff; font-size: 18px;}

.prize{ padding: 55px 0 120px; background-image: linear-gradient(top,#ffffff,#f9faff); background-image: -webkit-linear-gradient(top,#ffffff,#f9faff);}
.prize>h1{text-align: center;font-weight: 500;font-size: 26px;color: #1f2b43;margin-bottom: 55px;}
.prize>div { width: 1080px;margin: 0 auto; height: 252px; background: url(../Image/nrglpt/2021-12/jz_bg.png) center center no-repeat;}
.prize>div ul { display: flex; justify-content: space-between; align-items: center;}
.prize>div ul li { flex: 0 0 50%; display: flex; justify-content: start; align-items: center;}
.prize>div ul:nth-child(1) { justify-content: center;}
.prize>div ul:nth-child(1) li { justify-content: center; flex: 0 0 33%;}
.prize>div ul:nth-child(2),.prize>div ul:nth-child(3) { justify-content: center;}
.prize>div ul:nth-child(2) li,.prize>div ul:nth-child(3) li { justify-content: flex-start;}
.prize>div ul:nth-child(2) li:last-child,.prize>div ul:nth-child(3) li:last-child { justify-content: flex-end;}
.prize>div ul:nth-child(4) li { flex: 0 0 33%; justify-content: center;}
.prize>div ul:nth-child(4) li:nth-child(2) { position: relative; top: 50px;}
.prize>div ul li span{ color: #1f2b43; font-size: 16px; margin-left: 10px; line-height: 70px;}

.design{width: 100%; padding: 50px 0 0; background-image: linear-gradient(top,#ffffff,#ebf0f9); background-image: -webkit-linear-gradient(top,#ffffff,#ebf0f9);}
.design>h1{text-align: center;font-weight: 500;font-size: 26px;color: #1f2b43;margin-bottom: 35px;}
.design .design_list{width:1080px; height: 540px; margin: 0 auto; position: relative; bottom: -60px; background: url(../Image/nrglpt/2021-12/sj_bg.png) center bottom no-repeat;}
.design .design_list>div{width: 228px; height: 108px; position: absolute;}
.design .design_list>div:nth-child(1) { top: 88px; left: -10px; background: url(../Image/nrglpt/2021-12/sj_tagbg_01.png) center center no-repeat;}
.design .design_list>div:nth-child(2) { top: -35px; left: 170px; background: url(../Image/nrglpt/2021-12/sj_tagbg_02.png) center center no-repeat;}
.design .design_list>div:nth-child(3) { top: -73px; left: 420px; background: url(../Image/nrglpt/2021-12/sj_tagbg_03.png) center center no-repeat;}
.design .design_list>div:nth-child(4) { top: -35px; right: 180px; background: url(../Image/nrglpt/2021-12/sj_tagbg_04.png) center center no-repeat;}
.design .design_list>div:nth-child(5) { top: 85px; right: 0px; background: url(../Image/nrglpt/2021-12/sj_tagbg_05.png) center center no-repeat;}
.design .design_list>div>img{ float: left; margin-right: 30px; box-shadow: 0 0 18px rgba(119, 119, 119, 0.08); border-radius: 50%;}
.design .design_list>div>p{ float: left;text-align: left;font-size: 15px;line-height: 24px;color: #333333; margin: 27px 0 0 72px;}

.demo{width: 100%;box-sizing: border-box;padding: 80px 0 40px;}
.demo>h1{text-align: center;font-weight: 100;font-size: 30px;color: #1f2b43;margin-bottom: 30px;}
.demo .demo_main{width: 1080px; margin: 0 auto;}
.demo .demo_main li { width: 252px; float: left; margin-right: 24px; box-shadow: 0 18px 16px rgba(140, 154, 168, .1);}
.demo .demo_main li:last-child { margin-right: 0;}
.demo .demo_main li .demo_img { width: 100%; height: 150px; overflow: hidden;}
.demo .demo_main li .demo_img img { display: block; transition: all .3s;}
.demo .demo_main li:hover .demo_img img { transform: scale(1.05);}
.demo .demo_main li .demo_txt { height: 190px; padding: 26px 18px 26px 24px; box-sizing: border-box; background-image: linear-gradient(bottom,#ffffff,#f5f7fc); background-image: -webkit-linear-gradient(bottom,#ffffff,#f5f7fc);}
.demo .demo_main li .demo_txt p{font-size: 17px;color: #1f2b43; margin-bottom: 10px;}
.demo .demo_main li .demo_txt span{font-size: 14px;color: #8b97b1; line-height: 28px; display: block;}
.demo .demo_main li .demo_txt span i{display: inline-block;width: 3px;height: 3px;background-color: #8b97b1; border-radius: 50%;margin-right: 10px; vertical-align: middle;}

.contain{width: 1080px; margin: 110px auto 50px;}
.contain>h1{text-align: center;font-size: 26px;color: #1f2b43;font-weight:500;line-height: 1;margin-bottom: 65px;}
.contain .contain_box .con_l{float: left;width: 390px; border: 1px #ffffff solid; box-sizing: border-box;}
.contain .contain_box .con_l li{width: 100%;height: 80px;padding: 20px 0 0 36px;box-sizing: border-box;cursor: pointer; background: #ffffff; position: relative; z-index: 0;}
.contain .contain_box .con_l li img{display: inline-block;margin-right: 30px; vertical-align: middle;}
.contain .contain_box .con_l .active{ z-index: 1; background-image: linear-gradient(top,#ecf0f8,#ffffff); background-image: -webkit-linear-gradient(top,#ecf0f8,#ffffff); box-shadow: 0 0 38px rgba(140, 154, 168, .15);}
.contain .contain_box .con_l .active span{color: #1f2b43;}
.contain .contain_box .con_l li span{color: #8b97b1;font-size: 16px; vertical-align: middle;}
.contain .contain_box .con_r{ float: right; min-height: 446px; margin-top:-30px;}
.contain .contain_box .con_r img { display: none;}
.contain .contain_box .con_r img.active {display: block;}

.popServer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 1002;}
.popServer .inner { width: 440px; height: 260px; position: fixed; top: 50%; left: 50%; margin: -160px 0 0 -220px; background: url(../Image/popServer/popup_bg.png) center center no-repeat;background-size: cover;}
.popServer .inner .qrcode { float: left; margin: 97px 0 0 56px; width: 134px;}
.popServer .inner .right { float: left;}
.popServer .inner .right .txt-1 { margin: 65px 0 0 45px;}
.popServer .inner .right .txt-1 h3 { font-size: 23px; color: #04709d; line-height: 1.4em;}
.popServer .inner .right .txt-1 p { font-size: 13px; color: #04709d; line-height: 1.4em; font-weight: 300;}
.popServer .inner .right .txt-2 { margin: 20px 0 0 25px;}
.popServer .inner .right .txt-2 h3 { font-size: 43px; color: #f9feff; line-height: 1.4em; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .right .txt-2 p { font-size: 14px; color: #f9feff; line-height: 1.4em; font-weight: 300; text-shadow: 1px 0 5px rgba(34, 203, 239, 0.43);}
.popServer .inner .close { width: 31px; height: 31px; cursor: pointer; position: absolute; top: 10px; right: 10px; background: url(../Image/popServer/icon_close.png) center center no-repeat;background-size: cover;}

.foot_ban{width: 100%;height: 232px;background: url(../Image/kqyx/2021/footer_bg.jpg) center center no-repeat;background-size: cover;}
.foot_ban h1{font-size: 30px;color: #FFFFFF;padding-top: 68px;line-height: 1;text-align: center;font-weight: 100;margin-bottom: 48px;}
.foot_ban a{width: 160px;font-size: 16px;color: #1cb0ea;line-height: 42px;display: block;margin: auto;text-align: center;border-radius: 5px;text-decoration: none;height: 42px; background-image: linear-gradient(#ffffff, #dcfcff); transition: all .3s; box-shadow: 0 0 10px rgba(23, 194, 217, 1); font-weight: bold;}
.foot_ban a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}

/* 2022-6 */
.ywxt{width:100%;height:774px;background: #fff;}
.ywxt h2{font-size: 26px;font-weight: 500;color:#1f2b43;text-align: center;line-height: 1;padding-top:96px;padding-bottom: 45px;}
.ywxt .center{width:1080px;margin:0 auto;text-align: center;}

.sycj{width:100%;height:722px;background: #f4f9ff;}
.sycj h2{font-size: 26px;font-weight: 500;color:#1f2b43;text-align: center;line-height: 1;padding-top:70px;padding-bottom: 28px;}
.sycj .center{width:1080px;margin:0 auto;text-align: center;}