@charset "utf-8";



 
/*特色产品与服务 下拉*/
.side-down {

	position: absolute;

	left: 0;

	min-height: 375px;

	width: 210px;

	color: #fff;

	background: url(/zt/images/transparent60.png);

	z-index: 3;

}

.side-down li {

	display: block;

	/*background: url(/images/XdwWz/brand/public/border_bottom.png) bottom center no-repeat;*/

	transition: all 0.2s;

}

.side-down li:hover {

	background: #fff;

}

.side-down li:hover .classify-icon {

	left: 17px;

}

.side-down li:hover .classify-main>a{

	color: #333;

}

.side-down li .classify-main>a:hover{

	color: #f05d21;

}





.classify-main {

	padding: 12px 0;

	line-height: 25px;

}

.classify-main>a {

	color: #fff;

	font-size: 14px;

	margin:0 15px 0 20px;

	white-space: nowrap;

}

.classify-main>a>i{

	background: url(/zt/images/haeder-down-icons.png) no-repeat;

	width: 18px;

	height: 16px;

	vertical-align: middle;

	margin-right: 8px;

}

.classify-main>a>i.icon-02{background-position: -31px 0;}

.classify-main>a>i.icon-03{background-position: -69px -2px;}

.classify-main>a>i.icon-04{background-position: -108px 0;}

.classify-main>a>i.arrow{

	background: url(/zt/images/side_arrow.png) no-repeat;

	width: 5px;

	height: 9px;

	display: block;

	margin-top: 10px;

	margin-right: 20px;

	float: right;

}

/*主菜单 css */

.nav-list {

	float: left;

    font-size: 0;

	[;letter-spacing: -4px;];

	[;word-spacing: -4px;];

}

.nav-list>li {

    display: inline-block;

    *display: inline;

    *zoom:1;

    vertical-align: middle;

    font-size: 16px;

    color: #fff;

    position: relative;

	[;letter-spacing: normal;];

	[;word-spacing: normal;];

}


.nav-list>li>a>span,

.nav-list>li>a>i {

    display: inline-block;

    *display: inline;

    *zoom:1;

    vertical-align: middle;

}

.nav-list>li>a>i {

	width: 10px; height: 7px;

	background: url(/zt/images/nav-icon.png) no-repeat;

}



.nav-sub {

	position: absolute;

	top: 60px;

	left: 0;

	right: 0;

	background: #b25027;

	display: none;

	z-index: 3;

}

.nav-sub>a {

	display: block;

	color: #fff;

	line-height: 50px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-align: center;

}

.nav-sub>a:hover {

	background: #f05d21;

}

.nav-list>li:hover {

	background: #ff5b00;

}

.nav-list>li:hover .nav-sub {

	display: block;

}



.nav-list>li:hover>a>i>em {

	border-top-color: #a74218;

}

/*通用  strat*/

.ter-box{

	width: 100%;

	min-width: 1200px;

	overflow: hidden;

	padding-top: 60px;

}

.brand-tit{

	font-size: 36px;

	font-weight: bold;

	line-height: 1;

	color: #ff5b00;

}

.brand-tips{float: left;}

.brand-tit>span{

	font-size: 18px;

	font-weight: normal;

}

.brand-tips .tit-xian{

	width: 75px;

	height: 3px;

	background: #ff5b00;

	margin-top: 15px;

	

}

