@charset "utf-8";
/* CSS Document */
html,body{width:100%;height:100%;font-size:12px;background:#fff; overflow-x:hidden;overflow-y:auto;font-family:"微软雅黑";}
*{margin:0;padding:0;}
img{border:0;}
ol,ul,li{list-style:none;}
a{text-decoration:none;outline:none;color:#555;}
.float_l{float:left;}
.float_r{float:right;}
.clearfix:after{clear:both;content: ".";display:block;height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.kuandu{width:1250px; margin:auto}
.kuandu_01{width:1000px; margin:auto}
.kuandu_02{width:1105px; margin:auto}
.kuandu_03{width:800px; margin:auto}
.kuandu_04{width:943px; margin:auto}
.kuandu_06{width:1170px; margin:auto}

.dis_inB{display:inline-block;*display:inline;*zoom:1;vertical-align:top;letter-spacing:normal;}
    table{border:0;margin:0;border-collapse:collapse;border-spacing:0;    border: 1px solid #ccc; }
/*控制cellspacing*/
table td{padding:0;   border: 1px solid #ccc; }                                                                
/*控制cellpadding*/
.kuandu{ width:1200px; margin:0 auto;}
.kuandu_01{ width:800px; margin:0 auto;}
.kuandu_03{ width:1280px; margin:0 auto;}
.kuandu_05{ width:900px; margin:0 auto;}

.float_l{float:left;}
.float_r{float:right;}
.clearfix:after{clear:both;content: ".";display:block;height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;}

.top{ padding:10px 0px 0px 0px; position: fixed; top:0px;margin-bottom:100px; width:100%; z-index:111111; background:#080C3B; width:100%;}
.menu{ margin:20px 0px 20px 40px;}
.menu li{ padding:10px 12px; color:#fff; }
.menu li a{font-size:14px;color:#fff;}
.pro{ background:url(../images/qui_02.jpg) no-repeat center; height:800px;}
.pro_m{ padding:163px 0px;}
.pro_l{ font-size:50px; color:#fff; margin-top:100px;}
.pro_r{ font-size:20px; color:#fff; line-height:40px; color:#bad9ff; padding:20px 0px;}
.pro_m_01{ width:500px;}
.btan_l a{ padding:10px 0px; width:235px; text-align:center;color:#fff; font-size:20px; display:block;  border-radius:10px; margin-right:20px;background-color: #33a526;}
.btan{ margin-top:50px;}
.btan_l a:hover{ background:#6d65ff; }
.btan_r a{ padding:10px 0px; width:235px; text-align:center; color:#fff; font-size:20px; display:block;  border-radius:10px;background-color: #37a3ff;}
.btan_r a:hover{ background:#6d65ff;}
.rou_t{ text-align: center; font-size:50px; padding:50px 0px; color:#132339;}

.rou ul li{ border:1px solid #f4f5f6; border-radius:5px; box-shadow:2px 2px 2px #f3f3f3; padding:50px 30px; width:300px; text-align:center; margin-right:36px; height:277px;}
.rou_01{ font-size:20px; padding:20px; color:#424f61; height:37px;}
.rou_02{ font-size:14px; padding:20px; color:#424f61;}
.bring{ padding-top:100px;}
.bring_01{ font-size:40px; color:#132339; width:500px;}
.bring_a{ width:447px; margin-left:50px;}
.bring_02{ font-size:14px; line-height:30px; padding:40px 0px 80px 0px;}
.btan_l_01 a{  width:181px; text-align:center; padding:10px 0px; color:#fff; font-size:16px; display:block; border:1px solid #fff; border-radius:30px;box-shadow:3px 3px 5px #9d9d9d; background:#9e94ff; margin-right:40px;}
.btan_l_01 a:hover{ background:#6d65ff; }
.btan_r_01 a{ width:181px; text-align:center;padding:10px 0px; color:#fff; font-size:16px; display:block; border:1px solid #fff; border-radius:30px;box-shadow:3px 3px 5px #9d9d9d; background:#1980ff;}
.btan_r_01 a:hover{ background:#035ac6;}

/* tab */
#tab{width:1200px;position:relative;margin:0px auto;}
#tab .tab_menu{float:left;position:absolute;z-index:1; background:#fff; border:1px solid #f4f5f6; border-radius:30px; color:#717780; font-size:20px;}
#tab .tab_menu li{float:left;width:215px;height:30px;line-height:30px;cursor:pointer;text-align:center;margin:0 2px 0 0; border-right:1px solid #f4f5f6; padding:10px;}
#tab .tab_box{clear:both;top:79px;position:relative;}
#tab .tab_menu .selected{background-color:#1980ff;cursor:pointer; color:#fff;}
.hide{display:none;}
.hqq_01_a{ border-top-left-radius:30px;border-bottom-left-radius:30px;}
.hqq_01_b{ border-top-right-radius:30px;border-bottom-right-radius:30px;}
.tab_main{ background:#fbfafd; padding:100px 0px;}
.t_01{ font-size:40px; padding:20px 0px; color:#132339; text-align:center}
.t_02{ font-size:18px; padding:10px 0px 30px 0px; color:#132339; text-align:center}

/* tab */
#tab_01{ margin:100px auto;}
#tab_01 .tab_menu_01{float:left; border-radius:20px;  border:1px solid #e6e6e6;}
#tab_01 .tab_menu_01 li{width:246px;line-height:30px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 2px 0 0; font-size:20px;padding:15px;}
#tab_01 .tab_box_01{width:420px; float:left; padding:0px 30px;}
#tab_01 .tab_menu_01 .selected_01{background-color:#1980ff;cursor:pointer; color:#fff; border-radius:20px;}
.hide_01{display:none;}
.tab_box_01 div{padding:10px;} 
.tab_tt{ font-size:20px; padding:10px;}
.tab_cc{ font-size:16px; line-height:30px; color:#b2b1b1;}
.tb_img{ margin-top:96px;}
.tb_img img{ width:420px}

.packages-item__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;}
	
	.packages-item__form input {
    width: 210px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 19px;
    margin-bottom: 15px;
    outline: none;
}

.packages-item__form select {
    width: 210px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 19px;
    margin-bottom: 15px;
    outline: none;
}

.packages-item__form button {
    width: 210px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    position: relative;
    border:1px solid #1980ff;
    outline: none; background:#fff; color:#132339;
}

.tab_cont_li{ border:1px solid #f4f5f6; border-radius:20px; background:#fff; padding:20px 20px; box-shadow:0px 1px 2px #efeef1; margin-left:40px;}
.green{background:url(../images/green-rects.png) right top no-repeat;}
.blue{background:url(../images/blue-rects.png) right top no-repeat;}
.cont_01{ text-align:center; font-size:20px; padding:12px 0px;}
.cont_02{text-align:center; font-size:50px; color:#333333;}
.hqq{ padding:13px;} 
.hqq_01{ font-size:14px; color:#666666; padding:6px;list-style-type: disc;
    color: #243552;}


.tab_cont_li:hover .packages-item__form button{ background:	#33a526; color:#fff;}
.tab_cont_li:hover .cont_02{ color:#ec519b;}




.slideGroup {
	margin:0 auto;
	width: 1020px;
	
}

.slideGroup .parHd {
	position: relative;
	height: 100px;
	line-height: 100px;
	padding: 0 20px;
}

.slideGroup .parHd ul {
	display:table; margin:0 auto;
}

.slideGroup .parHd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
}

.slideGroup .parHd ul li.on {
	height: 30px;
	background: #fff;
	color: green;
}
.text-center{ text-align:center;}

.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	padding: 44px 0 10px 100px;
	position: relative; height:600px;
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left:419px;
	top:170px;
	display: block;
	width: 54px;
	height: 400px;
	background: url(../images/icoLeft.png) center center no-repeat;
}

.slideGroup .sNext {
	left: 541px;
	background: url(../images/icoRight.png) center center no-repeat;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	margin: 0 8px;
	float: left;
	width: 800px; text-align:center;	

}

.slideGroup .parBd ul li .pic {
	
}
.slideGroup .parBd ul li .pic img { height:120px; width:120px;
}




.slideGroup .parBd ul li .description {

	padding: 20px 10px 10px 20px;

	color:#fff
}
.slideGroup .parBd ul li .description h4{
	color: #cca552;
	height: 40px;
	line-height: 40px;
}
.slideGroup .parBd ul li .description a{
	color: #fff;
	float: right;
	margin-top: 10px;
	background: #7c0002;
	border-radius: 5px;
	padding: 3px 10px;
}



.reviews-item__name {
    color: #fff;
    font-family: 'open_sansbold';
    font-size: 24px;
    line-height: 36px; padding:5px 0px;
   }
.reviews-item__position {
    color: #fff;
    font-size: 
   }
   
.reviews-item__title {
    color: #333;
    font-family: 'open_sansbold';
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 27px;
}
.reviews-item__text {
    color: #333;
    font-size: 16px;
    margin-bottom: 27px;
}   
.sbgg{ background:#F2F6FA; margin-top:100px; height:600px;}

.zkxg{ border:1px solid #E4EEF8;margin-top:27px; border-radius:10px; width: 1000px; padding:0px 5px; background:#fff; margin:10px auto;}

.list_dt{
    background: #fff;
    color: #132339; padding:22px;
    line-height: 34px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative; font-size:20px;
}
.list_dt:hover ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(#745efd, #06bdef); color:#fff;
}
#open{
    background: #fff;
}
#open ._after{
    display: block;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}
.list_dt_icon{
    position: absolute;
    right: 20px;
    top:27px;
    display: block;
    width: 30px;
    height: 30px;
	    background: url("../images/open.png") no-repeat;

}
#open .list_dt_icon{
   background: url("../images/off.png") no-repeat;
}
.list_dd{
    display: none;
	background:#fff; 
    border-top:1px solid #E4EEF8; padding:15px; font-size:14px;

}
.list_li{
    background: #4e4e4e;
    list-style-type: none;
    color: white;
    width: 120px;
    padding: 0 30px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    border-bottom: 1px solid #6b6b6b;
}
.list_li:hover{
    background: #4285F4;
}
.list_dt img{ width:100%;}


.messengers__list{ width:80px; position:absolute; bottom:92px; right:-16px;}
.ans{ margin:120px auto;}
.ints_t{ font-size:30px; padding:50px 0px;}
.ints{ background:#fbfafd; padding:100px; margin-top:50px;}

.footer-content__logo {
    width: 148px;
    height: 29px;
    display: block;
    text-decoration: none;
}
.footer-content {
    width: 100%;
    min-height: 120px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0 20px;
    background-color: #f3f3f3; color:#7F7B7B;
}
.footer-content__menu{  margin-left:30px;}

.footer_02{ padding:5px 180px;}

.footer-copyright {
    width: 100%; padding:20px;
    background-color: #080C3B; color:#fff; text-align:center}


.and_img{ width:100%; margin-top:95px;}
.and_img img{ width:100%;}
.office{ width:357px; padding:150px 0px;}
.office_01{ font-size:22px; text-align:center;}
.office_03{ font-size:20px; padding-top:50px}

.office_02{ font-size:16px; line-height:25px; padding:20px 0px;}
.contacts-form{ width:600px; padding:147px 0px 0px 100px;}
.contacts-form input {
    width: 607px;
    height: 40px;
    border-radius: 13px;
    border:1px solid #CCC; 
    background-color: #fff;
    padding-left: 18px; margin:10px;
  
}

.contacts-form textarea {
   
  font: 400 13.3333px Arial;
	width: 595px;
    height: 240px;
    border-radius: 13px;
    border:1px solid #CCC; 
    background-color: #fff;
    padding: 18px; margin:10px;
}

.contacts-form button {
    width: 200px;
    height: 50px;
    -webkit-box-shadow: 0 5px 10px rgba(9, 109, 221, 0.32);
    box-shadow: 0 5px 10px rgba(9, 109, 221, 0.32);
    border-radius: 5px; border:1px solid #FFF;
    background:#1980ff;
    color: #fff;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
   
    outline: none;
}	



.messengers {
    position: fixed;
    z-index: 100;
    right: 25px;
    bottom: 30px;
}

.news_u{ padding-top:100px; width:759px;}
.news_t a{ display:block;font-size:20px; color:#1980ff; padding:20px 0px;}
.news_d{ font-size:14px; color:#565c64; line-height:25px; height:92px; overflow:hidden; padding:10px 0px; margin-bottom:50px;}
.news_d_c{ font-size:14px; color:#565c64; line-height:25px;overflow:hidden; padding:10px 0px 50px 0px; }
.news_t{ color:#4AB1F3; font-size:16px;}
.new_img img{ width:790px;}

.search{margin-top:120px;}
.placeholder{
	border:none;
	border-radius:10px;
	padding: 20px; width:90%;
	width:300px; font-size:18px;
	color:#000; background:#f8f8f8; outline:none;
}
.news_right{ margin-left:20px; width:330px;}
.nee{ font-size:20px; padding:30px 0px 20px 0px;}
.news_r_l li{ padding-top:20px;}
.news_r_u li a{ display:block; line-height:35px; color:#898d93;}
.news_r_t{ font-size:20px; color:#242424;}
.news_r_c{ font-size:16px; color:#74797f;}
.news_r_c a{ display:block;font-size:16px; color:#74797f;}

.news_r_l img{ width:98px; height:88px;}
.news_r_cc{ width:200px; padding-left:10px;}

.login{ position:relative; top:95px; margin-bottom:94px; background:url(../images/loginreg.jpg) top center no-repeat; height:1080px;}
.login img{ width:100%;}
.login_main{ height:100px; width:500px; margin:auto; padding-left:689px; padding-top:400px;}
.login_main_01{ font-size:25px; padding:20px 0px;}
.login_main_02{ font-size:16px; padding:10px 18px; line-height:30px;}


.login_form {
 
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;}
	
	.login_form input {
    width:410px;
    height: 26px;
    border-radius: 3px;
    border:none;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 19px;
    margin-bottom: 15px;
    outline: none;
}


.packages-item__form button {
    width: 210px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    position: relative;
  border: 1px solid #33a526;
    outline: none; background:#fff; color:#132339;
}
.login_form_01{ border-bottom:1px solid #dddddd; padding:10px 0px 0px 0px; width:500px;}
.mob_get a{ display:block; background-image: linear-gradient(#06bdef, #745efd); padding:6px 20px; color:#FFF; border-radius:10px;}
.login_form_02{ padding:20px 0px;}
.login_form_03{  background-image: linear-gradient(#06bdef, #745efd); padding:20px 70px; color:#FFF; border-radius:40px; border:none; outline:none;}
.login_form_04 input
{ border:1px solid #3bc5f3; padding:10px 10px 10px 60px; border-radius:10px; background:url(../images/ldfdn_03.jpg) no-repeat 10px; width:400px ; height:40px}
.login_form_05 input
{ border:1px solid #3bc5f3; padding:10px 10px 10px 60px; border-radius:10px; background:url(../images/ldfdn_06.jpg) no-repeat 10px; width:400px; height:40px;}
.gre
{ display:block; padding:10px 10px 10px 60px;  background:url(../images/logi_07.jpg) no-repeat 10px; width:300px; margin-bottom:20px;}
.messengers__list{ width:80px; position:absolute; bottom:81px; right:6px;}
.cen{
    width: 100px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin-top: 30px;
    outline: none;
}
.logo img{ padding-top:8px;}
 #div1{
            margin: 50px auto 0;
            background-color: #fff; border:1px solid #d4d4d4; 
            display: none; width:300px; padding-bottom:30px; position:absolute; top:50%; left:40%;
        }
.lxkee a{ display:block; padding:8px 30px; background:#09F; border-radius:15px; color:#fff;  margin-left:30px; font-size:12px;}
.wxts{ text-align:center; padding:10px; background:#09F;color:#fff; }
.wxts_02{ text-align:center; padding:15px;}
.fpp {
width:262px;  padding-top:18px
}

.hqq_01_a_b{ text-align:center; border-radius:40px; padding:20px; background:#1980FF; color:#fff; width:260px; margin:0 auto;}

.fou { padding-top:20px;}
.fou ul li{ margin-left:50px;}


.orange {
    color: #f7b337;
}
.btt h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 80px; padding-bottom:30px;
}

.tick {
    width: 315px;
    height: 92px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.06);
    box-shadow: 0 2px 4px rgba(0,0,0,.06);
    border-radius: 6px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 20px;
    margin: 0px 25px 20px 0px;
}

.tick .tick_img-wrapper {
    border: 1px solid #d9e7f2;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  padding:20px; margin-right:20px;	
}
.tick_img-wrapper img{ width:100%;}
.btt{ background:#F7F9FC; padding:160px 0px 80px 0px; margin-top:-100px;}
.price:before {
    content: '$';
}
.price {
    font-weight: 600;
    font-size: 32px; display:block; height:100px;
}

.main.home section.home__famous-app {
    padding-top: 55px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    min-height: 1px;
    padding: 0 15px;
}

.container_01 {
    width: 502px;
    margin: 0 auto;}

main.home section.home__famous-app h3 {
    margin-bottom: 35px;
}
h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px; margin-bottom:35px;
}

.f-left {
    float: left;
    margin: 25px 0;
    margin-right: 85px;
}

.famous{
    font-size: 40px;
    font-weight: 700;
    line-height: 50px; text-align:center; padding:50px 0px; width:700px; margin:0 auto;
}

.f-right {
    float: right;
  
    margin-left: 10px;
}
.fam_n{ line-height:30px; color:#747474;}
.sbgg_t{ text-align: center; padding:30px 0px; font-size:35px;}
section.buy-products {
    padding-top: 57px;
    padding-bottom: 57px;
    background:url(../images/violet-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
}

section.buy-products h2 {
    font-weight: 400; color:#FFF;	
    max-width: 620px;
    margin: auto;
    margin-bottom: 44px; font-size:20px;
}
.ba_l{ margin-left:100px;}

.clli1{display: inline-block; color:#666; padding-right:10px}
.pagg{color: #747474;
    font-size: 15px;
    font-weight: 400;
    line-height: 31px; padding-bottom:53px;
}
ul.with-dots {
    display: inline-block;
}
ul.with-dots li {
    margin-left: 20px;
    position: relative; color:#747474;  padding:5px 0px;
}
ul.with-dots li:before {
    position: absolute;
    content: '';
    display: block;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #000;
    left: -15px;
    top: 12px;
}
.tab_cont{ margin-bottom:30px;}
.package_01{ padding-bottom:50px;}