@charset "UTF-8";

.zgsheji {
	height: 457px;
	margin-top: 39px;
	padding-top: 38px;
	text-align: center;
	
}
.zgsheji h5 {
	font-size: 30px;
	color: #515a66;
	font-weight: normal;
}
.zgsheji h5 strong {
	font-size: 36px;
	font-weight: bold;
}
.zgsheji h5 i {
	color: #abc93c;
	font-size: 30px;
}
.zgsheji h5 .bold {
	font-weight: bold;
}
.zgsheji ul {
	float: left;
}
.zgsheji li {
	width: 136px;
	height: 36px;
	line-height: 36px;
	margin-bottom: 5px;
	font-size: 16px;
}
.zgsheji-box {
	margin-top: 50px;
	padding-left: 19px;
	font-size: 18px;
	color: #4c4c4c;
	position:relative;
}
.zgsheji-box ul {
	margin-right: 90px;
}
.zgsheji-box .ul-1 .nth-1, .zgsheji-box .ul-3 .nth-1 {
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	background: #666666;
	color: #fff;
}
.zgsheji-box .ul-1 .nth-2, .zgsheji-box .ul-3 .nth-2 {
	height: 46px;
	font-size: 14px;
	background: rgba(255,255,255,0.1);
	white-space: nowrap;
	line-height:18px;
	color:#fff;
}
.zgsheji-box .ul-1 li {
	background: #F1F1F1;
}
.zgsheji-box .ul-2 {
	padding-top: 96px;
	background: url(img/vs.png) center 6px no-repeat;
}
.zgsheji-box .ul-2 li {
	height: 34px;
	line-height: 34px;
	font-weight: bold;
	border: solid 1px #dfdfdf;
	color:#D2B988;
}
.zgsheji-box .ul-3 li {
	background: #D2B988;
	color: #fff;
}
.zgsheji-box .ul-3 .nth-1 {
	background: #666;
}
.zgsheji-box .ul-3 .nth-2 {
	color: #D2B988;
}
.zgsheji-box-left {
	float: left;
	background: url(img/bg3-1.png) 160px 111px no-repeat;
}
/*main-01*/

.main-01 {
}
/*.main-01 .top-black {

	margin-top: 55px;

}*/



