/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:''; color:#333; background:#fafafa;}
a{ color:#333;}
a:hover{ color:#00b388; text-decoration:none;}
/*:hover{ transition:all .3s ease;}*/
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:1200px; margin:0 auto;}
input,textarea,select{outline:none}
img{
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
/*common end*/


.head{ width:100%; background:#fff; position:relative; z-index:55;}
.head1bg{ background:#f5f5f5;}
.head1{ height:30px; line-height:30px; position:relative;}
.head1 .rt{ float:right;}
.head1 .rt ul li{ float:left; margin-left:20px;}
.head1 .rt ul li>a{ font-size:13px; padding-right:10px; background:url(../images/top_button_blackarrow.png) right center no-repeat; background-size:5px 4px;}
.head1 .rt ul li:hover>a{ color:#00b388; background:url(../images/top_button_greenarrow.png) right center no-repeat; background-size:5px 4px;}
.head1 .rt ul li .box{ padding:10px; background:#fff; box-shadow: 2px 2px 5px rgb(0,0,0,.2); border-radius: 0 0 20px 20px; position:absolute; top:100%; right:0; z-index:2; display:none;}
.head1 .rt ul li:hover .box{ display:block;}
.head1 .rt ul li .box1{ border:1px solid #F4F7FA; border-top:none; width:460px; padding:10px 40px;}
.head1 .rt ul li .box1 dl dd{ float:left; width:150px; margin:0 5px 10px 0; font-size:14px; line-height:20px;}
.head1 .rt ul li .box1 dl dd:nth-child(3n){ margin-right:0;}
.head1 .rt ul li .box1 dl dd a{ color:#666;}
.head1 .rt ul li .box1 dl dd a:hover{ color:#FF8710;}
.head1 .rt ul li .box2{}
.head1 .rt ul li .box2 dl dd{ float:left; margin:0 10px;}
.head1 .rt ul li .box2 dl dd .ewm{}
.head1 .rt ul li .box2 dl dd .ewm img{ display:block; height:130px;}
.head2bg{}
.head2{ height:110px; padding:30px 0 0 0;}
.head2 .logo{ float:left; width:380px; height:110px; line-height:110px; margin:0 20px 0 0;}
.head2 .logo img{ display:inline-block; vertical-align:middle;/* height:110px;*/ width:380px;}
.head2 .logo_txt{ float:left; font-size:16px; line-height:16px; height:16px; padding-right:20px; border-right:1px solid #333; margin:80px 20px 0 0; }
.head2 .logo_txt span{ display:block; padding-right:14px; background:url(../images/course_icon_arrow.png) right center no-repeat; background-size:9px 5px; cursor:pointer;}
.head2 .rt{ float:left;}
.head2 .rt .box1{ height:32px; border:1px solid #f7e2b9; border-radius:40px; overflow:hidden;}
.head2 .rt .box1 .text1{ float:left; border:none; background:none; width:278px; height:32px; line-height:32px; padding:0 10px;}
.head2 .rt .box1 .button1{ float:right; width:100px; height:32px; line-height:32px; background:#f7e2b9; color:#000; font-size:15px; text-align:center;}
.head2 .rt .box2{ font-size:12px; line-height:16px; margin:10px 0 0 0;}
.head2 .rt .box2 a{ display:inline-block; margin:0 10px 0 0;}
.head2 .rt .box2 a:hover{}
.head3bg{}
.head3{ height:46px;}
/*menu*/
.menu{height:46px;line-height:46px;/* text-align:center; float:right; width:calc(100% - 370px);*/ margin-top:4px;}
.menu ul li{/* display:inline-block;*/ float:left; position:relative;margin-top:28px; }
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:24px; }
.menu ul li dl dd a{ font-size:14px; color:#666; font-weight:normal; padding:10px 10px; }
.menu ul li dl dd a:hover{ color:#00b388;}
.menu a{ font-size:16px;color:#333; text-decoration:none; font-weight:normal;display:block;text-align:center; padding:0 40px; position:relative;}
    .menu a:hover {
        color: #f7e2b9;
    }
a.menu_hover{ color:#00b388;}
.menu ul li:hover span a::after {
    content: "";
    width: 20px;
    height: 2px;
    background: #f7e2b9;
    border-radius: 2px 2px 0 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.head2 .rt2{ float:right;}
.head .lxwm{ float:right; margin-top:74px; position:relative;}
.head .lxwm span{ display:block; height:26px; line-height:26px;}
.head .lxwm span a{ display:inline-block; color:#333; padding:0; font-size:16px;}
.head .lxwm span img{ display:inline-block; vertical-align:text-bottom; margin-right:5px; height:20px;}
.head .lxwm .box{ padding-right:10px; position:absolute; top:50%; right:100%; transform:translateY(-50%); display:none; z-index:2;}
.head .lxwm:hover .box{ display:block;}
.head .lxwm .box dl{ width:200px; padding:10px 10px; border-radius:5px; background:#fff; box-shadow:2px 2px 5px rgba(0,0,0,0.2); display:block; position:static;}
.head .lxwm .box dl dd{ text-align:left; font-size:14px; line-height:24px;}



.swiper-container1 { width: 100%; }
.swiper-container1 .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container1 .swiper-slide img{ display:block; width:100%;}
.swiper-container1 .swiper-pagination1{}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet{ border-radius:8px; margin:0 10px; width:8px; height:8px; background:#fff; opacity:.5;}
.swiper-container1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:20px; background:#fff; opacity:1;}
.swiper-container1 .swiper-button-prev1,.swiper-container1 .swiper-button-next1{ display:none;}
.swiper-container1 .swiper-button-prev1{}
.swiper-container1 .swiper-button-next1{}


.index_navbg{ width:100%; background:#fff; position:relative; z-index:66; top:0; left:0;}
.index_nav{ height:80px; line-height:80px;}
.index_nav ul li{ float:left;/* width:130px;*/ margin-right:30px; text-align:center;}
.index_nav ul li a{ display:block; font-size:18px; color:#333;}
.index_nav ul li a:hover{ font-size:17px; font-weight:bold; background:url(../images/sub_arrow.png) bottom 16px center no-repeat; background-size:20px auto;}
.index_nav ul .active a { font-size:20px; font-weight:bold; background:url(../images/sub_arrow.png) bottom 16px center no-repeat; background-size:20px auto;}
.index_nav ul li a.active { font-size:20px; font-weight:bold; background:url(../images/sub_arrow.png) bottom 16px center no-repeat; background-size:20px auto;}
.index_navbg.navFix{ position:fixed;}
.i_page{ }


.tit1{ padding-bottom:9px; border-bottom:1px solid rgba(51, 51, 51, .2);}
.tit1 .h2{ position:relative; font-size:14px; line-height:30px; padding:0 0 0 8px;}
.tit1 .h2 img{ height:32px; position:absolute; left:0; top:-6px;}
.tit1 .h2 strong{ font-size:20px; margin-right:10px;}
.tit1 .h2 strong a{ color:#333;}
.tit1 .h2 span{ color:#666; /*display:block;*/}

.i_height1{}
.i_height1.active{ height:80px; padding-top:80px; margin-top:-80px;}
.i_page{ padding-top:80px; margin-top:-80px;}
.con01bg {
    padding: 25px 0 25px 0;
    background: #f3f3f3;
}
#i_page1{ }

.con01{}
.con01 .tit1{ margin-bottom:24px;}
.con01 .list{}
.con01_lt{ float:left; width:208px; margin-right:24px;}
.con01_lt img{ display:block; width:208px; height:340px;object-fit: cover; border-radius: 20px;}
.con01_ct{ float:left; width:650px; margin-right:24px;}
.con01_ct ul li{ float:left; width:315px; margin:20px 20px 0 0;}
.con01_ct ul li:nth-child(2n){ margin-right:0;}
.con01_ct ul li:nth-child(1),.con01_ct ul li:nth-child(2){ margin-top:0;}
.con01_ct ul li .txt1{ height:132px; border-radius: 20px; position:relative;
background: linear-gradient(135deg, rgb(255, 251, 245) 0%, rgb(255, 246, 232) 100%);}
.con01_ct ul li.bg1 .txt1{ background: linear-gradient(135deg, rgb(255, 251, 245) 0%, rgb(255, 246, 232) 100%);}
.con01_ct ul li.bg2 .txt1{ background: linear-gradient(135deg, rgb(255, 249, 245) 0%, rgb(255, 240, 232) 100%);}
.con01_ct ul li .txt1 .nr_box{ padding:18px 20px 0 20px;}
.con01_ct ul li .txt1 .h2{ font-size:16px; line-height:24px; color:#333; font-weight:bold;}
    .con01_ct ul li .txt1 .h3 {
        width: 240px;
        color: brown;
        line-height: 20px;
        font-size: 13px;
        line-height: 18px;
        margin-top: 6px;
    }
.con01_ct ul li .txt1 img{ height:72px; position:absolute; bottom:0; right:0;}
.con01_ct ul li .txt1 .course_label{ width:72px; height:25px; line-height:25px; text-align:center; background:#f7e2b9; color:#fff;border-radius: 0px 10px 0px 10px; position:absolute; top:0; right:0;}
.con01_ct ul li .txt2{}
.con01_ct ul li .txt2 .h2{ height:20px; line-height:20px; font-size:14px; margin-top:8px;}
.con01_ct ul li .txt2 .h2 strong{  color:#333;font-weight:normal; float:left; width:70%; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.con01_ct ul li:hover .txt2 .h2 strong{ color:#FF870F;}
.con01_ct ul li .txt2 .h2 span{ color:#FF870F; float:right;}
.con01_rt{ float:right; width:292px; height:338px; border-radius: 20px; background: #FFFFFF; box-shadow: 0px 1px 10px 0px rgba(206, 223, 241, 0.2); border: 1px solid rgba(237, 240, 247, 0.7);}
/**/
.rmkb{ padding:10px 24px 0 24px;}
.rmkb ul li{ border-top:1px solid rgba(51, 51, 51, .2); padding:14px 0;}
.rmkb ul li:first-child{ border-top:none;}
.rmkb ul li .h2{ font-size:16px; line-height:26px; color:#333; margin-bottom:4px;}
.rmkb ul li:hover .h2{ color:#FF870F;}
.rmkb ul li .h3{ font-size:13px; line-height:23px; color:#666;}
.rmkb ul li .h3 span{}
.rmkb ul li .h3 span img{ display:inline-block; vertical-align:text-top; margin-right:5px; height:18px;}
.rmkb ul li .h4{ font-size:13px; line-height:23px; color:#666;}
.rmkb ul li .h4 span{}
.rmkb ul li .h4 span img{ display:inline-block; vertical-align:text-top; margin-right:5px; height:18px;}
.rmkb ul li .h4 strong{ float:right; color:#FF870F; font-size:20px;}
/**/
.tit2{ padding-bottom:9px; border-bottom:1px solid rgba(51, 51, 51, .2);}
.tit2 .h2{ font-size:16px; line-height:28px; color:#f7e2b9; font-weight:bold;}
.tit2 .h2 img{ display:inline-block; vertical-align:top; height:28px;}
.rmzx{ padding:14px 24px 0 24px;}
.rmzx .box{}
.rmzx .box dl{ margin-top:14px;}
.rmzx .box dl dt{ color:#f7e2b9; font-size:16px; line-height:26px;}
.rmzx .box dl dd{ font-size:14px; line-height:24px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.rmzx .box dl dd a{}
.rmzx .box dl dd a:hover{}



.tit3{ text-align:center;}
.tit3 .h2{ font-size:20px; line-height:30px; font-weight:bold;}

.con02bg{ padding:25px 0 50px 0; background:#fafafa;}
.con02{}
.con02 .list{ text-align:center; font-size:14px; line-height:20px; margin-top:20px;}
.con02 .list a{ display:inline-block; color:#f7e2b9; border-bottom:2px solid #f7e2b9; margin:0 18px;}
.con02 .list a:hover{}


.tit4{margin-top:8%;}
.tit4 .h2{ font-size:26px; line-height:1em; font-weight:bold; margin:0;}
.tit4 .h3{ font-size:18px; line-height:1em; font-weight:bold; margin:10px 0 0 0;}
.tit4 .line1{ width:36px; height:2px; background:#000; margin:15px 0 0 0;}
.con03bg { padding: 30px 0 30px 0; background: #f7e2b9; }
.con03{
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.con03_lt{ width:45%; padding:0 5% 0 0;}
.con03_lt .txt{ font-size:16px; line-height:2em; margin-top:30px;}
.con03 .more1{ text-align:left;}
.con03 .more1 a{ height:40px; line-height:40px; padding:0 35px; font-size:15px;}
.con03_rt{ width:50%;}
.con03_rt img{ display:block; width:100%;}


.footbg{ background:#f5f5f5;}
.foot{}
.foot1{ padding:60px 0;}
.foot1 .lt{ float:left;}
.foot1 .lt dl{ float:left; text-align:center; margin-left:100px;}
.foot1 .lt dl dt{ font-size:16px; line-height:26px; margin-bottom:12px; font-weight:bold;}
.foot1 .lt dl dd{ font-size:14px; line-height:24px; margin-bottom:8px;}
.foot1 .lt dl dd a{}
.foot1 .lt dl dd a:hover{}
.foot1 .rt{ float:right;}
.foot1 .rt img{ display:block; width:100px;}
.foot2{ padding:40px 0 80px 0; border-top:1px solid #999; text-align:center;}
.foot2 ul li{ font-size:14px; line-height:24px;}
.foot2 ul li a{ color:#333;}
.foot2 .bottom-img{ margin-top:20px;}
.foot2 .bottom-img a{ display:inline-block; margin:0 24px;}
.foot2 .bottom-img a img{ display:block; height:42px;}



/*Add------------------------------------------------------------------------------*/

.weizhibg{ padding:20px 0;}
.weizhi{}
.weizhi .h2{ font-size:14px; line-height:20px;}
.weizhi .txt{ font-size:14px; line-height:24px; margin-top:20px;}

.inisdebg{ padding:0 0 60px 0;}
.inisde{}

.pro_sxbg{}
.pro_sx{ background:#fff; padding:10px 0; font-size:14px; line-height:20px;}
.pro_sx dl{ padding:10px 0;}
.pro_sx dl dt{ float:left; width:90px; padding:0 10px; text-align:center;}
.pro_sx dl dd{ float:right; width:1090px;}
.pro_sx dl dd a{ display:inline-block; margin:0 30px 10px 0;}
.pro_sx dl dd a:hover{ color:#008a6c;}
.pro_sx dl dd a.active{ color:#008a6c;}

.product1bg{ padding:0 0 60px 0;}
.product1{}
.product1 .tips1{ font-size:14px; line-height:20px; padding:10px 0;}
.product1 .tips1 b{ font-weight:normal; color:#008a6c;}


.pro_list1{}
.pro_list1 ul li{ float:left; width:calc((100% - 30px)/3); background:#fff; box-shadow:0 1px 8px 0 rgba(206,223,241,.2); margin:0 15px 15px 0;}
.pro_list1 ul li:hover{ box-shadow:1px 1px 6px 1px #dbdbdb;}
.pro_list1 ul li:nth-child(3n){ margin-right:0;}
.pro_list1 ul li .nr_box{ padding:20px 30px 15px 20px; color:#333;}
.pro_list1 ul li .txt1{ height:165px;}
.pro_list1 ul li .txt1 .h2{ font-size:18px; line-height:25px; height:50px; overflow:hidden;}
.pro_list1 ul li .txt1 .h3{ font-size:13px; line-height:20px; margin-top:10px;}
.pro_list1 ul li .txt1 .h3 span{ display:inline-block;border-radius:3px; margin-right:4px; padding:0 4px;}
.pro_list1 ul li .txt1 .h3 .s1{ background:linear-gradient(1turn,#28cfb9,#4ad38f); color:#fff;}
.pro_list1 ul li .txt1 .h3 .s2{ border:1px solid #40d29d; color:#1fb895; line-height:18px;}
.pro_list1 ul li .txt1 .h3 .s3{ background:#f3f3f3; color:#888;}
.pro_list1 ul li .txt1 .h4{ font-size:13px; line-height:18px; margin-top:6px;}
.pro_list1 ul li .txt1 .h4 img{ display:inline-block; vertical-align:text-bottom; height:18px;}
.pro_list1 ul li .txt1 .h5{ font-size:13px; line-height:18px; margin-top:6px;}
.pro_list1 ul li .txt1 .h5 img{ display:inline-block; vertical-align:text-bottom; height:18px;}
.pro_list1 ul li .txt2{ border-top:1px solid #e3e3e3; padding:20px 0;}
.pro_list1 ul li .txt2 .h2{ line-height:28px; height:28px;}
.pro_list1 ul li .txt2 .h2 span{ float:left; font-size:16px;}
.pro_list1 ul li .txt2 .h2 strong{ float:right; font-size:28px; color:#ff870f; font-weight:normal;}




.proDetailbg{ padding:0 0 60px 0;}
.proDetail{}
.proDetail1{ background:#fff; border-radius:20px; box-shadow:0 1px 10px 0 rgba(206,223,241,.2); padding:40px;}
.proDetail1_lt{ float:left; width:400px;}
.proDetail1_lt img{ display:block; width:100%; border-radius:10px;}
.proDetail1_rt{ float:right; width:calc(100% - 440px);}
.proDetail1_rt .h2{ line-height:30px;}
.proDetail1_rt .h2 span{ display:inline-block; vertical-align:text-bottom; border:1px solid #40d29d; color:#1fb895; border-radius:3px; padding:0 5px; font-size:14px; line-height:21px; margin-right:4px;}
.proDetail1_rt .h2 strong{ font-size:22px;}
.proDetail1_rt .h3{ margin-top:8px;}
.proDetail1_rt .h3 span{ display:inline-block; padding:0 4px; border-radius:3px; font-size:12px; line-height:22px; background:#f3f3f3; color:#888; margin-right:4px;}
.proDetail1_rt .h4{ background:#ffecd8; color:#ff870f; padding:10px 7px; font-size:24px; line-height:30px; border-radius:10px; margin-top:20px;}
.proDetail1_rt .h4 strong{}
.proDetail1_rt ul{ margin-top:22px;}
.proDetail1_rt ul li{ font-size:14px; line-height:24px; margin-top:8px;}
.proDetail1_rt ul li span{}
.proDetail1_rt ul li strong{ display:inline-block; vertical-align:middle; position:relative;}
.proDetail1_rt ul li strong>img{ display:block; height:20px;}
.proDetail1_rt ul li strong .ewm{ padding:16px; background:#fff; z-index:2; border-radius:20px; box-shadow:0 3px 15px 0 rgba(151,164,178,.4); position:absolute; left:calc(100% + 28px); top:50%; transform:translateY(-50%); display:none;}
.proDetail1_rt ul li strong:hover .ewm{ display:block;}
.proDetail1_rt ul li strong .ewm:before{position: absolute;
    left: -10px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    margin-top: -14px;
    content: "";
    background-color: #fff;
    border-radius: 5px;}
.proDetail1_rt ul li strong .ewm img{ display:block; margin:0 auto; width:120px;}
.proDetail1_rt ul li strong .ewm em{ display:block; font-style:normal; font-size:12px; line-height:22px; text-align:center; font-weight:normal;}
.proDetail1_rt .h5{ font-size:16px; height:42px; line-height:42px; margin-top:15px;}
.proDetail1_rt .h5 a{ display:inline-block; margin-right:28px; text-align:center; position:relative; color:#999;}
.proDetail1_rt .h5 a:hover{ color:#ff870f;}
.proDetail1_rt .h5 .button1{ width:224px; background: linear-gradient(90deg,#ffa246,#ff870f); color:#fff; border-radius:50px;}
.proDetail1_rt .h5 .button1:hover{ color:#fff;}
.proDetail1_rt .h5 .button2{}
.proDetail1_rt .h5 .button2 i{ display:inline-block; vertical-align:middle; width:16px; height:16px; margin-right:4px; background:url(../images/icon_call_gray.png) center no-repeat; background-size:contain;}
.proDetail1_rt .h5 .button2:hover i{ background-image:url(../images/icon_call_yellow.png)}
.proDetail1_rt .h5 .button3{}
.proDetail1_rt .h5 .button3 i{ display:inline-block; width:16px; height:16px; margin-right:4px; background:url(../images/icon_share_gray.png) center no-repeat; background-size:contain;}
.proDetail1_rt .h5 .button3:hover i{ background-image:url(../images/icon_share_yellow.png);}
.proDetail1_rt .h5 .button3 .ewm{ padding:16px; background:#fff; z-index:2; border-radius:20px; box-shadow:0 3px 15px 0 rgba(151,164,178,.4); position:absolute; left:calc(100% + 28px); top:50%; transform:translateY(-50%); display:none;}
.proDetail1_rt .h5 .button3:hover .ewm{ display:block;}
.proDetail1_rt .h5 .button3 .ewm:before{position: absolute;
    left: -10px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    margin-top: -14px;
    content: "";
    background-color: #fff;
    border-radius: 5px;}
.proDetail1_rt .h5 .button3 .ewm img{ display:block; margin:0 auto; width:120px;}
.proDetail1_rt .h5 .button3 .ewm em{ display:block; font-style:normal; font-size:12px; line-height:22px; text-align:center; font-weight:normal; color:#333;}
.proDetail2{ margin-top:20px;}
.proDetail2_lt{ float:left; width:808px; padding:0 40px 20px 40px; background:#fff; border-radius:20px; box-shadow:0 1px 10px 0 rgba(206,223,241,.2);}
.slideTxtBox_01{}
.slideTxtBox_01 .hd{ height:78px; line-height:78px;}
.slideTxtBox_01 .hd ul li{ float:left; font-size:18px; margin:0 20px 0 0 ;}
.slideTxtBox_01 .hd ul li a{ display:block; color:#333;}
.slideTxtBox_01 .hd ul li.on a{ font-weight:bold; font-size:20px; background:url(../images/sub_arrow.png) bottom 16px center no-repeat; background-size: 20px 6px;}
.slideTxtBox_01 .bd{}
.slideTxtBox_01 .bd .box{}
.proDetail2_rt{ float:right; width:292px; background:#fff; border-radius:20px; box-shadow:0 1px 10px 0 rgba(206,223,241,.2);}



.pro_add1bg{}
.pro_add1{ font-size:14px; line-height:2em; margin-bottom:20px; background:#fff;}
.pro_add1 .txt{ padding:15px 20px;}








/*<!---->*/
.login1bg{ height:100vh;
/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.login1{ width:90%; max-width:1440px; background:#fff; border-radius:20px; overflow:hidden; box-shadow: 10px 0px 250px #067973; position:relative;}
.login1_lt{ float:left; width:60%; padding:10% 0;}
.login1_lt .nr_box{ width:70%; margin:0 auto;}
.login1_lt .h2{ font-size:42px; line-height:52px; text-align:center; font-weight:bold;}
.login1_lt ul{ margin-top:10%;}
.login1_lt ul li{ margin-top:25px;}
.login1_lt ul li .text1{ border:1px solid #6c757d; background:none; height:50px; line-height:50px; border-radius:60px; padding:0 20px; width:calc(100% - 42px); font-size:16px;}
.login1_lt ul li .text1:focus{ border-color:#26cd9b;}
.login1_lt ul li .button1{ display:block; margin:0 auto; text-align:center; width:100%; height:50px; line-height:50px; border-radius:60px; background:#26cd9b; color:#e5fefd; font-size:26px; transition:all .3s ease;}
.login1_lt ul li .button1:hover{ transform:scale(1.1);}
.login1_lt .h3{ font-size:12px; line-height:22px; margin-top:15px; text-align:right;}
.login1_lt .h3 a{}
.login1_lt .h3 a:hover{ text-decoration:underline;}
.login1_rt{ width:40%; height:100%; position:absolute; top:0; right:0;
/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;}
.login1_rt:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; z-index:1;}
.login1_rt .nr_box{ text-align:center; color:#fff; position:relative; z-index:2;}
.login1_rt .nr_box .h2{ font-size:38px; line-height:48px; font-weight:bold;}
.login1_rt .nr_box .h3{ font-size:22px; line-height:32px; margin-top:15px;}
.more1{ text-align:center; margin-top:20%;}
.more1 a{ display:inline-block; text-align:center; border:1px solid #fff; color:#fff; font-size:26px; padding:0 50px; height:50px; line-height:50px; border-radius:60px; transition:all .3s ease;}
.more1 a:hover{ transform:scale(1.1);}



.userbg{ background:#fff; border-top:1px solid #f5f5f5; padding:20px 0 200px 0;}
.user{}
.user_lt{ float:left; width:220px;}
.side_a{ background:#f7f7f7; padding:15px;}
.side_a .h2{ font-size:14px; line-height:24px; font-weight:bold; border-bottom:#ddd solid 1px;}
.side_a dl{ margin-top:10px;}
.side_a dl dd{ font-size:12px; line-height:22px; margin-top:5px;}
.side_a dl dd a{}
.side_a dl dd a:hover{ color:#f7e2b9;}
.side_a dl dd.active a{ color:#f7e2b9;}
.user_rt{ float:right; width:calc(100% - 300px);}
.weizhi2{ height:28px; line-height:28px; background:#eee; padding:0 10px;}


.account1{ margin-top:20px; font-size:14px;}
.account1 table th{ width:20%; padding:20px 20px 20px 0; font-weight:normal; text-align:right;}
.account1 table td{ width:80%; padding:20px 0 20px 20px;}
.account1 img.tx{ width:100px; height:100px; border-radius:100%;}
.account1 .button1{ font-size:12px; color:#999;}


.safety1{ margin-top:20px;}
.safety1 table{ border:1px solid #ddd; border-collapse:collapse;}
.safety1 table tr,.safety1 table td{ border-left:none !important; border-right:none !important;}
.safety1 tr{}
.safety1 .tr1{}
.safety1 td{ padding:30px 0;}
.safety1 .td1{ width:20%;}
.safety1 .td1 .h2{ font-size:20px; line-height:30px; font-weight:bold; padding:0 20px;}
.safety1 .td1 .h2 i{ display:inline-block; vertical-align:middle; max-height:30px;}
.safety1 .td1 .h2 i img{ display:block;}
.safety1 .td2{ width:70%;}
.safety1 .td2 .h3{ font-size:12px; line-height:30px; color:#DD2222; border-left:1px solid #ddd; padding:0 20px;}
.safety1 .td2 .h4{ font-size:12px; line-height:30px; border-left:1px solid #ddd; padding:0 20px;}
.safety1 .td3{ width:10%;}
.safety1 .td3 .button1{ font-size:12px; line-height:30px; color:#005ea7;}


.updatepassword1{ margin-top:20px;}
.yazheng{ height:25px; line-height:25px; overflow:hidden; background:#ebebeb;}
.yazheng ul li{ float:left; width:33%; text-align:center; background:url(../images/yazheng01.gif) right center no-repeat;}
.yazheng ul li strong{ display:block; height:25px; line-height:25px;}
.yazheng_hover strong{background:url(../images/yazheng02.gif) #ffe6bd right center no-repeat; color:#7f0019;}
.updatepassword1 .list{ margin-top:40px; font-size:14px; }
.updatepassword1 .list th{ width:40%; padding:10px 10px 10px 0; font-weight:normal; text-align:right;}
.updatepassword1 .list td{ width:60%; padding:10px 0 10px 10px;}
.updatepassword1 .list .text1{ border:1px #CCC solid; height:24px; line-height:24px; width:148px;}
.updatepassword1 .list .button1{ width:150px; height:30px; line-height:30px; display:block; text-align:center; background:url(../images/btnBuy.png) center no-repeat; color:#fff; font-size:14px;}
.updatepassword1 .list span{ font-size:12px; color:#999; margin-left:20px;}
.updatepassword1_success{ text-align:center;}
.updatepassword1_success .h2{}
.updatepassword1_success .h2 img{ max-width:100%; display:block; margin:0 auto;}
.updatepassword1_success .h3{ font-size:16px; line-height:26px;}
.updatepassword1_success .h4{ font-size:13px; line-height:23px; color:#f00;}
.updatepassword1_success .h4 a{ color:#f00;}
.updatepassword1_success .h4 a:hover{ text-decoration:underline;}


.validate_email1{ margin-top:20px;}
.validate_email1 .list{ margin-top:40px; font-size:14px; }
.validate_email1 .list th{ width:40%; padding:10px 10px 10px 0; font-weight:normal; text-align:right;}
.validate_email1 .list td{ width:60%; padding:10px 0 10px 10px;}
.validate_email1 .list .text1{ border:1px #CCC solid; height:24px; line-height:24px; width:148px;}
.validate_email1 .list .button1{ width:150px; height:30px; line-height:30px; display:block; text-align:center; background:url(../images/btnBuy.png) center no-repeat; color:#fff; font-size:14px;}
.validate_email1 .list .text2{ border:1px #CCC solid; height:24px; line-height:24px; width:78px;}
.validate_email1 .list .button2{ display:inline-block; vertical-align:middle; width:66px; height:24px; line-height:24px; border:1px solid #333; background:#eee; color:#333; margin-left:4px; text-align:center;}
.validate_email1 .list span{ font-size:12px; color:#999; margin-left:20px;}
.updatepassword1_success{ text-align:center;}
.updatepassword1_success .h2{}
.updatepassword1_success .h2 img{ max-width:100%; display:block; margin:0 auto;}
.updatepassword1_success .h3{ font-size:16px; line-height:26px;}
.updatepassword1_success .h4{ font-size:13px; line-height:23px; color:#f00;}
.updatepassword1_success .h4 a{ color:#f00;}
.updatepassword1_success .h4 a:hover{ text-decoration:underline;}


.myorder1{ margin-top:20px;}
.myorder1 table{ border:1px solid #ddd; border-collapse:collapse;}
.myorder1 th{ padding:5px 10px; background:#F3FDED; text-align:center; font-size:12px; line-height:22px;}
.myorder1 td{ padding:5px 10px; text-align:center;}




.pro_menubg{ width:220px; background:#fff; box-shadow:0px 3px 15px 0px rgba(151, 164, 178, 0.2); position:absolute; top:100%; left:50%; transform:translateX(-50%); border-radius:10px; padding:10px 15px; display:none;}
.menu ul li:hover .pro_menubg{ display:block;}
.pro_menu{}
.pro_menu .box22{ line-height:24px; margin:10px 0;}
.pro_menu .box22 strong{ font-size:14px; font-weight:normal;}
.pro_menu .box22 strong a{ display:inline-block; padding:0; font-size:14px;}
.pro_menu .box22 strong a:hover{}
.pro_menu .box22 span{ font-size:12px;}
.pro_menu .box22 span a{ display:inline-block; color:#999; padding:0; font-size:12px;}
.pro_menu .box22 span a:hover{ color:#f7e2b9;}
.pro_menu .box22 span a::after{ display:none;}