@charset "utf-8";

input,button,select,textarea{outline:none}

body,div,ul,li,h1,h2,h3,h4,h5,h6,form,ul,dd,li,p,th{margin:0px; padding:0px; list-style:none; border:0px;}
img{ border:0;}
.fl{float:left;}
.fr{float:right;}
.cp img{ border:1px solid #ccc; padding:3px;}
.cp img:hover{ border:1px solid #F00; padding:3px;}
.cp1 img{ border:1px solid #ccc;padding:3px;}
.cp1 img:hover{ border:1px solid #eb0404;}
.border{border:1px #ccc solid;}
.border1{border:1px #ccc solid; border-top:none;}
.clear{clear:both; height:0px; overflow:hidden;}
.top10{margin-top:10px; overflow:hidden;}
.top20{margin-top:20px; overflow:hidden;}
.top30{margin-top:30px; overflow:hidden;}
i, em {
    font-style: normal;
}
.main{margin: 30px auto 0; width:1100px; overflow:hidden;}
.gr_center{text-align:center;}
.grWidth{width:1200px; margin:0 auto;}
.grWidth1{width:1200px; margin:0 auto;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}



/* 广告轮播图 */
.banner{ width:100%; position:relative; height:500px; overflow:hidden;}
.banner .bd{ width:100%; height:500px; margin:0 auto; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-500px;}
.banner_ctr a{ display:block;width:50px;height:95px; background: url(../images/nbannerbtn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1090px; background-position: -50px 0px;}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:20px;overflow:hidden;}
.banner .hd li{background:#0687cc; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:26px; height:8px;*display:inline; zoom:1; border:2px solid #fff;}
.banner .hd li:hover,.banner .hd .on{background:#E8840F; border:2px solid #fff;}

/* 搜索 */
.hotSearch{height:60px;line-height:60px;background:#f4f4f4;overflow:hidden;}
.searFont{width:580px;overflow:hidden;color:#333;}
.searFont span{color:#0687cc;}
.hotSearch .searFont em{font-style:normal;margin:0 10px;color:#666;}
.search{width:380px;height:40px;margin-top:10px;overflow:hidden;}
.sear_text{float:left;width:277px;height:38px;line-height:38px;background:#fff url(../images/sear_btn2.png) no-repeat 10px center;border:1px solid #c9c9c9;padding:0 10px 0 30px;border-right:none;}
.sear_btn{float:right; width:62px;height:40px; border:none; cursor:pointer;background:url(../images/sear_btn.jpg) no-repeat;color:#fff;font-size:14px;}
.sear_btn:hover{opacity:0.8;filter:alpha(opacity=80);}

/* 案例 */
.hz{ padding: 45px 0;font-size: 0;position:relative;}
.hz_t{height: 105px;text-align: center;overflow: hidden; background:url(../images/hz_line.png) no-repeat center 70px;}
.hz_t a{font-size: 28px;color: #0687cc;}
.hz_t a:hover,.ys dl dd h5 a:hover,.plan_t a:hover{color: #ffae00; text-decoration:none;}
.hz_t i{display: block;font-size: 18px;color: #777;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding:3px 0 0;}
.hz_l a{ background:url(../images/hz_lico01.png) no-repeat; width:29px; height:52px; display:block;}
.hz_l a:hover{ background:url(../images/hz_lico02.gif) no-repeat;}
.hz_r a{ background:url(../images/hz_rico01.png) no-repeat; width:29px; height:52px; display:block;}
.hz_r a:hover{ background:url(../images/hz_rico02.gif) no-repeat;}
.hz_l{ position:absolute; top: 200px; left:-40px;}
.hz_r { position:absolute; top: 200px; right:-40px;}
.hz_c ul li { width:202px; float:left; padding:0 9px;overflow: hidden;}
.hz_c ul li img{ width:200px; height:150px;}
.hz_c ul li a{display: block;*display: inline;*zoom: 1;position: relative;height: 150px;border:1px solid #e5e5e5;width:200px; box-shadow:2px 3px 4px #eee;}
.hz_c ul li a:before,.hz_c ul li a:after{content: '';position: absolute;z-index: 1;overflow: hidden;left: 50%;height: 0px;width: 20%;border: 1px solid #ffae00;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width .3s ease-out .2s, height .2s ease-in;transition: width .3s ease-out .2s, height .2s ease-in;}
.hz_c ul li a:before{top: -1px;border-bottom: 0;}
.hz_c ul li a:after{bottom: -1px;border-top: 0;}
.hz_c ul li a:hover:before,.hz_c ul li a:hover:after{width: 100%;height: 125px;-webkit-transition: width .3s ease-in, height .2s ease-out .3s;transition: width .3s ease-in, height .2s ease-out .3s;}

/*设备中心*/
.pro_bg{font-size: 0; padding: 30px 0;height: auto;overflow: hidden;text-align:center;}
.cp_l{ width:223px;background: #0687cc;}
.cp_lt{width:223px; height:101px;text-align: center;overflow: hidden;}
.cp_lt a{ font-size:28px; color:#fff;display: block; padding:18px 0 0;}
.cp_lt i{display: block;font-size: 18px;color: #a3cee6;font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0;}
.cp_lm{ background:#fff;width: 219px; margin:0 auto; padding-top:20px;}
.cp_lm h3{ width:192px; height: 40px; margin:0 auto;margin-bottom:4px;}
.cp_lm h3 a{ font-size:16px; color:#fff; font-weight:normal;display: block;width: 192px;height: 47px;text-align: center;line-height: 47px;background: #0687cc;overflow: hidden;}
.cp_lm h3 a:hover{background: #ffae00; text-decoration:none;}
.cp_lm ul{ display:inline-block;width: 192px; padding:36px 0 15px 19px;}
.cp_lm ul li{ height:38px; line-height:36px; border-bottom:#cecece 1px dashed;overflow: hidden;}
.cp_lm ul li a{ font-size:12px; color:#333; padding:0 0 0 20px; display: block;height: 36px;overflow: hidden;}
.cp_lm ul li a:hover{color: #ffae00; text-decoration:none;}
.cp_lm .nobor{ border:none;}
.cp_bot{font-size: 16px;color: #fff;width: 233px;height:212px;text-align: center; padding-top: 23px;}
.cp_bot i{display: block;font-size: 20px; padding: 10px 0 0;}

.cp_r { width:963px;}
.cp_rt {width: 850px; background:#787878; height:50px; margin-left: 18px;overflow: hidden;}
.cp_rt ul li{ float:left;width: 131px;text-align: center;height: 50px; border-right: #fff 1px solid;}
.cp_rt .cpli_1,.cp_rt .cpli_2 {width: 160px;}
.cp_rt .cpli_6 { border: 0;}
.cp_rt ul li a{ font-size:18px; color:#fff; display:block;height: 50px;line-height: 50px;}
.cp_rt ul li.cur a,.cp_rt ul li a:hover{ background:#0687cc; text-decoration:none;}

.cp_rm { display: inline-block;width: 963px;}
.cp_rm ul li{ width: 303px;height:262px;overflow: hidden; float:left; padding:0 0 0 18px;padding-bottom: 23px;text-align: center;}
.cp_rm ul li img{ max-width:298px;height: 210px;padding:2px;margin: auto;text-align: center;}
.cp_rm ul li em{display: block;font-size: 16px;width: 191px; margin:0 auto;line-height: 28px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cp_rm ul li span{display: block;font-size: 14px;color: #666;width: 191px; margin:0 auto;line-height: 22px;height:34px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;}
.cp_rm ul li i{font-size: 14px;color: #009ad3;}
.cp_rm ul li a{display: block;width: 300px;background: #fff; border:#e6e6e6 2px solid;height:259px;}
.cp_rm ul li a:hover{ border:#0687cc 2px solid; text-decoration:none;}

/* 服务项目 */
.pk_bg {height: 520px;font-size: 0;overflow: hidden;}
.fwxm { padding: 35px 0;font-size: 0;position:relative;}
.qi_t {
	width: 1200px;
	height: 60px;
	margin: 0 auto;
	padding: 0 15px;
	overflow: hidden;
}
.qi_t ul li {
	float:left;
	width: 193px;
	background:#787878;
	text-align: center;
	height: 56px;
	border: #fff 2px solid;
}
.qi_t ul li a {
	font-size:18px;
	color:#fff;
	display:block;
	width: 193px;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
}
.qi_t ul li.cur a,.qi_t ul li a:hover{ background:#0687cc; text-decoration:none;}

.pk_bg .pk_list { 
    width: 1200px;
    height: 410px;
    background: #f3f3f3;
	padding: 15px;
	margin: 20px auto 0;
}
.pk_bg .bd li>div{ display: inline-block; vertical-align: top;}
.pk_bg .bd li .left { overflow: hidden; width: 500px; height: 412px;}
.pk_bg .bd li .left img:hover{ transform: scale(1.1, 1.1); transition-duration: 300ms;}
.pk_bg .bd li .left img{ width: 100%; height: 400px;}
.pk_bg .bd li .right { width: 666px; margin-left: 15px;}
.pk_bg .bd li .right h6 { color: #333; font-size: 20px; margin: 10px 0 0; line-height: 35px;}
.pk_bg .bd li .right hr { display: inline-block; vertical-align: top; border: none; outline: none; width: 30px; height: 3px; margin: 15px 0 20px 0; background: #009b4c;}
.pk_bg .bd li .right p { color: #666; margin-bottom: 20px;font-size: 14px;line-height: 24px;}
.pk_bg .bd li .right dd { color: #333; font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.pk_bg .bd li .right dd i { color: #666; font-size: 14px;}
.pk_bg .bd li .right a { width: 100px; height: 30px; text-align: center; line-height: 30px; color: #fff; font-size: 14px; background: #0687cc;display: inline-block;vertical-align: top;border-radius: 15px;}
.pk_bg .bd li .right a+a { margin: 0 0 0 7px; background: #929292;}
.pk_bg .bd li .right a:hover { box-shadow: 0px 2px 10px 0px rgba(58, 58, 58, 0.75);}
.pk_bg .bd li .right dl { margin: 20px 0 0; height: 140px;}

/* 服务流程 */
#solution_c_t {
    width: 1002px;
    margin: 0 auto;
    margin-top: 50px;
}
#solution_c_t .h1 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
}
.content-wrapper {
    margin: 0 auto;
    width: 1200px;
}
.index-zzx-process {
    margin-top: 54px;
    padding-bottom: 60px;
    text-align: center;
    transform: translate(0px, 20%);
    width: 100%;
}
.index-zzx-process ul li span {
    display: block;
}
.zzx-process-box {
    margin-top: 72px;
}
.index-zzx-process ul {
    overflow: hidden;
}
.zzx-process-yy {
    margin-left: 5px;
}
.index-zzx-process ul li, .zzx-step-img {
    float: left;
    position: relative;
}
.index-zzx-process .zzx-process-yy {
    width: 84px;
}
.index-zzx-process ul li + li {
    margin-left: 18px;
}
.index-zzx-process .zzx-process-lf {
    width: 172px;
}
.index-zzx-process .zzx-process-fa {
    width: 144px;
}
.index-zzx-process .zzx-process-ht {
    width: 140px;
}
.index-zzx-process .zzx-process-sg {
    width: 120px;
}
.index-zzx-process .zzx-process-ys {
    width: 145px;
}
.index-zzx-process .zzx-process-bz {
    width: 135px;
}
.index-zzx-process .zzx-process-sh {
    width: 128px;
}
.index-icon {
    background-image: url(../images/index_bg_s.png);
    background-repeat: no-repeat;
}
.index-zzx-process .index-icon {
    display: block;
    margin: 0 auto;
}
.index-zzx-process .icon-zxyy {
    background-position: -380px -108px;
    height: 51px;
    width: 41px;
}
.index-zzx-process .icon-lf {
    background-position: -380px -56px;
    height: 46px;
    margin-top: 5px;
    width: 54px;
}
.index-zzx-process .icon-fa {
    background-position: -381px 0;
    height: 51px;
    width: 60px;
}
.index-zzx-process .icon-ht {
    background-position: -312px -168px;
    height: 51px;
    width: 50px;
}
.index-zzx-process .icon-sg {
    background-position: -312px -116px;
    height: 45px;
    margin-top: 6px;
    width: 54px;
}
.index-zzx-process .icon-ys {
    background-position: -312px 0;
    height: 49px;
    margin-top: 2px;
    width: 57px;
}
.index-zzx-process .icon-bz {
    background-position: -311px -56px;
    height: 51px;
    width: 47px;
}
.index-zzx-process .icon-sh {
    background-position: -380px -108px;
    height: 51px;
    width: 41px;
}
.index-zzx-step {
    color: #333;
    font-size: 18px;
    margin-top: 16px;
}
.index-zzx-process ul li p {
    white-space: nowrap;
}
.index-zzx-detail {
    color: #999;
    font-size: 12px;
    margin-top: 3px;
}
.index-zzx-process ul li p {
    white-space: nowrap;
}
.zzx-step-box {
    height: 33px;
    margin-top: 28px;
}
.zzx-step-img {
    margin-left: 0px;
}
.zzx-step-img-first {
    margin-left: 25px;
}
.icon-round {
    background: rgba(0, 0, 0, 0) url(../images/xuhao.png) no-repeat scroll 0 0;
    float: left;
    height: 33px;
    width: 33px;
}
.step-num {
    color: #a3a3a3;
    font-size: 14px;
    left: 13px;
    position: absolute;
    top: 7px;
}
.step-line {
    background-color: #e3e3e3;
    float: left;
    height: 1px;
    margin: 16px 0 0 5px;
    width: 120px;
}

/*优势*/
.ys01{ background:url(../images/ys_bg01.jpg) no-repeat center 0; height:375px; overflow:hidden;}
.ys02{ background:url(../images/ys_bg02.jpg) no-repeat center 0; height:394px; overflow:hidden;}
.ys03{ background:url(../images/ys_bg03.jpg) no-repeat center 0; height:439px; overflow:hidden;}
.ys04{ background:url(../images/ys_bg04.jpg) no-repeat center 0; height:417px; overflow:hidden;}
.ys_t{ padding:36px 0 0;}
.ys dl{width: 540px;}
.ys dl dt{float: left;width: 87px; padding:0 30px 0 0;}
.ys dl dt img{width: 87px;height: 94px;}
.ys dl dd{width: 420px;float: left;}
.ys dl dd h5{height: 80px;width: 420px;font-size: 28px;color: #0687cc; background:url(../images/ys_line.png) repeat-x 0 83px; padding:10px 0 0; margin:0 0 8px;overflow: hidden;}
.ys dl dd h5 i{display: block;font-size: 20px;color: #b0b0b0;font-weight: normal; padding:5px 0 0;}
.ys dl dd p{font-size: 14px;color: #333;line-height: 24px; background:url(../images/ys_ico.png) no-repeat 0 14px; padding:6px 0 0 20px;}
.ys dl dd span,.jz dd em{display: block;width: 115px; padding:12px 0 0;}
.ys dl dd span a,.jz dd em a{display: block;font-size: 14px;width: 111px;height: 34px;line-height: 34px;text-align: center; background: #ffae00;color: #fff; border:#ffae00 2px solid; text-decoration:none;overflow: hidden;}
.ys dl dd span a:hover,.jz dd em a:hover{background: #ffae00;color: #fff; border:#ffae00 2px solid; text-decoration:none;}
.ys02 .ys dl{ padding:35px 0 0 600px;}
.ys03 .ys dl{ padding:35px 0 0;}
.ys04 .ys dl{ padding:22px 0 0 600px;}

/*  简介 */
.about {margin: 35px auto; overflow:hidden;}
.about .top {
    width: 100%;
	overflow: hidden;
    zoom: 1;
    padding: 16px 0;
}
.about .top .imgs img {
    display: block;
    width: 400px;
    position: relative;
    float: left;
	height: 360px;
}
.about .top .rit {
    width: 768px;
    overflow: hidden;
    float: right;
    font-size: 14px;
    color: #5e5e5e;
    text-align: left;
    height: 360px;
}
.about .top .rit span{ font-size:14px; color:#eb3601;}
.rit_up {
	width: 763px;
    height: 300px;
    text-align: justify;
    line-height: 32px;
    font-size: 15px;
    overflow: hidden;
}
.rit_up p {
	line-height: 26px;
	text-indent: 2em;
}
.rit_dw {
	width: 767px;
	height: 32px;
	margin-top: 20px;
}
.rit_dw p {
	width: 110px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #0687cc;
	text-align: center;
	float: right;
	margin-left: 15px;
}
.rit_dw p a{ font-size:16px; color:#0687cc;}
.rit_dw p:hover{ background:#0687cc;}
.rit_dw p:hover a{color:#fff;}

/* 新闻 */
.news { overflow:hidden;margin-bottom:40px;}
.newsMain{width:700px; overflow:hidden;border: 1px solid #e1e1e1; background:#fff; height:380px;}
.newsMain .newsMenu{ height:40px;background:url(../images/news_tieline.jpg) repeat-x;overflow: hidden;}
.newsMain .newsMenu a{display:inline-block; width:330px; height:40px; line-height:40px; padding-left:20px; color:#999;font-size: 18px; float:left;}
.newsMain .newsMenu a span{ font-size: 14px; font-family: Arial; margin-left:5px; text-transform: uppercase;}
.newsMain .newsMenu .on{ background:#0687cc; color: #fff;}
.newsTab{ padding: 20px 25px 25px 25px; overflow: hidden;height: 305px;padding-bottom:0;}
.newsTab_box{height: 305px;overflow: hidden;}
.newsTab_top{ height: 148px; overflow:hidden;border-bottom:1px solid #e1e1e1; padding-bottom:20px;}
.newsTab_top .top_img{ float:left; width:234px; height:144px;  border:2px solid #e0e0e0; }
.newsTab_top .top_img img{ width: 234px; height: 144px;}
.newsTab_top div{ float:right; width:390px; overflow: hidden;color: #999;line-height:22px;}
.newsTab_top div h3{font-family: "Adobe 黑体"; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px}
.newsTab_top div h3 a{ color:#333; font-size:18px; }
.newsTab_top div .more{ color:#0687cc;margin-top:10px;}
.newsTab_top div .more:hover,.newsTab_top div h3 a:hover{text-decoration: underline;color:#0687cc;}
.news_main{ margin-top:15px; clear:both; overflow: hidden;}
.news_main ul{ width:720px;}
.news_main li{ float:left; height:30px;width:300px;overflow:hidden; margin-right:48px;}
.news_main li a{ font-size:12px; width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; background:url(../images/news_li.jpg) no-repeat left center ; padding-left:10px;}
.news_main li a:hover{ color: #0687cc;}
.news_main li span{ float:right; color:#999;}

/* 问题 */
.faq{ float:right; width:318px; background:#f4f4f4; border: 1px solid #e1e1e1;height:360px; overflow: hidden;padding-bottom:20px;}
.faq .title{font-size:18px; color: #333;background:url(../images/faq_tiebg.jpg) repeat-x; height:40px; line-height: 40px;}
.faq .title span{background:url(../images/about_line1.jpg) no-repeat 15px 5px;padding-left:25px;}
.faqMain{ padding:20px;padding-bottom:0;height:295px;overflow:hidden;}
.faqMain li {border-bottom:1px dotted #bebebe;padding-bottom:12px;margin-bottom:12px;}
.faqMain li h3{ height:25px; font-size:12px;background:url(../images/q.png) no-repeat left 5px; padding-left:25px; font-weight:normal; width:268px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.faqMain li h3 a{ color:#333;}
.faqMain li h3 a:hover{ color:#c71919;}
.faqMain li p{background:url(../images/a.png) no-repeat left 5px; padding-left:25px;}
.faqMain li:last-child{border-bottom:none;}

/* 版权 */
.footWrap {
	background: #e2e2e2;
}
.footer {
	width:100%;
	margin:0 auto;
	background: #0687cc;
	height: 50px;
	overflow: hidden;
}
.fnav{ height:50px; line-height:50px; text-align:center; color:#8ec7ff; font-size:14px; font-family:"Adobe 黑体";}
.fnav a{ color:#fff; padding:0 18px; display:inline-block; font-size:14px; font-family:"Adobe 黑体";}
.f_ft{ width: 1000px; height: 190px; font: 14px "Adobe 黑体"; line-height: 35px; margin: 20px auto 0;}
.f_ft em{display:inline-block; padding:0 10px;}
.f_add {
	width: 830px;
	font-size: 16px;
}
.f_add span {
	float: left;
}
.f_ewm {
	width: 160px;
	text-align: center;
	line-height: 32px;
}
.f_ewm img {
	width: 150px;
}

/* 首页样式结束 */
.container{margin-left:auto; margin-right:auto; width:980px; font-family:Adobe 黑体;}
.frlink{ overflow: hidden; padding-top: 36px; padding-bottom: 23px; border-top: 1px solid #eeeeee;}
.frlink h5{ height: 53px; border-left: 8px solid #ff7e00; float: left; padding-left: 8px;}
.frlink h5 a{ font-size: 18px; color: #0687cc;}
.frlink h5 span{ display: block; font-size: 18px; padding-top: 3px; color: #c5c5c5; font-weight: normal;}

.frlink ul{ overflow: hidden; float:left; margin-left: 40px; width: 846px; margin-top:10px;}
.frlink ul li{ float: left; margin: 0px 16px; margin-bottom: 3px;}
.frlink ul li a{ display: inline-block; font-size: 13px; color: #666666; line-height: 24px;}
/*友情链接——end*/

/* 在线客服样式 */
.keifu{ position:fixed; top:32%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:1px; background:#fbfbfb;}
.keifu_con li{ padding-left:7px; margin-top:5px; font-size:14px; line-height:26px;}
.keifu_con li strong{text-align:center; color:#F00; font-size:13px;font-weight: normal}
.keifu_con li span{color:#000; font-size:15px; display:block;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:10px; background:url(../images/keifu.png); background-position:0 -149px; }