@charset "utf-8";
/* CSS Document */

html {overflow-y:scroll;}
body {margin:0; padding:0; font:12px "\5B8B\4F53",san-serif; color:#5c5c5c; background-color:#fff; font-family:"微软雅黑";}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}  
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
a{text-decoration:none;  color:#5c5c5c;}
.fl { float:left; display:inline;}
.fr { float:right; display:inline;}

/*******contact_top************/
/*.content_bg { width:100%; height:94px; background:rgba(23,25,40,0.23); margin-bottom:30px;}
.contact_top{width:1000px; margin:0 auto; height:94px;}
.contact_top_logo{ float:left; width:163px;margin-top: 27px;}
.header-nav{float:right;padding-top:6px}
.header-nav:before{content:"";position:absolute;height:0;width:100%;left:0;top:100%;background:rgba(255,255,255,0.4);}
.header-nav.show-before:before{height:50px}
.header-nav>ul{position:relative}
.header-nav>ul>li{float:left;font-size:15px;padding-bottom:20px;position:relative}
.header-nav>ul>li.hover>a{color:#549adc !important}
.header-nav>ul>li:hover .sub-menu{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);opacity:1}
.header-nav>ul>li>a{color:#333;line-height:84px;padding:0 24px;padding-bottom: 28px;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s;position:relative}
.header-nav>ul>.active>a{color:#549adc !important}
.header-nav>ul>.active>a:after{content:"";position:absolute;height:2px;bottom:-8px;left:0;width:100%;background:#549adc}
.header-nav .btn+.btn{margin-left:15px}
.header-nav .btn>a{height:34px;line-height:84px; color:#fff;font-size:14px;border-radius:4px;border:1px solid #549adc;-webkit-transition:all ease 0.2s;-moz-transition:all ease 0.2s;-o-transition:all ease 0.2s;transition:all ease 0.2s;padding: 6px 18px;}
.header-nav .btn>a:hover{background:#fff; color:#549adc}
.register{background:#549adc; color:#fff}
.login{background:#fff; color:#549adc}
.header-nav .sub-menu{position:absolute;left:50%;margin-left:-35px;top:76px;white-space:nowrap;background-color:#fff;border-radius:3px;border:1px solid #ced6d8;box-shadow:0 0 5px rgba(0,0,0,0.1);opacity:0;-webkit-transform:scale3d(0, 0, 0);-moz-transform:scale3d(0, 0, 0);-ms-transform:scale3d(0, 0, 0);-o-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transform-origin:40px top;-moz-transform-origin:40px top;-ms-transform-origin:40px top;-o-transform-origin:40px top;transform-origin:40px top; z-index:99;}
.header-nav .sub-menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.header-nav .sub-menu:before{content:"";height:10px;width:10px;background-color:#fff;border:1px solid #ced6d8;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:-5px;left:28px;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.header-nav .sub-menu>li{font-size:14px;padding:0 15px;background-color:#fff;position:relative;border-radius:3px}
.header-nav .sub-menu>li>a{color:#374051;position:relative;display:block;border-bottom:1px solid #e2eaec;padding:9px 5px;min-width:90px; text-align:center;}
.header-nav .sub-menu>li>a:hover{color:#00c8f2}
.top-nav-down{background:url(../images/top_j.png) no-repeat top;}
.top-nav-down:hover{background:url(../images/top_j_up.png) no-repeat top;}
.top-nav-down2{background:url(../images/top_j2.png) no-repeat top;}
.top-nav-down2:hover{background:url(../images/top_j_up2.png) no-repeat top;}*/
/*******contact_top结束************/

/********dev_banner开始***********/
.dev_banner{background:url(../images/showbg.jpg) 50% 50% no-repeat; width:100%; min-width:1000px;overflow: hidden;}
.down_btn { width:35%; height:280px; float:left; margin-top:102px;}
.down_btn a { display:block; width:50%; height:70px; line-height:70px; text-align:center; border-radius:35px; font-size:19px; margin: 0px auto 38px;}
.android_btn{ color:#4bc7ad; border:1px solid #4bc7ad;}
.ios_btn {  border:1px solid #32c1ef; color:#32c1ef;}
.down_phone { float:left; width:22%; position:relative; z-index:2; display:block;}
.down_instru {width: 40%;float: left;margin-top: 93px;}
.down_item { background:url(../images/mouse.png) no-repeat left center; height:60px; background-size:60px; width:135px;     margin: 0 auto 178px; padding-left:65px; position:relative; margin-top: 38px;}
.down_item:before { width: 208px;content: "";height: 0px;border-top: 1px solid #fff;position: absolute;top: 30px; left: -206px;z-index: 1;}
.down_item a { font-size:16px; line-height:30px; color:#fff; display:block; margin-top:2px;}
.showtit { margin:0px auto 32px; width:220px; display:block;}
.wxcode { margin:0px auto 40px; width: 236px; text-align:center; line-height:30px; color:#fff; font-size:12px;}
.wxcodeimg { width:72%; border:#fff 5px solid;}
.main { width:1040px; margin:20px auto 0px;}
.index_main { width:1040px; margin:80px auto 0; text-align:center;}
.index_main h1 { font-size:32px; color:#333; margin-bottom:15px;}
.index_main p { font-size:16px;}
.mb1 { width:450px; float:left; background:#fff; margin-top: 60px; padding-bottom:30px;}
.mb1 img { width:100%; display:block; margin-bottom:18px;}
.mb_h3{ font-size:24px; color:#333; font-weight:bold; text-align:center; display:block;  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;}
.buy_btn2{font-size: 12px;
  margin-bottom: 10px;
  margin-top: 5px;
  text-align: center;
  color: #717171;
  display: block;
  padding: 5px 10px;
  line-height: 18px;}
.mb1 p { font-size:14px; margin-bottom:10px;margin-top: 5px; width:95%; text-align:center; color:#717171;}
.red_color { font-size:16px; color:#ec5051;}
.mb1 .buy_btn { background:#ff4146; margin-right:6px;padding: 3px 11px;  margin-left: 151px;display: inline-block;color: #fff;border-radius: 6px;}
.mb1 .show_btn { background:#598dc7;padding: 3px 11px;display: inline-block;color: #fff;border-radius: 6px;}
.marbott { margin-bottom:60px;}
.body_gray { background:#f2f2f2;}
.top_white { background:#fff; width:100%;}
.buy_top { background:#fff; padding:15px; overflow:hidden;}
.buy_img { width:315px; float:left; margin-right:20px;}
.buy_attr { float:left; width:670px;}
.buy_attr h2 { font-size:22px; color:#333; margin:13px 0px 20px;}
.package { margin:20px 0px; border-top:1px solid #f0f0f0; padding:20px 0px;}
.package span { padding-right:20px;}
.package a { display:inline-block; padding:5px 10px; border:1px solid #f0f0f0; margin:0px 5px; font-size:14px;}
.package a:nth-of-type(4){margin-top:14px; margin-left:52px;}
.package a.active { border:1px solid #ef353d;}
.ljgm,.ckys { width:130px; height:40px; line-height:40px; text-align:center; display:inline-block; margin-right:15px; color:#fff; font-size:14px;}
.ljgm { background:#ff4146;}
.ckys { background:#598dc7 url(../images/pc.png) no-repeat left center; width:90px; padding-left:40px;}
.funbg { background:#fff; margin:15px 0px; height:40px; position:relative;}
.funbg span { width:88px; height:45px; line-height:40px; text-align:center; display:block; position:absolute; top:0; left:0; background:url(../images/funbg.jpg) no-repeat; color:#fff; font-size:14px;}
.buy_instru { background:#fff; margin:20px 0px 0px;}
.instru_tit { font-size:18px; padding:0px 20px;}
.instru_text { background:#f2f2f2; border:1px solid #ccc; padding:10px; margin:20px; line-height:26px; font-size:14px;}
.buy_func { background:#ff4366; text-align:center; padding:30px 100px; overflow:hidden; margin:0px 20px;}
.func_tit { font-size:30px; color:#fff; position:relative; display:inline-block; margin:0 auto;}
.func_tit:after {
	content:"";
	position:absolute;
	left:10px;
	top:50px;
	width:100px;
	height:0px;
	border-top:2px solid #fff;
}
.func_list { width:142px; color:#fff; margin:70px 29px 10px; float:left;}
.func_list img { display:block; margin-bottom:25px;}
.func_list p { padding:10px;}
.show_list { font-size:14px; overflow:hidden; padding:50px 80px;}
.show_list p { margin-top:20px;}
.show_left { margin-top:70px;}
.show_list_bg { background:#fee8eb;}


.index_main_center{ margin-top:80px;}
.index_main_center_moban{ background:#f0f0f0; color:#fff; width:60%; margin:0 auto;padding:30px;}
.moban_text{font-size:34px; text-align:center; background:url(../images/xixian.png) repeat-x center;}
.moban_text_more{background:#f0f0f0; display:block; width:350px; margin:0 auto; color:#333; }
.moban_maoshu{ font-size:17px; margin-top:12px; text-align:center;line-height: 29px; color: #656D78;} 

.index_main_center_pro{ margin-top:100px;}
.index_main_center_pro h2{ font-size:48px;line-height: 70px;color: #434A54; text-align:center;}
.index_main_center_pro span {font-size: 18px;line-height: 35px;padding-top: 10px;color: #656D78; display:block; text-align:center;}
.index_main_center_pro ul{ overflow:hidden; width:1350px; margin:0 auto; margin-top:70px;}
.index_main_center_pro li{ float:left; width:270px; text-align:center; color:#333;}
.index_main_center_pro li h3{ margin-top:20px; font-size:15px;}
.index_main_center_pro li p{ margin-top:6px;}

.index_main_center_chanpin{ margin:0 auto; width:1100px;}
.index_main_center_chanpin h2{ font-size:48px;line-height: 70px;color: #434A54; text-align:center;}
.index_main_center_chanpin span {font-size: 18px;line-height: 35px;padding-top: 10px;color: #656D78; display:block; text-align:center;}
.index_main_center_chanpin b{ text-align:center; display:block; font-weight:normal; padding-top:6px;}
.buy_center{ width:150px; margin:0 auto;}
.button2{  background: #62B8E8;color: #fff;width: 288px;height: 36px;border: none;border-radius: 4px;margin-left: 142px;cursor:pointer}


.xiangqing_user{ background:#31beeb; color:#fff; text-align:center; padding-top:80px;}
.xiangqing_user h3,.xiangqing_index h3 {font-size: 60px;color: #fff;font-weight: 100;}
.xiangqing_user p,.xiangqing_index p,.xiangqing_fenlei p,.xiangqing_login p {text-align: center; border:none; margin-top: 16px; font-size: 20px;color: #fff;font-weight: 100; margin-bottom:70px;}
.xiangqing_user img{ width:80%;margin-bottom: -167px;}
.xiangqing_index{ background:#fa7459; color:#fff; text-align:center; padding-top:236px;}
.xiangqing_index img{ width:80%;margin-bottom: -56px;}
.xiangqing_index h3,.xiangqing_fenlei h3,.xiangqing_login h3{ font-size:40px;}
.xiangqing_fenlei{ background:#af18cf; color:#fff; text-align:center; padding-top:118px;}
.xiangqing_fenlei img{ width:80%;margin-bottom: -56px;}
.xiangqing_fenlei_div{ background: #1f2836; padding-bottom: 60px;margin-bottom: 40px;}

.login_ms{ overflow:hidden; width: 426px; margin:0 auto; margin-bottom:80px;}
.login_ms li{ float:left;}
.login_ms li:nth-of-type(1){margin-right: 140px;}
.login_ms span{ display:block; color:#6a6969;font-size: 18px;}
.xiangqing_login{ text-align:center;}

.bgF9f7f1 {
    background: #f9f7f1;
    width: 100%;
}
.animation__con {
	width:90%;
    height: 510px;
	margin:0 auto;
	overflow:hidden;
}
.animation_l_5{ float:left; width:48%;}
.animation_l_5 img{ width:100%;}
.animation_r_5 {
    width: 48%;
    height: 276px;
	float:right;
	margin-top:80px;
}
.animation_r_5 img{ width:100%;}
.idxFnt36 {
    font-size: 36px;
    margin: 0px;
    padding: 0px;
    display: block;
}
.idxFnt13 {
    font-size: 18px;
    display: block;
    font-weight: normal;
    text-align: left;
    line-height: 36px;
    margin-top: 20px;
}

.bgfff{ background:#fff;}

/**模板街微分销*/
.content-box,.content-box-hs{width:90%; margin:0 auto; position:relative; }
h1.margin-t{padding-top:75px;}
.content-box h1{position: relative;font-size:48px;color:#fff;text-align:center;display:block;font-weight:100;border: 0;}
.content-box h4{font-size:16px; color:#fff;text-align:center;display:block;padding-top:30px;font-weight:100;line-height: 26px;}
.content-box-hs h1{position: relative;font-size:48px;color:#555454;text-align:center;display:block;font-weight:100;border: 0;}

/*================================
        dianmain-start
==================================*/

.dm-box{width:100%; height:966px; margin:0 auto; background-color:#3C5ECA; position:relative;overflow:hidden;}
.dm-img-box{padding-top:60px; padding-bottom:90px;opacity:0;filter: alpha(opacity=0);}
.dm-img-box img{ width:100%;}
.dm-title{opacity:0;filter: alpha(opacity=0);}
.dm-content1{position:absolute; top:100px;opacity:0;left:-1px;filter: alpha(opacity=0);}
.dm-img-box{position:absolute; top:150px;left:-4px;}


/*================================
        dg-start
==================================*/
.gd-box{width:100%; height:753px; margin:0 auto; background-color:#f4f6f8; position:relative;overflow:hidden;}
.gd-title{opacity:0;filter: alpha(opacity=0);}
.gd-img{position:absolute;left:0px; top:100px;opacity:0;filter: alpha(opacity=0);}
/*================================
        qd-start
==================================*/
.qd-box{width:100%; height:763px; margin:0 auto;  background-color:#3C5ECA;
background-repeat:no-repeat; background-position:center;position:relative;overflow:hidden;}
.qd-title{opacity:0;filter: alpha(opacity=0);}
.qd-img{position:absolute;left:0px; top:100px;opacity:0;filter: alpha(opacity=0);}


/*================================
        jz-start
==================================*/
.jz-box{width:100%; height:660px; margin:0 auto; background-color:#101627; 
background-repeat:no-repeat; background-position:center;position:relative;overflow:hidden;}
.jz-title-max{opacity:0;filter: alpha(opacity=0);}
.nine-img{width:100%;position:absolute;z-index:30;top:258px; left:3px;opacity:0;filter: alpha(opacity=0);}

/*================================