@charset "utf-8";
/*about zyr 
 *资质首页
 * 2017-6-23
 */
/*页面公用 start*/
.animated {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated1{
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.opactity:hover{
	filter:alpha(opacity=85);       /* IE */
	-moz-opacity:0.85;              /* 老版Mozilla */
	-khtml-opacity:0.85;              /* 老版Safari */
	opacity: 0.85;
}
.tt-box{
	text-align: center;
	font-size: 0;
	line-height: 0;
	padding: 48px 0 28px;
}
.tt-box>h3{
	font-size: 30px;
	color: #333;
	line-height: 32px;
}
.tt-box .corlorfff{color: #fff;}
.tt-box>span{
	width: 30px;
	height: 2px;
	background: #ffcc00;
	margin: 8px 0;
}
.tt-box>p{
	font-size:14px;
	color: #666;
	line-height:16px;
}
/*页面公用 end*/
/*banner start*/
.inside-banner>.bd .banner-box>li>a{
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
}
.banner-text{
	width: 1180px;
	height: 450px;
	position: absolute;
	left: 50%;
	margin-left: -590px;
	top:0;
	text-align: center;
}
.banner-text img{
	position: absolute;
}
.banner-text .banner-rw{    
	bottom: -34px;
    right: 285px;
}
.banner-text .banner-text2{
	top:77px;
	left: 95px;
}
.banner-img{
	width: 1920px;
	height: 450px;
    -webkit-animation: scale_img 7s ease both;
    -moz-animation: scale_img 7s ease both;
    -ms-animation: scale_img 7s ease both;
    -o-animation: scale_img 7s ease both;
    animation: scale_img 7s ease both;
}/*动画 start*/
@-webkit-keyframes  scale_img{
    from{
       transform: scale(1.15,1.15);
    }
    to{
        transform: scale(1,1);
    }
}
@-moz-keyframes  scale_img{
    from{
     transform: scale(1.15,1.15);
    }
    to{
        transform: scale(1,1);
    }
}
@-o-keyframes  scale_img{
    from{
        transform: scale(1.15,1.15);
    }
    to{
        transform: scale(1,1);
    }
}
@-ms-keyframes  scale_img{
    from{
        transform: scale(1.15,1.15);
    }
    to{
        transform: scale(1,1);
    }
}
@keyframes  scale_img{
    from{
        transform: scale(1.15,1.15);
    }
    to{
        transform: scale(1,1);
    }
}
/*动画 end*/
/*公司核名form start*/
.banner-form{
	width: 296px;
	height: 350px;
	position: absolute;
	border-radius: 2px;
	background: #fff;
	top: 44px;
	left: 50%;
	margin-left: 305px;
	text-align: center;
}
.banner-form>h3{
	font-size: 20px;
	color:#004b92;
	font-weight: bold;
	line-height: 22px;
	padding: 21px 0 8px;
}
.banner-form>p{
	font-size: 14px;
	color:#666;
	line-height: 16px;
}
.form-box{
	width:256px ;
	margin: 0 auto;
	padding-top: 15px;
}
.form-input{
	width: 254px;
	border:1px solid #ccc;
	border-radius: 2px;
	position: relative;
	margin-bottom: 10px;
}
.icons{
	width: 20px;
	height: 22px;
	background: url(../images/index/icon.png) no-repeat;
	left:10px;
	top: 9px;
}
.form-input>i{
	position: absolute;
}
.icons.icon-rank{background-position: -20px 0;}
.icons.icon-name{background-position: -40px 0;}
.icons.icon-tel{background-position: -60px 0;}
.form-input input{
	width: 206px;
	padding:0 10px 0 40px ;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
}
.form-input textarea{
	font-size: 16px;
	line-height: 28px;
	width: 208px;
	padding: 6px 5px 0 42px;
	border: none;
	height: 80px;
	max-height: 80px;
	overflow: hidden;    
	min-height: 80px;
}
.btn-banli{
	width: 256px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	color: #fff;
	background: #eac225;
	font-size: 20px;
}
/*公司核名form end*/
/*banner end*/

/*服务领域 start*/
.box1{
	position: relative;
	z-index: 5;
	padding-bottom: 207px;
}
.domain-bg{
	width:1920px;
	height: 593px;
	position: absolute;
	background: url(../images/index/domain-bg.png) repeat-x;
	bottom: 0;
	left:0;
	z-index: -1;
	-webkit-animation: bg-move 180s linear infinite;
	-moz-animation: bg-move 180s linear infinite;
	-ms-animation: bg-move 180s linear infinite;
	-o-animation: bg-move 180s linear infinite;
	animation: bg-move 180s linear infinite;
}
@-webkit-keyframes bg-move{
  from{
    background-position-x: 0;
  }
  to{
    background-position-x: -5000px;
  }
}
@-moz-keyframes bg-move{
  from{
    background-position-x: 0;
  }
  to{
    background-position-x: -5000px;
  }
}
@-ms-keyframes bg-move{
  from{
    background-position-x: 0;
  }
  to{
    background-position-x:-5000px;
  }
}
@-o-keyframes bg-move{
  from{
    background-position-x: 0;
  }
  to{
    background-position-x:-5000px;
  }
}
@keyframes bg-move{
  from{
    background-position-x: 0;
  }
  to{
    background-position-x: -5000px;
  }
}
.domain-list{
	width: 100%;
	padding-bottom: 20px;
}
.domain-list li{
	width: 100%;
	overflow: hidden;
}
.list-box{
	float: left;
	width:20%;
	overflow: hidden;
	position: relative;
	text-align: center;
	padding-bottom: 30px;
	z-index: 5;
	padding: 15px 0 30px;
	z-index: 5;
	height: 210px;
	transition: all .4s ease-in;
}
.domain-list li .list-box:hover i{
	margin-top: 30px;
}
.domain-list li:first-child .list-box{padding-top: 0 !important;}
.list-box i{
	width: 65px;
	height: 65px;
	background-position: 6px -54px;
	transition: all .4s linear;
}
.icons.domain-icon2{background-position: -59px -54px;}
.icons.domain-icon3{background-position: -123px -54px;}
.icons.domain-icon4{background-position: -188px -54px;}
.icons.domain-icon5{background-position: -253px -54px;}
.icons.domain-icon6{background-position: -318px -53px;}
.icons.domain-icon7{background-position: -383px -54px;}
.icons.domain-icon8{background-position: -448px -54px;}
.icons.domain-icon9{background-position: -513px -54px;}
.icons.domain-icon10{background-position: -578px -54px;}
.list-box p{
	font-size: 20px;
	color: #333;
	line-height: 22px;
	padding:6px 0 7px ;
}
.list-box span{
	display: block;
	font-size:14px;
	color: #666;
	line-height:16px;
	margin-bottom: 18px;
}
.sb-btn{
	width: 118px;
	border: 1px solid #b2b2b2;
	text-align: center;
	line-height: 34px;
	border-radius: 2px;
	font-size: 14px;
	color: #666;
	height: 34px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.domain-move{
	width:100%;
	height:100% ;
	position: absolute;
	left:-100%;
	top: -100%;
	background:url(../images/index/domain-bg.jpg) center top no-repeat #eac225;
	z-index: -1;
}
.list-box:hover i{background-position: 6px -119px;}
.list-box:hover .icons.domain-icon2{background-position: -59px -119px;}
.list-box:hover .icons.domain-icon3{background-position: -123px -119px;}
.list-box:hover .icons.domain-icon4{background-position: -188px -119px;}
.list-box:hover .icons.domain-icon5{background-position: -253px -119px;}
.list-box:hover .icons.domain-icon6{background-position: -318px -119px;}
.list-box:hover .icons.domain-icon7{background-position: -383px -119px;}
.list-box:hover .icons.domain-icon8{background-position: -448px -119px;}
.list-box:hover .icons.domain-icon9{background-position: -513px -119px;}
.list-box:hover .icons.domain-icon10{background-position: -578px -119px;}
.list-box:hover p{color: #2e3830;}
.list-box:hover span{color: #2e3830;}
.list-box:hover a{
	border-color: #333;
	color: #333;
}
.list-box .sb-btn:hover{
	background: #333;
	color: #fff;
}
/*按钮 start*/
.banli-box{
	width: 407px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	text-align: left;
	padding-left:15px;
	font-size: 16px;
	color: #333;
	margin: 0 auto;
	position: relative;
	border: 2px solid #eac225;
}
.banli-box.banli-box1{background: #fff;}
.banli-box b{
	font-size: 24px;
	color: #eac225;
	margin-left: 10px;
}
.banli-box span{
	color: #fff;
}
.banli-box>a{
	width: 143px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	border: none;
	position: absolute;
	font-size: 16px;
	color: #333;
	top: 0;
	right:-2px;
	border-color: #ffb400;
	background: #eac225;
	font-weight: normal;
}
/*按钮 end*/
/*服务领域 end*/

/*服务项目 start*/
.box2{
	position: relative;
	background: #033477;
	padding: 69px 0 50px;
	height:639px ;
}
.team-bg{
	width: 100%;
	border-bottom: 4px solid #ffd648;
}
.team-box>p{
	position: relative;
	font-size: 30px;
	line-height: 32px;
	color: #fff;
	padding-left: 112px;
}
.team-box>p>i{
	width: 30px;
	height: 30px;
	background-position: 0 -22px;
	position: absolute;
	left: 80px;
	top: -33px;
	-webkit-animation: chair 3s ease-in-out infinite;
	-moz-animation: chair 3s ease-in-out infinite;
	-ms-animation: chair 3s ease-in-out infinite;
	-o-animation: chair 3s ease-in-out infinite;
	 animation: chair 3s ease-in-out infinite;
}
@-webkit-keyframes chair {
    0% { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); }
    50% {  -webkit-transform: scale(1,1); transform: scale(1,1); }
    100% { -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); }
}
@keyframes chair {
    0% { -webkit-transform: scale(1,1); transform: scale(1,1); }
    50% {  -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
    100% { -webkit-transform: scale(1,1); transform: scale(1,1); }
}
.team-list{
	width: 100%;
	padding: 20px 0 0 0;
	height: 60px;
}
.team-list li{
	width: 140px;
	text-align: center;
	float: left;
	margin:0 25px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
	position: relative;
	cursor: pointer;
}
.team-list li:first-child{margin-left: 90px !important;}
.team-list li>i{
	width: 34px;
	height: 21px;
	background-position: -30px -23px;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	top: 58px;
	display: none;
	filter:alpha(opacity=0);       /* IE */
	-moz-opacity:0;              /* 老版Mozilla */
	-khtml-opacity:0;              /* 老版Safari */
	opacity: 0;
	-webkit-transition: all ease-in .3s;
	-ms-transition: all ease-in .3s;
	-moz-transition: all ease-in .3s;
	-o-transition: all ease-in .3s ;
	transition: all ease-in .3s;
}
.team-move{
	position: absolute;
	width: 468px;
	height: 388px;
	border: 6px solid #ffd648;
	z-index: 6;
	top: 122px;
	left: 50%;
	margin-left: -231px;
	-webkit-transition: all ease-in .6s;
	-ms-transition: all ease-in .6s;
	-moz-transition: all ease-in .6s;
	-o-transition: all ease-in .6s ;
	transition: all ease-in .6s;
	filter:alpha(opacity=0);       /* IE */
	-moz-opacity:0;              /* 老版Mozilla */
	-khtml-opacity:0;              /* 老版Safari */
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.team-img{
	width: 1920px;
	position: absolute;
	height:400px ;
	left: 50%;
	margin-left: -960px;
	bottom:116px ;
}
.team-text{
	width: 310px;
	overflow: hidden;
	position: absolute;
	top: 88px;
	left: 50%;
	margin-left:-155px ;
	z-index: 3;
}
.team-text span,.team-text a{
	width: 148px;
	height: 44px;
	line-height: 44px;
	border:1px solid #fff;
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}
.team-text a{
	background: #ffd648;
	border-color: #ffd648;
	color: #000;
}
.team-list .active>i{
	display: block;
	filter:alpha(opacity=100);       /* IE */
	-moz-opacity:1;              /* 老版Mozilla */
	-khtml-opacity:1;              /* 老版Safari */
	opacity: 1;
}
.team-list .active .team-move{
	filter:alpha(opacity=100);       /* IE */
	-moz-opacity:1;              /* 老版Mozilla */
	-khtml-opacity:1;              /* 老版Safari */
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.more-box{
	width: 1035px;
	margin: 500px auto 0;
	overflow: hidden;
}
.more-text{
	font-size: 20px;
	line-height: 22px;
	color: #ffd648;
}
.more-text:hover{text-decoration: underline;}
.more-box p{
	font-size:16px;
	line-height:18px;
	color: #fff;
}
.movre-box span{color: #ffd648;}
.more-box p i{
	width: 30px;
	height: 18px;
	background-position: -64px -24px;
	margin-right: 10px;
	top: 5px;
	left: 0;
	position: relative;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-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;
}
/*弹跳动画 start*/
@-moz-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform:translateX(-2px);
		transform: translateX(-2px)
	}
}
@-ms-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform:translateX(-2px);
		transform: translateX(-2px)
	}
}
@-o-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform:translateX(-2px);
		transform: translateX(-2px)
	}
}
@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform:translateX(-2px);
		transform: translateX(-2px)
	}
}
@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	40% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	60% {
		-webkit-transform:translateX(-2px);
		transform: translateX(-2px)
	}
}
/*服务项目 end*/
/*大核心优势 start*/
.adv-bg{
	min-width: 1200px;
	overflow:hidden ;
}
.adv-box{
	width: 100%;
	text-align: center;
	height: 416px;
	position: relative;
	z-index: 6;
}
.adv-box>img{
	width: 581px;
	height: 396px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left:-290px ;
	z-index: -1;
}
.adv-ul{
	width: 100%;
}
.adv-ul li{
	margin: 0 auto 24px;
}
.adv-ul .w820{
	width: 790px;
}
.adv-ul .w1034{
	width: 1030px;
	margin-bottom: 50px;
}
.adv-ul .w1104{
	width:1100px;
}
.adv-bd{
	overflow: hidden;
	text-align: right;
	position: relative;
	z-index: 5;
}
.fr.adv-bd{
	text-align: left;
	left: 18px;
}
.fr.adv-bd.adv2{left: 36px;}
.fr.adv-bd.adv3{left: 14px;}
.adv-bd i{
	width: 120px;
	height: 95px;
	background-position: 0 -184px;
}
.icons.adv-icon2{background-position: -120px -184px;}
.icons.adv-icon3{background-position: -240px -184px;}
.icons.adv-icon4{background-position: -360px -184px;}
.icons.adv-icon5{background-position: -480px -184px;}
.icons.adv-icon6{background-position: -600px -184px;}
.adv-bd p{
	font-size: 16px;
	line-height: 26px;
	color: #666;
	margin-right: 15px;
	padding-top: 9px;
}
.adv-bd p span{
	font-size:22px;
	color: #333;
}
.fr.adv-bd p{
	margin: 0 0 0 10px;
}
.banli-box.banli-box2{
	width: 369px;
	margin-top: -40px;
}
.banli-box.banli-box2 a{
	width: 130px;
}
.banli-box.banli-box2 b{
	font-size: 22px;
}
/*大核心优势 end*/
/*案例展示 start*/
.box3{
	background: url(../images/index/case-bg_02.jpg) center top no-repeat;
	padding-bottom: 54px;
}
.hot-tj-box {
	position: relative;
}
.slideHot {
	overflow: hidden;
	padding-bottom: 24px;
}
.slideHot ul {
	overflow: hidden;
}
.slideHot ul li {
	float: left;
	width: 280px;
	margin-right: 26px;
	text-align: center
}
.slideHot ul li img{
	display: block;
	height: 390px;
	width: 280px;
}
.slideHot ul li p{
	font-size: 16px;
	line-height: 54px;
	color: #fff;
}
.change-btn {
	position: absolute;
	width: 39px;
	height: 77px;
	background: url("../images/index/change-btn.png") no-repeat;
	top: 50%;
	margin-top: -116px;
}
.change-btn.next {
	background-position: -66px -96px;
	right: -56px;
}
.change-btn.prev {
	left: -60px;
}
.change-btn.next:hover {
	background-position: -66px 0;
}

