﻿li{list-style: none;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin: 0; padding: 0;}
em,i,cite{font-style: normal;}
strong,a{text-decoration: none;}
strong,a:hover{text-decoration: none;}
img{border: none;width:100%;}
body{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"}
input{outline: none;border: none;}
textarea{outline: none;border: none;}
a,p,b{ text-decoration:none; color:rgb(102,102,102);font-size: 16px;}
a:hover{cursor:pointer;text-decoration:none;}
i{float: left;}
b,em,i,small,span,u{font-weight: 400;font-style: normal;}
.suojin2{text-indent: 2em;}
.fqzf_cpjs{margin-top:1em;margin-bottom:0px;font-size:22px; width:100%;}
.fqzf_cpjs h3{text-align:center;width:100%;}
.icp_babtn{text-align:center;}
.icp_babtn p{font-size:1.2em;}
.icp_babtn a{font-size:1em;margin-right:2px;color:red;text-decoration:underline;}
.backbgtop{
background:rgba(0,0,0,.7);
border-top:2px solid #FFF;
}
.backbghei{
background:rgba(0,0,0,.7)
 
}
.fl{float: left;}
.fr{float: right;}
.m-r0{margin-right: 0 !important;}
.m-t0{margin-top: 0 !important;}
.m-t2{margin-top: 2% !important;}
.m-b4{margin-bottom: 4%;}
.color{color: #ff6600;}
.ys{color: #3399cc !important;}
.us img,.header,.header2,.app-con img,.app-tit,.app-img img,.suspension{transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s}
.us img,.app-tit,.case img,.about-top img{transition: all .4s;-moz-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;}
.us img:hover{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.case-img:hover img{transform:scale(1.2);-ms-transform:scale(1.2); /* IE 9 */-moz-transform:scale(1.2); /* Firefox */-webkit-transform:scale(1.2); /* Safari and Chrome */-o-transform:scale(1.2); /* Opera */}
.b{font-weight: bold;font-size: 1.2em !important;}
/*顶部*/
.con-1920{width: 100%;}
.con-1400{width: 1400px;margin: auto;}
.con-1200{width: 1200px;margin: auto;}
.header{background:rgba(0,0,0,.3) ;height: 80px;position: fixed;top: 0;z-index: 999;padding-top: 0px;}
.logo{background: url(../img/logo.png) no-repeat center;width: 220px;height: 80px;float: left;}
.header ul{float: right;}
.header li {float: left;line-height:80px;padding:0 16px 0 16px;position: relative;width:90px;text-align:center;}
.header li a{color: white;width:100%;display:table;}
.top0{position: fixed !important;top: 0 !important;}
.menu{background: url(../img/nav.png) no-repeat;float: right;height: 33px;width: 42px;position: absolute;background-size: 25px 25px;right: 0;top: 10px;display: none;z-index: 99;}
.tab-a{position: absolute;height: auto;background: #ccf2ff;z-index: 10;top: 38px;right: 0;display: none;opacity: 0.9;}
.tab-a>li{text-align: center;line-height: 2.6em;margin: 0;float: none;}
.tab-a>li>a{font-size: 0.9em;color: #000000;}
.header2{background:black}
.header2 li a{color: white;}
.wx_imglist{text-align:center;}
.wx_imglist img{width:290px;}
.small{background:rgba(0,0,0,.7) !important;padding-top: 0;}
.two_level_tab{background:rgba(0,0,0,.7);position: absolute;width: 100%;left: 0;line-height: 45px;display: none;text-align:center;}
.two_level_tab a{background:rgba(0,0,0,.7)}

.two_level_tab a:hover{color: #3399CC;background:rgba(0,0,0,.9);}
/*网站建设*/
.bac{position: relative;}
.bac .beij{position: absolute;top: 0;z-index: 1;}
.bac .con-1400{position: absolute;top: 0;z-index: 5;background: white;left: 50%;margin-left: -700px;}
.build{text-align: center;overflow: hidden;}
.con-1200 h2{margin: 4% 0;font-weight: normal;font-size: 24px;text-align: center;}
.con-bui h4{margin: 3% 0;font-size: 14px;}
.con-bui{padding: 1%;border: 1px solid #ececec;width: 21.3%;margin-right: 2%;float: left;}
.width67{width: 67%;}
.con-bui p{text-align: left;font-size: 14px;margin:0 8%;line-height: 1.8em;}
.con-bui a{display: inline-block;border-radius: 15px;background: #FF6600;padding: 8px 12px;margin: 2px 5px;color: white;}
.app .con-bui{width: 32%;border: none;padding: 0 0 1% 0;margin-bottom: 2%;background: #eeeeee;position: relative;height: 376px;overflow: hidden;}
.app .con-bui:hover .app-tit{opacity: .9;bottom: 0;}
.app .con-bui:hover .app-img img{top: -20px;}
.app .app-tit{opacity: 0;position: absolute;width: 100%;z-index: 1;background: #FF6600;bottom: -83px;border-radius: 15px;}
.app .app-img{position: relative;top: 0;height: 293px;}
.app .app-img img{position: absolute;top: 0;left: 0;}
.app .app-bot{position: absolute;bottom: 3%;width: 100%;z-index: 5;}
.app .con-bui p{margin:4% 0 4% 20%;color: white;}
.app .app-tit2 p{color: #000000;}
.bac .con-1200>img{margin: 3% auto 0;display: block;}
.bac .con-1200>h2{text-align: center;}
.wzjs>div:hover{border-color: #FF6600;}

/*底部*/
.end{background:white;text-align: center;}
.end a,.end p{display: inline-block;line-height: 50px;font-size: 14px;}
.end .line{height: 1px;width: 100%;background: #ece7e7;}
.end a{margin-left: 5%;}
.end-b{display: none;}
.end-b a{font-size: .8em;}
.end-c{text-align: center;}
.end-c *{display: inline-block;}
.end-c img{height: 52px;width: auto;cursor:pointer;}

.qr{width: 100%;background: url(../img/lianxius.jpg) no-repeat;overflow: hidden;margin-top: 6em;}
.qr-con{width: 1200px;margin: auto;}
.qr p{color: white;}
.qr a{color: #cccccc;}
.qr-top{text-align: center;margin: 10px auto 30px;}
.qr-top p{font-size: 24px;line-height: 36px;}
.qr-mid{width: 100%;margin-bottom: 5em;}
.qr-mid-con{width: 24%;display: inline-block;height: 54px;}
.qr-mid-con img{float: left;width: 56px;margin-left: 2em;margin-right: 1em;}
.qr-mid-con .width42{width: 47px;}
.qr-right{width: 140px;margin-right: 1em;margin-bottom: 3em;float: right;}
.qr-right p{text-align: center;margin-top: .5em;}
.qr-bot ul{width: 650px;height: 150px;margin-bottom: 3em;float: left;padding-left: 1em;}
.qr-bot ul li{float: left;line-height: 2.3em;width: 252px;}
.gd{text-decoration:line-through}
.qr-top .p1{font-size: 40px;line-height:80px ;}
/*除主页面的公共样式*/
.top-img{width: 100%;position: relative;margin-top: 80px;}
.title{position: absolute;width: 66%;text-align: center;left: 0;top: 25%;}
.title p{font-size: 60px;line-height: 70px;color: #3399cc;}
.con-title{width: 1200px;margin: auto;position: absolute;top: 0;margin-left: -600px;left: 50%;height: 100%;}
.p-eng{font-size: 48px;font-family: Algerian;text-transform: uppercase;}
.chi-b{display: none;}
/*悬浮窗口*/
.suspension{position: fixed;width: 152px;height: 400px; z-index: 100;top: 50%;margin-top: -200px;right: 0;}
.back-top{position: absolute;bottom: 0;width: 100%;height: 40px;}
.open{width:160px;height:188px;background: url(../img/boxLefBg.png) no-repeat center;position: fixed;left: 0;	z-index: 9;	bottom:16px;	cursor:pointer;}
.open img{	height:26px;	margin-top: 112px;	position: absolute;	right:20px;	cursor: pointer;	width: auto;}
.box{	width:100%;	min-width: 1200px;	height:140px;	background: url(../img/box_bg.png) no-repeat center;	position: fixed;	z-index: 999;	bottom:0;	left: -100%;}
.box_cont{	width:1100px;	margin: auto;	position: relative;}
.box_pic{	height:220px;	position: absolute;	left: 0;	top: -106px;	width: auto;}
.close{	width:26px;	float: right;}
.box_title{	margin: 20px auto auto 220px;}
.box_title span{	font-size: 32px;	color: #ffce52;	font-weight: 600;	letter-spacing: 5px;}
.box_title a{	margin-left: 30px;	font-size: 16px;	color: #fff;}
.box_lst{	margin: 16px auto auto 220px;	zoom:1;}
.box_lst:after{	clear:both;	content:'.';	display:block;	width: 0;	height: 0;	visibility:hidden;}
.box_lst div{	width:180px;padding:10px;	margin-right: 20px;	float: left;	background: #f8f8f8;	border-radius: 5px;}
.box_lst span{	display: inline-block;	font-size: 16px;	color: #666;	cursor: pointer;	overflow: hidden;}
.box_lst img{	float: right;margin-top: 7px;	width: auto;}
.box_lst input{	width:100%;	border: none;	background: none;	font-size: 16px;	color: #858585;}
.box_right{	background: #d11213 !important;	color: #fff;	cursor: pointer;	text-align: center;}
.box_select{	width:198px;	background: #f8f8f8;	border-radius: 5px;	position: absolute;	left: 220px;	text-align: center;	overflow: hidden;	bottom: 50px;	border: 1px solid #ddd;	display: none;}
.box_select a{	font-size: 16px;color: #000;padding:7px 0;display: block;	cursor: pointer;}
.box_select a:hover{background: #9cadbc;}
.diff{position: absolute;top: 0;right: 0;display: block;width: 30px;height: 30px;z-index: 100;}
/*底部菜单*/
.bottom{width: 100%;position: fixed;bottom: 0;height: 3em;background: #3399cc;z-index: 5;}
.bottom span{color: white;margin-top:2em;display: block;}
.bottom>a{width: 25%;text-align: center;float: left;height: 4em;display: inline-block;position: relative;}
.bottom i{width: 1.2em;height: 1.2em;position: absolute;left: 50%;margin-left: -0.6em;top: .5em;}
.bottom .bot-sy{background: url(../img/bot-a.png) no-repeat;background-size: 1.2em;}
.bottom .bot-zx{background: url(../img/bot-b.png) no-repeat;background-size: 1.2em;}
.bottom .bot-dx{background: url(../img/bot-c.png) no-repeat;background-size: 1.2em;}
.bottom .bot-dh{background: url(../img/bot-d.png) no-repeat;background-size: 1.2em;}

@media only screen and (max-width: 1400px) {
	.con-1400,.bac{width: 100% !important;}
	.beij{display: none;}
	.bac .con-1400{left: 0;margin-left: 0;}
}
@media only screen and (max-width: 1200px) {
	.con-1200,.con-title{width: 100% !important;}
}	
@media only screen and (max-width:768px ) {
	/*公共样式*/
	a,p,b,.case p,.con-bui p,.about *{font-size: .7em;}
	.con-menu>ul,.btn_left,.btn_right,.suspension,.app-tit,.end-a,.chi-a,.ser-right,.qr-right,.open,.box,.ifra,.auth_t_r,.title_t span{display: none;}
	.menu,.app-tit2,.end-b,.chi-b{display: block;}
	.con-1200,.qr-con,.con-menu{width: 92% !important;margin: auto;}
	/*首页*/
	.header{position: relative;background:rgba(255,255,255,1);height: 3em;padding-top: 0;}
	.logo{background: url(../img/logo2.png)no-repeat center;background-size: 8.5em 2.1em;height: 4em;width: 9.5em;}
	.btn a{width: .8em;height: .8em;margin: 0 1.5%;}
	.con-1200 h2{font-size: 1.2em;margin: 3% 0;}
	.con-bui{width: 42.5%;margin: 0 2.4% 1em;height: 360px;}
	.con-bui a{font-size: .8em;padding: .3em .3em;border-radius: .5em;}
	.app h2{margin-top: 0;}
	.app .con-bui{margin: 0 2% 2% 0;}
	.app .app-img{height: auto;}
	.app .con-bui{height: 16.5em;}
	.app .con-bui p{margin: 4% auto;line-height: 1.2em;}
	.app-tit2{min-height: 5.2em;}
	.app .app-bot>a{padding: .3em 1em;}
	.contact h2{font-size: .9em;}
	.end a, .end p{line-height: 2em;}
	/*网站建设*/
	.imgtext p{font-size: 1em;}
	.bui-top>p{width: 80%;margin: auto;}
	.con-text{height: 18.7em;}
	.con-text2{width: 46%;margin: 5% 0 0 0;}
	.con-text3{width: 100%;height: auto;}
	.con-text h4{font-size: 1em;line-height: 5em;}
	.con-text p{margin: 0 3% 7%;}
	.p-text{line-height: 2em;}
	/*案例*/
	.case{width: 46%;}
	.case p{line-height: 2.8em;min-height: 2.8em;}
	.line-height28{line-height: 1.4em !important;}
	.fr-a{float: right;margin-right: 0 !important;}
	/*联系方式*/
	.about *{line-height: 2.1em;}
	.about h4{font-size: 1em;margin: .8em auto;}
	/*关于我们*/
	.cont-top p{font-size: .8em;line-height: 2.3em;}
	.cont-map{margin: 4% auto;width: 100%;}
	.map{height: 15em !important;}
	/*特价服务*/
	.ser-left{width: 54%;}
	.ser-middle{width: 46%;}
	.ser-left h2{font-size: .8em;line-height: 2.3em;}
	.ser-left .number{font-size: .7em;padding: 0 2px;margin: 1px;}
	.ser-a{bottom: .5em;}
	.ser-a a{margin: 0 .1em;padding: .3em .9em;border-radius: .5em;}
	.ser-left i{display: none;}
	.ser>div{height:265px;}
	.height294{height: 294px !important;}
	.height337{height: 337px !important;}
	.change{display: inline-block;position: static !important;}
	.qr{background: url(../img/lianxius2.jpg);margin-top: 0;padding-bottom: 0}
	.qr-top{margin: .5em auto 1em;}
	.qr-mid{margin-bottom: 0;}
	.qr-top p{font-size: 1em;width: 75%;margin: auto;line-height: 2em;}
	.qr-mid-con{width: 49%;}
	.qr-mid-con img{width: 2.6em;margin-right: .3em;margin-left: 1em;}
	.qr-mid-con .width42{width: 2em;}
	.qr p{font-size: .8em;}
	.qr-bot ul{width: 100%;margin: 0;padding: 0;height: auto;}
	.qr-bot ul li{width: 50%;line-height: 1.8em;}
	.con-title{margin-left: -50%;}
	.con-title p{font-size: 2em;line-height: 1.4em;}
	.con-title .p-eng{font-size: 1.3em;}
	.title{width: 73%;}
	.fll{float: right;}
	.top-img{margin-top: 0;}
	.header2 li a{color: black;line-height: 2.6em;height: 2.6em;}
	.wzjs .con-bui{position: relative;}
	.wzjs .con-bui .a1{position: absolute;bottom:0.5em;}
	.b{font-size: .9em !important;}
	.ser-left p{font-size: .7em;}
	.qr-top .p1{font-size: 1.2em;line-height: 2.5em;}
	
	.about>img,.wzjs{margin-bottom: 0;}
	.end{margin-bottom: 2.5em;}
	.banner{height: 12em !important;}
	.banner>ul img{height: auto !important;}
	.con-m{margin-bottom: 4%;}
	.ass-box,.ass-l{height: 14em;}
	.ass-box3,.ass-box3 .ass-l{height: 20em;}
	.ass-l img{width: 3.6em;margin-top: -1.8em;margin-left: -1.8em;}
	.ass-r{width: 73%;}
	.ass-r h4{font-size: 1em;}
	.ass-r p{font-size: .8em;line-height: 21px;}
	/*icp*/
	.beian1-l{width: 100%;border: none;text-align: left;}
	.beian1-l p{line-height: 3.6em;font-size: 16px;}
	.beian1-l p span{font-size: 20px;}
	.beian1-r{width: 100%;padding: 0;height: auto;}
	.beian1-r p{padding: 0 .7em;}
	.icp_txt table{width: 100%;}
	.icp_top{border: none;font-size: 16px;padding-left: 0;line-height: 3.6em;}
	.icp_top span{font-size: 20px;text-align: left;}
	.icp_txt td{padding-left: 1em;;line-height: 2em;}
	.sj{position: static;width: 1.2em;margin-right: 1em;}
	.sj_con{padding-left: 1em !important;background: white;}
	.sj_con2{background: #F7F7F7;}
	.beian2 .fr{margin-top: 1em;}
	.beian2{margin-bottom: 0;overflow:  visible;}
	.h4-b{margin: 0 !important;}
	.icp_t_box .beia{height: auto;}
	
	.server_top{height: auto;}
	.server_top_con{width: 50%;height: auto;padding-bottom: .5em;}
	.server_top_con img{width: 2em;margin: 5% auto;}
	.server_top .con-1200{width: 100% !important;}
	.hide2:after{display: none;}
	.vps_txt{width: 70% !important;}
	.vps_txt h2{margin: 0;}
	.vps{width: 46.7%;margin-left: 2%;}
	.vps p, .vps h4{line-height: 2.4em;}
	.i-m{width: 2em;height: 2em;right: .2em;background-size: 2em 2em;top: .1em;}
	.server_bottom .p_tit{font-size: 1em;}
	.vps_tx i{width: 15%;}
	.p_zho{line-height: 1.5em !important;}
	.icp_t{margin-top: 0;}
	.icp_t_box{width: 43%;margin-top: 1em;padding-bottom: .3em;margin-right: 4%;}
	.icp_t_box img{margin-bottom: .3em;}
	.m-r00{margin-right: 0 !important;}
	.icp_t_box .dj{margin: .3em auto;}
	.new_img{margin-top: 0;}
	.new_img img{width: 45%;margin: 20px 2.5%;}
	/*网站认证*/
	.auth_t{margin-top: 0;}
	.auth{width: 100% !important;}
	.auth_t .banner{width: 100%;height: 141px !important;}
	.auth .btn{bottom: 2%;}
	.title_t{margin-top: 30px;background-size:200% 100%;}
	.title_t b{padding-left: 20px;font-size: 15px;}
	.auth_edition a{width: 6em;}
	.auth_edition_box{width: 96%;margin-left: 4%;}
	.auth_edition_con_ban{width: 46%;margin-right: 4%;border: none;height: 27.5em;}
	.auth_edition_con_ban>a{width: 39%;}
	.auth_al_img{padding: 0;}
	.auth_al_img img{width: 22%;margin: 1% 1%;}
	.auth_new_con{padding: 0;}
	.auth_new_con a{width: 78%;margin-left: 22%;}
	.mbxxx{margin-bottom:3em;}
}