@charset "utf-8";
/* ==================================【官方网站】技术支持：凡高科技——银灵子==================================== */

/*=================header=================*/
.header{ position:absolute; width:100%; top:0; left:0; z-index:99; height:170px;}
.header .logo{ margin-top:30px; }
.header .right .up{ margin-top:56px; float:right;}
.header .right .up img{ padding-right:5px;}

.header .right .up span{color:#fff; font-size:12px;}
.header .right .up strong{ color:#fff; font-size:14px;}
.header .right .un{ margin-top:30px;}
/*==============导航=====================*/
.nav_box{ width:100%; position:relative; z-index:3; background:url(../images/bg_nav.jpg) center top no-repeat #222; height:54px; }
.nav_box .left{ width:183px; background:url(../images/pic_tel.png) left center no-repeat; height:54px; padding-left:98px;}
.nav_box .left h1{ font-size:21px; line-height:54px; color:#fff; font-weight:normal;}

.nav ul{ float:right;}
.nav ul li{ display:inline-block; width:70px; margin-left:63px; position:relative;  }
.nav ul li a{ display:block;  display:block; padding-bottom:10px; }
.nav ul li a strong{text-align:center; font-size:15px;  color:#fff; display:block;}
.nav ul li a span{ color:#fff; opacity:0.7; font-size:10px; text-transform:uppercase; display:block; text-align:center;}
.nav ul li a:hover{ background:url(../images/nav_hover.png) center bottom no-repeat;}
.nav ul li a:hover strong{font-weight:bold;}
.nav ul .on a{color:#ea7b99; font-weight:bold;}
.nav ul .on{background:url(../images/nav_hover.png) center bottom no-repeat;}

.n_header{ background:#fff; border-bottom:1px solid #c9c9c9; position:relative; }
.n_header .right .up span{color:#474747; font-size:12px;}
.n_header .right .up strong{ color:#474747; font-size:14px;}
.n_header .right .un{ margin-top:30px;}
.n_header .nav ul li a{ display:block;  display:block; padding-bottom:10px; }
.n_header .nav ul li a strong{text-align:center; font-size:15px;  color:#3b3b3b; display:block;}
.n_header .nav ul li a span{ color:#000; opacity:0.7; font-size:10px; text-transform:uppercase; display:block; text-align:center;}

/*==============banner=====================*/
#banner{ width: 100%; margin:0 auto; overflow:hidden; position:relative; zoom:1;   }
#banner .hd{ position:absolute; top:50%; margin-top:-63px; width: 100%;} 
#banner .hd ul{  zoom:1; width:100%; }
#banner .hd ul a{ opacity:0.7;}
#banner .hd ul li:hover{ opacity:1;}
#banner .hd ul .prev{ position:absolute; left:70px; }
#banner .hd ul .next{ position:absolute; right:70px;}
#banner .bd{width:100%; overflow:hidden; position:relative }
#banner .bd a{overflow:hidden;  display:block; width:100%; height:700px; }





/*==============footer=====================*/
#footer .link{ padding:26px; border-top:1px solid #dfdfdf; }
#footer .link ul{ margin:-12px;}
#footer .link li{ display:block; margin:10px 11px; width:150px; border:1px solid #dfdfdf; float:left;}
#footer .link li a{ display:block;}
#footer .link li a img{ width:150px; height:70px; display:block;}
#footer .link li a:hover{ opacity:0.7;}

#footer .up{ background:url(../images/bg_footer.png) center top no-repeat; height:470px; }
#footer .up .main_box{ padding-top:80px;}
#footer .up .left{ width:550px;}
#footer .up .left .fot_title{margin-bottom:40px;}
#footer .up .left .fot_title h1{ display:block; margin-bottom:40px;}
#footer .up .left .fot_title h2{  color:#bcc9ef; font-size:18px; display:block; margin-bottom:30px;}
#footer .up .left .fot_title p{ color:#bcc9ef; font-size:14px; display:block; line-height:24px; }

#footer .up .left .fot_contact{}
#footer .up .left .fot_contact p{ margin-bottom:20px;}
#footer .up .left .fot_contact span{ display:inline-block; color:#bcc9f0; font-size:15px; height:26px; margin-right:20px; line-height:26px; padding-left:30px;}
#footer .up .left .fot_contact .li1{ background:url(../images/icon_fot_tel.png) left center no-repeat;}
#footer .up .left .fot_contact .li2{ background:url(../images/icon_fot_fax.png) left center no-repeat;}
#footer .up .left .fot_contact .li3{ background:url(../images/icon_fot_mail.png) left center no-repeat;}
#footer .up .left .fot_contact .li4{ background:url(../images/icon_fot_add.png) left center no-repeat;}

#j_form1  { width:560px; margin-top:60px;}
#j_form1  input{ background:#262e46; padding:0 20px; line-height:40px; height:40px; width:230px; border:none;color:#8893b7; margin-bottom:25px; font-size:14px;}
#j_form1  textarea{ line-height:40px; background:#262e46; height:100px; width:518px; padding:15px 20px; border:none; font-size:14px; color:#8893b7;}
#j_form1 .submit{ background:#3271e3; text-align:center; border-radius:20px; margin:20px 0; width:140px;font-family:"Microsoft Yahei"; font-size:16px; border:0 !important; line-height:40px !important; height:40px !important; color:#fff !important;}
#j_form1 .submit:hover{ cursor:pointer; opacity:0.8}
#footer .un{ height:67px; background:#262e46;}
#footer .un p{font-size:12px; color:#5b6f94; text-align:center; line-height:67px; }
#footer .un p a{ color:#5b6f94;}
#footer .un p a:hover{ color:#fff;}



/*==============首页=====================*/

.s_main_box{ margin:0px auto 0px auto; }
/*==========首页1f===========*/
.s_main_box .f1{background:#faf9f9;}
.s_main_box .f1 ul{ }
.s_main_box .f1 li{ float:left; width:150px; padding:50px 25px; display:block; }
.s_main_box .f1 li .text h1 a{color:#333; display:block; font-size:16px; text-align:center; line-height:40px;}
.s_main_box .f1 li .text h5{ color:#717277; font-size:12px; text-align:center;  line-height:20px; }

.s_main_box .floor{ padding:55px 0;}
.s_main_box .floor .title{ margin-bottom:30px;}
.s_main_box .floor .title h1{ font-size:24px; color:#424243; display:block; }
.s_main_box .floor .title span{  padding-left:5px; text-align:center; font-size:14px; color:#969798; }

.s_main_box .f1 li .up a{ display:block; height:65px; margin:0 auto 20px auto;}
.s_main_box .f1 .li1 .up a{ background:url(../images/icon_s1.png) center no-repeat;}
.s_main_box .f1 .li1:hover .up a{ background:url(../images/icon_s1_h.png) center no-repeat;}
.s_main_box .f1 .li2 .up a{ background:url(../images/icon_s2.png) center no-repeat;}
.s_main_box .f1 .li2:hover .up a{ background:url(../images/icon_s2_h.png) center no-repeat;}
.s_main_box .f1 .li3 .up a{ background:url(../images/icon_s3.png) center no-repeat;}
.s_main_box .f1 .li3:hover .up a{ background:url(../images/icon_s3_h.png) center no-repeat;}
.s_main_box .f1 .li4 .up a{ background:url(../images/icon_s4.png) center no-repeat;}
.s_main_box .f1 .li4:hover .up a{ background:url(../images/icon_s4_h.png) center no-repeat;}
.s_main_box .f1 .li5 .up a{ background:url(../images/icon_s5.png) center no-repeat;}
.s_main_box .f1 .li5:hover .up a{ background:url(../images/icon_s5_h.png) center no-repeat;}
.s_main_box .f1 .li6 .up a{ background:url(../images/icon_s6.png) center no-repeat;}
.s_main_box .f1 .li6:hover .up a{ background:url(../images/icon_s6_h.png) center no-repeat;}
.s_main_box .f1 li:hover{  background:#3271e3; cursor:help;}
.s_main_box .f1 li:hover .text h1 a{ color:#fff;}
.s_main_box .f1 li:hover .text h5{ color:#fff;}

/*==========首页2f===========*/
.s_main_box .f2{ }  
.s_main_box .f2 ul{ margin:-5px;}
.s_main_box .f2 li{ display:block; float:left; margin:5px; height:290px; overflow:hidden;}
.s_main_box .f2 li a{ display:block; height:290px;}
.s_main_box .f2 li img{ height:390px;}
.s_main_box .f2 li strong{ color:#fff; font-size:20px; padding-bottom:5px; padding-top:110px; display:block; text-align:center;}
.s_main_box .f2 li h1{ color:#fff; font-size:18px; padding-bottom:20px;display:block; text-align:center;}
.s_main_box .f2 li .more{ display:block; margin:0 auto; width: 35px; height:35px;}

.s_main_box .f2 .li1{ background:#3271e3; width:230px;}
.s_main_box .f2 .li1:hover{background:#0b4cc2;}
.s_main_box .f2 .li2{ width:475px;}
.s_main_box .f2 .li2 img{ width:475px; }
.s_main_box .f2 .li3{width:475px;}
.s_main_box .f2 .li3 img{width:475px;}
.s_main_box .f2 .li4{width:230px; }
.s_main_box .f2 .li4 img{width:230px; }
.s_main_box .f2 .li5{width:230px; }
.s_main_box .f2 .li5 img{width:230px; }
.s_main_box .f2 .li6{ background:#2e364d; width:235px; }
.s_main_box .f2 .li6:hover{ background:#1e253a;}
.s_main_box .f2 .li7{width:475px; }
.s_main_box .f2 .li7 img{width:475px; }
.s_main_box .f2 .li8{width:475px; }
.s_main_box .f2 .li8 img{width:475px; }
.s_main_box .f2 .li9{width:475px;}
.s_main_box .f2 .li9 a{ border:1px solid #dfdfe1; height:288px;}
.s_main_box .f2 .li9:hover{background:#d5d5d5;}
.s_main_box .f2 .li9 a strong{ color:#404041}
.s_main_box .f2 .li9 a h1{color:#404041}
.s_main_box .f2 .lia{ width:230px;}
.s_main_box .f2 .lia img{width:230px; }

/*==============首页team=====================*/

.s_team { position:relative; margin-bottom:50px; }
.s_team .bd{ margin:0 auto; width:1110px;}
.s_team .bd .box{ margin:0 auto; width: 1088px;}
.s_team .prev,.s_team .next{ opacity:0.7;}
.s_team .prev{ position:absolute; top:50%; margin-top:-20px; left:0;}
.s_team .next{ position:absolute; top:50%; margin-top:-20px; right:0;}
.s_team .prev:hover,.s_team .next:hover{ opacity:1;}
.s_team li{ display:block; float:left; width:250px; margin:10px; background:#f1f1f1; border:1px solid #f5f5f5;}
.s_team li a{ display:block;}
.s_team li a img{ width:250px; height:320px;}
.s_team li h1{ text-align:center; padding-top:10px;  color:#393939; font-weight:normal; font-size:20px; }
.s_team li strong{ font-size:12px; padding-bottom:10px;  display:block; color:#6c6c6c; text-align:center;} 


/*==========首页3f===========*/
.s_main_box .f3{ background:#faf9f9; padding:50px 0;}
.s_main_box .f3 .title{ margin-bottom:30px; }
.s_main_box .f3 .left{ width:490px;}
.s_main_box .f3 .left p{ color:#757575; line-height:30px; font-size:14px;}

.s_main_box .f3 .right{ width:620px;} 
.s_main_box .f3 .right .fl{ width:250px;}
.s_main_box .f3 .right .fl img{ width:250px; height:120px;}
.s_main_box .f3 .right .fr{ width:350px;}
.s_main_box .f3 .right ul{}
.s_main_box .f3 .right li{  line-height:30px;}
.s_main_box .f3 .right li a{color:#757575; font-size:14px;}
.s_main_box .f3 .right li span{ float:right; font-size:12px; color:#c8c8c8; }
.s_main_box .f3 .right li a:hover{ color:#3271e3; }

.s_main_box .f3 .more{ display:block; padding-top:40px; color:#3271e3; font-size:14px;}
.s_main_box .f3 .more:hover{  color:#1144a2; }


/*==============n_content=====================*/
.bnt_back{ color:#1f5ef2 !important; width:120px; margin:0 auto;  font-size:14px; display:block; text-align:center; line-height:40px; height:40px; border:1px solid #1f5ef2;}
.bnt_back:hover{ background:#1f5ef2;  border:1px solid #1f5ef2; color:#fff !important; }
.n_title img{ display:block; margin:0 auto; padding-top:60px;}
.n_content{ background:#ededed;}
.n_content .article{ padding:40px 0; color:#6a6a6a;}
.n_content .article p{ color:#6a6a6a;}
 
.n_about .content{ padding:50px 0 80px 0;}
.n_about .content li{ display:block; background:#fff; width:25%; float:left; height:300px; overflow:hidden;}
.n_about .content li h1{ text-align:center; color:#676767; font-size:16px; padding-top:10px;}
.n_about .content li a{ display:block; height:300px;}
.n_about .content li a:hover{ background:#1f5ef2;}
.n_about .content li .img{ width:300px; height:300px; display:block;}
.n_about .content li .up{ display:block; margin:0 auto; padding-top:90px;}
.n_about .content li p{ line-height:26px; font-size:14px; color:#848484; padding-top:25px; text-align:center;}
.n_about .content li a:hover p{ color:#fff;}
.n_about .content li a:hover h1{ color:#fff;}

/*==============人才招聘=====================*/
.n_rcln {}
.n_job { position:relative; padding:60px 0 80px 0; height:390px; }
.n_job .bd{ margin:0 auto; width:1110px;}
.n_job .prev,.n_job .next{ opacity:0.7;}
.n_job .prev{ position:absolute; top:50%; margin-top:-20px; left:0;}
.n_job .next{ position:absolute; top:50%; margin-top:-20px; right:0;}
.n_job .prev:hover,.n_job .next:hover{ opacity:1;}
.n_job li{ display:block; float:left; width:250px; padding:40px; background:#fff; margin:0 20px;}
.n_job li .article{ color:#636262; line-height:30px; height:180px; overflow:hidden;}
.n_job li h1{ padding-bottom:10px; border-bottom:1px dashed #c0c0c0; color:#464646; font-weight:bold; font-size:16px; }
.n_job li .more{ font-size:12px; color:#b6b6b6;}

.n_job_show{ padding-bottom:80px;}
/*==============服务范围=====================*/
.n_service .img_box{ padding-top:70px; margin:0 auto; height:60px;}
.n_service .li1 .img_box{ background:url(../images/icon_service1.png) center bottom no-repeat;}
.n_service .li1 a:hover .img_box{ background:url(../images/icon_s1_h.png) center bottom no-repeat;}
.n_service .li2 .img_box{ background:url(../images/icon_service2.png) center bottom no-repeat;}
.n_service .li2 a:hover .img_box{ background:url(../images/icon_s2_h.png) center bottom no-repeat;}
.n_service .li3 .img_box{ background:url(../images/icon_service3.png) center bottom no-repeat;}
.n_service .li3 a:hover .img_box{ background:url(../images/icon_s3_h.png) center bottom no-repeat;}
.n_service .li4 .img_box{ background:url(../images/icon_service4.png) center bottom no-repeat;}
.n_service .li4 a:hover .img_box{ background:url(../images/icon_s4_h.png) center bottom no-repeat;}
.n_service .li5 .img_box{ background:url(../images/icon_service5.png) center bottom no-repeat;}
.n_service .li5 a:hover .img_box{ background:url(../images/icon_s5_h.png) center bottom no-repeat;}
.n_service .li6 .img_box{ background:url(../images/icon_service6.png) center bottom no-repeat;}
.n_service .li6 a:hover .img_box{ background:url(../images/icon_s6_h.png) center bottom no-repeat;}


/*==============大事迹=====================*/
.n_dsj { padding-bottom:80px;}
.n_dsj .content{ background:url(../images/bg_dsj.png) 600px top repeat-y;}
.n_dsj li{ display:block; position:relative;  height:182px; width:504px; background:#fff;}
.n_dsj li .box{ width:374px;}
.n_dsj li strong{ display:block; position:absolute; font-size:18px; font-weight:bold; color:#b2b2b2;  height:20px; }
.n_dsj li h1{ font-size:15px; color:#191919; display:block; padding-top:50px; }
.n_dsj li p{ font-size:12px; padding-top:20px; color:#a8a8a9; line-height:22px; white-space:normal;}
.n_dsj .left{ background:url(../images/bg_dsj_left.png) left top no-repeat; padding-left:84px; margin-bottom:70px; }
.n_dsj .left strong{ top:30px; right:-19px; background:url(../images/icon_dsj_li.png) right center no-repeat; padding-right:28px;}
.n_dsj .right{ background:url(../images/bg_dsj_right.png)  right top no-repeat; margin-top:70px; }
.n_dsj .right .box{padding-left:43px;}
.n_dsj .right strong{ top:90px; left:-103px; background:url(../images/icon_dsj_li.png) left center no-repeat; padding-left:28px;}
.n_dsj li:hover{cursor:no-drop;}
.n_dsj li:hover strong{ background-image:url(../images/icon_dsj_li_on.png); color:#1f5ef2;  }

/*==============客户案例=====================*/
.n_case{ padding-bottom:40px;}
.n_case .page{ margin-top:30px;}
.n_case .content ul{ margin:-10px;  }
.n_case .content li{width:285px; background:#fff; overflow:hidden; position:relative; display:block; margin:10px; float:left;}
.n_case .content li a{ display:block;}
.n_case .content li h1{ height:50px; color:#383838; line-height:50px; padding:0 20px; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; display:block; width:100%;}
.n_case .content li .mb_box{width:285px; z-index:9; height:200px; opacity:0; display:block; position:absolute; left:0; top:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
.n_case .content li .mb_box img{ display:block; margin:0 auto; padding-top:80px;}
.n_case .content li .img{ width:285px; height:200px; display:block;}
.n_case .content li a:hover .mb_box{ opacity:1;}
.n_case .content li a:hover h1{ color:#fff; background:#1f5ef2;}

/*==============客户案例详情=====================*/
.n_case_show{ padding:70px 0 80px;}
.n_case_show .left{ width:850px;}
.n_case_show .right{ width:310px;}
.n_case_show .right #boxscroll{ height:510px; border-right:1px solid #dfdfdf; width:370px; padding-right:30px; overflow:scroll;}
.n_case_show .right h1{ color:#3b3b3b; font-size:18px; font-weight:bold;}
.n_case_show .right .bnt_back{ margin:40px 0 0 0; border-color:#bababa; color:#5e5e5e !important;}
.n_case_show .right .bnt_back:hover{ color:#fff !important;  border-color:#1f5ef2;}

.pic_slide .bd{ width:850px; margin-bottom:10px; height:530px; position:relative; overflow:hidden;}
.pic_slide .bd img{ display:block; width:850px; height:530px;}
.pic_slide .hd{ position:relative;width:850px; height:530px;}
.pic_slide .hd .box{}
.pic_slide .hd .j_prev{  position:absolute; left:10px; top:50%; margin-top:-50px;  z-index:9;}
.pic_slide .hd .j_next{position:absolute; right:10px; top:50%; margin-top:-50px; z-index:9;}
.pic_slide .hd .prev:hover,.s_main_box .f1 .slide .next:hover{ opacity:0.5; background:#000; }
.pic_slide .hd ul{ }
.pic_slide .hd li { width:850px; height:590px; cursor:pointer; display:block; float:left; }
.pic_slide .hd li img{ width:850px; height:590px; display:block;}



/*==============新闻列表=====================*/
.n_news_title{ display:inherit; text-align:center; width:100%; height:40px; height:40px; background:url(../images/bg_scoll.png )left center repeat-x; margin:55px auto;}
.n_news_title a{ height:38px; width:150px; background:#EDEDED; font-size:16px; line-height:38px; margin:0 5px; display:inline-block; color:#676767; border:1px solid #d8d8d8;}
.n_news_title a:hover{ color:#fff; background:#1f5ef2; border:1px solid #0743d0;}
.n_news_title .on{  color:#fff; background:#1f5ef2; border:1px solid #0743d0;}
.n_news{ padding-bottom:50px;}
.n_news ul{ margin:-20px;}
.n_news ul li{ background:#fff; float:left; display:block; width:375px; margin:19px;}
.n_news ul li .up{ }
.n_news ul li .up img{ width:375px; height:210px; display:block;}
.n_news ul li .un{ padding:20px 30px; }
.n_news ul li .un h1{ padding-bottom:10px; border-bottom:1px dashed #dcdcdc;} 
.n_news ul li .un h1 a{color:#383838; font-size:16px;  }
.n_news ul li .un h1 a:hover{ text-decoration:underline; color:#1f5ef2;}
.n_news ul li .un span{ display:block;   color:#b6b6b6; line-height:26px;  font-size:12px;}
.n_news ul li .un p{ color:#636262; height:78px; padding:10px 0; font-size:14px; line-height:26px;}
.n_news ul li  .un .more{  margin-top:15px;   font-size:12px; color:#b6b6b6;}
.n_news ul li  .un .more:hover{ color:#1f5ef2; text-decoration:underline;}

/*==============新闻详情=====================*/
.n_article .ar_title{ padding:0 0 20px 0; border-bottom:1px solid #dcdcdc; }
.n_article .ar_title h1{ font-size:18px; display:block; text-align:center; line-height:30px; color:#515151;}
.n_article .ar_title h2{ font-size:12px; display:block; text-align:center; color:#8f8f8f; line-height:30px;}

.n_article .bnt_page{ height:40px; line-height:40px; font-size:12px; color:#8a8a8a; border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;}
.n_article .bnt_page a{ color:#8a8a8a;}
.n_article .bnt_page a:hover{color:#1f5ef2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}

 /*==============产品列表=====================*/
.page { margin:10px 0 20px; float:right;}
.page a{ padding:0 13px; height:30px; line-height:30px; display:inline-block; border:1px solid #ddd; margin-left:10px;  color:#fff; color:#8d8d8d; font-size:12px; }
.page .on{ background:#1f5ef2; color:#fff !important; border:1px solid #1f5ef2;}
.page a:hover{ background:#1f5ef2; color:#fff !important; text-decoration:none; border:1px solid #1f5ef2;}
.page a{ 
transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}
/*==============联系我们=====================*/
.n_contact{ position:relative; width:100%; overflow:hidden;}
.n_contact .map{ height:670px;}
.n_contact .content{ width: 100%; position:absolute; top:0px; left:0;  z-index:9; }
.n_contact .content .box{ margin-top:163px; width:480px; background:#fff; border:1px solid #e5e5e5; padding:55px;}
.n_contact .content .box .fl{ width:310px;}
.n_contact .content .box .fl img{ margin-bottom:30px; display:block; }
.n_contact .content .box .fl p{ line-height:30px; font-size:14px; color:#8b8b8b;}
.n_contact .content .box .fr{ width:100px;}
.n_contact .content .box .fr .img_box{ padding-top:117px; }
.n_contact .content .box .fr img{ vertical-align:text-bottom;border:1px solid #9ebaf9;}