* {
	list-style: none;
	text-decoration: none;
}
body,html{
	margin: 0;
}
ul,li,p,span,a,input,h3{
	margin: 0;
	padding: 0;
}
input{
	    color:#444;
}
em{ font-style: normal;}
a{
	color: #3f3f3f;
}

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
}
                    /*    清除浮动*/
.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    clear: both;
}


body {
    font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,'Microsoft Yahei';
    font-weight: normal;
    margin: 0;
    min-width: 1200px;

}
.gy{
	width: 1200px;
    margin: 0 auto;

    overflow: hidden;
}

.banner-wzjs{
	width: 100%;
	height: 500px;
	margin: 0 auto;
}
.banner-wzjs span{
	    display: block;
    width: 100%;
    height: 100%;
}
.zhixian{
	background-color: #cccccc;
	width: 140px;
	height: 2px;
	display: block;
	float: left;
	    margin-top: 17px;
}
.bt-zhong{
	float: left;
}
.biaoti {
width: 415px;
	height: 38px;
	overflow: hidden;
	margin:  0 auto;
}


/*基础功能*/
.jichu{
	padding-bottom: 80px;
}
.bt-ying {
	font-family: "微软雅黑";
	font-size: 25px;
	text-align: center;
	margin-top: 45px;
	color: #585858;
	    font-weight: 900;
}
.bt-zhong {
	font-family: "微软雅黑";
	font-size: 22px;
	text-align: center;
	    display: block;
    margin-left: 23px;
    margin-right: 23px;
}
.jcgn {
	margin-top: 30px;
}
.jcgn ul li{
	width: 31.5%;
	height: 260px;
	float: left;
	margin-right: 30px;
	border: 1px solid #008dfc;
}
.jcgn ul li:nth-child(3){
	margin-right: 0px;
}
.jcgn ul li img{
	display: block;
	margin: 0 auto;
	margin-top: 38px;
}
.jcgn ul li p{
	font-weight: bold;
	font-family: "微软雅黑";
	font-size: 25px;
	text-align: center;
	margin-top: 20px;
}
.jcgn ul li p:hover{
	color: #008DFC;
}
.jcgn ul li span:hover{
	color: #008DFC;
}
.jcgn ul li span>p{
	width: 240px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #959595;
	display: block;
font-weight: normal;
}

/*5大核心优势*/
.bt-ys {
	font-family: "微软雅黑";
	font-size: 22px;
	text-align: center;
	    display: block;
    margin-left: 23px;
    margin-right: 23px;
}


.youshi{
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	background-color: #f4f4f4;
	overflow: hidden;
}
.ys-nr{
	min-width: 1200px;
	max-width: 1500px;
	height: auto;
	margin: 0 auto;
}
.ys-nr em{
	font-size: 45px;
	color: #ff7e06;
	font-style:oblique;
    font-weight: 300;
}
.youshi .ys-nr span>p{
	    margin-top: -11px;
}
.ys-text {
	width: 100%;
	height: auto;
	margin-top: 30px;
	position: relative;   
}
.ys-text img{
	display: block;
	margin: 0 auto;
	min-width: 1200px;
    max-width: 1500px;
    width: 100%;
}
.tx1>p{
	position: absolute;
	    font-size: 20px;
    left: 46%;
    top: 23%;
    font-family: "微软雅黑";
}
.ms1>p{
	position: absolute;
	font-size: 15px;
     left: 40%;
    top: 33%;
    font-family: "微软雅黑";
}
.tx2>p{
		position: absolute;
	    font-size: 20px;
left: 13%;
    top: 35%;
    font-family: "微软雅黑";
}
.ms2>p{
	position: absolute;
	font-size: 15px;
    right: 73%;
    top: 46%;
    font-family: "微软雅黑";
}
.tx3>p{
		position: absolute;
	    font-size: 20px;
           right: 13%;
    top: 35%;
    font-family: "微软雅黑";
}
.ms3>p{
	position: absolute;
	font-size: 15px;
   left: 76%;
    top: 46%;
    font-family: "微软雅黑";
}
.tx4>p{
		position: absolute;
	    font-size: 20px;
        left: 10%;
    top: 78%;
    font-family: "微软雅黑";
}
.ms4>p{
	position: absolute;
	font-size: 15px;
    right: 78%;
    top: 89%;
    font-family: "微软雅黑";
}
.tx5>p{
		position: absolute;
	    font-size: 20px;
    right: 7%;
    top: 78%;
    font-family: "微软雅黑";
}
.ms5>p{
	position: absolute;
	font-size: 15px;
    left:79%;
    top: 89%;
    font-family: "微软雅黑";
}
/*经典案例*/
.al{
	width: 100%;
   height: 100%;
   background: url("../images/tu5.jpg") no-repeat;
   background-size: 100% 100%;
   overflow: hidden;
       padding-bottom: 30px;
   
}

