@charset "utf-8";
/* CSS Document */



/*banner*/

.visual{width:100%!important;height:100%;position:relative;}
.visual ul.slides-container{width:100% !important;display:inline-block;position:relative;z-index: 0}
.visual ul.slides-container li{text-align:center;width:100% !important;position:relative;height:45vh; overflow:hidden;background-position: center;
}
.visual ul.slides-container li a{position:absolute;top:0;left: 0;display: inherit;width: 100%;height: 100%;}

.slideControl {width:100%;height:20px;overflow:hidden;margin: 0 auto;text-align: center;position: absolute;z-index: 2;bottom: 25px}
.prev{position:absolute;left:18%;top:45%;z-index: 9;width:21px;height:58px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.next{position:absolute;right:18%;top:45%;z-index: 9;width:21px;height:58px;background-position: -32px 0;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.prev a,.next a{display:inherit;width: 100%;height: 100%;}
.prev:hover,.next:hover{filter:alpha(opacity=100); -moz-opacity:1;opacity:1;}
.slideControl .pagination{}
.slideControl  a:hover,.slideControl .current a{background-color: #127cc1;}
.slideControl a{width:10px;height:10px;display:inline-block;background-color: #fff; text-decoration:none;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;margin: 0 3px}
/* 首页公告 */
.index-graybox{background-color: #eeeeee;width: 100%;position: relative;}
.index-graycon{height: 60px;position: relative;}
.index-announce{ height: 36px; left: 0; line-height: 36px; overflow: hidden; position: absolute; top: -22px; width: 518px;}
.index-announce-til{background-color: #003c7b;padding:0 8px;color: #fff;font-size: 16px;float: left;}
.index-announce-til:hover{text-decoration: underline;}
.index-announce-inc{background-color: #fff;width: 300px;float: left;}
.announce-info{float: left;width: 260px;padding: 0 12px;color: #003c7b}
.announce-info li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; -ms-text-overflow: ellipsis;}
.announce-info li a{color: #003c7b}
.announce-info .datetime{width: 94px;text-align: center;overflow: hidden;font-size: 12px;margin-right: 15px;}
.announce-btn {float: right; padding-top: 5px;}
.announce-btn a {display: block;height: 8px; width: 14px;}
.announce-btn .btn-up {background-position: -69px -7px;}
.announce-btn .btn-down {background-position: -69px -22px; margin-top: 7px;}
.announce-btn-end{background-position: -12px -463px;width: 20px; height: 36px;float: left;}

/* 首页联系方式 */
.index-contact{ position:absolute; top:-22px; right:0;}
.index-contact a{color:#fff;display:inline-block;*display:inline;*zoom:1;position:relative;text-decoration:none;}
.index-contact a .contact-text{position:absolute;bottom:50px;left:50%;width:360px;margin-left:-180px;text-align:center;line-height:28px;display:none;padding-bottom:5px;}
.index-contact a:hover .contact-text{display:block;}
.contact-text .con-text{height:28px;}
.contact-text .con-text *{ vertical-align:middle;}
.contact-text .con-text span{display:inline-block;*display:inline;*zoom:1;background:#003c7b;padding-left:15px;}
.contact-text .con-text em{display:inline-block;*display:inline;*zoom:1;background:#003c7b;padding-right:15px;font-size:14px;}
.index-contact .ico-qq , .index-contact .ico-phone , .index-contact .ico-msg{ width:50px; height:50px; float:left; margin-left:5px;background-color: #003c7b ;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px}
.index-contact .ico-phone{ background-position:-95px 0;}
.index-contact .ico-qq{ background-position:-141px 0;}
.index-contact .ico-msg{ background-position:-187px 0;}
.index-contact .ico-phone,.index-contact .ico-qq,.index-contact .ico-msg{transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.index-contact .ico-qq:hover,.index-contact .ico-phone:hover,.index-contact .ico-msg:hover{ background-color: #003c7b ;transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg); }
.contact-text .con-arrow{height: 10px;line-height: 9px}
.ico-con-arrow{width:13px;height:10px;line-height:9px;background-position:-94px -53px;display: inline-block;} 

/*首页流程*/
.index-flow{position: relative;width: 100%}
.index-flow li{float: left;width: 25%;line-height: 28px}
.index-flow li em{width: 58px; height: 58px;display: inline-block;*display:inline;*zoom:1;float: left;	margin-right: 8px;}
.index-flow .early{background-position: -7px -62px;animation: lg 1s ease-in-out 0.1s ;-moz-animation: lg 1s ease-in-out 0.1s;	-webkit-animation: lg 1s ease-in-out 0.1s;-o-animation: lg 1s ease-in-out 0.1s}
.index-flow .design{background-position: -7px -144px;animation: lg 1s ease-in-out 0.3s;-moz-animation: lg 1s ease-in-out 0.3s;	-webkit-animation: lg 1s ease-in-out 0.3s;-o-animation: lg 1s ease-in-out 0.3s}
.index-flow .html{background-position: -8px -226px;animation: lg 1s ease-in-out 0.45s;-moz-animation: lg 1s ease-in-out 0.45s;	-webkit-animation: lg 1s ease-in-out 0.45s;-o-animation: lg 1s ease-in-out 0.45s}
.index-flow .test{background-position: 0 -309px;animation: lg 1s ease-in-out 0.6s;-moz-animation: lg 1s ease-in-out 0.6s;	-webkit-animation: lg 1s ease-in-oute 0.6s;-o-animation: lg 1s ease-in-out 0.6s}

/*首页about*/
.index-aboutbox{background:url(../images/bg_3.gif) repeat; ;width: 100%;position: relative;}
.index-aboutcon{padding: 10vh 0;color: #fff;position: relative;}
.index-aboutbox .slogan{position: relative;line-height: 36px;width: 100%;height: 5vh;font-size: 20px;letter-spacing: 0.2em}
.index-aboutbox .slogan span{margin: 0 5px}
.index-aboutbox .firm{position: relative;padding: 0 20vh}
.index-aboutbox .firm p{line-height: 30px;font-size: 15px;}
.box-end{margin: 0 auto;position: relative;width: 32px;height: 22px;background-position: -136px -52px ;left: 50%;margin-left: -16px;}

/*首页优势*/
.index-advantagebox{position: relative;}
.colorcirclemainbox{width: 85vw;height: 100%;overflow: hidden;margin-bottom: 2vh;padding-left: 5vw}
.colorcirclebox{float: left;margin: 2vw 0;width: 10vw;margin-left: 5vw}
.colorcircle{width: 100%;height: 100%;}
.colorcircle img{width: 100%;vertical-align:middle; height: 100%;border-radius:50%;}
.colorcirclebox:hover em{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}
.colorcirclebox p{line-height: 2em; text-align:center;font-size: 1.5em;font-weight: 500}
.col-1{background-color: #557198;}
.col-1 em{background-position: -248px -0;}
.col-2{background-color: #6b90a0;}
.col-2 em{background-position: -248px -116px}
.col-3{background-color: #d18656;}
.col-3 em{background-position: -248px -232px}
.col-4{background-color: #d4515e;}
.col-4 em{background-position: -248px -348px}
.col-5{background-color: #6cc372;}
.col-5 em{background-position: -248px -464px;}
.col-6{background-color: #4eb4ef;}
.col-6 em{background-position: -248px -580px}
.col-7{background-color: #f4ae86;}
.col-7 em{background-position: -248px -696px}
.col-1 em,.col-2 em,.col-3 em,.col-4 em,.col-5 em,.col-6 em,.col-7 em{width: 116px;height: 116px;transition: all 1s;-moz-transition: all 1s;
-webkit-transition: all 1s;-o-transition: all 1s;display: inline-block;}

/*首页服务*/
.index-serbox{position: relative;width: 100%;}
.index-serbox .inbox{color: #fff;}
.marqueeleft{width:60vw;overflow:hidden;margin:15px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;width:15vw;text-align: center;}
.marqueeleft li p{text-align:center;height:24px;line-height:24px;color: #fff;font-size: 16px}
.marqueeleft li:hover img{transform: scale(1.3);-ms-transform: scale(1.3);-webkit-transform: scale(1.3);-o-transform: scale(1.3);-moz-transform: scale(1.3); }
.marqueeleft li img {transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;margin: 15px 0}

/*首页资讯*/
.index-newsbox{position: relative;padding: 18px 0}
.index-newsbox .til{width: 100%;position: relative;font-size: 20px;height: 32px}
.index-newsbox .til span{margin: 0 3px}
.index-newsbox .til a{font-size: 12px;line-height: 28px}
.newsboxi{position: relative;width: 100%;height: 208px;overflow: hidden;}
.newsboxi-b{width: 50%;float: left;position: relative;margin-top: 8px;height: 100%;}
.newsboxi-b p{line-height: 24px;height: 144px; overflow: hidden;margin-top: 8px;}
.newsboxi-b h2{text-align: center;font-weight: 100;}
.newsboxi-b .btn-look{
	border: 1px solid #003c7b;
	color: #003c7b;
	padding: 1px 3px;
	position: absolute;
	bottom: -1px;
	right: 1px;
	width: 45px;
	height: 26px;
}
.newsboxi-b .btn-look:hover{background: #003c7b;color: #fff;}
.newsboxi-b  li{background:  url(../images/new_li_bg.png) left center no-repeat;padding-left: 15px;height: 28px; line-height: 28px;margin-left: 15px;}
.newsboxi-b  li span{float: right;}
.newsboxi-b  li a:hover{color: #003c7b;}

/*首页我们的团队*/
.index-team{width: 100%;height:100% ;background:   url(../images/bg_8.jpg) repeat;}
.marqueeleft-2{height:50%;width:90%;overflow:hidden;margin:0 auto;}
.marqueeleft-2 ul{float:left;}
.marqueeleft-2 li{float:left;display:inline;width:10%;text-align: center;margin: 5vh 1vw}
.marqueeleft-2 li p{text-align:center;height:2%;line-height:24px;color: #333}
.marqueeleft-2 li p .name{font-size: 16px}
.marqueeleft-2 li:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.marqueeleft-2 li img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;width: 10vw;height: 7vw}


/*资质*/
.index-teamzz{width: 100%;height:700px ;}
.marqueeleftzz-2{height:100%;width:90%;overflow:hidden;margin:0 auto;padding: 15px 0}
.marqueeleftzz-2 ul{float:left;height: 450px;padding-top: 50px}
.marqueeleftzz-2 li{float:left;display:inline;width:300px;text-align: center;margin: 0 20px;height: 410px}
.marqueeleftzz-2 li p{text-align:center;height:24px;line-height:24px;color: #333}
.marqueeleftzz-2 li p .name{font-size: 16px}
.marqueeleftzz-2 li:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.marqueeleftzz-2 li img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



/*首页案例*/
.index-case{position: relative;height: 50vh;}
.case-box-end-2{margin: 0 auto;position: relative;width: 32px;height: 22px;background-position: -198px -52px ;left: 50%;margin-left: -16px;}
.case-mainbox{position: relative;width: 100vw;height: 30vh;overflow: hidden;}
.case-imgbox{float: left;width: 13.7vw; height: 22vh;text-align: center;position: relative;font-size: 16px;overflow: hidden;margin-left: 2vh}
.case-img{width: 8.5vw;height: 8.5vw; border-radius: 77px;-moz-border-radius: 77px; -webkit-border-radius: 77px;display: table-cell;*display: block;text-align: center;float: left;}
.case-img img{height: 8.5vw;width: 8.5vw;border-radius:50%}/*图高限定44,max-weidth-154*/
.case-img:hover img{animation: lg_2 1s ease-in-out ;-moz-animation: lg_2 1s ease-in-out;	-webkit-animation: lg_2 1s ease-in-oute ;-o-animation: lg_2 1s ease-in-out }

/*首页相关网站*/
.index-partners{position: relative;padding: 2vh 0}
.par-mainbox{position: relative;overflow: hidden;padding-left: 19.5vw}
.par-imgbox{float: left;width: 16vw;height: 5vh; text-align: left;position: relative;font-size: 16px;overflow: hidden;margin: 0vw 1.5vh}
.par-imgbox a{color:#96949A;font-size: 16px;}

/*同页跳转*/
#go{position: fixed;bottom:105px;left: 80px;width: 100px; height: 453px;background:  url(../images/index_left_f.png) center right no-repeat;padding: 45px 0 15px;display: none;}
#go .f-box{vertical-align: middle;height: 49px}
#go .fon1{width: 100%;margin: 8px 0;position: relative;}
#go .fon1 span{float: left;font-size: 16px;margin: 0 14px}
#go .fon1 em{width: 20px;height: 20px;background-color: #f0f0f0;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;display: inherit;float: left;}
#go .fon1:hover span,#go .fon2 span{color: #4eb4ef;}
#go .fon1:hover em,#go .fon2 em{background: #4eb4ef;}

/*右侧悬浮*/
#rig-suspend{position: fixed;top:40%;right: 15px;background:  url(../images/suspend_bg.png) 0 0 no-repeat;width: 220px; height: 520px;margin-top: -160px;z-index: 3;display: none;}
#rig-suspend .toptil{width: 180px; padding: 0 18px; color: #2fbaf4;height: 62px;text-align: center;position: absolute;top:55px;animation: BottomFromTop 1s ease-in-out ;-moz-animation: BottomFromTop 1s ease-in-out;	-webkit-animation: BottomFromTop 1s ease-in-oute ;-o-animation: BottomFromTop 1s ease-in-out }
#rig-suspend .colbox{background-color: #2fbaf4;width: 120px; height: 24px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-align: center;line-height: 24px}
#rig-suspend .colbox:hover{background:  url(../images/suspend_bg_2.png) 0 0 no-repeat;height: 40px;margin-top: -8px;line-height: 52px}
#rig-suspend .colbox a{color: #fff;}
#rig-suspend .colbox:hover a{color: #000000;}
#rig-suspend .sus-qq{position: absolute;top:130px;left: 45px;animation: LeftToRight 3s  infinite ;-moz-animation: LeftToRight 3s  infinite;	-webkit-animation: LeftToRight 3s  infinite;-o-animation: LeftToRight 3s  infinite}
#rig-suspend .sus-qq .block-qq,#rig-suspend .sus-phone em{display: none; color: #ff4343;}
#rig-suspend .sus-qq:hover .block-qq,#rig-suspend .sus-phone:hover em{display:block;}
#rig-suspend .sus-qq:hover a,#rig-suspend .sus-phone:hover a{display: none;}
#rig-suspend .sus-phone{position: absolute;top:170px;left: 85px;animation: LeftToRight 3s 0.5s infinite ;-moz-animation: LeftToRight 3s 0.5s infinite;	-webkit-animation: LeftToRight 3s 0.5s infinite;-o-animation: LeftToRight 3s 0.5s infinite}
#rig-suspend .sus-address{position: absolute;top:205px;left: 110px;animation: LeftToRight 3s 0.2s infinite ;-moz-animation: LeftToRight 3s 0.2s infinite;	-webkit-animation: LeftToRight 3s 0.2s infinite;-o-animation: LeftToRight 3s 0.2s infinite}
#rig-suspend .sus-news{position: absolute;top:240px;left: 55px;animation: LeftToRight 3s 0.4s infinite ;-moz-animation: LeftToRight 3s 0.4s infinite;	-webkit-animation: LeftToRight 3s 0.4s infinite;-o-animation: LeftToRight 2s 0.4s infinite}
#rig-suspend .sus-about{position: absolute;top:280px;left: 85px;animation: LeftToRight 3s 0.8s infinite ;-moz-animation: LeftToRight 3s 0.8s infinite;	-webkit-animation: LeftToRight 3s 0.8s infinite;-o-animation: LeftToRight 3s 0.8s infinite}
#rig-suspend .sus-qrcode{position: absolute;top:340px;left: 45px; width: 130px;height: 130px;border: 5px solid #2FBAF4;animation: LeftToRight 3s 0.8s infinite ;-moz-animation: LeftToRight 3s 0.8s infinite;	-webkit-animation: LeftToRight 3s 0.8s infinite;-o-animation: LeftToRight 3s 0.8s infinite }

/*成功案例*/
.casebox{padding: 15px 0;position: relative;}
.casebox .til{position: relative;;width: 60vw;height: 2vh;top:0;z-index: 9;background:url(../images/till_bg.png) no-repeat;padding: 7px 0}
.casebox .til ul{text-align: center;margin: 0 auto;width: 426px}
.casebox .til li{float: left;width: 137px;background:url(../images/bg_4.gif) repeat;text-align: center;margin: 0 38px}
.casebox .til .con{background:url(../images/bg_3.gif) repeat;}
.casebox .til li a{color: #fff;line-height: 54px;font-size: 18px;}
.casebox .case-in{position: relative;width: 100%;display: inherit;float: left;margin-top: 15px;}
.casebox .case-in ul{display: none;float: left;}
.casebox .case-in .list{float: left;margin: 8px; width: 234px;background: #e1f1fa;position: relative;text-align: center;line-height: 36px;font-size: 16px;color: #497790;height: 435px;overflow: hidden;}
.casebox .case-in .list span{display: none;position: absolute;top:0;left: 0;background: #bdc2c5;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width: 100%;height: 100%;}
.casebox .case-in .list:hover span,.casebox .case-in .list:hover a{display:block;}
.casebox .case-in .list a{background-position: -115px -102px; display: none; height: 32px; left: 67px; padding-left: 27px; position: absolute; top: 170px; width: 86px;color: #fff;line-height: 32px;}
.casebox .case-in .list a:hover{color: #b2b2ac;}
.casebox .case-in .block{display: block; padding-left: 5vw}


/*安全理念*/
.ideabox{position: relative;padding: 8px 0;}
.ideabox .til{position: relative;;width: 1002px;height: 44px;top:0;z-index: 9;background-color: rgba(228,91,49,0.8);text-align: center;}
.ideabox .til .pon,.ideabox .til a:hover{background-color: #003c7b;}
.ideabox .til  a{color: #fff;line-height: 44px;font-size: 18px;border-left: 1px solid #fff;height: 44px; width: 150px; display: inline-table;}
.ideabox .til  a:last-child{border-right: 1px solid #fff}
.ideabox .main{width: 100%}
.ideabox .main .item{border-bottom: 1px solid #ccc;padding-top: 44px}
.ideabox .main .item:last-child{border-bottom: none;}
.ideabox .main ul{display: none;}
.ideabox .main .block{display: block;}
.ideabox .main .comt{text-align: center;padding-bottom: 44px;border-bottom: 1px solid #d3d3d3 }
.ideabox .main .comt h2,.ideabox .main .comt span{font-size: 24px;line-height: 36px}
.ideabox .main .comt p{line-height: 28px}

/*产品中心*/
.probox{position: relative;height:auto;display: inline-block;width: 100%}
.pro-main{width: 100%; margin: 0 auto}
.probox-left1{float: left;margin-left: 2vw;margin-right:1vw;height: 100vh;z-index: 10;width: 15vw}
.probox-left{float: left;background-color: #f5f6fb;z-index: 10;width: 15vw}
.probox-content{width: 79vw;float: left;}
.probox-content-in{width: 79vw; position: relative;padding-top: 2vh;}
.probox-content-in .type-box{width: 80%;position: relative;padding-top: 2vh;}
@media screen and (max-height: 800px) {
.probox-content-in{width: 79vw; position: relative;padding-top: 8%;}
.probox-content-in .type-box{width: 80%;position: relative;padding-top: 8%;}

}

	#presentation,#trait,#cases,#relevant{
	padding-left: 8vw;
	}
	
.probox-content-in .type-box .p-til{background: url(../images/p_til_bg.png) left center no-repeat;padding-left: 24px;font-size: 24px;color:#333;margin-bottom: 30px;}
.probox-content-in .type-box .expand{width: 50vw;margin: 0 5vw 0 0;}
.probox-content-in .type-box .expand .expend-in{text-align: left;margin-bottom: 10px;}
.probox-content-in .type-box .expand .expend-in .in-box{float: left;border: 1px solid #ccc;color: #000;}
.probox-content-in .type-box .expand .expend-in .in-box:last-child{}
.probox-content-in .type-box .expand .expend-in .in-box h3{font-size: 16px;font-weight: 300;}
.probox-content-in .type-box .expand .expend-in .in-box em{width: 55px;height: 55px;margin:8px 0;}
.probox-content-in .type-box .expand .expend-in .in-box p{font-size: 12px; line-height: 24px;height: 72px; overflow: hidden;}
.probox-content-in .type-box .expand .expend-in .in-box:hover em{animation: TopFromBottom 0.5s ease-in-out ;-moz-animation: TopFromBottom 0.5s ease-in-out;	-webkit-animation: TopFromBottom 0.5s ease-in-oute ;-o-animation: TopFromBottom 0.5s ease-in-out }
.probox-content-in .type-box .expand .expend-in .in-box .em-1{background-position: 0 -823px}
.probox-content-in .type-box .expand .expend-in .in-box .em-3{background-position: 0 -902px}
.probox-content-in .type-box .expand .expend-in .in-box .em-5{background-position: 0 -984px}
.probox-content-in .type-box .expand .expend-in .in-box .em-7{background-position: 0 -1068px}
.probox-content-in .type-box .expand .expend-in .in-box .em-2{background-position: -282px -823px}
.probox-content-in .type-box .expand .expend-in .in-box .em-4{background-position: -282px -902px}
.probox-content-in .type-box .expand .expend-in .in-box .em-6{background-position: -282px -984px}
.probox-content-in .type-box .expand .expend-in .in-box .em-8{background-position: -282px -1068px}
.probox-content-in .type-box .expand-2{height: 204px;width: 690px;margin: 0 auto}
.probox-content-in .type-box .expand-2 .ser-cent-main{float: left;height: 60px;width: 230px;margin: 28px 0}
.probox-content-in .type-box .expand-2 .ser-cent-main h3{line-height: 60px;font-weight:300}
.probox-content-in .type-box .expand-2 .ser-cent-box{float: left;width: 60px; height: 60px; background-color: #6cc3e3;border-radius: 8px;margin-right: 8px;}
.probox-content-in .type-box .expand-2 .ser-cent-box em{width: 60px;height: 60px;}
.probox-content-in .type-box .expand-2 .ser-cent-main:hover em{animation: fzY 0.5s ease-in-out ;-moz-animation: fzY 0.5s ease-in-out;	-webkit-animation: fzY 0.5s ease-in-oute ;-o-animation: fzY 0.5s ease-in-out}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-1{background-position: -275px -28px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-2{background-position: -276px -260px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-3{background-position: -274px -722px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-4{background-position: -138px -820px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-5{background-position: -138px -985px}
.probox-content-in .type-box .expand-2 .ser-cent-box .s-6{background-position: -138px -903px}
.probox-content-in .type-box .adv-box{width: 100%;display: inline-block;}
.probox-content-in .type-box .adv-box .font-box{float: right;width: 335px;height: auto;}
.probox-content-in .type-box .adv-box .font-box .in{height: 136px; overflow: hidden;width: 230px}
.probox-content-in .type-box .adv-box .font-box .in p{font-size: 12px}
.probox-content-in .type-box .adv-box .font-box .c-1{color: #ff7510;}
.probox-content-in .type-box .adv-box .font-box .c-2{color: #74ba0b;}
.probox-content-in .type-box .adv-box .font-box .c-3{color: #00a6ae;}
.probox-content-in .type-box .adv-box .font-box .c-4{color: #1982b7;}
.probox-content-in .til{width: 45vw;display: table;height: 46px;background: #f5f6fb;text-align: center;position: relative;z-index: 9;top:0;border: 1px solid #ccc}
.probox-content-in .til a{display: table-cell;line-height: 46px;border-right: 1px solid #ccc;transition: all 0.3s ease 0s}
.probox-content-in .til a:last-child{border-right: none;}
.pro-banner{ color: #fff; height: 50vh; padding-left: 3vw;position: relative;}
.pro-banner .banner-content{z-index: 2;position: relative;}
.pro-banner .banner-content .tb{font-size: 24px; padding-top: 80px;}
.pro-banner .banner-content .tb .tit{font-size: 42px;height: 50px; line-height: 50px}
.pro-banner .banner-content .tb .app{ background: url(../images/icon-banner.png) no-repeat scroll 0 -74px rgba(0, 0, 0, 0);  font-size: 26px; padding-left: 25px;}
.pro-banner .banner-content .hd{width: 510px;padding-top: 20px}
.pro-banner .banner-content .hd p{margin-bottom: 8px;line-height: 2;}
.pro-banner .banner-content .hd .btn-box{padding-bottom: 8px;}
.pro-banner .banner-content .hd .btn{ border: 1px solid #ffd800; color: #fff;line-height: 36px; height: 36px; width: 140px; margin: 0 5px; text-align: center;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;font-size: 16px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;}
.pro-banner .banner-content .hd .btn:hover{background-color: #fff;color: #333;}
.pro-banner .banner-content .hd .btn-y{background: #ffd800;color: #333;}
.pro-banner .banner-content .hd .p-phone{padding-left: 120px;font-size: 16px}
.pro-banner .banner-bg{position: absolute; top: 0; left: 0;width: 100%}
.pro-banner .banner-right{position: absolute;top:0;right: -418px;height: 368px; overflow: hidden;}
/*left*/
.leftnav-box{width:90%;  overflow:visible !important;background-color:#f5f6fb ;float: right;}
.leftnav-box dl{}
.leftnav-box dt{padding-left:38px;background-repeat:no-repeat;background-position:10px center;color:#333;font-size:14px;position:relative;line-height:36px;display: block;border-bottom: 1px dashed #ccc}
.leftnav-box dt.on{background-color: #ccc;}
.leftnav-box dt a{display: inherit;}
.leftnav-box dd{}
.leftnav-box dd:hover,.leftnav-box dt:hover{background-color: #e6e6e6;}
.leftnav-box dd a{color:#333;line-height:35px;display: inherit;padding-left: 12px;}
.leftnav-box dd .on{background-color: #fff;}
.leftnav-box dt img{position:absolute;right: 3%;
    top: 40%;}
.p1 dt{background-position: 0 -529px}
.p2 dt{background-position: 0 -583px}
.p3 dt{background-position: 0 -633px}
.p4 dt{background-position: 0 -685px}
.p5 dt{background-position: 0 -738px}
.p6 dt{background-position: 0 -529px}
.p7 dt{background-position: 0 -583px}
.p8 dt{background-position: 0 -633px}
.p9 dt{background-position: 0 -685px}
.p10 dt{background-position: 0 -738px}
.p11 dt{background-position: 0 -529px}
.p12 dt{background-position: 0 -583px}
.p13 dt{background-position: 0 -633px}
.p14 dt{background-position: 0 -685px}
.p15 dt{background-position: 0 -738px}
.p16 dt{background-position: 0 -529px}
.p17 dt{background-position: 0 -583px}
.p18 dt{background-position: 0 -633px}
.p19 dt{background-position: 0 -685px}
.p20 dt{background-position: 0 -738px}
.p21 dt{background-position: 0 -529px}
.p22 dt{background-position: 0 -583px}
.p23 dt{background-position: 0 -633px}
.p24 dt{background-position: 0 -685px}
.p25 dt{background-position: 0 -738px}
.p26 dt{background-position: 0 -529px}
.p27 dt{background-position: 0 -583px}
.p28 dt{background-position: 0 -633px}
.p29 dt{background-position: 0 -685px}
.p30 dt{background-position: 0 -738px}
.p31 dt{background-position: 0 -738px}
.p32 dt{background-position: 0 -738px}
.p33 dt{background-position: 0 -738px}
.p34 dt{background-position: 0 -738px}
.p35 dt{background-position: 0 -738px}
.p36 dt{background-position: 0 -738px}
.p37 dt{background-position: 0 -738px}
.p38 dt{background-position: 0 -738px}
.p39 dt{background-position: 0 -738px}
.p40 dt{background-position: 0 -738px}
.p41 dt{background-position: 0 -738px}
.p42 dt{background-position: 0 -738px}
.p43 dt{background-position: 0 -738px}
.p44 dt{background-position: 0 -738px}
.p45 dt{background-position: 0 -738px}
.p46 dt{background-position: 0 -738px}
.p47 dt{background-position: 0 -738px}
.p48 dt{background-position: 0 -738px}
.p49 dt{background-position: 0 -738px}
.p50 dt{background-position: 0 -738px}
.menu-chioce{background: #f4f4f4;}
.line{border-bottom: 1px dashed #ccc;height: 36px;line-height: 36px; font-size: 16px;padding-left: 8px;}



/*服务项目*/
.serbox{position: relative;}
.serbox .til{position: relative;;width: 1002px;height: 28px;top:0;z-index: 9;padding: 7px 0;color: #0b9099;border-bottom-left-radius: 8px;-moz-border-bottom-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-bottom-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;}
.serbox .til li{float: left;width: 100px;text-align: center;margin: 0 8px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.serbox .til .span{float: left;line-height: 28px}
.serbox .til .on{background-color: #6bbdf3;}
.serbox .til .on a{color: #fff;}
.serbox .til li a{color: #0b9099;line-height: 28px;font-size: 14px;}
.serbox .main{width: 100%;margin-top: 15px;}
/*.serbox .main ul{display: block;}*/
/*.serbox .main .block{display: block;}*/
.serbox .main .comt{width: 100%;text-align: center;position: relative;line-height: 38px}
.serbox .main .comt h2{font-size: 24px;}
.serbox .main .comt-2{position: relative;width: 100%;background:  url(../images/ser_bg_1.png) center no-repeat;height:727px;}
.serbox .main .comt-2 .detailbox{width: 255px;position: absolute;}
.serbox .main .comt-2 .detailbox:hover{animation: LeftToRight 0.5s; -moz-animation: LeftToRight 0.5s; -webkit-animation: LeftToRight 0.5s;-o-animation: LeftToRight 0.5s; }
.serbox .main .comt-2 .detailbox .line{border-bottom: 5px solid #000;font-size: 24px;color: #65b610;width: 225px;margin-bottom: 15px;}
.serbox .main .comt-2 .detailbox .black{color: #000;}
.serbox .main .comt-2 .pos-1{top:42px;left: 135px}
.serbox .main .comt-2 .pos-2{top:208px;right: 110px}
.serbox .main .comt-2 .pos-3{top:422px;right: 120px}
.serbox .main .comt-2 .pos-4{top:532px;left: 215px}
.serbox .main .comt-2 .pos-5{top:582px;right: 35px}
.serbox .main table{  border: 1px solid #ccc;    margin: 20px 0;    text-align: center;    vertical-align: middle;    width: 990px;}
.serbox .main tr,.serbox .main td{ border: 1px solid #ccc;    text-align: center;    vertical-align: middle;}
.serbox .main td{height: 28px;width: 20%}
.serbox .main .o{ background: #0b9099;    color: #fff;    font-size: 16px;height: 38px}

/*新闻中心*/
.newsbox{position: relative;padding: 8px 0}
.newsbox .til{position: relative;;width: 1002px;height: 28px;top:0;z-index: 9;padding: 7px 0;color: #0b9099;border-bottom-left-radius: 8px;-moz-border-bottom-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;-moz-border-bottom-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;background:rgba(255,255,255,0.8);line-height: 28px;font-size: 16px}
.newsbox .til li{float: left;width: 100px;text-align: center;margin-left:28px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.newsbox .til .span{float: left;line-height: 34px}
.newsbox .til .con{background-color: #6bbdf3;}
.newsbox .til .con a{color: #fff;}
.newsbox .til li a{color: #0b9099;line-height: 38px;}
.newsbox .main{width: 100%}
.newsbox .main ul{margin: 8px 0;width:90%;padding-left: 5%}
.newsbox .main li{border-bottom: 1px dashed #ccc;padding: 8px 0;position: relative;}
.newsbox .main li .inside{height: 122px;margin: 8px;}
.newsbox .main li .inside .picbox{width: 10vw;height: 7vw;float: left;overflow: hidden;}
.newsbox .main li .inside p{line-height: 28px;height: 84px; overflow: hidden;}
.newsbox .main li .inside span{position: absolute;bottom: 18px;}
.newsbox .main li .inside .views{right: 98px;}
.newsbox .main li .inside .datetime{right: 8px}
.newsbox .main li a{color: #7c7c7c;}
.newsbox .main li:hover{background-color: #f4f4f4;}
.n-til{width: 100%;height: 49px; margin: 40px 0; text-align: center;background:  url(../images/till_bg.png) center repeat;}
.n-til span{background: #fff;font-size: 36px;padding: 0 12px;letter-spacing: 0.1em;color: #333}
.n-main{width: 1002px;height: auto;margin: 0 auto}
.n-main .n-title{width: 100%;text-align: center;border-bottom: 1px dashed #ccc;padding-bottom: 8px;}
.n-main .n-title h2{font-weight: 300;;margin-bottom: 8px;}
.n-main .n-title span{margin: 0 8px}
.n-main .n-content{margin: 15px 0}
.n-main .n-add{height: 30px;margin: 15px 60px}
.n-main .n-add .n-next{float: right;}
.n-main .n-add .n-prev{float: left;}
/*关于我们*/
.aboutbox{position: relative;height: 100%;z-index: 1}
@media only screen and (min-width: 1170px) {
  .about-fixed-bg { background-attachment: fixed;font-weight: 300;  }
   .about-fixed-bg h1, .about-fixed-bg h2 {  font-weight: 300;line-height: 1.5em}
     }
@media only screen and (min-width: 768px) {
  .cd-scrolling-bg {padding: 8em 0; font-size: 20px; font-size: 1.25rem; line-height: 2; font-weight: 300;  }
}
.about-scrolling-bg{position: relative;  min-height: 100%;  line-height: 1.6;  box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.5);  z-index: 2;}
.about-scrolling-bg.scrolling-bg-1{background-color: #4FA0D7;height: 400px}
.about-scrolling-bg.scrolling-bg-2{background-color: #ededed;height: 736px}
.about-fixed-bg{ position: relative;  min-height: 100%;  background-repeat: no-repeat;  background-position: center center;  z-index: 1;vertical-align: middle;} 
.about-fixed-bg.fixed-bg-1{background-image:  url(../images/abt_bg_1.jpg);height:900px;background-size:100% 100%; }
.about-fixed-bg.fixed-bg-2{background-image:  url(../images/abt_bg_2.jpg);height:676px;background-size:100% 100%;}
.img-1{top:250px;position: relative;text-align: center;}
.font-1{position: relative;padding: 15px 0;color: #fff;top:50px;text-align: center;}
.font-1 .iner{border-top: 1px  #fff solid;border-bottom: 1px solid #fff;width: 430px; position: relative;left: 50%;margin-left: -215px;}
.font-1 .iner h1{font-family: FontOne;*font-family: 'Microsoft YaHei';}
.font-1 .iner h2{font-family: FontTwo;}
.src-1-cmainbox{width: 1200px; margin: 0 auto;height: 100%}
.src-1-cmainbox .con{width: 300px;height: 200px;position: relative;float: left;padding: 20px 50px 0;display:none;}
.src-1-cmainbox .con p{font-size: 16px;color: #fff;font-family: FontOne;}
.src-1-cmainbox .con p span{color:#D4FFE5;font-size:20px}
.src-2-cmainbox{width: 1300px;margin: 0 auto ;padding: 20px 0}
.src-2-cmainbox .addbox{width: 33.33%;float: left;margin-bottom: 20px;}
.src-2-cmainbox .kefu{text-align: center;}
.src-2-cmainbox .pt{line-height: 38px;font-size: 18px}
.about-fixed-bg .con-2{width: 768px;margin: 0 auto}
.about-fixed-bg .con-2 p{font-size: 16px;font-family: FontOne;color: #fff;line-height: 2em}
.about-fixed-bg .con-2 p span{font-size: 20px; color: #D4FFE5}
.src-1-cbox{width: 400px; height: 400px;float: left;position: relative;color: #fff}
.src-1-cbox .arrow{width: 0px;  height:0px;  border-width: 15px;  border-style: solid;position: absolute;text-align: center;}
.src-1-cbox .bg-1{background-color: #25C875;width: 400px;height: 400px;float: left;position: relative;}
.src-1-cbox .arrow-1{  border-color: transparent transparent transparent #25C875;left: 400px;top:185px;}
.src-1-cbox .bg-2{background-color: #D6544E;width: 400px;height: 400px;float: left;position: relative;}
.src-1-cbox .arrow-2{border-color:#D6544E transparent transparent  transparent;right: 185px;top:400px;}
.src-1-cbox .bg-3{background-color: #E1731C;width: 400px;height: 400px;float: left;position: relative;}
.src-1-cbox .arrow-3{ border-color: transparent #E1731C transparent transparent ;right: 400px;top:185px;}
.src-1-cbox .linbox{border-bottom: 1px solid #fff;width: 95px;margin: 55px auto 10px;text-align: center;color: #fff;font-size: 18px;padding: 0 30px}
.src-1-cbox p{font-size: 10px;padding: 0 35px;text-align: center;}
.src-1-cbox .linbox em{width: 95px;height: 95px;}
.src-1-cbox .linbox .cx{background-position: -122px -183px}
.src-1-cbox .linbox .gy{background-position: -122px -291px}
.src-1-cbox .linbox .gx{background-position: -122px -423px}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	z-index: 0;
}

.pagination {
		margin: 20px 0 0px;
	}
ul.pagination li a {
		font-size: 14px;
		padding: 5px 11px !important;
	}
	ul.pagination {
	margin: 2em 0 0;
}
.pagination>li>a, .pagination>li>span {
	color: #999999;
}
	ul.pagination {
		margin: 0em 0 0;
	}