/* 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;}



/*******contact_top************/
.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;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;position:relative}
.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:60px;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:10;}
.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}
.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)}
.top-nav-down{background:url(../image/top_j.png) no-repeat top;}
.top-nav-down:hover{background:url(../image/top_j_up.png) no-repeat top;}
.top-nav-down2{background:url(../image/top_j3.png) no-repeat top;}
.top-nav-down2:hover{background:url(../image/top_j_up3.png) no-repeat top;}
.top-nav-down_mo{background:url(../image/top_j2.png) no-repeat top;}
.top-nav-down_mo:hover{background:url(../image/top_j_up2.png) no-repeat top;}
 .none_hover:hover{color: #549adc !important;  border-bottom: 3px solid #549adc; }
 .none_hoverd:hover{color: #fff !important;  border-bottom: 3px solid #fff; }
.moban_hot{color: #fff;background-color: #fd8f01; float: left;width: 79px; height: 16px;line-height: 16px;border-radius: 4px;   padding: 0;    font-size: 12px; position: absolute;top: 34px; left: 56px; padding-left: 2px; font-family: "宋体";}
.top-nav-down3{background:url(../image/top_j.png) no-repeat top;}
.top-nav-down3:hover{background:url(../image/top_j_up.png) no-repeat top;}

.header-navd{float:right;padding-top:6px}
.header-navd:before{content:"";position:absolute;height:0;width:100%;left:0;top:100%;background:rgba(255,255,255,0.4);}
.header-navd.show-before:before{height:50px}
.header-navd>ul{position:relative}
.header-navd>ul>li{float:left;font-size:15px;position:relative}
.header-navd>ul>li.hover>a{color:#549adc !important}
.header-navd>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-navd>ul>li>a{color:#333;line-height:84px;padding:0 24px;padding-bottom: 28px;position:relative}

.header-navd>ul>.active>a:after{content:"";position:absolute;height:2px;bottom:-8px;left:0;width:100%;background:#549adc}
.header-navd .btn+.btn{margin-left:15px}
.header-navd .sub-menu{position:absolute;left:50%;margin-left:-35px;top:60px;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:1;}
.header-navd .sub-menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.header-navd .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-navd .sub-menu>li{font-size:14px;padding:0 15px;background-color:#fff;position:relative;border-radius:3px}
.header-navd .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-navd .sub-menu>li>a:hover{color:#00c8f2}
.header-navd .sub-menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.header-navd .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-navd .nav_first>a{color:#fff;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-navd .nav_first>a:hover{color:#fff !important;}
.header-navd>ul>.active>a{color:#fff !important}
.header-navd .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-navd .btn>a:hover{background:#fff; color:#549adc}
/*******contact_top结束************/
/*******前台用户信息显示******/
.frontuser{ float:right;  width:148px; font-size:12px;}
.userphoto{float:left;line-height:83px;}
.agentclass{float:left;line-height:83px;margin-left: 15px;}
.frontuser a img{margin-top:30px;margin-right: 4px;float:left;}
.frontuser a span{ padding:0 5px;}
.frontuser a p{ white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; line-height: 85px; max-width: 80px;  float: left;}
.frontuser li{ float:left;}
.frontuserd{ float:right;  width:148px;font-size:12px;}
.agentclass{float:left;line-height:83px;margin-left: 15px;}
.frontuserd a{ color:#fff; }
.frontuserd a img{margin-top:30px;margin-right: 4px; float:left;}
.frontuserd a span{ padding:0 5px;}
.frontuserd a p{ white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; line-height: 85px; max-width: 80px;  float: left;}
.frontuserd li{ float:left;}

/********contact_banner***********/
.contact_banner{ width:100%; background:#549adc;}
.contact_banner2{ width:709px; margin:0 auto;}
/********contact_banner结束***********/


/********contact_center***********/
.contact_center_agent{ width:1000px; margin:0 auto; margin-top:90px;}
.contact_center_agent h2{ text-align:center; color:#4a4c52; font-size:34px;margin-bottom: 82px;}
.agent_ul li{ float:left; position:relative;margin-right: 77px; margin-bottom:80px;}
.agent_ul h3{ position:absolute; left: 108px; top:-38px; background:#549adc; color:#fff; border-radius:50px; font-size: 16px;padding: 18px 23px;text-align:center;}
.agent_more{ border:1px solid #e9e9ec; width:280px; height:230px;}
.agent_more_nav{ color:#7b7b7b; font-size:13px; text-align:center; padding:60px 0 30px 0;}
.line{ border-bottom:1px solid #e7e7eb; margin:0 auto; width:86%;}
.three_con{ margin-left:34px; margin-top:22px;}
.three_con span{ color:#a0a0a0; line-height:22px; padding-left:8px;}
.user{ margin-bottom:10px;}
.call{ margin-bottom:10px;}
.qq{ margin-bottom:10px;}
.agent{width: 253px;padding-left: 16px;padding: 50px 0 21px 16px;}
/********contact_center结束***********/


/********contact_center_fant***********/
.contact_center_fant{ margin:0 auto; margin-bottom:80px; background:#549adc; width:100%; text-align:center; padding:40px 0;}
.contact_center_fant h2{ color:#fff; font-size:28px;}
.contact_center_fant ul{ width:728px; margin:0 auto; margin-top:30px;}
.contact_center_fant li{ float:left; width:262px; height:48px; line-height:48px; border:1px solid #fff; color:#fff; cursor:pointer; margin-left:66px;}
.contact_center_fant li:hover{ background:#fff; color:#549adc; border:1px solid #fff;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s}
/********contact_center_fant结束***********/

/********contact_center_service***********/
.contact_center_service{ margin-bottom:100px;}
.contact_center_service h2{ text-align:center; color:#4a4c52; font-size:34px;margin-bottom: 82px;}
.contact_center_service ul{ width: 845px; margin:0 auto;}
.contact_center_service ul li{ background:#fbfbfb; border:1px solid #e6e6e6; width:345px; height:169px; margin-left:50px; float:left;}
.service_img{ float:left;margin: 54px 0 0 87px;}
.sernav{ float:right; width:52%;margin-top: 43px;}
/********contact_center_service结束***********/


/****************************dev工具样式开始**********************************/

/********dev_banner开始***********/
.dev_banner{background: #2ba3d4 url(../image/bg_teaser.png) 50% 50% no-repeat; width:100%; height:100%;}
.dev_banner_img{ width:311px; margin:0 auto; margin-top:90px;}
.dev_banner_text{ color:#fff; font-size:15px; text-align:center; padding-top:36px; line-height:24px;}
.dev_banner_bet{ width:380px; margin:0 auto; margin-top:32px;}
.dev_banner_bet_and{ background:url(../image/dev_and.png) no-repeat; width:190px; height:63px; display:block; float:left;}
.dev_banner_bet_ios{ background:url(../image/dev_ios.png) no-repeat; width:190px; height:63px; display:block; float:left; margin-top:1px;}
.dev_banner_bet_and:hover{ background:url(../image/dev_and_hov.png) no-repeat;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s}
.dev_banner_bet_ios:hover{ background:url(../image/dev_ios_hov.png) no-repeat;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s}
.jiantou{ position:absolute; bottom:10px; left:49%;}
/********dev_banner结束***********/

/********dev_center开始***********/
.dev_center_left{ background:#fff;}
.dev_center_left_content{ width:1100px; margin:0 auto;padding-top: 157px;padding-bottom: 252px;}
.left_img{ float:left; width:486px;}
.left_txt{ float:right; width:491px;margin-top: 150px;}
.dev_center h3{ font-size:40px; color:#222; text-align:center;}
.dev_center p{ font-size:18px; color:#222;margin-top: 30px;line-height: 36px;}
.dev_center_right{ background:#3dc0f1;}
.dev_center_right_content{ width:1016px; margin:0 auto;padding-top: 272px;padding-bottom: 252px;}
.right_img{ float:right; width:491px;}
.right_txt{ float:left; width:486px;margin-top: 54px;}
.right_txt h3,.right_txt p{ color:#fff;}
.last_download{ background:#f6f6f6; text-align:center; color:#181818;}
.last_download h3{ font-size:32px; padding:70px 0 36px 0;}
.last_download_img{ padding-bottom:40px;}
/********dev_center结束***********/




/****************************pan工具样式开始**********************************/
/*.pan_banner{background:-webkit-linear-gradient(top, #55EFCB 0%, #5BCAFF 100%);}*/
.pan_banner{background: #5ce6da;}
.pan_banner2{background:url(../image/bg_teaser.png) 50% 50%  no-repeat;}
.pan_banner_img{ width:504px; margin:0 auto; margin-top:90px;}
.pan_banner_text{ color:#fff; font-size:15px; text-align:center;line-height:24px;}
.pan_banner_bet_and{ background:url(../image/pan_and.png) no-repeat; width:190px; height:63px; display:block; float:left;}
.pan_banner_bet_ios{ background:url(http://staticorigin.ydbimg.com/Images/frontimg/pan_ios.png) no-repeat; width:190px; height:63px; display:block; float:left; margin-top:1px;}
.pan_banner_bet_and:hover{ background:url(../image/pan_and_hov.png) no-repeat;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s}
.pan_banner_bet_ios:hover{ background:url(http://staticorigin.ydbimg.com/Images/frontimg/pan_ios_hov.png) no-repeat;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s}
.pan_center_right{ background:#1abc9c;}
/****************************pan工具样式结束**********************************/

/****************************云开发样式开始**********************************/
.kaifa_banner{background:#549adc; height:539px;}
.kaifa_banner2{ width:929px;margin:0 auto;}
.kaifa_banner_logo{ margin:0 auto; padding-top:90px; width:121px;}
.kaifa_more{ color:#fff; font-size:20px; text-align:center;line-height:32px; padding-top:32px; }
.kaifa_tit{ width:525px; margin:0 auto;}
.kaifa_miao{ background:#f2f2f2; color:#919190; height:78px; text-align:center; font-size:15px;}
.kaifa_miao p{ width:70%; margin:0 auto; line-height:22px; padding-top:18px;}

.kaifa_img{ float:right}
.kaifa_img img{margin-top: 34px;}
.kafa_right{ background:#549adc;}
.kaleft_txt{ float:right; width:491px;margin-top: 157px;}
.karight_txt{ float:left; width:486px;margin-top: 171px;}
.karight_txt h3,.karight_txt p{ color:#fff;}
.kafa_a{ color:#70d4f9;}
.kafa_a2{ color:#fff;}
/****************************云开发样式结束**********************************/

/****************************云建站样式开始*********************************/
.yunzhan_banner{ background:#198ede url(../image/features_banner.png) no-repeat; height:550px;padding-top: 17px;}
.yunzhan_banner2{ width:956px; margin:0 auto;}
.yunzhan_tit{ width:406px; margin-top:158px; float:left;}
.yunzhan_more{ font-size:52px; color:#fff;}
.zhan_more{ color:#fff; line-height: 38px;margin-top: 27px; font-size:18px;}
.yunzhan_img{ float:right; width:417px; margin-top: 19px;}
.tiyan{width:128px; height:36px; line-height:36px; color:#fff; text-align:center; display:block; font-size:13px; border:2px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius:2px; cursor:pointer; margin-top:20px;}
.tiyan:hover{ background:#fff; color:#549adc;-webkit-transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;transition:all ease 0.4s}


.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,0.4);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top:-205px; 
		left: 35%;
		width: 24%;
		background: #fff -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		text-align:center;
		margin-top: 29%;
		}
		

	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
		.moda_ha{ color:#2ba3d4;}
		.moda_ha:hover{ color:#2ba3d4; text-decoration:underline;}
		/**********底部***********/
.footer_new{ width:100%; margin:0 auto;background:#5a5e60; }
.footer_nav_new{ width:870px; margin:0 auto; padding-top:30px; padding-top:40px;}
.footera5_new{width:684px;}
.footer_zuo_new{ width:154px; float:left; border-right: solid 1px #474747;}

.footer_zuo_new h3{ color:#fff; font-weight:bold;font-size: 16px; margin-bottom:20px;}
.footer_zuo_new li{ padding-right:28px;color: #fff; line-height:24px;}
.footer_zuo_new a{color: #fff;}
.footer_zuo_new a:hover{ text-decoration:underline;}

.zuo1_new{ margin-left:110px;}
.zuo2_new{ border:none;margin-left:110px;padding-bottom:10px;}

.zuo2_new li{ font-size:18px;color: #fff;}
.zuo2_new li img{ margin-top:7px;}
.zuo3_new{ width:96px; margin-left:90px;border: none;}
.zuo3_new img{ width:96px;}
.pad_new{ text-align:center; padding-top:2px; color:#fff;}

.zuo3_new li{ font-size:12px;color: #fff;line-height: 24px;}
.zuo3_new li img{ margin-top:7px;}
.footer_di_new {
background-color: #44494c;
font-size: 12px;
color: #999;
line-height: 22px;
padding: 13px;
margin-top: 45px;
text-align:center
}
        .tips_center
        {
            width: 86%;
            margin: 0 auto;
            margin-top: 20%;
			margin-bottom: 6%;
        }
        .tips_center img
        {
            width: 100%;
        }
        
        .tips_bottom
        {
            position: absolute;           
            width: 100%;
        }
        .tips_bottom_1
        {
            width: 18%;
            margin-left: 41%;
            margin-bottom: 2%;
        }
        .tips_bottom_1 img
        {
            width: 100%;
        }
        .tips_bottom_2
        {
            width: 36%;
            margin-left: 32%;
        }
        .tips_bottom_2 img
        {
            width: 100%;
        }
        
        .device
        {
            background: #01ce9b;
            position: absolute;
            width: 100%;
            height: 100%;
        }
        
        .abodytips
        {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background: url(../image/alltips.png);
            background-size: 100% 100%;
            z-index: 10;
            display: none;
            cursor: pointer;
        }
/*在线客服*/
/**,:after,:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}*/
[class*=am-icon-]:before {
	display: inline-block;
	/*font: normal normal normal 1.6rem/1 FontAwesome,sans-serif;*/
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0)
}



.am-icon-phone:before {
	content: url(../image/indextel.png);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.am-icon-qq:before {
	content:  url(../image/indexqq.png);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.am-icon-qrcode:before {
	content: url(../image/indexqrcode.png);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fixpq {
	position:fixed;
	right:1rem;
	font-size:12px;
	top:300px;
	margin:0;
	padding:0;
	z-index:9999;
	overflow:hidden
}
.fixpq li{
	background:rgba(0,0,0,.6);
	font-size:14px;
	padding: 8px 5px 0px 5px;
	text-align:center;
	display:block;
	margin-bottom:3px;
	width:35px;
	color:#fff;
	height:52px;
	-webkit-transition:width .15s ease-in-out;
	transition:width .15s ease-in-out
}
.fixpq li:first-child a{
	cursor:default
}
.fixpq li a{
	color:#fff;
	text-decoration: none;
	-webkit-transition:width .15s ease-in-out;
	transition:width .15s ease-in-out
}
.fixpq li a:before {
	display:block;
	font-size:24px;
	color:#fff;
	-webkit-transition:width .15s ease-in-out;
	transition:width .15s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fixpq li:nth-of-type(1) a:before {
	height:24px;
	overflow:hidden
}
@media screen and (min-width:640px) {
	.fixpq li:nth-of-type(1):hover {
	width:168px
}
.fixpq li:nth-of-type(1):hover a:before {
	content:"400-003-7975";
	font-size:16px;
}
.fixpq li:nth-of-type(1),.fixpq li:nth-of-type(2),.fixpq li:nth-of-type(3),.fixpq li:nth-of-type(4) {
	float:right
}
}

.fixpqa5 {
	position:fixed;
	right:1rem;
	font-size:12px;
	top:300px;
	margin:0;
	padding:0;
	z-index:9999;
	overflow:hidden
}
.fixpqa5 li {
	background:rgba(0,0,0,.6);
	font-size:14px;
	padding: 8px 5px 0px 5px;
	text-align:center;
	display:block;
	margin-bottom:3px;
	width:35px;
	color:#fff;
	height:52px;
	-webkit-transition:width .15s ease-in-out;
	transition:width .15s ease-in-out
}
.fixpqa5 li:first-child a {
	cursor:default
}
.fixpqa5 li a {
	color:#fff;
	text-decoration: none;
	-webkit-transition:width .15s ease-in-out;
	transition:width .15s ease-in-out
}
.fixpqa5 li a:before {
	display:block;
	font-size:24px;
	color:#fff;
	-webkit-transition:width .15s ease-in-out;
	transition:width .15s ease-in-out;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fixpqa5 li:nth-of-type(1) a:before {
	height:24px;
	overflow:hidden
}
@media screen and (min-width:640px) {
	.fixpqa5 li:nth-of-type(1):hover {
	width:168px
}
.fixpqa5 li:nth-of-type(1):hover a:before {
	content:"400-679-8007";
	font-size:16px;
}
.fixpqa5 li:nth-of-type(2) {
	float:right
}
}
.qrcodebackbox{
 position: fixed;
 right: 4rem;
 top: 300px;
 display:none;
  filter:alpha(opacity=0);       /* IE */
 -moz-opacity:0;              /* 老版Mozilla */
  -khtml-opacity:0;              /* 老版Safari */
  opacity: 0;           /* 支持opacity的浏览器*/
}
.qrcodebackbox img{
 width:186px;
}
/*在线客服*/ 
 /****************************定制样式开始*********************************/
.diy_banner{ background:#198ede;}
.diy_banner2{ width:1018px; margin:0 auto;}
.diy_banner_toot{ width:1018px; margin:0 auto;}
.ours_team{ margin-top:100px;}
.diy_h2{ font-size:42px; color:#636363; text-align:center;}
.red{ color:#fd5f46;}
.small{ font-size:14px; color:#939393; text-align:center;padding-top:9px;}
.ours_team ul{ margin:0 auto; margin-top:60px;width: 911px;}
.ours_team ul img{ margin-bottom:20px; padding-top:10px;}
.ours_team ul li{ float:left; color:#fff; text-align:center; font-size:16px;padding:20px 34px; line-height:26px;}
.ours_team_1{ background:#fd5f46;}
.ours_team_2{ background:#3297db;}

.ours_pro,.ours_can,.ours_Case,.ours_service{ margin-top:150px;}
.ours_pro_1,.ours_pro_2{ margin:0 auto; width: 910px; margin-top:40px; margin-bottom:30px;}
.ours_pro li{ float:left; width:85px; margin-left:80px; text-align:center; line-height:32px; color:#656565;}
.ours_pro_1{ margin-top:60px;}
.ours_Dev{ width:876px; margin:0 auto;margin-top:150px;}
.ours_Dev img{ margin-top:70px;}

.can_1,.can_2,.can_3{ width:947px; margin:0 auto;}
.can_1,.can_3{ margin-top:40px;}



.jiuv_1 ul{ width:1045px; margin:0 auto; margin-top:70px;}
.jiuv_1 li{ width:487px; float:left;margin-left: 53px;margin-bottom: 30px;position: relative;}
.shouji{ float:left; width:188px;background:url(../image/iphone.png) no-repeat; width:188px; height:387px;}
.shouji img{margin: 44px 0 0 13px; width:166px; height:288px;}
.al_nav{ float:left; width:204px; margin-left:45px;}
.al_nav h3{font-size: 23.48px;color: #1e1e1e;padding-right: 30px;padding-top: 38px;}
.al_nav p{margin-top: 20px;font-size: 14px;color: #858585;}
.sewm{ background:url(../image/erweima_case.png) no-repeat; width:204px; height:115px;position: absolute;top: 203px;left: 231px;}
.sewm img{ width:100px;margin: 8px 0 0 9px;}
.tubiao{ width:66px; height:99px; text-align:center; float:left; margin-left:47px; margin-top:11px; display:block; cursor:pointer;}
.tubiao img{ width:62px; height:62px; border-radius:100%; border:1px #e4e4e4 solid;}
.tubiao p{ line-height: 17px; font-size:12px;}


.ours_service{ padding-bottom:100px;}
.ours_service ul{ margin:0 auto;width: 310px;}
.ours_service li{ margin-top:70px;}
.ours_service li img{ float:left}
.ours_service li p{ float:right; font-size:16px; color:#787878; line-height:32px; padding-top:16px;}     
.ours_service li p a{ float:right; padding-top:5px;}   


/*案例 样式 start*/
.case_banner{ width:100%; height:470px; background:url(../image/case_banner.jpg) no-repeat center; text-align:center;}
.case_banner p{ color:#fff; font-size:50px; line-height:50px; padding-top:170px;}
.case_banner span{ color:#fff; font-size:15px; line-height:15px; padding:15px 0 30px 0; display:block}
.case_banner a{ width: 177px; height: 36px;line-height: 36px;color: #fff;text-align: center;display: block;font-size: 13px;border: 2px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 2px; margin:0 auto;}
.case_banner a:hover{ border-color:#22c3a7; background:#22c3a7;}
.section{ margin-bottom:80px;}
.section ul{ width:1104px; margin:0 auto;}
.section li{ width:318px; background:#fafafa; padding:20px 14px 20px 20px; float:left; margin-left:24px; margin-top:24px;} 
.sec_title{padding: 25px 0 17px;border-bottom: 3px solid #549adc;width: 234px;margin: 80px auto 26px auto;font-size: 30px;text-align: center;}
.sec_cen_left{ width: 140px; height:228px;float:left; padding: 24px 10px 23px 6px; background:url(../image/phone.png) no-repeat;margin-left: 8px; cursor: pointer;}
.sec_cen_right{ float:right;margin: 51px 29px 0 0; width:88px; text-align:center;}
.sec_cen_right p{ color:#333; font-size:16px; padding:8px 0;}
.sec_cen_right img{ border-radius:14px; border:3px solid #e7e7ea; width:66px; height:66px;}
.sec_cen_right a{ display:block; width:88px; height:24px; border:1px solid #c0c0c0; line-height:24px; text-align:center; color:#666; border-radius:4px;}
.sec_cen_right a:hover{ border:1px solid #549adc; color:#549adc}
.and_da{ margin-bottom:8px; margin-top:8px;}
.show-ewm {position: absolute;margin-top: -251px;margin-left: 14px;width: 140px;height: 228px;text-align: center;background-color: rgba(0,0,0,.4);transition: top .2s;
border-radius: 5px 5px 0 0;cursor:pointer;}
.show-ewm img {width:100px;height:100px;margin-top:50px;padding:4px;border:1px solid #d3d7d1;background:#fff;cursor:pointer;}
.show-ewm p{ line-height:28px; color:#fff; font-size:14px; text-align:center;}
.f-hide { display:none; }
 /*打包淘宝*/
.index_main_center {margin-top: 80px;}
.index_main_function h2,.index_main_youshi h2,.index_main_jieshao h2,.index_main_case h2{font-family:"微软雅黑";font-size:30px; color:#333;text-align: center;display: block;line-height: 1.1;}
.index_main_youshi h3,.index_main_function h3,.index_main_jieshao h3,.index_main_case h3{ height:3px; background:#0095ea; margin:0 auto;width:64px;margin-bottom: 60px; border-radius:3px; margin-top:20px; }
.jieshaopaddlcol{ padding: 30px; margin: 0 auto; width: 50%; background: #f6f6f9;border-radius: 8px;}
.jieshaopaddlcol span{ display:block; color: #575790; font-size: 16px; line-height: 26px;}
.index_main_youshi{ margin-top:80px;}
.main_youshi ul{ overflow:hidden; width:1095px; margin:0 auto;}
.main_youshi ul li{ width:365px; text-align:center; float:left; height:360px;}
.main_youshi ul li h4{ color:#333; font-size:18px; margin-top:40px;}
.main_youshi ul li p{ color:#888; font-size:14px; line-height:22px; margin-top:16px; padding:0 30px;}
.main_funleft{ overflow:hidden;width: 1000px;margin: 0 auto; padding-top:80px;}
.main_funleft img{ float:left;}
.funtxt{ float:right; color:#888;width: 455px;font-size: 22px;line-height: 30px;text-align: justify;}
.lefttxt{ float:left;}
.funtxt h5{color:#323232; font-size:23px; padding-bottom:20px;}
.fa1{margin-top:143px;}
.fa2{margin-top:158px;}
.fa3{margin-top:158px;}
.fa4{margin-top:180px;}
.fa5{margin-top:158px;}
.box_main_funright{ background:#f9f9f9; padding:40px 0; margin-top:90px;}
.main_funright{ overflow:hidden; width:1000px; margin:0 auto;}
.main_funright img{ float:right;}
.funimg1{ width:300px;}
.funimg2{ width:430px;padding:94px 0 125px 0;}
.funimg3{ width:438px;padding:90px 0 102px 0;}
.funimg4{ width:350px;padding:72px 0 98px 0;}
.funimg5{ width:426px;padding:92px 0 106px 0;}
.main_function{ padding-bottom:60px;}
.index_main_case{ margin-top: 80px;}
.index_main_case ul{ width:1104px; margin:0 auto;}
.index_main_case li{ width:318px; background:#fafafa; padding:20px 14px 20px 20px; float:left; margin-left:24px; margin-top:24px;}        
        
/*打包微信*/
.index_wechat_case{ margin-top: 80px;}
.catyoushi h2,.index_main_detail h2,.index_wechat_case h2{font-family:"微软雅黑";font-size:30px; color:#333;text-align: center;display: block;line-height: 1.1;}
.catyoushi h3,.index_main_function h3,.index_main_detail h3,.index_wechat_case h3{ height:3px; background:#51dc99; margin:0 auto;width:64px;margin-bottom: 60px; border-radius:3px; margin-top:20px; }
.wetdetail{ padding: 30px; margin: 0 auto; width: 50%; background: #f6f6f9;border-radius: 8px; text-align:center;}
.wetdetail span{ display:block; color: #575790; font-size: 16px; line-height: 26px;}
.catyoushi{ margin-top:80px;}
.catyoushi ul{ overflow:hidden; width:1095px; margin:0 auto;}
.catyoushi ul li{ width:365px; text-align:center; float:left; height:360px;}
.catyoushi ul li h4{ color:#333; font-size:18px; margin-top:40px;}
.catyoushi ul li p{ color:#888; font-size:14px; line-height:22px; margin-top:16px; padding:0 30px;}
.main_funleft{ overflow:hidden;width: 1000px;margin: 0 auto; padding-top:80px;}
.main_funleft img{ float:left;}
.funtxt{ float:right; color:#888;width: 455px;font-size: 22px;line-height: 30px;text-align: justify;}
.lefttxt{ float:left;}
.funtxt h5{color:#323232; font-size:23px; padding-bottom:20px;}
.fa1{margin-top:143px;}
.fa2{margin-top:158px;}
.fa3{margin-top:158px;}
.fa4{margin-top:180px;}
.fa5{margin-top:158px;}
.box_main_funright{ background:#f9f9f9; padding:40px 0; margin-top:90px;}
.main_funright{ overflow:hidden; width:1000px; margin:0 auto;}
.main_funright img{ float:right;}
.funimg1{ width:300px;}
.funimg2{ width:430px;padding:94px 0 125px 0;}
.funimg3{ width:438px;padding:90px 0 102px 0;}
.funimg4{ width:350px;padding:72px 0 98px 0;}
.funimg5{ width:426px;padding:92px 0 106px 0;}
.main_function{ padding-bottom:60px;}
.index_main_case{ margin-top: 80px;}
.pshowbox{ width:1128px; margin:0 auto; overflow:hidden;}
.pshowleft{ width:310px; background:#fafafa; padding:20px 14px 20px 20px;margin-top:24px; float:left;}
.pshowfront,.pshowback{ background:#fafafa; height:295px; margin-top:24px; margin-left:11px; padding:10px;}
.pshowfront{ float:left;}
.pshowback{ float:left;}
.pshowfront img,.pshowback img{ width:125px; margin-top:28px; border: 3px solid #e7e7ea;}
.pshowfront h5,.pshowback h5{ float:left; display:block; margin: 122px 0 0 0; width:68px; height:28px; color:#fff; text-align:center; line-height:28px; background:#16ca6f; border-radius:3px;}
.pshowfront h5{ background:#A7A7A7;}
.pshowfront ul,.pshowback ul{ float:left; margin-left:7px; overflow:hidden;}
.pshowfront li,.pshowback li{ float:left; margin:0 6px;}