.aboutcon{ padding:40px;}
.aboutcon img{
max-width: 1000px;
width: expression(this.width > 1000?"1000px" : true);
height: auto;
}

.zhengwen { line-height:28px;}
.zhengwen img{
max-width: 820px;
width: expression(this.width > 820?"820px" : true);
height: auto;
}

section h2{/*color:#525252;*/ font-size:24px; padding-top:25px; text-align:center; -webkit-animation:gdownIn 1s 0.7s both; -moz-animation:gdownIn 1s 0.7s both; animation:gdownIn 1s 0.7s both;}
section aside{color:#bbb; font-size:16px; margin-bottom:25px; text-align:center; -webkit-animation:gdownIn 1s 0.9s both; -moz-animation:gdownIn 1s 0.9s both; animation:gdownIn 1s 0.9s both;}
#banner{position:relative; overflow:hidden; padding-top:32.15416666666667%; -webkit-animation:gfadeIn 1s 0.4s both; -moz-animation:gfadeIn 1s 0.4s both; animation:gfadeIn 1s 0.4s both;}
#progress{width:0; height:2px; position:absolute; bottom:0; left:0; background:#ddd; background:rgba(0,0,0,.05);}

#banner .pic{width:100%; vertical-align:top; pointer-events:none; -moz-user-select:none; -webkit-user-select:none; user-select:none;}
#focus_main{width:100%; overflow:hidden; position:absolute; top:0; left:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#focus_main li{width:100%; float:left;}
#focus_main li a{ display:block; height:100%;}

#focus_main img{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}


#focus_info{width:1200px; height:6.2rem; height:120px\9; position:absolute; bottom:50px; left:50%; margin-left:-600px; transform-style:preserve-3d;}
#focus_info article{display:none; position:absolute; top:0; left:0; width:100%; height:88%; padding:10px 0; background:#fff; -webkit-perspective-origin:50% 50%;  -moz-perspective-origin:50% 50%; perspective-origin:50% 50%;}
#focus_info p{float:left; width:620px; min-height:60px; padding:20px 0 0 85px; background:url(../img/quote.png) no-repeat 30px 25px; font-size:0.7rem;}
#focus_info .client_logo{float:right; width:229px; height:100%; border-left:1px dotted #d1d1d1; text-align:center; overflow:hidden;}
#focus_info .client_logo span{display:inline-block; width:0; height:100%; vertical-align:middle;}
#focus_info .client_logo img{max-width:100%; display:inline-block; vertical-align:middle;}


#focus_dot{position:absolute; top:50%; right:0; padding:20px 45px; width:14px; overflow:hidden; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -webkit-animation:grightIn 1s 0.5s both; -moz-animation:grightIn 1s 0.5s both; animation:grightIn 1s 0.5s both;}
#focus_dot li{float:left; width:10px; height:10px; margin:4px 0; border:2px solid transparent; border-radius:50%; cursor:pointer; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#focus_dot li b{width:100%; height:100%; border-radius:50%; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#focus_dot li.cur, #focus_dot li:hover{border-color:#fff;}
#focus_dot li.cur b, #focus_dot li:hover b{-webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0);}



.flip_front{-webkit-animation:flipOutX 0.4s linear both; -moz-animation:flipOutX 0.4s linear both; animation:flipOutX 0.4s linear both;}
@-webkit-keyframes flipOutX{
	0%{-webkit-transform:perspective(800px) rotateX(0deg) scale(1);}
	100%{-webkit-transform:perspective(800px) rotateX(-90deg) scale(0.86);}
}
@-moz-keyframes flipOutX{
	0%{-moz-transform:perspective(800px) rotateX(0deg) scale(1)}
	100%{-moz-transform:perspective(800px) rotateX(-90deg) scale(0.86)}
}
@keyframes flipOutX{
	0%{transform:perspective(800px) rotateX(0deg) scale(1);}
	100%{transform:perspective(800px) rotateX(-90deg) scale(0.86);}
}

.flip_back{-webkit-animation:flipInX 0.8s ease both; -moz-animation:flipInX 0.8s ease both; animation:flipInX 0.8s ease both;}
@-webkit-keyframes flipInX{
	0%{-webkit-transform:perspective(800px) rotateX(90deg) scale(0.86);}
	40%{-webkit-transform:perspective(800px) rotateX(-10deg);}
	70%{-webkit-transform:perspective(800px) rotateX(10deg);}
	100%{-webkit-transform:perspective(800px) rotateX(0deg) scale(1);}
}
@-moz-keyframes flipInX{
	0%{-moz-transform:perspective(800px) rotateX(90deg) scale(0.86);}
	40%{-moz-transform:perspective(800px) rotateX(-10deg);}
	70%{-moz-transform:perspective(800px) rotateX(10deg);}
	100%{-moz-transform:perspective(800px) rotateX(0deg) scale(1);}
}
@keyframes flipInX{
	0%{transform:perspective(800px) rotateX(90deg) scale(0.86);}
	40%{transform:perspective(800px) rotateX(-10deg);}
	70%{transform:perspective(800px) rotateX(10deg);}
	100%{transform:perspective(800px) rotateX(0deg) scale(1);}
}




.toptwo{
	width:1200px;
	height:auto;
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
}
/*雅达动态*/
.toptwoleft{ width:575px; height:auto; float:left;}
.toptwolefttitle{ width:575px; height:50px; position:relative;}
.changeList { height:auto; width: 525px; margin-top: 10px; }

.changeList dt { display: block; height: 117px; width:575px; text-align: left; float: left; border-bottom:#eeeeee 1px solid;  }

.changeListText { float:left; height:142px; width:525px; margin-top:17px; }
.changeListText1 a { font-size:18px; color:#193883;}
.changeListText1 a:hover{ text-decoration:underline;}
.changeListText2{ width:575px; height:106px; margin-top:12px;}
.changeListText2left{ width:161px; height:106px; float:left;}
.changeListText2left img{ width:161px; height:106px; }
.changeListText2left img:hover{}
.changeListText2right{ width:393px; height:106px; float:right;}
.changeListText2right p{ font-size:14px; line-height:25px;}
.changeListText2right a{ font-size:16px; color:#193883; margin-top:10px; float:left;}
.changeListText2right a:hover{ text-decoration:underline;}
.changeListText2right img{ width:90px; height:22px; margin-top:8px;}
.changeList dd { float: left; height:180px; width:575px; display: block; border-bottom:#eee 1px solid; cursor: pointer; }
@-moz-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.8; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.8; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0.8; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
.changeList dd#a1 .changeListText2,.changeList dd#a2 .changeListText2,.changeList dd#a3 .changeListText2{
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 4s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/	
	}


/*.changeList dd:hover{ border-bottom:#193883 1px solid;}*/
.fang{ width:575px; height:75px; margin-top:20px;}
.fang a{ font-size:18px; color:#193883;}
.fang p{ line-height:25px; font-size:14px; margin-top:5px;}
.fang a.xiang{ float:right; *margin-top:-25px; font-size:14px;}
.moer2{ width:1180px; height:32px; margin-top:45px; border-top:1px solid #eeeeee; height:32px;}
.moer2 a{ width:140px; height:32px; background:#ffffff url(../img/more_1.png) no-repeat center center; display:block; margin:0 auto; margin-top:-16px; line-height:30px; text-align:center; font-size:14px; transition:all .2s linear;}

.moer2 a:hover{ background:#ffffff url(../img/more.png) no-repeat center center; color:#fff;}

.toptworight{width:1094px; height:auto; margin-left:10px;}
/*.toptworighttitle{ width:1110px; height:50px; position:relative;}*/
.toptworight1{ width:1094px; height:auto;float:right; }
.toptworight1 img{ width:380px; height:250px; float:left; margin-right:20px;}
.toptworight1 p{ font-size:14px; line-height:31px; }



.works_link{width:1200px; height:72px; margin:auto; line-height:72px; border-top:1px dotted #d1d1d1; text-align:center; font-size:16px; -webkit-animation:gdownIn 1s 1.2s both; -moz-animation:gdownIn 1s 1.2s both; animation:gdownIn 1s 1.2s both;}
.works_link span{margin:0 23px;}
.works_link a{margin:0 23px; color:#a4a4a4; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.works_link a:hover{color:#333;}


.works_wrap{width:100%; position:relative; overflow:hidden; -webkit-animation:gfadeIn 1s 1.5s both; -moz-animation:gfadeIn 1s 1.5s both; animation:gfadeIn 1s 1.5s both; /*height:350px;*/}
#works{width:100%; position:absolute; top:0; left:0; overflow:hidden;}
#works ul{width:100%; overflow:hidden; float:left;}
#works ul li{float:left; width:25%; *width:24.97%; text-align:center;}
#works ul li a{display:block; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works ul li article{width:100%; position:relative; overflow:hidden;}

#works ul li article img{width:100.5%; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#works ul li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#a9a9a9; background:rgba(0,0,0,0.5); background:#666\9; text-align:left; text-indent:20px; z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works ul li h5{line-height:24px; font-size:18px; color:#333; padding-top:16px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works ul li span{line-height:22px; font-size:14px; color:#999; display:block; padding-bottom:18px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}


#works ul li a:hover{background-color:transparent;}
#works ul li a:hover h5, #works ul li a:hover span{color:#fff;}
#works ul li a:hover article summary{bottom:0;}
#works ul li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#works ul li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
#works ul li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}


#works_ctrl{width:100%; height:85px; background:#f1f1f1; box-shadow:0 2px 20px #edecec inset; text-align:center;}
#works_ctrl button{width:52px; height:50px; display:inline-block; margin:17px 5px; border:none; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#works_ctrl #works_prev{background:#fff url(../img/works_arr.png) no-repeat 0 0;}
#works_ctrl #works_prev:hover{background:#333 url(../img/works_arr.png) no-repeat -52px 0;}
#works_ctrl #works_next{background:#fff url(../img/works_arr.png) no-repeat -52px -50px;}
#works_ctrl #works_next:hover{background:#333 url(../img/works_arr.png) no-repeat 0 -50px;}
#works_prev, #works_next, #works_more{border-radius:2px; vertical-align:middle;}
#works_more{display:inline-block; width:92px; height:50px; background:#fff url(../img/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; vertical-align:middle;}
#works_more:hover{background:#333 url(../img/works_more.png) no-repeat center 0;}

/*新增开始*/
.work_t_bg1{ background-color:#d0006c}
.work_t_bg2{ background-color:#007fcd}
.work_t_bg3{ background-color:#ed5d64}
.work_t_bg4{ background-color:#158275}
.work_t_bg5{ background-color:#d26b6b}
.work_t_bg6{ background-color:#2c1f88}
.work_t_bg7{ background-color:#2097d4}
.work_t_bg8{ background-color:#63bdab}

/*新增结束*/

.detail_wrap{width:1200px; height:550px; margin:65px auto 0; position:relative;}
#detail{width:1200px; height:550px; position:relative; background:#f8f8f8;}
#detail li{display:none; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
#detail li.cur{display:block;}
#detail .pic{float:left; width:770px; height:540px; position:relative; border:5px solid #f1f1f1; background-repeat:no-repeat; background-size:100%; background-position:0 0; cursor:pointer; overflow:hidden; -webkit-animation:fadeIn 0.8s ease-out both; -moz-animation:fadeIn 0.8s ease-out both; animation:fadeIn 0.8s ease-out both; -webkit-transition:background 4s ease-out, border 0.3s; -moz-transition:background 4s ease-out, border 0.3s; transition:background 4s ease-out, border 0.3s;}
#detail .pic img{width:100%;}
#detail .pic:hover{border-color:#8fc35d;}

#detail .info{width:380px; float:right; margin-right:20px;}
#detail .info h5{margin-top:40px; font-size:20px; line-height:20px; color:#333; -webkit-animation:downIn 0.5s ease-out 0.15s both; -moz-animation:downIn 0.5s ease-out 0.15s both; animation:downIn 0.5s ease-out 0.15s both;}
#detail .info span{display:block; margin:10px 0; -webkit-animation:leftIn 0.6s ease-out 0.6s both; -moz-animation:leftIn 0.6s ease-out 0.6s both; animation:leftIn 0.6s ease-out 0.6s both;}
#detail .info p{height:190px; padding:13px; overflow:hidden; position:relative; -webkit-animation:fadeIn 0.8s ease-out 0.9s both; -moz-animation:fadeIn 0.8s ease-out 0.9s both; animation:fadeIn 0.8s ease-out 0.9s both;}
#detail .info p:before, #detail .info p:after{content:''; display:block; position:absolute; width:100%; height:1; -webkit-animation:borderIn 0.6s ease-out 1.3s both; -moz-animation:borderIn 0.6s ease-out 1.3s both; animation:borderIn 0.6s ease-out 1.3s both;}
#detail .info p:before{top:0; left:0; border-top:1px solid #dfdfdf;}
#detail .info p:after{right:0; bottom:0;  border-bottom:1px dotted #c6c6c6;}

#detail .info span, #detail .info p{font-size:14px; color:#999;}
#detail .info a{display:block; width:120px; height:40px; margin:18px 0 0 14px; background:#fff url(../img/magnifier_b.png) no-repeat -20px center; line-height:40px; text-indent:31px; border-radius:2px;-webkit-animation:bounceIn 0.4s ease 2.1s both; -moz-animation:bounceIn 0.4s ease 2.1s both; animation:bounceIn 0.4s ease 2.1s both; -webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
#detail .info a:hover{text-indent:42px; background-position:17px center;}

@-webkit-keyframes downIn{
	0%{opacity:0; -webkit-transform:translateY(20px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes downIn{
	0%{opacity:0; -moz-transform:translateY(20px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes downIn{
	0%{opacity:0; transform:translateY(20px);}
	100%{opacity:1; transform:translateY(0);}
}



@-webkit-keyframes leftIn{
	0%{opacity:0; -webkit-transform:translateX(-20px);}
	100%{opacity:1; -webkit-transform:translateX(0);}
}
@-moz-keyframes leftIn{
	0%{opacity:0; -moz-transform:translateX(-20px);}
	100%{opacity:1; -moz-transform:translateX(0);}
}
@keyframes leftIn{
	0%{opacity:0; transform:translateX(-20px);}
	100%{opacity:1; transform:translateX(0);}
}



@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}



@-webkit-keyframes borderIn{
	0%{width:0;}
	100%{width:100%;}
}
@-moz-keyframes borderIn{
	0%{width:0;}
	100%{width:100%;}
}
@keyframes borderIn{
	0%{width:0;}
	100%{width:100%;}
}



@-webkit-keyframes scaleIn{
	0%{opacity:0; -webkit-transform:scale(1.15);}
	100%{opacity:1; -webkit-transform:scale(1);}
}
@-moz-keyframes scaleIn{
	0%{opacity:0; -moz-transform:scale(1.15);}
	100%{opacity:1; -moz-transform:scale(1);}
}
@keyframes scaleIn{
	0%{opacity:0; transform:scale(1.15);}
	100%{opacity:1; transform:scale(1);}
}



@-webkit-keyframes bounceIn{
	0%{-webkit-transform:scale(.5);opacity:0;}
	70%{-webkit-transform:scale(1.05);}
	100%{-webkit-transform:scale(1);}
}
@-moz-keyframes bounceIn{
	0%{-moz-transform:scale(.5);opacity:0;}
	70%{-moz-transform:scale(1.05);}
	100%{-moz-transform:scale(1);}
}
@keyframes bounceIn{
	0%{transform:scale(.5);opacity:0;}
	70%{transform:scale(1.05);}
	100%{transform:scale(1);}
}






.detail_wrap .ctrl{width:420px; height:130px; position:absolute; right:0; bottom:0;}
.detail_wrap .ctrl button{display:block; float:left; width:210px; height:130px; border:none; line-height:200px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.detail_wrap #detail_prev{background:#eee url(../img/detail_arr.png) no-repeat 0 0;}
.detail_wrap #detail_prev:hover{background:#333 url(../img/detail_arr.png) no-repeat -210px 0; color:#fff;}
.detail_wrap #detail_next{background:#eee url(../img/detail_arr.png) no-repeat -210px -130px;}
.detail_wrap #detail_next:hover{background:#333 url(../img/detail_arr.png) no-repeat 0 -130px; color:#fff;}



#news{width:1200px; margin:30px auto; overflow:hidden;}
#news .item{float:left; width:370px; height:430px; margin-right:20px; background:#f8f8f8; position:relative;}
#news .item h3, #news .signing h3{margin:32px 0 30px; font-size:18px; line-height:18px;}
#news .item h3 a, #news .item h3 a:hover, #news .signing h3 a, #news .signing h3 a:hover{color:#999;}
#news .item h5{font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .item a{color:#000; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news .item a:hover{color:#8fc35d;}
#news .item span{display:block; font-size:12px; line-height:12px; margin:10px 0 25px; color:#999;}
#news .item summary{height:62px; color:#999; overflow:hidden;}
#news .item h3, #news .item h5, #news .item span, #news .item summary{padding:0 18px;}
#news .pic{position:absolute; bottom:0; left:0; width:100%; height:200px; overflow:hidden;}
#news .pic:after{content:''; display:block; position:absolute; top:0; left:30px; width:0; height:0; border-left:16px solid transparent; border-right:16px solid transparent; border-top:16px solid #f8f8f8;}
#news .pic img{width:100%;}

#news .signing{float:right; width:360px; height:430px; padding:0 30px; background:#f8f8f8; overflow:hidden;}
#news .signing ul{width:100%;}
#news .signing ul li{height:42px; line-height:42px; font-size:16px; position:relative;}
#news .signing ul li a{display:block; height:42px; width:240px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news .signing ul li a:hover{color:#8fc35d; -webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}
#news .signing ul li span{position:absolute; top:0; right:0; color:#b4b4b4; font-size:14px;}


.bd_top{margin:104px auto; *padding:74px 0; border-top:1px dotted #c8c8c8; position:relative;}
.client{position:absolute; top:-56px; left:50%; width:320px; height:100px; margin-left:-160px; background:#fff; text-align:center;}
.client h2, .client aside{margin:0; padding:0;}
.client h2{font-size:36px; line-height:36px; margin-bottom:6px; color:#7c7c7c; }
.client aside{font-size:16px; color:#525252;}
.client span{display:block; margin-top:20px; color:#bbb;}



.profession{position:absolute; top:-20px; left:50%; width:460px; height:60px; margin-left:-230px; background:#fff; text-align:center;}
.profession h2{margin:0; padding:0; color:#525252; font-size:24px;}
.profession h2 em{color:#bbb;}
.profession span{color:#bbb; font-size:16px;}
.profession_list{width:1200px; margin:80px auto 0; overflow:hidden;}
.profession_list dl{float:left; padding-top:200px; width:300px; text-align:center;}
.profession_list dt{color:#333; font-size:18px; font-weight:bold; margin-bottom:30px;}
.profession_list dd{color:#999; font-size:14px; line-height:25px; width:260px; margin-left:auto; margin-right:auto;}
dl.web{background:url(../img/profession_01.png) no-repeat 50% 0; cursor:pointer;}
dl.app{background:url(../img/profession_02.png) no-repeat 50% 0;cursor:pointer;}
dl.seo{background:url(../img/profession_03.png) no-repeat 50% 0;cursor:pointer;}
dl.vi{background:url(../img/profession_04.png) no-repeat 50% 0;cursor:pointer;}
dl.web:hover{background:url(../img/profession_01_1.png) no-repeat 50% 0;}
dl.app:hover{background:url(../img/profession_02_1.png) no-repeat 50% 0;}
dl.seo:hover{background:url(../img/profession_03_1.png) no-repeat 50% 0;}
dl.vi:hover{background:url(../img/profession_04_1.png) no-repeat 50% 0;}


/*产品推荐*/
.products{width:1110px;margin:auto;}
.products .content li{text-align:center;float:left;margin:0 9px;width:352px;position:relative;overflow:hidden; height:300px;}
.products .content li h3{position:absolute;left:0;width:100%;text-align:center; }
.products .content li h3 a{font-weight:normal;font-size:18px;color:#666;}
.products .content li h3 a:hover{color:#666;}
.products .content li p{ margin-top:25px;}
.products .content li .more{margin-top:15px;text-align:center}
.products .content li .more a{padding:8px 18px;background-color:#044588;font-size:12px;color:#ffffff;border-radius:8px; width:48px;}



.products .content img{width:352px;height:228px;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}
/*.products .content li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}*/
.products .content{width:1110px;overflow:hidden;float:left;}
.prolist{width:2000px;}
.pre_left{cursor:pointer;float:left;margin-top:86px;_display:inline;width:45px;height:75px;background:url(../img/le.png) 0 50% no-repeat;margin-right:30px;}
.pre_right{cursor:pointer;float:right;margin-top:86px;width:45px;height:75px;background:url(../img/re.png) 0 50% no-repeat;}
.opc:hover{opacity: 0.7;filter:alpha(opacity=70);}

.roll_product li{padding-bottom:0px;}



.full-pic{width:1110px;height:400px;position:relative; }
/*.full-pic .pic{position:relative;width:100%;height:100%;overflow:hidden}*/
.full-pic .pic img{position:absolute;left:50%;transform:translateX(-50%);width:1094px;height:100%}
.full-pic .detail{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;padding-top:180px;text-align:center}
.full-pic .detail h2{font-size:60px;line-height:60px;font-weight:bolder;color:#ffffff}
.full-pic .detail p{margin:30px 0 60px;font-size:26px;color:#ffffff;line-height:30px}
.full-pic .detail a{padding:14px 25px;background-color:#009c65;font-size:16px;line-height:16px;display:inline-block;color:#e5e5e5;border-radius:50px}
.iconfont{position:relative;top:-4px;left:-4px;color:#296294}
.full-pic{margin:0 auto}



.w1200 {
  width: 1110px;
  margin: 0 auto;
}


@media only screen and (max-width: 1220px) {
  .w1200 {
    width: 90%;
  }
}
.col-sm-3 {
    width: 23%;
  }

.col-sm-4 {
    width: 33.33333333%;
  }
.w-f{
    width: 98%;
	margin:auto;
}
.w-f li{
float:left;
}

.inews-list {
	margin-bottom: 2.6%;
	
}
.inews-list ul {
  margin-left: -1.25%;
  margin-right: auto;
	margin-left: auto;
}
@media only screen and (max-width: 788px) {
  .inews-list ul {
    margin: 0;
  }
  .inews-list ul li {
    margin-bottom: 6%;
  }
}
.inews-list .in {
  width: 92%;
  margin: 0 auto;
}
@media only screen and (max-width: 788px) {
  .inews-list .in {
    width: 100%;
  }
}
.inews-list a {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #7c7c7c;
  line-height:25px;
}
.inews-list p.tit{
	line-height: 20px;
	color: #444;
	text-align: center;

	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;

	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
.inews-list p.tit a{
  color: #444;
  font-size: 16px;
  line-height: 20px;
  height: 20px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inews-list p.tit a:hover{
  color: #0062cb;
}
/*.inews-list a:hover {
  color: #0062cb;
}*/
.inews-list span {
  display: inline-block;
  padding-left: 20px;
  background: url(../img/bg_sign01.png) no-repeat left 0;
  margin-top: 10px;
  font-size: 12px;
  line-height: 28px;
  color: #999;
  cursor: pointer;
}
.inews-list span.hover {
  background-position: left bottom;
  color: #0062cb;
}
.inews-list span a {
  display: inline-block;
  height: 28px !important;
  padding-left: 0 !important;
  background: none !important;
  margin: 0 !important;
  color: #999 !important;
  line-height: 28px !important;
}
.inews-list span a:hover {
  color: #0062cb;
}




/*............................................*/


.inside-menu {
  height: 70px;
  border-bottom: 1px solid #ededed;
  background: #fff;
}
@media only screen and (max-width: 980px) {
  .inside-menu {
    display: none;
  }
}
.inside-menu.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.inside-menu a {
  display: inline-block;
  font-size: 16px;
  line-height: 70px;
  color: #a3a3a3;
}
.inside-menu a:hover {
  color: #0062cb;
}
.inside-menu a.home {
  width: 20px;
  height: 70px;
  background: url(../img/bg_sign06.png) no-repeat center;
}
.inside-menu span {
  display: inline-block;
  width: 28px;
  height: 70px;
  background: url(../img/bg_sign07.png) no-repeat center;
}
.inside-menu em {
  display: inline-block;
  font-size: 14px;
  line-height: 70px;
  color: #a3a3a3;
}
.inside-menu .menu a {
  position: relative;
  display: inline-block;
  margin: 0 16px;
  font-size: 16px;
  line-height: 70px;
  color: #a3a3a3;
}
.inside-menu .menu a:last-child {
  padding-right: 0;
}
.inside-menu .menu a:after {
  transition: all 0.5s;
}
.inside-menu .menu a:hover {
  color: #88c23a;
}
.inside-menu .menu a:hover:after, .inside-menu .menu a.cur:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 3px;
  background: #88c23a;
}

.menu-block {
  height: 0px;
}

.about-wrap{
	overflow: hidden;
}

.inside-title, .about-wrap .title, .duty-wrap .title, .projects-wrap .tips .title, .bases-wrap .title {
  text-align: center;
  font-size: 30px;
  line-height: 36px;
  color: #777;
  text-transform: uppercase;
}
.inside-title p, .about-wrap .title p, .duty-wrap .title p, .projects-wrap .tips .title p, .bases-wrap .title p {
  margin-bottom: -5px;
}
.inside-title p.fz, .about-wrap .title p.fz, .duty-wrap .title p.fz, .projects-wrap .tips .title p.fz, .bases-wrap .title p.fz {
  font-size: 20px;
  line-height: 28px;
}
.inside-title span, .about-wrap .title span, .duty-wrap .title span, .projects-wrap .tips .title span, .bases-wrap .title span {
  position: relative;
  display: inline-block;
  padding: 0 35px;
  font-size: 22px;
  line-height: 36px;
  color: #035cac;
}
.inside-title span:before, .about-wrap .title span:before, .duty-wrap .title span:before, .projects-wrap .tips .title span:before, .bases-wrap .title span:before, .inside-title span:after, .about-wrap .title span:after, .duty-wrap .title span:after, .projects-wrap .tips .title span:after, .bases-wrap .title span:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 17.5px;
  width: 27px;
  height: 1px;
  background: #c8c8c8;
}
.inside-title span:before, .about-wrap .title span:before, .duty-wrap .title span:before, .projects-wrap .tips .title span:before, .bases-wrap .title span:before {
  left: 0;
}
.inside-title span:after, .about-wrap .title span:after, .duty-wrap .title span:after, .projects-wrap .tips .title span:after, .bases-wrap .title span:after {
  right: 0;
}
.inside-title.white, .about-wrap .white.title, .duty-wrap .white.title, .projects-wrap .tips .white.title, .bases-wrap .white.title {
  color: #fff;
}
.inside-title.white span, .about-wrap .white.title span, .duty-wrap .white.title span, .projects-wrap .tips .white.title span, .bases-wrap .white.title span {
  color: #fff;
}
.inside-title.white span:before, .about-wrap .white.title span:before, .duty-wrap .white.title span:before, .projects-wrap .tips .white.title span:before, .bases-wrap .white.title span:before, .inside-title.white span:after, .about-wrap .white.title span:after, .duty-wrap .white.title span:after, .projects-wrap .tips .white.title span:after, .bases-wrap .white.title span:after {
  background: #fff;
  opacity: 0.8;
}

.about-wrap .group, .duty-wrap .group {
  padding: 4.8% 0 6.5%;
  background: #f5f5f5;
  font-size: 14px;
  line-height: 2;
  color: #777;
  text-align: center;
}
.about-wrap .group .detail, .duty-wrap .group .detail {
  width: 82.5%;
  padding-top: 3%;
  margin: 0 auto;
}
.about-wrap .group .detail h2, .duty-wrap .group .detail h2 {
  font-size: 20px;
  line-height: 2;
  color: #000;
  margin-bottom: 7px;
}
.about-wrap .group .detail a, .duty-wrap .group .detail a {
  display: inline-block;
  width: 136px;
  border: 1px solid #035cac;
  background: #035cac;
  margin-top: 4.6%;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  transition: all 0.5s;
}
.about-wrap .group .detail a:hover, .duty-wrap .group .detail a:hover {
  background: #f5f5f5;
  color: #035cac;
}
@media only screen and (max-width: 980px) {
  .about-wrap .group, .duty-wrap .group {
    padding: 9% 0 13%;
  }
  .about-wrap .group .detail, .duty-wrap .group .detail {
    width: 100%;
    padding-top: 6%;
  }
}


/**********发展历程**********/
 .history {
  padding: 2.6% 0 2.6%;
  background: url(../img/bg_bg03.jpg) no-repeat center;
  background-size: cover;
}
.course-wrap{


	transition: normal;
}
.course-wrap.m-wrap{

	position: relative;
}
.course-wrap p.f48{
	font-size: 48px;
	line-height: 69px;
	color: #035cac;
}
.course-wrap.m-wrap p.f48{
	font-size: 20px;
	line-height: 34px;
}
.course-wrap span.f14{
	display: block;
	width: 100%;
	line-height: 34px;
}
.course-wrap.m-wrap span.f14{
	line-height: 22px;
}
.course-wrap .course-list{

	width: 100%;
	position: relative;
}

.course-wrap .course-list .ovh{
	width: 91%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(../img/bg_12.png) repeat-x left center;
}
.course-wrap.m-wrap .course-list .ovh{
	background: none;
	width: 100%;
}
.course-wrap .course-list li{
	width: 300px;
	position: relative;
	margin-right: -93px;
	float:left;
}
.course-wrap.m-wrap .course-list li{

	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
}
.course-wrap .course-list .main{
	padding: 17px 20px 27px;
	background-color: #fff;
	width: 260px;
	color: #777;
}
.course-wrap .course-list .main p{
	padding-left: 18px;
	/*background: url(../img/ico_125.jpg) no-repeat left 9px;*/
}
.course-wrap.m-wrap .course-list .main{
	width: 94%;
	padding: 17px 3% 27px;
}
.course-wrap .course-list li .top{
	background: url(../img/bg_10.png) no-repeat left top;
	padding-top: 45px;
	height: 42px;
	line-height: 42px;
	font-family: "Arial";
	font-size: 18px;
	text-align: center;
}
.course-wrap.m-wrap .course-list li .top{
	padding-top: 0;
	padding-left: 3%;
	width: 97%;
	text-align: left;
	background: #e8e8e8;
}
.course-wrap .course-list li.odd{
	margin-top: 0;
}
.course-wrap.m-wrap .course-list li.odd{
	position: relative;
}
.course-wrap .course-list li.odd .top{
	background: url(../img/bg_11.png) no-repeat left bottom;
	padding-bottom: 45px;
	padding-top: 0;
}
.course-wrap.m-wrap .course-list li.odd .top{
	padding-bottom: 0;
	background: #e8e8e8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.course-wrap.m-wrap .course-list li.odd .main{
	margin-top: 42px;
}
.course-wrap .course-list .butn{
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	cursor: pointer;
}
.course-wrap.m-wrap .course-list .butn{
	display: none;
}
.course-wrap .course-list .prev{
	background: url(../img/ico_40.png) no-repeat center top;
	left: 0;
}
.course-wrap .course-list .next{
	background: url(../img/ico_39.png) no-repeat center top;
	right: 0;
}
.course-wrap .course-list .butn:hover{
	background-position: center bottom;
}
.course-wrap .course-list li:hover .top{
	background: url(../img/bg_10.png) no-repeat right top;
	color: #fff;
}
.course-wrap.m-wrap .course-list li:hover .top,.course-wrap.m-wrap .course-list li.odd:hover .top{
	background: #e8e8e8;
	color: #666;
}
.course-wrap .course-list li.odd:hover .top{
	background: url(../img/bg_11.png) no-repeat right top;
	color: #fff;
}



.aboutbox{ background:#FFFFFF; margin-top:20px; margin-bottom:20px; line-height:30px;}

.about-wrap .strategy, .duty-wrap .strategy {
  padding: 4% 0 3.4%;
}
@media only screen and (max-width: 980px) {
  .about-wrap .strategy, .duty-wrap .strategy {
    padding: 8% 0 7%;
  }
}
.about-wrap .strategy .main, .duty-wrap .strategy .main {
  padding-top: 40px;
}
.about-wrap .strategy .img img, .duty-wrap .strategy .img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.about-wrap .strategy .detail, .duty-wrap .strategy .detail {
  padding: 4.5% 9.8% 0 7.5%;
  font-size: 12px;
  line-height: 26px;
  color: #666;
}
.about-wrap .strategy .detail h2, .duty-wrap .strategy .detail h2 {
  font-size: 24px;
  line-height: 36px;
  color: #000;
}
.about-wrap .strategy .detail h3, .duty-wrap .strategy .detail h3 {
/*  position: relative;*/
  padding-bottom: 20px;
  margin-bottom: 4.8%;
  font-size: 18px;
  line-height: 28px;
}
.about-wrap .strategy .detail h3:after, .duty-wrap .strategy .detail h3:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 34%;
  height: 1px;
  background: #e5e5e5;
}
@media only screen and (max-width: 770px) {
  .about-wrap .strategy .detail, .duty-wrap .strategy .detail {
    padding: 9% 0 0;
  }
}
.about-wrap .mission, .duty-wrap .mission {
  padding: 5.2% 0 7.8%;
  background: url(../img/bg_bg05.jpg) no-repeat center;
  background-size: cover;
}
.about-wrap .mission .scroll-box, .duty-wrap .mission .scroll-box {
  width: 73.5%;
  height: 148px;
  margin: 4.4% auto 1.8%;
  font-size: 14px;
  line-height: 26px;
  color: #666;
  text-align: center;
}
.about-wrap .mission .scroll-box .scroll, .duty-wrap .mission .scroll-box .scroll{
  left: 0;
  top: 0;
}
.about-wrap .mission .scroll-box h2, .duty-wrap .mission .scroll-box h2 {
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 2;
  color: #000;
}
.about-wrap .mission .btns, .duty-wrap .mission .btns {
  height: 29px;
  text-align: center;
}
.about-wrap .mission .btns span, .duty-wrap .mission .btns span {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(../img/prev02.png) no-repeat;
  margin: 0 8px;
  cursor: pointer;
}
.about-wrap .mission .btns span.down, .duty-wrap .mission .btns span.down {
  background-image: url(../img/next02.png);
}
@media only screen and (max-width: 980px) {
  .about-wrap .mission, .duty-wrap .mission {
    padding: 10% 0;
    background-image: url(../img/bg_bg06.jpg);
  }
  .about-wrap .mission .scroll-box, .duty-wrap .mission .scroll-box {
    width: 100%;
    height: auto;
  }
  .about-wrap .mission .scroll-box .scroll, .duty-wrap .mission .scroll-box .scroll {
    position: relative;
  }
  .about-wrap .mission .btns, .duty-wrap .mission .btns {
    display: none;
  }
}
.about-wrap .honor, .duty-wrap .honor {
  padding: 3.3% 0 4.3%;
  background: #f5f5f5;
}
/*.about-wrap .honor{
  border-bottom: 1px solid #e0e0e0;
}*/
.about-wrap .honor.bggray, .duty-wrap .honor.bggray {
  background: #f5f5f5;
}
.about-wrap .honor .tips, .duty-wrap .honor .tips {
  font-size: 14px;
  line-height: 2;
  color: #666;
  text-align: center;
}
.about-wrap .honor .list, .duty-wrap .honor .list {
  margin-top: 5%;
}
.about-wrap .honor li, .duty-wrap .honor li {
  position: relative;
  overflow: hidden;
  padding-bottom: 2.5%;
  margin-bottom: 2.5%;
  
}
.about-wrap .honor li a{
  display: block;
  background:url(../img/h_bgs.jpg) no-repeat;
  overflow:hidden; text-align:center; display: table-cell;vertical-align:middle;
  width:270px;
  height:213px;
  
}
.about-wrap .honor li img, .duty-wrap .honor li img {
  display: block;
     width:auto;
 height:188px;
 max-width:242px;
 max-height:188px;
  vertical-align:middle;
  margin: 0 auto;
  box-reflect: below 0 -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0.2) 94%, rgba(255, 255, 255, 0.4) 96%, rgba(255, 255, 255, 0.6) 98%, rgba(255, 255, 255, 0.8) 100%);
}
.about-wrap .honor .btn, .duty-wrap .honor .btn {
  text-align: center;
}
.about-wrap .honor .btn a, .duty-wrap .honor .btn a {
  display: inline-block;
  width: 136px;
  background: #035cac;
  border: 1px solid #035cac;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  transition: all 0.5s;
}
.about-wrap .honor .btn a:hover, .duty-wrap .honor .btn a:hover {
  background: none;
  color: #035cac;
}
@media only screen and (max-width: 980px) {
  .about-wrap .honor, .duty-wrap .honor {
    padding: 6% 0 8%;
  }
  .about-wrap .honor .w1200, .duty-wrap .honor .w1200 {
    width: 100%;
  }
  .about-wrap .honor li a, .duty-wrap .honor li a {
    display: inline-block;
    width: 90%;
    margin: 0 5%;
  }
}
.about-wrap .leadership, .duty-wrap .leadership {
  padding: 4.6% 0 3.3%;
  background: url(../img/bg_bg07.jpg) no-repeat center;
  background-size: cover;
}
@media only screen and (max-width: 980px) {
  .about-wrap .leadership, .duty-wrap .leadership {
    background-image: url(../img/bg_bg08.jpg);
  }
}
.about-wrap .leadership .revolve, .duty-wrap .leadership .revolve {
  margin-top: 6.25%;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-align: center;
}
.about-wrap .leadership .revolve{
  margin-top: 3%;
  margin-bottom: 1.5%;
}
.about-wrap .leadership .revolve .btns, .duty-wrap .leadership .revolve .btns {
  top: 165px;
  width: 37px;
  height: 37px;
  cursor: pointer;
}
.about-wrap .leadership .revolve .btns.prev, .duty-wrap .leadership .revolve .btns.prev {
  left: 0;
  background: url(../img/prev03.png) no-repeat;
}
.about-wrap .leadership .revolve .btns.next, .duty-wrap .leadership .revolve .btns.next {
  right: 0;
  background: url(../img/next03.png) no-repeat;
}
@media only screen and (max-width: 1044px) {
  .about-wrap .leadership .revolve, .duty-wrap .leadership .revolve {
    padding-bottom: 3%;
  }
  .about-wrap .leadership .revolve .btns, .duty-wrap .leadership .revolve .btns {
    top: 35%;
  }
}
.about-wrap .leadership .revolve .scroll, .duty-wrap .leadership .revolve .scroll {
  width: 1034px;
  height: 368px;
  margin: 0 auto;
}
.about-wrap .leadership .revolve .scroll li, .duty-wrap .leadership .revolve .scroll li {
  position: absolute;
  left: 275px;
  top: 0;
  width: 484px;
  height: 368px;
  transform: scale(0);
  opacity: 0;
}
@media only screen and (max-width: 1220px) {
  .about-wrap .leadership .revolve .scroll, .duty-wrap .leadership .revolve .scroll {
    width: 821px;
  }
  .about-wrap .leadership .revolve .scroll ul, .duty-wrap .leadership .revolve .scroll ul {
    left: -106px;
  }
  .about-wrap .leadership .revolve .scroll li, .duty-wrap .leadership .revolve .scroll li {
    left: 106px;
  }
}
@media only screen and (max-width: 1044px) {
  .about-wrap .leadership .revolve .scroll, .duty-wrap .leadership .revolve .scroll {
    width: calc(100% - 80px);
    max-width: 484px;
  }
  .about-wrap .leadership .revolve .scroll ul, .duty-wrap .leadership .revolve .scroll ul {
    left: 0;
    margin: 0 auto;
  }
  .about-wrap .leadership .revolve .scroll li, .duty-wrap .leadership .revolve .scroll li {
    left: 0;
    width: 100%;
  }
}
.about-wrap .leadership .revolve .tips, .duty-wrap .leadership .revolve .tips {
  min-height: 44px;
  margin-top: 17px;
}
.about-wrap .party, .duty-wrap .party {
  padding-top: 3%;
}
.about-wrap .party .tab, .duty-wrap .party .tab {
  margin-top: 4.6%;
}
@media only screen and (max-width: 980px) {
  .about-wrap .party .tab, .duty-wrap .party .tab {
    margin-top: 9%;
  }
}
.about-wrap .party .tab li, .duty-wrap .party .tab li {
  position: relative;
  padding-bottom: 4.5%;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  text-align: center;
  cursor: pointer;
}
.about-wrap .party .tab li p.en, .duty-wrap .party .tab li p.en {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  font-family: Arial;
  text-transform: uppercase;
}
.about-wrap .party .tab li .img, .duty-wrap .party .tab li .img {
  width: 100%;
  max-width: 139px;
  margin: 0 auto 8.6%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
.about-wrap .party .tab li:nth-child(1) .img, .duty-wrap .party .tab li:nth-child(1) .img {
  background-image: url(../img/bg_sign08.png);
}
.about-wrap .party .tab li:nth-child(2) .img, .duty-wrap .party .tab li:nth-child(2) .img {
  background-image: url(../img/bg_sign09.png);
}
.about-wrap .party .tab li:nth-child(3) .img, .duty-wrap .party .tab li:nth-child(3) .img {
  background-image: url(../img/bg_sign10.png);
}
.about-wrap .party .tab li:nth-child(4) .img, .duty-wrap .party .tab li:nth-child(4) .img {
  background-image: url(../img/bg_sign11.png);
}
.about-wrap .party .tab li.cur .img, .duty-wrap .party .tab li.cur .img {
  background-position: center bottom;
}
.about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-bottom: 17px solid #f5f5f5;
  border-left: 17px dashed transparent;
  border-right: 17px dashed transparent;
  margin-left: -17px;
}
@media only screen and (max-width: 980px) {
  .about-wrap .party .tab li, .duty-wrap .party .tab li {
    margin-bottom: 5%;
  }
  .about-wrap .party .tab li p.en, .duty-wrap .party .tab li p.en {
    font-size: 14px;
  }
  .about-wrap .party .tab li.cur:after, .duty-wrap .party .tab li.cur:after {
    display: none;
  }
}
.about-wrap .party .box-wrap, .duty-wrap .party .box-wrap {
  padding: 3.6% 0;
  background: #f5f5f5;
  font-size: 12px;
  line-height: 2;
  color: #777;
  text-align: center;
}
.about-wrap .party .box-wrap .box, .duty-wrap .party .box-wrap .box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.about-wrap .party .box-wrap .box.w885, .duty-wrap .party .box-wrap .box.w885 {
  max-width: 885px;
}
.about-wrap .party .box-wrap .box img, .duty-wrap .party .box-wrap .box img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.about-wrap .party .box-wrap h2, .duty-wrap .party .box-wrap h2 {
  font-size: 24px;
  line-height: 38px;
  color: #333;
}
.about-wrap .party .box-wrap p.t, .duty-wrap .party .box-wrap p.t {
  position: relative;
  padding-bottom: 11px;
  margin-bottom: 37px;
  font-size: 14px;
}
.about-wrap .party .box-wrap p.t:after, .duty-wrap .party .box-wrap p.t:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 25px;
  height: 2px;
  background: #035cac;
  margin-left: -12.5px;
}
.about-wrap .party .box-wrap .tips, .duty-wrap .party .box-wrap .tips {
  width: 83%;
  margin: 0 auto 2.3%;
}
.about-wrap .party .box-wrap .tips li, .duty-wrap .party .box-wrap .tips li {
  position: relative;
}
.about-wrap .party .box-wrap .tips li:after, .duty-wrap .party .box-wrap .tips li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 22px;
  background: #d0d0d0;
  margin-top: -11px;
}
.about-wrap .party .box-wrap .tips li:last-child:after, .duty-wrap .party .box-wrap .tips li:last-child:after {
  display: none;
}
.about-wrap .party .box-wrap .tips p.num, .duty-wrap .party .box-wrap .tips p.num {
  font-size: 14px;
  line-height: 2;
  color: #333;
}
.about-wrap .party .box-wrap .tips span, .duty-wrap .party .box-wrap .tips span {
  display: inline-block;
  font-size: 48px;
  line-height: 1;
  color: #035cac;
  font-family: Arial;
}
.about-wrap .party .box-wrap .book-list, .duty-wrap .party .box-wrap .book-list {
  margin-top: 3%;
}
.about-wrap .party .box-wrap .book-list a, .duty-wrap .party .box-wrap .book-list a {
  display: inline-block;
  width: 90%;
  margin: 0 auto;
}
.about-wrap .party .box-wrap .book-list a p, .duty-wrap .party .box-wrap .book-list a p {
  margin: 10px 0;
  font-size: 18px;
  line-height: 2;
  color: #666;
}
.about-wrap .party .box-wrap .book-list a p{
  font-size: 15px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about-wrap .news-list {
  background: #fff;
  padding-top:20px;
  padding-bottom:80px;
  margin-top:20px;
  margin-bottom:20px;


}
.about-wrap .news-list .top, .duty-wrap .party .box-wrap .news-list .top {
  padding: 2% 2.8%;
}
.about-wrap .news-list .img a, .duty-wrap .party .box-wrap .news-list .img a {
  display: inline-block;
  padding-right: 14%;
}
.about-wrap .news-list .img a img, .duty-wrap .party .box-wrap .news-list .img a img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.about-wrap .news-list .detail, .duty-wrap .party .box-wrap .news-list .detail {
  text-align: left;
}
.about-wrap .news-list .detail a, .duty-wrap .party .box-wrap .news-list .detail a {
  display: inline-block;
  width: 100%;
  min-height: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.about-wrap .news-list .detail a.tit, .duty-wrap .party .box-wrap .news-list .detail a.tit {
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 38px;
  color: #005aab;
}
.about-wrap .news-list .detail a.more, .duty-wrap .party .box-wrap .news-list .detail a.more {
  display: inline-block;
  width: 78px;
  min-height: 28px;
  padding-left: 18px;
  background: #005aab;
  margin-top: 15px;
  font-size: 13px;
  line-height: 28px;
  color: #fff;
  text-transform: uppercase;
}
.about-wrap .news-list .detail a.more span, .duty-wrap .party .box-wrap .news-list .detail a.more span {
  padding-right: 22px;
  background: url(../img/bg_sign12.png) no-repeat right center;
}
.about-wrap .news-list li, .duty-wrap .party .box-wrap .news-list li {
  width: 96%;
  padding: 0 2%;
  border-bottom: 1px solid #f2f2f2;
  font-size: 16px;
  line-height: 52px;
  color: #666;
}
.about-wrap .news-list li a, .duty-wrap .party .box-wrap .news-list li a {
  display: inline-block;
  margin-left: 10px;
}
.about-wrap .party .box-wrap a.list-more, .duty-wrap .party .box-wrap a.list-more {
  display: inline-block;
  width: 100%;
  background: #cdcdcd;
  margin-top: 15px;
  font-size: 22px;
  line-height: 60px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 1220px) {
  .about-wrap .news-list, .duty-wrap .party .box-wrap .news-list {
    width: 100%;
    margin: 0 auto;
  }
  .about-wrap .news-list .top, .duty-wrap .party .box-wrap .news-list .top {
    padding: 4% 6%;
  }
  .about-wrap .news-list .img a, .duty-wrap .party .box-wrap .news-list .img a {
    padding: 0;
  }
  .about-wrap .news-list .detail, .duty-wrap .party .box-wrap .news-list .detail {
    margin-top: 5%;
    text-align: center;
  }
  .about-wrap .news-list .detail a.tit, .duty-wrap .party .box-wrap .news-list .detail a.tit {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 2.2;
  }
}
@media only screen and (max-width: 788px) {
  .about-wrap .party .box-wrap, .duty-wrap .party .box-wrap {
    padding: 7% 0;
  }
  .about-wrap .party .box-wrap .box, .duty-wrap .party .box-wrap .box {
    width: 90%;
  }
  .about-wrap .party .box-wrap .tips, .duty-wrap .party .box-wrap .tips {
    width: 100%;
  }
  .about-wrap .party .box-wrap .news-list li, .duty-wrap .party .box-wrap .news-list li {
    font-size: 14px;
    line-height: 36px;
    color: #666;
    text-align: left;
  }
  .about-wrap .party .box-wrap .news-list li a, .duty-wrap .party .box-wrap .news-list li a {
    padding-bottom: 5px;
    margin-left: 0;
    line-height: 20px;
  }
}
.about-wrap .r-honor, .duty-wrap .r-honor {
  padding: 3.5% 0 6.3%;
}
.about-wrap .r-honor .tab, .duty-wrap .r-honor .tab {
  margin-top: 5.5%;
}
.about-wrap .r-honor .tab .btn, .duty-wrap .r-honor .tab .btn {
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.about-wrap .r-honor .tab .btn.prev, .duty-wrap .r-honor .tab .btn.prev {
  left: 0;
  background: url(../img/prev04.png) no-repeat;
}
.about-wrap .r-honor .tab .btn.next, .duty-wrap .r-honor .tab .btn.next {
  right: 0;
  background: url(../img/next04.png) no-repeat;
}
.about-wrap .r-honor .tab .list, .duty-wrap .r-honor .tab .list {
  position: relative;
  overflow: hidden;
  width: 1070px;
  height: 54px;
  margin: 0 auto;
}
.about-wrap .r-honor .tab .list:before, .duty-wrap .r-honor .tab .list:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 16px;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
}
@media only screen and (max-width: 1220px) {
  .about-wrap .r-honor .tab .list, .duty-wrap .r-honor .tab .list {
    width: calc(95% - 74px);
  }
}
.about-wrap .r-honor .tab li, .duty-wrap .r-honor .tab li {
  width: 86px;
  height: 54px;
  padding-right: 54px;
  font-size: 18px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial;
  text-align: center;
  cursor: pointer;
}
.about-wrap .r-honor .tab li span, .duty-wrap .r-honor .tab li span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #e1e1e1;
  border-radius: 9px;
  background: #fff;
  margin: 8px auto;
}
.about-wrap .r-honor .tab li span em, .duty-wrap .r-honor .tab li span em {
  display: inline-block;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #aaa;
  transition: background 0.5s;
}
.about-wrap .r-honor .tab li.cur, .duty-wrap .r-honor .tab li.cur {
  color: #005aab;
}
.about-wrap .r-honor .tab li.cur em, .duty-wrap .r-honor .tab li.cur em {
  background: #005aab;
}
.about-wrap .r-honor .detail, .duty-wrap .r-honor .detail {
  margin-top: 4.2%;
}
.about-wrap .r-honor .detail .top, .duty-wrap .r-honor .detail .top {
  padding: 2% 2.5%;
  border-bottom: 1px solid #f2f2f2;
  background: #f5f5f5;
}
@media only screen and (max-width: 788px) {
  .about-wrap .r-honor .detail .top, .duty-wrap .r-honor .detail .top {
    padding: 5%;
  }
  .about-wrap .r-honor .detail .top img, .duty-wrap .r-honor .detail .top img {
    width: 100%;
  }
}
.about-wrap .r-honor .detail .in, .duty-wrap .r-honor .detail .in {
  padding: 1% 6.5% 4.8% 2.3%;
  font-size: 14px;
  line-height: 30px;
  color: #666;
}
.about-wrap .r-honor .detail .in h2, .duty-wrap .r-honor .detail .in h2 {
  font-size: 24px;
  line-height: 58px;
  color: #005aab;
}
.about-wrap .r-honor .detail ul, .duty-wrap .r-honor .detail ul {
  margin-bottom: 54px;
}
.about-wrap .r-honor .detail li, .duty-wrap .r-honor .detail li {
  width: 100%;
}
.about-wrap .r-honor .detail li p.tit, .duty-wrap .r-honor .detail li p.tit {
  width: 89.5%;
  padding: 16px 8% 16px 2.5%;
  border-bottom: 1px solid #f2f2f2;
  background: url(../img/bg_sign13.png) no-repeat right center;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  cursor: pointer;
}



/*产品、解决方案*/

.ny_nav{ width:220px; margin-top:20px;}
.ny_nav h1{ font-weight:bold; padding:26px 0 26px 20px; color:#1e3484;}
.ny_nav h1 i{ width:14px; height:8px; background:url(../img/sj2.gif) no-repeat; right:22px; top:50%; margin-top:-2px;}
.ny_nav li{ line-height:50px;border-top:1px solid #e5e5e5; }
.ny_nav li ul li a{padding-left:40px; position:relative;}
.ny_nav li ul li a:after{content:''; position:absolute; left:28px; top:50%; margin-top:-2px; border-radius:50%; width:4px; height:4px; background:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.ny_nav li ul li a:hover:after{background:#aacc23;}
.ny_nav .hover2 a:after{ background:#aacc23;}
.ny_nav li a{ display:block; padding-left:26px; border-left:4px /*solid #fff*/; line-height:30px; padding-top:12px; padding-bottom:12px;}

.ny_nav li a:hover,.ny_nav .hover2 a{ color:#1e3484;}
.ny_nav .hover a{
	
	border-top-color: #1e3484;
	border-right-color: #1e3484;
	border-bottom-color: #1e3484;
	border-left-color: #1e3484;
}
.ny_nav .hover ul li a{border-left:4px solid #f2f2f2; background:#f2f2f2;}


.con_box{ width:875px;}
.con_box h3{
	width:820px;
	color: #1e3484;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
}
.case_list dl{ margin:40px 0 0 0; width:600px; float:left; height:112px; overflow:hidden;}
.case_list dt{ width:205px; height:112px; float:left; background:#fff;}
.case_list dd{ width:350px; float:right; padding-right:20px;}
.case_list dd h1{ line-height:40px;height:40px; overflow:hidden;}
.case_list dd p{ color:#999;}
.case_list dd a:hover h1,.case_list dd a:hover p{ color:#008cd6;}
.con_box .case_list dl:hover dd p{color:#fff;}
.con_box .case_list dd a:hover p{ color:#fff;}


.case_list .pro_list{ margin-right:-30px;width:875px; overflow:hidden}
.case_list .pro_list  dl { float:left; width:252px; height:250px; margin-bottom:30px; margin-right:30px; margin-top:0; overflow:hidden;}
.case_list .pro_list dt{ float:none; width:280px; height:200px; overflow:hidden; text-align:center; display: table-cell;vertical-align:middle; }
.case_list .pro_list dt img{    
 /*width:280px;
 height:200px;*/
 width:auto;
 height:auto;
 max-width:280px;
 max-height:210px;
 vertical-align:middle;}
.case_list .pro_list dd{width:210px; margin:0; padding:12px; line-height:20px;}
.case_list .pro_list dd p{ height:50px;}


.pro_list dl{ height:200px; background:#f9f9f9; color:#999; margin-bottom:30px;}
.pro_list dt{ width:290px;height:200px; float:left; position:relative;}
.pro_list dt .bj{ background:#477fbf; position:absolute; width:100%; height:100%; left:0; top:0; z-index:2;filter: Alpha(Opacity=80);opacity: 0.8;}
.pro_list dt .share_lb{ position:absolute; z-index:9; width:100%; text-align:center; top:50%; margin-top:-10px;}
.pro_list dt .share_lb a{ padding:0 5px;}
.pro_list dd{ width:554px; float:right; padding-right:30px; padding-top:24px;}
.pro_list dd h1{ border-bottom:1px dotted #ccc; padding:15px 0; margin-bottom:10px;}
.pro_list dl:hover{
	color:#fff;
	background-color: #1e3484;
}
.pro_list dl:hover dd a{ color:#fff;}
.pro_list dl:hover dd h1{border-bottom:1px dotted #fff;}
/*证书*/

.news-wrap {
  padding-top: 20px;
  background-color: #f5f5f5;
  padding-bottom: 20px;
}
.news-wrap .pinterest {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.news-wrap .main {
  position: relative;
  width: 100%;
}
.news-wrap .main .newsbox {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  margin-left:10px;
  margin-bottom:15px;
 
}
.news-wrap .main .pic {
  display: block;
   width: 360px;
  background:url(../img/h_bg.jpg) no-repeat;
  height:280px;
  overflow:hidden; text-align:center; display: table-cell;vertical-align:middle;
  

}
.news-wrap .main img {
/* width:auto;
 height:100%;
 max-width:100%;
 max-height:100%;
  vertical-align:middle;*/
   width:auto;
 height:248px;
 max-width:360px;
 max-height:248px;
  vertical-align:middle;
  
}
.news-wrap .main .cont {
	display: block;
	width: 300px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 16px;
	padding-left: 30px;
	background:#FFFFFF;
}
.news-wrap .main .tit {
  font-size: 16px;
  color: #000;
  line-height: 28px;
  text-align: center;
  height: 28px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  
}
olor: #0062cb;
}
.news-wrap .main .tit a{
  color: #000;
  display: inline-block;
}
.news-wrap .main .tit a:hover{
  color: #88c23a;
}
.news-wrap .main .font {
  display: inline-block;
  margin-top: 13px;
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.news-wrap .main .font:hover {
  color: #0062cb;
}
.news-wrap .main .date {
  display: block;
  border-top: 1px solid #f2f2f2;
  line-height: 28px;
  padding-top: 9px;
  font-size: 14px;
  font-family: "Arial";
  color: #8d8d8d;
  margin-top: 22px;
}
.news-wrap .pinterest .more{
  text-align: center;
  margin: 10px auto;
}
.news-wrap .pinterest .more span{
  display: inline-block;
  width: 120px;
  height: 36px;
  border: 1px solid #005aab;
  background: #005aab;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
}
.news-wrap .pinterest .more span.hover{
  background: none;
  color: #005aab;
}
.news-info {
  background-color: #fff;
  width: 92%;
  padding: 35px 4% 38px;
}
.news-info h3 {
  font-size: 24px;
  font-weight: normal;
  color: #333;
  line-height: 58px;
  text-align: center;
  padding-bottom: 23px;
  border-bottom: 1px solid #e4e4e4;
}
.news-info .lab-tips {
  padding-top: 21px;
  line-height: 30px;
  text-align: center;
}
.news-info .lab-tips .date {
  font-size: 14px;
  font-family: "Arial";
  color: #999;
  margin-left: 378px;
}
.news-info .lab-tips .tt {
  color: #525151;
  margin-right: 12px;
}
.news-info .lab-tips .share {
  margin-left: 18px;
  display: inline-block;
  margin-left: 17px;
}
.news-info .lab-tips a {
  display: inline-block;
  float: left;
}
.news-info .cont {
  padding-top: 24px;
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 26px;
  color: #444;
}
.news-info .cont img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.news-info .paging .left {
  line-height: 22px;
}
.news-info .paging a {
  color: #666;
}
.news-info .paging a:hover {
  color: #0062cb;
}
.news-info .paging .return {
  display: inline-block;
  padding-left: 18px;
  background: url(../img/ico_01.jpg) no-repeat left center;
  line-height: 22px;
}



/*工程案例*/

.news-wrap1 {
  padding-top: 20px;
  background-color: #f5f5f5;
  padding-bottom: 20px;
}
.news-wrap1 .pinterest {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.news-wrap1 .main {
  position: relative;
  width: 100%;
}
.news-wrap1 .main .newsbox {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  margin-left:10px;
  margin-bottom:15px;
 
}
.news-wrap1 .main .pic {
  display: block;
  width: 360px;
  /*background:url(../img/h_bg.jpg) no-repeat;*/
  height:280px;
  overflow:hidden; text-align:center; display: table-cell;vertical-align:middle;
  

}
.news-wrap1 .main img {
/* width:auto;
 height:100%;
 max-width:100%;
 max-height:100%;
  vertical-align:middle;*/
   width:auto;
 height:248px;
 max-width:360px;
 max-height:248px;
  vertical-align:middle;
  
}
.news-wrap1 .main .cont {
	display: block;
	width: 300px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 16px;
	padding-left: 30px;
	background:#FFFFFF;
}
.news-wrap1 .main .tit {
  font-size: 16px;
  color: #000;
  line-height: 28px;
  text-align: center;
  height: 28px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  
}
olor: #0062cb;
}
.news-wrap1 .main .tit a{
  color: #000;
  display: inline-block;
}
.news-wrap1 .main .tit a:hover{
  color: #88c23a;
}
.news-wrap1 .main .font {
  display: inline-block;
  margin-top: 13px;
  font-size: 12px;
  color: #666;
  line-height: 22px;
}
.news-wrap1 .main .font:hover {
  color: #0062cb;
}
.news-wrap1 .main .date {
  display: block;
  border-top: 1px solid #f2f2f2;
  line-height: 28px;
  padding-top: 9px;
  font-size: 14px;
  font-family: "Arial";
  color: #8d8d8d;
  margin-top: 22px;
}
.news-wrap1 .pinterest .more{
  text-align: center;
  margin: 10px auto;
}
.news-wrap1 .pinterest .more span{
  display: inline-block;
  width: 120px;
  height: 36px;
  border: 1px solid #005aab;
  background: #005aab;
  font-size: 14px;
  line-height: 36px;
  color: #fff;
  cursor: pointer;
}
.news-wrap1 .pinterest .more span.hover{
  background: none;
  color: #005aab;
}
.news-info {
  background-color: #fff;
  width: 92%;
  padding: 35px 4% 38px;
}
.news-info h3 {
  font-size: 24px;
  font-weight: normal;
  color: #333;
  line-height: 58px;
  text-align: center;
  padding-bottom: 23px;
  border-bottom: 1px solid #e4e4e4;
}
.news-info .lab-tips {
  padding-top: 21px;
  line-height: 30px;
  text-align: center;
}
.news-info .lab-tips .date {
  font-size: 14px;
  font-family: "Arial";
  color: #999;
  margin-left: 378px;
}
.news-info .lab-tips .tt {
  color: #525151;
  margin-right: 12px;
}
.news-info .lab-tips .share {
  margin-left: 18px;
  display: inline-block;
  margin-left: 17px;
}
.news-info .lab-tips a {
  display: inline-block;
  float: left;
}
.news-info .cont {
  padding-top: 24px;
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 26px;
  color: #444;
}
.news-info .cont img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.news-info .paging .left {
  line-height: 22px;
}
.news-info .paging a {
  color: #666;
}
.news-info .paging a:hover {
  color: #0062cb;
}
.news-info .paging .return {
  display: inline-block;
  padding-left: 18px;
  background: url(../img/ico_01.jpg) no-repeat left center;
  line-height: 22px;
}




/*人才招聘*/

.talent-wrap {
  padding-top: 20px;
  background-color: #f5f5f5;
  padding-bottom: 60px;
}
.talent-wrap .navbox {
  width: 100%;
}
.talent-wrap .navbox a {
  float: left;
  display: block;
  width: 50%;
  line-height: 68px;
  font-size: 20px;
  text-align: center;
  color: #666;
  background-color: #ededed;
}
.talent-wrap .navbox a:hover {
  color: #0164bc;
}
.talent-wrap .navbox a.hover {
  background-color: #0164bc;
  color: #fff;
}
/*.talent-wrap .list {
  margin-top: 17px;
}*/
.talent-wrap .list ul, .talent-wrap .list li {
  width: 100%;
}
.talent-wrap .list li {
  margin-bottom: 2px;
}
.talent-wrap .list .titbox {
  width: 91%;
  padding: 20px 4.5%;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  position: relative;
}
.talent-wrap .list .tit {
  font-size: 16px;
}
.talent-wrap .list .butn {
  display: inline-block;
  padding-right: 50px;
  background: url(../img/ico_03.png) no-repeat right center;
  cursor: pointer;
  font-size: 14px;
}
.talent-wrap .list .butn:hover {
  color: #026dcc;
}
.talent-wrap .list .sub-cont {
  width: 100%;
  margin-bottom: 15px;
  background-color: #fff;
  display: none;
}
.talent-wrap .list .top-tit {
  width: 91%;
  background-color: #696969;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
  padding-left: 4.5%;
  padding-right: 4.5%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.talent-wrap .list .top-tit .ico {
  display: inline-block;
  width: 25px;
  height: 13px;
  background: url(../img/ico_04.png) no-repeat center;
  margin-top: 28px;
}
.talent-wrap .list .top-tit .name {
  color: #fff;
  font-size: 16px;
}
.talent-wrap .list .top-tit .f20 {
  font-size: 20px;
}
.talent-wrap .list .cont-wrap {
  width: 91%;
  padding: 0 4.5%;
}
.talent-wrap .list .tabbox {
  padding-top: 42px;
  padding-bottom: 37px;
  border-bottom: 1px solid #dfdfdf;
}
.talent-wrap .list .tabbox td {
  color: #333;
}
.talent-wrap .list .tabbox .tt {
  font-size: 14px;
  color: #666;
}
.talent-wrap .list .info {
  border-bottom: 1px solid #dfdfdf;
  padding-top: 40px;
  padding-bottom: 36px;
}
.talent-wrap .list .info .word {
  display: block;
  margin-top: 10px;
  line-height: 26px;
  font-size: 14px;
}
.talent-wrap .list .info .boxs {
  width: 40%;
}
.talent-wrap .list .info .left {
  padding-right: 10%;
  border-right: 1px solid #f2f2f2;
}
.talent-wrap .list h4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  color: #333;
}
.talent-wrap .list .bot-hand {
  padding-top: 36px;
  padding-bottom: 30px;
}
.talent-wrap .list .bot-hand .apply {
  display: block;
  width: 158px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #026dcc;
  border-radius: 2px;
  padding: 0;
  margin: 0;
}
.talent-wrap .list .bot-hand .btn {
  display: inline-block;
  font-size: 14px;
  color: #999;
  line-height: 40px;
  padding: 0 0 0 26px;
  margin: 0 0 0 20px;
  float: right;
  height: 40px;
}
.talent-wrap .list .bot-hand .a1 {
  background: url(../img/ico_06.png) no-repeat left center;
}
.talent-wrap .list .bot-hand .a2 {
  background: url(../img/ico_07.png) no-repeat left center;
}





.confir-wrap-cen .confir-map{
	width: 1060px;
	height: 410px;
	margin: 0px auto;
}
.confir-wrap-cen .confir-list{
	padding-top: 25px;
	width: 1160px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}
.confir-list ul li{
	float: left;
	display: inline;
	width: 474px;
	height: 300px;
	border-bottom: 1px dotted #e6e5e5;
	padding-left: 20px;
	padding-right: 70px;
	margin-bottom: 40px;
}
.confir-list ul li.pd70{
	padding-right: 0px;
}
.confir-list ul li h2{
	display: block;
	font-weight: bold;
	font-size: 18px;
	line-height: 44px;
	color: #363636;

}
.confir-list ul li p{
	font-size: 14px;
	line-height: 24px;
	color: #646363;

}
.confir-list ul li a.map{
	display: inline-block;
	padding-left: 34px;
	height: 24px;
	background: url(../img/contact_img04.png) no-repeat 3px center;
	font-size: 14px;
	line-height: 24px;
	color: #646363;

	margin-top: 20px;
}





.prodDetail { width: 950px; margin-top:20px;}
/*鍒囨崲*/
/*.picScroll-left{ width: 1100px; overflow:hidden; position:relative; }*/
/*.picScroll-left .hd .prevStop{  }
.picScroll-left .hd .nextStop{  }*/
/*.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }

.picScroll-left .bd { width: 1100px; }
.picScroll-left .bd ul { width: 1100px; overflow:hidden; zoom:1; }
.picScroll-left .bd ul li { width: 1100px; float:left; _display:inline; overflow:hidden; }
*/
/*鏀惧ぇ闀�*/
.pro_left{ width:950px; border-left: 1px solid #F7F7F7; border-right: 1px solid #F7F7F7; background-color: #FFF; /*-webkit-box-shadow: 3px 3px 5px #eee; box-shadow: 3px 3px 5px #eee; */overflow:hidden;}
/*鍥剧墖鏀惧ぇ闀滄牱寮�*/
.jqzoom{position:relative; cursor:pointer; display:block; width:350px;height:350px; overflow:hidden; text-align:center; display: table-cell;vertical-align:middle;}
.jqzoom img{ 
 width:auto;
 height:auto;
 max-width:350px;
 max-height:350px; 
 vertical-align:middle;
 }
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:390px;height:390px; border: 1px solid #ccc; background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px; border: 1px solid #ccc; height:20px; background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*鍥剧墖灏忓浘棰勮鍒楄〃*/
.spec-preview{ float:left; width:350px; height:350px; }
.spec-scroll { float: left; margin-left: 50px; padding-top:44px; width:500px; position: relative; }

.spec-scroll h2 { font-size: 30px; line-height: 36px; color: #eb891a; margin-bottom: 20px; }
.spec-scroll .para { min-height: 63px; margin-bottom: 15px; }
.spec-scroll .para p { line-height: 21px; color: #666; }

.hd { overflow:hidden; width: 82px; height:40px; position: absolute;right: 0; top: 44px; z-index: 10; }
.hd a { display:block; width:40px; height:40px; overflow:hidden; cursor:pointer; opacity: 0.7; filter: alpha(opacity=70); }
.hd a:hover { opacity: 1; filter: alpha(opacity=100); }
.hd .hdprev{ float: left; background:url("../img/img_06.jpg") no-repeat center; }
.hd .hdnext{ float: right; background:url("../img/img_07.jpg") no-repeat center; }

.spec-scroll .items{ position:relative; width:500px; height:78px; overflow:hidden;}
.spec-scroll .items .itemsUl{height:78px;}
.spec-scroll .items .itemsUl .divLi { float:left; width:78px; margin-right: 8px; text-align:center; display: table-cell;vertical-align:middle; }
.spec-scroll .items .itemsUl .divLi img{ border:1px solid #eee; width:76px; height:76px;}
.spec-scroll .items .itemsUl .divLi img:hover { border:1px solid #eb891a; }

.spec-scroll .imgs { margin-top: 30px; }


/*璇︾粏淇℃伅鍙傛暟*/
.prodB {
	width: 850px; /*-webkit-box-shadow: 3px 3px 5px #eee; box-shadow: 3px 3px 5px #eee; */
	border-left: 1px solid #F7F7F7;
	border-right: 1px solid #F7F7F7;
	margin-top: 20px;
	background-color: #FFF;
	margin-bottom: 20px;
	padding-top: 44px;
	padding-right: 50px;
	padding-bottom: 44px;
	padding-left: 50px;
	min-height:400px;
}
.prodB h3 { width: 138px; height: 34px; line-height: 34px; text-align: center; background: url(../img/img_15.png) no-repeat center; font-size: 16px; font-weight: bold; color: #f9f9f9; margin-bottom: 22px; }
.prodB .para { margin-bottom: 50px; }
.prodB p { line-height: 24px; }
.prodB img { margin-bottom: 20px; margin-top: 20px; display: inline; margin-right: 20px; }
.prodB a { font-size: 16px; color: #666; text-decoration: underline; margin-left: 20px; margin-right: 40px; }

.prodB .video { margin-top: 20px; }
.prodB .video img { margin: 0; }

.prodB img{
max-width: 850px;
width: expression(this.width > 850?"850px" : true);
height: auto;
}

#biaoqian ul{
        width: 100%;
        overflow: hidden;
        margin: 0;        
    }
    #biaoqian li{
        color: #575a56;
        float: left;
        margin-bottom: 35px;
        list-style: none;
        background: #ddd;
       
        text-align: center;
        margin-right: 1px;
        cursor: pointer;
    }
    #biaoqian li.current{
        background: #68b535;
        color: #fff;
    }
.bq-cp li{
     width: 157px;
     height: 30px;
     line-height: 30px;
}
.bq-jj li{
    width: 125px;
    height: 40px;
    line-height: 40px;
}