.change-btn.prev:hover {
	background-position: 0 -96px;
}
.more-detail {
	width: 258px;
	height: 43px;
	border-radius: 43px;
	background-color: #fdc300;
	border: 1px solid #fdc300;
	line-height: 43px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-top: 40px;
	transition: all .3s linear;
}
/*案例展示 end*/
/*获取证书，5步轻松搞定 start*/
.box4{
	background: #f7f7f7;
	padding: 0;
}
.flow-list{
	overflow: hidden;
	padding: 5px 0 50px;
}
.flow-list li{
	width: 180px;
	height: 210px;
	background: #fff;
	text-align: center;
	float: left;
	overflow: hidden;
	position: relative;
}
.flow-list .w75{
	width: 75px;
	background: none;
}
.flow-list .w75 em{
	width: 38px;
	height: 38px;
	background-position: -95px 0;
	margin:86px 0 0 0 ;
	position: relative;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-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;
	left: 1px;
}
.flow-list li:first-child{margin-left: 0 !important;}
.flow-list li img{
	display:inline-block; /* 现代浏览器 +IE6、7 inline 元素 */  
	*display:inline; /* IE6、7 block 元素 */  
	*zoom:1; 
	width:100% ;
	height: 126px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.flow-list li i{
	width: 35px;
	height: 20px;
	background: url(../images/index/num-icon_03.jpg) no-repeat;
	margin: 15px 0 4px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.flow-list li .num-icon2{background-position: -35px 0;}
.flow-list li .num-icon3{background-position: -73px 0;}
.flow-list li .num-icon4{background-position: -108px 0;}
.flow-list li .num-icon5{background-position: -149px -1px;}
.flow-list li .num-icon6{background-position: -188px 0;}
.flow-list li p{
	font-size: 14px;
	color: #565656;
	line-height: 16px;
}
.flow-list li:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.flow-list li:hover p{color: #033477;}
.flow-line{
	width: 0;
	height: 2px;
	background: #033477;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition:all .6s linear;
	-moz-transition:all .6s linear;
	-ms-transition:all .6s linear;
	-o-transition:all .6s linear;
	transition: all .6s linear;
}
.flow-list li:hover .flow-line{
	width: 180px;
}
/*获取证书，5步轻松搞定 end*/

/*行业资讯 start*/
.news-list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}
.news-list li{
	width:370px ;
	float: left;
	margin-left: 45px;
	text-align: left;
}
.news-list li:first-child{margin-left: 0 !important;}
.news-list li h4{
	width: 355px;
	overflow: hidden;
	padding-left: 15px;
	font-size: 20px;
	color: #333;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px dashed #dedede;
	position: relative;
}
.news-list li h4 span{
	width: 4px;
	height: 21px;
	background: #033477;
	position: absolute;
	left: 0;
	bottom: 10px;
}
.news-list li h4 a{
	font-size: 16px;
	color: #033477;
}
.news-list li h4 a:hover{
	text-decoration: underline;
}
.new-text{
	width: 100%;
	overflow: hidden;
}
.new-text a{
	width: 100%;
	display: block;
	overflow:hidden ;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px dashed #dedede;
	font-size: 14px;
	color: #666;
}
.new-text a span{
	width: 285px;
	text-overflow: ellipsis;
	white-space: nowrap; 
	overflow: hidden;
}
.new-text a:hover{
	color: #eac225;
}
/*行业资讯 end*/