.an-nr{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	
	
}
.an-nr ul{
    margin-top: 30px;
}
.an-nr p{
	font-family: "微软雅黑";
    font-size: 25px;
	text-align: center;
	color: #ffffff;
	    margin-top: 65px;
}
.an-nr ul li{
	width: 23%;
	height:220px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.an-nr ul li:nth-child(4n){
	margin-right: 0;
}
.an-nr ul li img{
	width: 100%;
	height: 100%;
	    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.an-nr ul li img:hover{
		-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
	
}
.biaoti-al {
width: 415px;
	height: 38px;
	overflow: hidden;
	margin:  0 auto;
    margin-top: 68px;
}
.biaoti-al .bt-zhong{
	color: #ffffff;
}


/*覆盖行业*/

.fg{
	width: 1200px;
	max-width: 1500px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.fg .biaoti-al .bt-zhong {
	color: #000000;
}
.miaoshu{
	font-family: "微软雅黑";
	font-size: 16px;
	color: #686868;
	text-align: center;
	margin-top: 10px;
}

.fg .hangye{
	margin-top: 50px;
}
.fg ul li{
	width: 16%;
    height: auto;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	position: relative;
}
.fg ul li:nth-child(6n){
	margin-right: 0px;
}
.hangye li img{
	width: 100%;
	height: auto;
}
.hangye li p{
	position: absolute;
	color: #ffffff;
	font-family: "微软雅黑";
	font-size: 18px;
	    top: 25%;

}
.txbj{
	    display: flex;
	        justify-content: center;
}

/*更多服务*/

.fw{
	width: 100%;
	min-width: 1200px;
	max-width: 1500px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.fw .biaoti-al .bt-zhong {
	color: #000000;
}

 .fwnr{
    width:100%;
    margin: 0 auto;
    position: relative;
        margin-top: 50px;
}
.marketing-list {
    padding: 0 0 0 1px;
}
.marketing-list li {
    position: relative;
    float: left;
    width: 18.45%;
    height: 288px;
    padding: 40px 20px 0;
    margin: 0 0 0 -1px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    text-align: center;
    background: #fff;
    font-size: 14px;
    box-sizing: border-box;
    margin-right: 2%;
    	    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.marketing-list li {
	  border-top: 7px solid #e5e5e5;
}
.marketing-list li:hover {
	border-top: 7px solid #008dfc;
	 border-bottom: 1px solid #008dfc;
	 border-left: 1px solid #008dfc;
	 border-right: 1px solid #008dfc;

			box-shadow: 0 8px 10px rgba(0,141,252,0.2);
	transform: translate3d(0,-8px,0);
	-webkit-transform: translate3d(0,-8px,0);
	-moz-transform: translate3d(0,-8px,0);
	-ms-transform: translate3d(0,-8px,0);
}
.marketing-list li:nth-child(5){
 margin-right: 0;	
}
.marketing-list .marketing-1 .pic {
    background-image: url(../images/3.png);
}
.marketing-list .pic {
    height: 71px;
    background: url() top center no-repeat;
        margin-bottom: 30px;
}
.marketing-list .item-title>p {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 28px;
        font-weight: 900;
            color: #000000;
}
.marketing-list .item-title>p:hover{
	color: #008DFC;
}
.marketing-list p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}
.marketing-list p:hover{
		color: #008DFC;
}
.marketing-list .marketing-2 .pic {
    background-image: url(../images/5.png);
}
.marketing-list .marketing-3 .pic {
    background-image: url(../images/2.png);
}
.marketing-list .marketing-4 .pic {
    background-image: url(../images/4.png);
}
.marketing-list .marketing-5 .pic {
    background-image: url(../images/1.png);
}

/*网站后期维护*/

.hq{
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.hq .biaoti-al .bt-zhong {
	color: #000000;
}
.hq  .biaoti-al {
width: 458px;
	height: 38px;
	overflow: hidden;
	margin:  0 auto;
    margin-top: 68px;
}
.hq-nr{
    min-width: 1200px;
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
}
.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.steward-list>div {
    flex: 1;
    height: 98px;
    border: 1px solid #e5e5e5;

    line-height: 98px;
    text-align: left;
    font-size: 18px;
    box-sizing: border-box;
    padding-left: 110px;
      	    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;  
}
.steward-list>.steward-1:before {
    background-image: url(../images/6.png);
}
.steward-list>.steward-1:hover:before {
    background-image: url(../images/12.png);
}

.steward-list>.steward-2:before {
    background-image: url(../images/7.png);
}
.steward-list>.steward-2:hover:before {
    background-image: url(../images/13.png);
}

.steward-list>.steward-3:before {
    background-image: url(../images/8.png);
}
.steward-list>.steward-3:hover:before {
    background-image: url(../images/14.png);
}

.steward-list>.steward-4:before {
    background-image: url(../images/9.png);
}
.steward-list>.steward-4:hover:before {
    background-image: url(../images/15.png);
}

.steward-list>.steward-5:before {
    background-image: url(../images/10.png);
}
.steward-list>.steward-5:hover:before {
    background-image: url(../images/16.png);
}

.steward-list>.steward-6:before {
    background-image: url(../images/11.png);
}
.steward-list>.steward-6:hover:before {
    background-image: url(../images/17.png);
}
.steward-list>div:before {
    content: "";
    display: inline-block;
    width: 58px;
    height: 58px;
    margin: 0 25px 0 0;
    vertical-align: middle;
    background: url() no-repeat;
}
.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.txtToImg > p{
    display: inline-block;
    vertical-align: middle;
}
.steward-list>div:hover {
   border-top:none ;
    			box-shadow: 0 8px 10px rgba(204,204,204,0.2);
	transform: translate3d(0,-8px,0);
	-webkit-transform: translate3d(0,-8px,0);
	-moz-transform: translate3d(0,-8px,0);
	-ms-transform: translate3d(0,-8px,0);
}


/*免费定制方案--留言*/
.items-form{
	margin-top: 80px;
}
	.items-form .item-title {
    height: 80px;
    line-height: 70px;
    background-color: #3CA7FC;
    text-align: center;
    color: #fff;
    font-size: 24px;
    position: relative;
}
.items-form .item-em {
    color: #fff66e;
    font-size: 36px;
}
.items-form .item-form-btn {
    text-align: center;
    margin-top: 40px;
}
.items-form .item-title:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 14px solid;
    border-color: #3CA7FC transparent transparent;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
input::-webkit-input-placeholder {
        color: #ffffff;
      }
textarea::-webkit-input-placeholder {
        color: #ffffff;
      }
.items-form .item-block {
    height: 350px;
    background: url(../images/liuyan.png) no-repeat center;
    box-sizing: border-box;
    padding-top: 56px;
}
.main-wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    min-width: 1200px;
}
.flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.items-form .item {
    width: 360px;
    height: 166px;
    margin: 0 14px;
}
.items-form .item-textarea textarea {
    font-family: inherit;
    border: none;
    box-sizing: border-box;
    padding: 10px 10px 10px 32px;
    width: 100%;
    height: 100%;
    resize: none;
    background: url(../images/tb1.png) no-repeat 10px 12px rgba(255, 255, 255, .2);
    border-radius: 3px;
    color: #fff;
}
.items-form .item {
    width: 360px;
    height: 166px;
    margin: 0 14px;
}
.items-form .item-form-company {
    border: none;
    box-sizing: border-box;
    padding: 10px 10px 10px 32px;
    width: 100%;
    height: 42px;
    background: url(../images/tb2.png) no-repeat 10px 12px rgba(255, 255, 255, .2);
    border-radius: 3px;
    color: #fff;
    margin-bottom: 20px;
}
.items-form .item-form-name {
    border: none;
    box-sizing: border-box;
    padding: 10px 10px 10px 32px;
    width: 100%;
    height: 42px;
    background: url(../images/tb3.png) no-repeat 10px 12px rgba(255, 255, 255, .2);
    border-radius: 3px;
    color: #fff;
    margin-right: 15px;
        margin-bottom: 20px;
}
.items-form .item-form-tel {
    border: none;
    box-sizing: border-box;
    padding: 10px 10px 10px 32px;
    width: 100%;
    height: 42px;
    background: url(../images/tb4.png) no-repeat 10px 12px rgba(255, 255, 255, .2);
    border-radius: 3px;
    color: #fff;
}
.items-form .item-form-button {
    cursor: pointer;
    width: 180px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
.btn-a:hover {
    background-color: #0891ff;
}
.btn-a {
    display: inline-block;
    border: none;
    padding: 0;
    background-color: #3CA7FC;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
}