.main-01-lr .f_right {
	margin-top: 40px;
}
.main-cehua-01 {
	margin-top: 210px;
	font-size: 36px;
	line-height: 36px;
	color: #3a424b;
	font-weight: bold;
	padding-bottom: 3px;
}
.main-cehua-02, .main-cehua-03 {
	margin-top: 12px;
	font-size: 20px;
	line-height: 20px;
	color: #3b424b;
}
.main-cehua-03 {
	color: #97bf24;
}
.main1-map-position {
	position: relative;
	height: 1px;
	top: 0;
	bottom: 0;
}
.main1-position {
	position: absolute;
	background: rgba(0,0,0,0.8);
	color: #fff;
	width: 300px;
	height: 120px;
	z-index: 90;
}
.main-position-01 {
	top: 180px;
	left: 0px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-02 {
	top: 400px;
	left: 86px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-03 {
	top: 270px;
	left: 86px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-04 {
	top: 360px;
	left: 46px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-05 {
	top: 335px;
	left: 126px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-06 {
	top: 105px;
	left: 86px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-07 {
	top: 30px;
	left: 96px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-08 {
	top: 48px;
	left: 19px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-09 {
	top: 148px;
	left: 119px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-10 {
	top: 128px;
	left: 42px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-11 {
	top: 300px;
	left: 0px;
	background: rgba(0,0,0,0.8);
	display: none;
}
.main-position-12 {
	top: 240px;
	left: 106px;
	background: rgba(0,0,0,0.8);
	display: none;
}
/*main-01*/



/*main-02*/

.main-02 {
	padding-bottom: 10px;
}
.main-02 .main-xm-nav {
	width: 100%;
}
.main-02 .top-black {
	margin-top: 40px;
}
.main-02 .main-xm-nav .more {
	float: right;
	font-size: 18px;
	color: #5a6674;
}
.main-gcal .top-black2 {
	margin-top: 0;
}
/*main-02*/



/*main-03*/

.main-03 {
	background: #e9e9e9;
	padding-top: 0px;
	min-height: 440px;
}
.main-03-tit {
	font-size: 36px;
	line-height: 36px;
	color: #3b424b;
	text-align: center;
	font-weight: lighter;
	margin-top: 42px;
}
.text-top {
	padding-top: 50px;
	position: relative;
	width: 1002px;
}
.text-top li {
	float: left;
	margin-right: 42px;
	text-align: center;
	width: 100px;
	cursor: pointer;
}
.text-top li p {
	font-size: 16px;
	line-height: 16px;
	color: #9aa1ab;
}
.text-top li:hover p, .text-top li.active p {
	color: #3b424b;
}
.text-top li img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.text-top li:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.text-top li.active img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.text-bottom>div {
	display: none;
	padding-bottom: 42px;
}
.text-bottom>div.active {
	display: block;
}
.text-bottom-01-tit {
	text-align: center;
	color: #3b424b;
	font-size: 24px;
	line-height: 24px;
	margin-top: 36px;
}
.text-bottom-01 p {
	width: 520px;
	margin: 0 auto;
	margin-top: 28px;
	font-size: 16px;
	line-height: 24px;
	color: #3b424b;
	text-align: center;
}
/*main-03*/



.main-about-img img {
	width: 486px;
	height: 345px;
}
.main-about-list {
	width: 485px;
	position: relative;
	padding-bottom: 30px;
	background: url(img/main-about-list-lan.png) repeat-x left bottom;
}
.main-about-list li {
	clear: both;
	padding-left: 20px;
	margin-bottom: 18px;
	background: url(img/main-about-list-li-dain.png) no-repeat center left;
}
.main-about-list li:last-child {
	margin-bottom: 0;
}
.main-about-list li a {
	font-size: 14px;
	color: #333333;
}
.main-about-list li span {
	float: right;
	font-size: 14px;
	color: #898a8a;
}
.main-about-list li.new a {
	padding-right: 35px;
	background: url(img/main-about-list-li-new.png) no-repeat;
	background-position: right 7px;
}
.main-about-list li.hot a {
	padding-right: 35px;
	background: url(img/main-about-list-li-hot.png) no-repeat;
	background-position: right 7px;
}
.main-about-more {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #ff8f17;
	text-align: right;
	margin-bottom: 18px;
}
/*特效*/

.main-xm-imgslide {
	position: relative;
	margin-top: 42px;
}
.main-xm-prev {
	position: absolute;
	left: -50px;
	top: 40%;
	width: 50px;
	cursor: pointer;
}
.main-xm-next {
	position: absolute;
	right: -70px;
	top: 40%;
	width: 50px;
	cursor: pointer;
}
.main-xm-md li {
	float: left;
	width: 110px;
	margin-right: 10px;
}
.main-pinpai {
	text-align: center;
	margin: 60px 0 40px;
}
.main-pinpai strong {
	display: block;
	font-size: 30px;
	color: #515a66;
}
.main-pinpai strong span {
	font-size: 30px;
	color: #ff8f17;
}
.main-pinpai p {
	margin-top: 10px;
	font-size: 20px;
	color: #999;
}
/*尾部*/





/*main-04*/

.main-04 {
	/*background: #e9e9e9;*/
	overflow: hidden;
}
.main-04 .main-about-nav ul {
	float: left;
	margin-left: 50px;
}
.main-04 .main-about-nav li {
	margin-left: 50px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 20px;
	margin-right: 0;
}
/*热门产品*/

.index_case {
	background: #e9e9e9;
	padding-top: 60px;
	padding-bottom: 0px;
}
.index_case .top-black {
	margin-top: 40px;
	margin-bottom: 10px;
}
.index_case .e9-tit {
	margin-bottom: 25px;
}
.index_case .e9-left {
	font-size: 24px;
	color: #3b424b;
	font-weight: bold;
	line-height: 30px;
	padding-right: 27px;
	background: url(img/main-about-list-li-hot.png) no-repeat right top;
}
.index_case .e9-more {
	line-height: 30px;
	font-size: 18px;
}
.index_case ul li {
	background: #d2d2d2;
}
.index_case .e9-list ul li img {
	height: 100%;
	transition: all 2.5s ease 0s;
	width: 100%;
}
.index_case .main-xm-nav ul .more {
	float: left;
	text-align: center;
	font-size: 18px;
	color: #5a6674;
	line-height: 24px;
	padding-bottom: 18px;
	position: relative;
	bottom: -2px;
	cursor: pointer;
}
.index_case .e9-list ul li .huiy-msg {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0;
	z-index: 3;
	padding: 0;
	margin-bottom: 0;
	-webkit-transition: margin .35s, background .5s;
	-moz-transition: margin .35s, background .5s;
	-o-transition: margin .35s, background .5s;
	transition: margin .35s, background .5s;
}
.index_case .e9-list ul li .huiy-msg p {
	padding: 0 25px;
	color: #ffffff;
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: keep-all;
	margin-top: 0;
	-webkit-transition: font .15s;
	-o-transition: font .15s;
	transition: font .15s;
}
.index_case .e9-list ul li:hover .huiy-msg {
	/*	height: 68px;*/

	margin-bottom: 25px;
	background: none;
}
.index_case .e9-list ul li:hover .huiy-msg p {
	font-size: 16px;
}
.index_case .e9-list ul li .huiy-msg-bg {
	height: 38px;
}
/*特效CSS*/
.zp_boxs {
	right:30px;
	top:30px;
	width:314px;
	height:314px;
	position:absolute;
	overflow:hidden;
}
.zp_boxs .zp_txt {
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	z-index:1;
}
.zp_boxs .zp_txt dd {
	display:block;
	position:absolute;
}
.zp_boxs .zp_txt dd {
	left:0;
	top:0;
	display:none;
}
.zp_boxs > div {
	left:0;
	top:0;
	position:absolute;
}
.zp_boxs .zp_til {
	left:-98px;
	top:-98px;
	margin-left:50%;
	margin-top:50%;
	width:196px;
	height:196px;
	-moz-border-radius:196px;
	-webkit-border-radius:196px;
	border-radius:196px;
	background:url(img/zp_03.png) no-repeat center center;
	z-index:2
}
.zp_boxs .zp_zhizhen img {
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.zp_zhizhen_h1 {
	transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
}
.zp_zhizhen_h2 {
	transform: rotate(107deg);
	-webkit-transform: rotate(107deg);
	-moz-transform: rotate(107deg);
	-o-transform: rotate(107deg);
	-ms-transform: rotate(107deg);
}
.zp_zhizhen_h3 {
	transform: rotate(161deg);
	-webkit-transform: rotate(161deg);
	-moz-transform: rotate(161deg);
	-o-transform: rotate(161deg);
	-ms-transform: rotate(161deg);
}
.zp_zhizhen_h4 {
	transform: rotate(213deg);
	-webkit-transform: rotate(213deg);
	-moz-transform: rotate(213deg);
	-o-transform: rotate(213deg);
	-ms-transform: rotate(213deg);
}
.zp_zhizhen_h5 {
	transform: rotate(264deg);
	-webkit-transform: rotate(264deg);
	-moz-transform: rotate(264deg);
	-o-transform: rotate(264deg);
	-ms-transform: rotate(264deg);
}
.zp_zhizhen_h6 {
	transform: rotate(313deg);
	-webkit-transform: rotate(313deg);
	-moz-transform: rotate(313deg);
	-o-transform: rotate(313deg);
	-ms-transform: rotate(313deg);
}





.business .box {
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.business .box ul.items {
	margin-left:-65px;
}
.business .box ul.items li {
	margin-left:65px;
	width: 200px;
	height: 350px;
	background: url(img/bg_green.png) no-repeat 0px 400px;
	overflow: hidden;
	display: inline-block;
}
.business .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 83px;
}
.business .box ul.items li.pc i {
	width: 88px;
	background: url(img/words1.png) no-repeat 8px -5px;
	z-index: 1;
}
.business .box ul.items li.mobi i {
	width: 74px;
	background: url(img/words1.png) no-repeat -290px 1px;
	z-index: 1;
}
.business .box ul.items li.sys i {
	width: 76px;
	background: url(img/words1.png) no-repeat -571px 1px;
	z-index: 1;
}
.business .box ul.items li.app i {
	width: 74px;
	background: url(img/words1.png) no-repeat -842px 1px;
	z-index: 1;
}
.business .box ul.items li.pc div.div1 {
	width: 146px;
    height: 146px;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    top: 5px;
    left: 27px;
}
.business .box ul.items li.mobi div.div2 {
	width: 146px;
    height: 146px;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    top: 5px;
    left: 292px;
}
.business .box ul.items li.sys div.div3 {
	width: 146px;
    height: 146px;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    top: 5px;
    left: 557px;
}
.business .box ul.items li.app div.div4 {
	width: 146px;
    height: 146px;
    position: absolute;
    background: #FFF;
    border-radius: 50%;
    top: 5px;
    left: 822px;
}
.business .box ul.items li.host i {
	width: 79px;
	background: url(img/words1.png) no-repeat -420px -439px;
}
.business .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(img/words.png) no-repeat -59.5px -352.5px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.business .box ul.items li u.cl {
	clip: rect(0px, 156px, -10px, 78px);
}
.business.active .box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}
.business .box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}
.business.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}
.business .box ul.items li strong {
	display: block;
	margin-top: 70px;
	font-weight: normal;
	text-align: center;
	font-size: 30px;
	color: #666666;
}
.business .box ul.items li strong font {
    font-size: 30px;
    font-weight: bold;
}
.business .box ul.items li p {
	position: relative;
	top: 4px;
	color: #666666;
	/*font-family: Arial, "宋体";*/
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	/*font-weight:600;*/
}
.items li p:nth-child(2) {
	margin-top:20px;
}
.business .box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.business .box ul.items li.pc:hover i {
	background: url(img/words1.png) no-repeat 6px -94px;
}
.business .box ul.items li.mobi:hover i {
	background: url(img/words1.png) no-repeat -290px -88px;
}
.business .box ul.items li.sys:hover i {
	background: url(img/words1.png) no-repeat -571px -87px;
}
.business .box ul.items li.app:hover i {
	background: url(img/words1.png) no-repeat -842px -85px;
}

.business .box ul.items li.pc:hover .div1 {
	z-index: -1;
}
.business .box ul.items li.mobi:hover .div2 {
	z-index: -1;
}
.business .box ul.items li.sys:hover .div3 {
	z-index: -1;
}
.business .box ul.items li.app:hover .div4 {
	z-index: -1;
}

.business .box ul.items li.host:hover i {
	background: url(img/words.png) no-repeat -335px -439px;
}
.business .box ul.items li:hover u.cl {
	clip: rect(0px, 156px, -10px, 78px);
}
.business .box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}
.business .box ul.items li:hover strong {
	color: White;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.business .box ul.items li:hover p {
	/*top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;*/
	color: #FFF;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
.business .box label {
	display: block;
	margin: 0 auto;
	margin-top: -40px;
	width: 297px;
	height: 21px;
	background: url(img/words.png) no-repeat 0px -333px;
}
section.cases {
	background: url(img/wallpaper3.jpg);
}

.h_h2{color:#FFF;padding:0 25px;}

.baojiahh .index_choice ul.index_choice_con li u {
	display: block;
	position: absolute;
	width: 128px;
	height: 128px;
	background: url(img/words.png) no-repeat -373px -888px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}
.h_a2{margin-left: 1px;}
.h_a3{margin-left: 2px;}
.baojiahh .index_choice ul.index_choice_con li u.cl {
	clip: rect(0px, 128px, -10px, 64px);
}
.baojiahh .index_choice ul.index_choice_con li u.cl {
	clip: rect(0px,128px,128px,64px);
}
.baojiahh .index_choice ul.index_choice_con li u.cr {
	clip: rect(128px,64px,128px,0px);
}
.baojiahh .index_choice ul.index_choice_con li u.cr {
	clip: rect(0px,64px,128px,0px);
}
.baojiahh .index_choice ul.index_choice_con li:hover u.cl {
	clip: rect(0px, 128px, 0px, 64px);
}
.baojiahh .index_choice ul.index_choice_con li:hover u.cr {
	clip: rect(128px,64px,128px,0px);
}
.baojiahh .index_choice ul.index_choice_con li {
	width: 144px;
	height: 225px;
	background: url(img/bg_green.png) no-repeat 0px 225px;
	overflow: hidden;
	display: inline-block;
}
.baojiahh .index_choice ul.index_choice_con li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.baojiahh .index_choice ul.index_choice_con li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}
.baojiahh .index_choice ul.index_choice_con li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}
.baojiahh .index_choice ul.index_choice_con li.hh1:hover i {
	background: url(img/icon-bjhh.png) no-repeat 0px -120px;
}
.baojiahh .index_choice ul.index_choice_con li.hh2:hover i {
	background: url(img/icon-bjhh.png) no-repeat -213px -120px;
}
.baojiahh .index_choice ul.index_choice_con li.hh3:hover i {
	background: url(img/icon-bjhh.png) no-repeat -426px -120px;
}
.baojiahh .index_choice ul.index_choice_con li.hh4:hover i {
	background: url(img/icon-bjhh.png) no-repeat -639px -120px;
}
.baojiahh .index_choice ul.index_choice_con li.hh5:hover i {
	background: url(img/icon-bjhh.png) no-repeat -852px -120px;
}
.baojiahh .index_choice ul.index_choice_con li:hover p {
	color: #FFF;
}
.h_pad{padding-left:13px;}
.h_pad1{padding-left:4px;}
.h_pad2{padding-left:18px;}