﻿@charset "utf-8";
.ter-box{
	width: 100%;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
}
.box-tit{
	font-size: 36px;
	font-weight: bold;
}
.box-tit .sm-tit{
	font-size: 18px;
	margin-top: 8px;
}
.box-tit .xian{
	width: 75px;
	height: 3px;
	display: block;
}
/*网上商城 start*/
.shop-box{
	height: 510px;
	padding: 55px 0 35px;
}
.shop-tit{
	font-size: 36px;
	color: #565656;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.shop-tit .xian{
	width: 75px;
	height: 3px;
	display: block;
	background: #565656;
	margin: 20px auto auto;
}
.shop-content{
	position: relative;
}
.shop-box-img{
	width: 468px;
	height: 421px;
	overflow: hidden;
	margin: 25px auto auto;
}
.shop-box-img>img{width: 100%;}
.shop-content .shop-img{position: absolute;}
.shop-content .shop-img.img1{
	left: 0;
	top: -3px;
}
.shop-content .shop-img.img2{
	right: 0;
	top: 13px;
}
.shop-content .shop-img.img3{
	right: 0;
	top: 160px;
}
.shop-content .shop-img.img4{
	left: 0;
	top: 168px;
}
/*网上商城 end*/
/*网站策划 start*/
.box-02{
	background: url(../images/box02-bg_02.jpg) no-repeat;
	height: 724px;
}
.plan-content{
	position: relative;
}
.plan-content .plan-img{
	position: absolute;
	top: 40px;
	right: -80px;
}
.plan-content .left-txt{
	position: absolute;
	left: 0;
	top: 210px;
	color: #fff;
	width: 468px;
}
.plan-content .left-txt .tit{
	font-size: 36px;
	font-weight: bold;
}
.plan-content .left-txt .sm-tit{
	font-size: 18px;
	margin-top: 8px;
}
.plan-content .left-txt .heng{
	width: 75px;
	height: 3px;
	display: block;
	background: #fff;
	margin-top: 15px;
}
.plan-content .left-txt .tips{
	margin-top: 30px;
	font-size: 16px;
	line-height: 34px;
}
/*网站策划 end*/
/*功能选择 start*/
.box-03{
	background: url(../images/box03-bg_02.jpg) no-repeat;
	height: 690px;
}
.choose-content{
	padding-top: 47px;
}
.choose-content .choose-txt{
	float: left;
	margin-top: 100px;
	width: 455px;
}
.choose-xian.xian{
	margin-top: 15px;
}
.choose-ul{
	width: 100%;
	overflow: hidden;
	padding-top: 45px;
}
.choose-ul>li{
	float: left;
	width: 95px;
	text-align: center;
	font-size: 16px;
	color: #666;
	margin-left: 25px;
	margin-bottom: 40px;
}
.choose-ul>li.mager-l0{
	margin-left: 0;
}
.choose-ul>li i{
	background: url(../images/choose-icons.png) no-repeat;
	width: 95px;
	height: 88px;
	display: block;
	margin-bottom: 13px;
}
.choose-ul>li:hover i{
	background: url(../images/choose-icons-hover.png) no-repeat;
}

.choose-ul>li i.icons-02{background-position: -120px 0;}
.choose-ul>li i.icons-03{background-position: -239px 0;}
.choose-ul>li i.icons-04{background-position: -359px 0;}
.choose-ul>li i.icons-05{background-position: 0 -167px;}
.choose-ul>li i.icons-06{background-position: -120px -167px;}
.choose-ul>li i.icons-07{background-position: -239px -167px;}
.choose-ul>li i.icons-08{background-position: -359px -167px;}

.choose-img{
	width: 590px;
	height: 642px;
	float: right;
	position: relative;
}
.choose-img .circle-img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -139px;
	margin-top:-166px;
}
.choose-img .fun-img{
	position: absolute;
}
.fun1{top: 0;right: 94px;}
.fun2{top: 94px;right: 0;}
.fun3{top: 302px;right: 0;}
.fun4{bottom: 54px;right: 94px;}
.fun5{bottom: 54px;left: 99px;}
.fun6{top: 302px;left: 0;}
.fun7{top:94px;left: 0;}
.fun8{top: 0;left: 94px;}
.fun9{bottom: 0;left: 50%;margin-left: -155px;}
/*功能选择 end*/
/*技术开发 start*/
.tech-box{
	background: url(../images/tech-box-bg_02.jpg) no-repeat;
	height: 835px;
}
.tech-content{
	padding-top: 148px;
}
.tech-txt{
	width: 630px;
	float: left;
	color: #c1c8ce;
}
.tech-txt .tech-tit{
	color: #fff;
}
.tech-xian{background: #fff;margin-top: 15px;}
.tech-txt .tips-tit{
	margin-top: 50px;
	font-size: 24px;
}
.tech-txt .tips{
	font-size: 16px;
	margin-top: 20px;
	line-height: 24px;
}
.tech-txt .tips>span{
	display: block;
	margin-top: 22px;
}
.tech-img{
	float: right;
	margin-top: 33px;
}
/*技术 开发 end*/
/*产品特点 start*/
.trait-box{
	padding-top: 50px;
}
.trait-tit{
    line-height: 22px;
    height: 48px;
    border-left: 3px solid #333;
    padding-top: 7px;
}
.trait-tit p{
	font-size: 36px;
	color: #FF5B00;
	margin-left: 8px;
	display: block;
	
}
.trait-tit span{
	color: #848484;
	font-size: 12px;
	font-weight: normal;
}
.trait-img{
	width: 100%;
	margin-top: 35px;
}
.trait-img img{width: 100%;}
.trait-adv{width: 100%;padding-top: 45px;}
.trait-adv table{width: 100%;border: 1px solid #e7e7e7;}
.trait-adv table td.tit{
	background: #89c2f1;
	height: 80px;
	font-size: 24px;
	color: #294c69;
}
.trait-adv table td{
	background: #fff;
	height: 120px;
	padding-left: 40px;
	font-size: 14px;
	color: #565656;
}
.trait-adv table td.broder-lr{
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
}
/*产品特点 end*/
/*开发工具 start*/
.tool-box{
	padding: 35px 0 40px;
}
.tool-ul{
	padding: 20px;
	background-color: #F8F8F8;
	overflow: hidden;
}
.tool-ul>li{
	float: left;
	width: 265px;
}
.tool-ul>li i{
	background: url(../images/tool-icons.png) no-repeat;
	width: 69px;
	height: 69px;
	margin-right: 15px;
	vertical-align: middle;
}
.tool-ul>li i.icons-02{background-position: -183px 0;margin-left: 15px;}
.tool-ul>li i.icons-03{background-position: -369px 0;margin-left: 15px;}
.tool-ul>li i.icons-04{background-position: -555px 0;margin-left: 18px;}
.tool-ul>li>p{
	vertical-align: middle;
	font-size: 18px;
	color: #525252;
}
.tool-ul>li>p>span{
	font-size: 14px;
	color: #565656;
}
.tool-tips{font-size: 14px;color: #565656;margin-top: 20px;}
/*开发工具 end*/