.brand-tips.t-fff .brand-tit{color: #fff;}

.ter-content{position: relative;}

/*通用 end*/

/*品牌官网 start*/



.box-01{

	background: url(/zt/imagescrm/banner.jpg) no-repeat;

	height: 562px;

	min-width: 1200px;

	overflow: hidden;

}

.brand-tips.t-fff .tips-content,

.brand-tips.t-fff .brand-tit

{

	color: #fff;

}

.brand-tips.t-fff .tit-xian{background: #fff;}

.tips-content{

	width: 377px;

	font-size: 16px;

	color: #666;

	text-align:justify; 

	text-justify:inter-ideograph;

	margin-top: 20px;

	line-height: 34px;

}



.brand-img-box{

	float: right;

	position: relative;

	width: 700px;

	height: 400px;

}

.brand-img-box .img-xian{

	position: absolute;

}

.brand-img-box .img-xian.xian1{

    right: 52px;

    top: 65px;

}

.brand-img-box .img-xian.xian2{

	right: 255px;

	top: 55px;

}

.brand-img-box .img-xian.xian3{

	left: 280px;

	top: 80px;

}

.brand-img-box .img-xian.xian4{

    left: 240px;

    top: 200px;	

}    

.brand-img-box label{

	background: url(/zt/imagescrm/cricle_03.png) no-repeat;

	width: 24px;

	height: 24px;

	display: block;

	position: absolute;

}

.brand-img-box label.label-01{

    right: 41px;

    top: 55px;

}

.brand-img-box label.label-02{

	right: 244px;

    top: 42px;

}

.brand-img-box label.label-03{

    left: 268px;

    top: 65px;

}

.brand-img-box label.label-04{

    left: 228.5px;

    top: 190px;

}

.brand-img-box .txt-box{

	position: absolute;

	font-size: 22px;

	color:#fff;

	text-align: right;

	line-height: 25px;

}

.brand-img-box .txt-box>span{

    font-size: 14px;

    line-height: 20px;

    display: block;

    margin-top: 10px

}

.brand-img-box .txt-box.txt1{

	right: 75px;

	top:5px

}

.brand-img-box .txt-box.txt2{

    right: 277px;

    top: 10px;

}

.brand-img-box .txt-box.txt3{

    left: 145px;

    top: 65px

}

.brand-img-box .txt-box.txt4{

    left: 58px;

    top: 170px;

}

/*品牌官网 end*/

/*网站策划 start*/

.box-02{

	padding-top: 90px;

}

.brand-tips.box-02-tips{text-align: right;float: right;position: absolute;right: 0;top: -20px;}

.brand-tips.box-02-tips .tit-xian{

	float: right;

}

.brand-tips.box-02-tips .tips-content{

	float: right;

	position: absolute;

	right: 0;

	margin-top: 40px;

}

.box-02-img{

	width: 823px;

	height: 437px;

	float: left;

}



/*网站策划 end*/

/*技术开发 start*/

.box-03{

	background: url(/zt/imagescrm/box-03-bg.jpg) no-repeat;

	height: 807px;

	min-height: 807px;

}

.ter-content .brand-tips.box-03-tips{

	padding-top: 70px;

}

.box-03-img{

	position: absolute;

    right: -30px;

    top: -65px;

}

/*技术开发 end*/

/*特点 start*/

.td-box.ter-box{padding-top: 50px;}

.ter-tit{width: 100%;text-align: center;font-size: 36px;color: #565656;font-weight: bold;}

.ter-tit>span{width: 75px;height: 3px;background: #565656;display: block;margin: 5px auto;}

.last-adv{padding-top: 30px;}

.last-adv>.last-adv-ul{

	width: 100%;

	overflow:hidden;

	padding-top: 25px;

}

.last-adv-ul>li{

	width: 470px;

	float: left;

	margin-bottom: 50px;

	min-height: 134px;

}

.last-adv-ul>li.fr{

	float: right;

}

.last-adv-ul>li i{

	background: url(/zt/imagescrm/last-adv-icons.png) no-repeat;

	width: 100px;

	height: 100px;

	float: left;

	background-position: 0 8px;

}

.last-adv-ul>li i.icons-02{background-position: -347px 6px;}

.last-adv-ul>li i.icons-03{background-position:0px -210px;}

.last-adv-ul>li i.icons-04{background-position: -348px -218px;}

.last-adv-ul>li i.icons-05{background-position: 0px -435px;}

.last-adv-ul>li i.icons-06{background-position:-348px -436px;}

.last-adv-ul>li p{

	font-size: 22px;

	color: #ff5b00;

}

.last-adv-ul>li p>span{

	font-size: 14px;

    color: #666;

    line-height: 20px;

    display: block;

}

/*特点 end*/



.dgg_footer{background: #25262a;}

.dgg_footer .link_list li a{color: #fff;}

.dgg_footer p{color: #fff;}

/*===============动画 start===========*/

/*动画初始化*/

@-webkit-keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-40px);

		transform: translateY(-40px)

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-40px);

		-ms-transform: translateY(-40px);

		transform: translateY(-40px)

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0)

	}

}

/*品牌官网*/

.animated.box-01 .brand-img-box .img-xian,

.animated.box-01 .brand-img-box .label

{

	-webkit-animation-name: fadeIn;

	animation-name: fadeIn;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	animation-iteration-count:1;

	-webkit-animation-iteration-count:1;

}

.animated.box-01 .brand-img-box .img-xian.xian1,

.animated.box-01 .brand-img-box .label.label-01{

	animation-delay: 0.2s;

}

.animated.box-01 .brand-img-box .img-xian.xian2,

.animated.box-01 .brand-img-box .label.label-02{

	animation-delay: 0.4s;

}

.animated.box-01 .brand-img-box .img-xian.xian3,

.animated.box-01 .brand-img-box .label.label-03{

	animation-delay: 0.6s;

}

.animated.box-01 .brand-img-box .img-xian.xian4,

.animated.box-01 .brand-img-box .label.label-04{

	animation-delay: 0.8s;

}

.animated.box-01 .brand-img-box .txt-box,

.animated.box-01 .brand-tips p

{

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

	-webkit-animation-duration: 1s;

	animation-duration: 1s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	animation-iteration-count:1;

	-webkit-animation-iteration-count:1;

}

.animated.box-01 .brand-img-box .txt-box.txt1{

	animation-delay: 0.2s;

}

.animated.box-01 .brand-img-box .txt-box.txt2{

	animation-delay: 0.3s;

}

.animated.box-01 .brand-img-box .txt-box.txt3{

	animation-delay: 0.4s;

}

.animated.box-01 .brand-img-box .txt-box.txt4{

	animation-delay: 0.4s;

}

.animated.box-01 .brand-tips p.brand-tit{

	animation-delay: 0.2s;

}

.animated.box-01 .brand-tips p.tit-xian{

	animation-delay: 0.4s;

}

.animated.box-01 .brand-tips p.tips-content{

	animation-delay: 0.6s;

}