@charset "utf-8";
/* ================================== 【官方网站】技术支持：凡高科技——银灵子==================================== */
/*===============top=================*/
#top{ padding-top:15px;}
#logo{ float:left;}
#nav{ float:right; width:650px;}
#nav li{ display:block; float:left; min-width:56px;     padding: 0 22.5px;  border-bottom:3px solid #fff; position:relative;}
#nav li .a{ display:block;line-height:85px; text-align:center; color:#535353; font-size:14px;}
#nav li:hover{ border-bottom:3px solid #0075ec;}
#nav li .a:hover{ color:#0075ec;}
#nav .li4{ width:130px;}
#nav .list { position:absolute; top:88px;  left:0;width:100%; display:none; z-index:6666;}
#nav .list a{ display:block;  border-bottom:1px solid #fff; font-size:12px; color:#737375; text-align:center; line-height:30px; background:#c7ecf4; height: 30px; overflow: hidden;}
#nav .list a:hover{ background:#c9f5fc; color:#333;}

/*===============banner=================*/
#banner{ position:relative;}
#banner .bd a{ display:block; width:100%; height:400px;}
#banner .hd{opacity:0;}
#banner .hd a{ display:block; width:39px; height:39px;}
#banner .hd img{ width:39px; height:39px;}
#banner .prev{ position:absolute; left:40px; bottom:50%; margin-bottom:-20px; }
#banner .next{ position:absolute; right:40px; bottom:50%;  margin-bottom:-20px;}
#banner:hover .hd{ opacity:1;}

/*===============s_main=================*/
.s_main { padding:55px 0 65px 0;}
.s_main .common_title{ margin-bottom:25px;}
.s_main .common_title h1{ font-size:18px;color:#61afff;}
.s_main .common_title h1 span{ font-size:11px;color:#61afff; text-transform:uppercase; padding-left:7px;}
.s_main .common_title .more{ position:absolute; right:0; top:3px;}
.s_main .common_title .more a{ display:block; width:20px; height:20px; background:url(../images/icon_more_index.png) center no-repeat;}
.s_main .common_title .more a:hover{ background:url(../images/icon_more_index_hover.png) center no-repeat;}
.s_main .s_kf{ float:left; width:335px; position:relative;}
.s_main .s_kf .fl a{display:block; width:130px; height:135px; border:1px solid #dcecfc;}
.s_main .s_kf img{ width:130px; height:135px;}
.s_main .s_kf .fr{ width:185px;}
.s_main .s_kf .fr h1 a{ line-height:22px; color:#4b4b4b; font-size:12px;}
.s_main .s_kf .fr h1 a:hover{ color:#000;}
.s_main .s_kf .fr p{ font-size:12px; color:#a9a9a9; line-height:18px; margin:7px 0 15px 0;}
.s_main .s_kf .fr span{ font-size:12px; color:#cacbcc;}
.s_main .s_kf .up{ padding-bottom:18px; border-bottom:1px solid #f3f3f3;}
.s_main .s_kf .un li{ position:relative; border-bottom:1px solid #f3f3f3;}
.s_main .s_kf .un i{ display:inline-block; width:5px; height:5px; background:url(../images/dot_s.png) center no-repeat; padding-right:13px; margin-bottom:1px;}
.s_main .s_kf .un a{ font-size:12px; color:#787878; line-height:40px;}
.s_main .s_kf .un a:hover{ color:#61afff; }
.s_main .s_kf .un span{ color:#cacbcc; font-size:12px; position:absolute; right:0; top:13px;}

.s_main .s_pro{ float:left; width:270px; position:relative; margin:0 85px; position:relative;}
.s_main .s_pro .bd a{ display:block;}
.s_main .s_pro .bd span{ display:block; width:270px; height:45px; line-height:45px; background:#79b4ef; text-align:center; font-size:14px; color:#fff;}
.s_main .s_pro .bd span:hover{ background:#70a8e0;}
.s_main .s_pro .bd img{ width:270px; height:233px;}
.s_main .s_pro .hd a{ display:block; width:19px; height:22px;}
.s_main .s_pro .hd .prev{ background:url(../images/arrow_s_pro_left.png) center no-repeat; position:absolute; left:10px; bottom:45%;}
.s_main .s_pro .hd .next{ background:url(../images/arrow_s_pro_right.png) center no-repeat; position:absolute; right:10px; bottom:45%;}
.s_main .s_pro .hd .prev:hover{ background:url(../images/arrow_s_pro_left_hover.png) center no-repeat;}
.s_main .s_pro .hd .next:hover{ background:url(../images/arrow_s_pro_right_hover.png) center no-repeat;}

.s_main .s_about{ float:right;width:325px; position:relative;}
.s_main .s_about .up{width:325px; overflow:hidden;}
.s_main .s_about .up img{ width:325px; height:85px;}
.s_main .s_about .up img:hover{ -moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -webkit-moz-transform:scale(1.051); transform:scale(1.051);}
.s_main .s_about .up p{ line-height:22px; color:#7b7b7b; text-indent:24px; font-size:12px; margin-top:20px;}
.s_main .s_about .up { position:relative;}
.s_main .s_about .up .more{ position:absolute; right:0px; bottom:2px;}
.s_main .s_about .up .more a{ font-size:12px; color:#77b2ee;}
.s_main .s_about .up .more a:hover{ color:#0075ec;}
.s_main .s_about .un{ background:#fdfcfc; width:inherit; padding:8px 0; border:1px solid #f2f2f2; margin-top:25px; height:65px; position:relative;}
.s_main .s_about .un h2{ margin-left:145px; background:url(../images/icon_s_phone1.png) left center no-repeat; padding-left:20px;  color:#535353; font-size:12px; line-height:24px; margin-top:10px;}
.s_main .s_about .un h3{ margin-left:145px;background:url(../images/icon_s_phone2.png) left center no-repeat; padding-left:20px;}
.s_main .s_about .un .box{ background:url(../images/pic_s_meinv.png) left center no-repeat; width:65px; height:65px; position:absolute; left:32px; bottom:9px;}

#footer{ background:#0075ec;}
#footer h1{ text-align:center; font-size:12px; color:#cbe5ff; line-height:45px;}
#footer a{ color:#cbe5ff;}
#footer a:hover{ text-decoration:underline; color:#fff; }

/*=======================内页==============================*/
.n_main_box{ margin:50px auto; position:relative;}

.n_banenr{ height:250px; width:100%; overflow:hidden;}

/*==============n_content_left=====================*/
.n_left{ width:220px; float:left;}
.n_left .up {}
.n_left .up .title{ padding-left:30px; position:relative;line-height:40px; font-size:40px; }
.n_left .up .title .mark{ position:absolute; left: 0px; top:10px;}
.n_left .up .title strong{ color:#5555; font-size:15px;}

.n_left .up .content{ margin-left:19px;}
.n_left .up .content ul{  padding:10px 0;}
.n_left .up .content ul li{ position:relative; display:block; margin-bottom:10px;}
.n_left .up .content ul li a{ color:#717171; text-align:center; font-size:13px; border-radius:0 10px 0 10px;  background:#f1f3f4; overflow:hidden; height:32px; line-height:32px; display:block;}
.n_left .up .content ul .on a{ color:#fff; border-radius: 10px 0 10px 0;  background:#0075ec;}
.n_left .up .content ul a:hover{color:#fff; border-radius: 10px 0 10px 0;  background:#0075ec;}

.n_left .un {margin-top:28px;}
.n_left .un .title{ position:relative; background:url(../images/icon_left_tel.png) left center no-repeat;  position:relative;line-height:40px; font-size:40px;  }
.n_left .un .title{ padding-left:30px; font-size:15px; color:#555; margin-bottom: 10px; }
.n_left .un .content{ background:url(../images/bg_n_left.jpg) center no-repeat; height:143px; overflow:hidden; }
.n_left .un .content p{ line-height:28px; padding:15px 25px 0 25px; color:#717171; }


/*==============n_content_right=====================*/
.n_right{ width:820px;float:right; }
.n_title{ position:relative; height:40px; line-height:40px; border-bottom:1px solid #e1e2e3;}
.n_title h1{ font-size:15px; color:#455454; font-weight:bold; line-height:40px; }
.n_title{ border-bottom:1px solid #e5e6e7;}

/*==============当前位置=====================*/
.position{ position:absolute; right:0; top:0;}
.position strong{ color:#8e8e8e; font-size:14px; font-weight:normal;}
.position strong img{ padding-right:5px; padding-top:2px;}
.position a{ color:#8e8e8e; display:inline-block; }
.position a:hover{color:#0075ec;}
.position .li{ color:#8e8e8e;  background:url(../Images/icon_sj.png) left center no-repeat; padding-left:13px; display:inline-block; font-size:12px; }
.position span{ color:#0075ec !important; font-size:12px;}
/*==============n_content=====================*/
.n_content{ min-height:500px; padding-top:30px ;}
/*==============资质荣誉==============--*/
.n_zzry{ text-align:center; font-size:12px; color: #767676; line-height:28px; }
.n_zzry ul{ margin: -17px;}
.n_zzry li{ width:250px;  display:block; margin:17px; float:left;}
.n_zzry li{display:block; width:250px; height:180px; overflow:hidden;}
.n_zzry li img{ display:block; width:250px; }

/*================招聘============*/
.n_job { margin-bottom:-20px;}
.n_job li{ display:block; padding:15px 25px 12px 25px; background:#f4f5f6; margin-bottom:40px; }
.n_job li a{ font-size:15px; display:block; color:#6e6d6d; padding-bottom:5px;}
.n_job li a:hover{color:#0075ec; text-decoration:underline;}
.n_job li p{ height:50px; overflow:hidden; position:relative; line-height:24px; font-size:12px; color:#acabab;}
.n_job li span{ font-size:12px; color:#acabab; position:absolute; bottom:0; right:0;}

/*================图片列表============*/
.n_pic{ }
.n_pic ul{ margin:-13px;  }
.n_pic li{ width: 253px;border:1px solid #dcdcdc; overflow:hidden; position:relative; display:block; margin:13px; float:left;}
.n_pic li a{ display:block;}
.n_pic li strong{ height:40px; border-top:1px solid #dcdcdc; background:#f1f3f4; font-size:14px; width: 214px;color:#585858; line-height:40px; padding:0 20px; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; display:block;}
.n_pic li .img{ width:250px; height:213px; display:block; overflow:hidden; border:none;}
.n_pic li:hover strong{ color:#fff; background:#0075ec; border-top:1px solid #0075ec;}

/*==============新闻列表=====================*/
.n_news{ margin-top:10px;  }
.n_news ul{ margin:0 -20px -10px -20px;  }
.n_news ul li{  display:block; margin:40px 20px;  margin-top:0; width:385px; float:left;  background:#f1f3f4;}
.n_news ul li .box{ padding:30px;}
.n_news ul li span{color:#898989; line-height:30px; padding-top:5px; font-size:12px;}
.n_news ul li .left{ float:left;width: 150px;}
.n_news ul li .left img{ width:150px; height:150px;}
.n_news ul li .left img:hover{ opacity:0.7}
.n_news ul li .right{ float:right; width: 160px; height:150px; overflow:hidden; }
.n_news ul li .right h1 a{color:#494949;  font-size:14px; display:block; padding-bottom:3px; padding-top:3px;  }
.n_news ul li .right h1 a:hover{ text-decoration:underline; color:#007cc2;}
.n_news ul li .right  span{ color:#c2c2c3;  font-size:12px; padding:0;}
.n_news ul li .right p{ color:#8e8e8f;  font-size:12px; line-height:22px; }
.n_news ul li .right .more{ color:#bebdbd; padding-top:10px;  display:block; font-size:12px;}
.n_news ul li .right .more:hover{ text-decoration:underline; color:#0075ec;  }

/*==============新闻列表=====================*/
.n_pic_text{ margin-top:10px;  }
.n_pic_text ul{ margin:0 -25px -10px -25px;  }
.n_pic_text ul li{  display:block; margin:20px; margin-top:0; padding-bottom:20px; }
.n_pic_text ul li .box{ padding:20px 25px ;}
.n_pic_text ul li h3{ display:block; margin-top:5px; position:relative; width:100%; height:20px;}
.n_pic_text ul li span{color:#898989; line-height:30px; padding-top:5px; font-size:12px;}
.n_pic_text ul li .left{ float:left;width: 150px;}
.n_pic_text ul li .left img{ width:150px; height:150px;}
.n_pic_text ul li .left img:hover{ opacity:0.7}
.n_pic_text ul li .right{ float:right; width:650px; background:#f1f3f4; height:150px; overflow:hidden; }
.n_pic_text ul li .right h1 a{color:#494949;  font-size:15px; display:block; padding-bottom:8px;  }
.n_pic_text ul li .right h1 a:hover{ text-decoration:underline; color:#007cc2;}
.n_pic_text ul li .right  span{ color:#c2c2c3;  font-size:12px; padding:0;}
.n_pic_text ul li .right p{ color:#acabab;  font-size:12px; line-height:24px; height: 50px; overflow:hidden; }
.n_pic_text ul li .right .more{ color:#007cc2; position:absolute; top: 0; right:0; line-height:20px; display:block; font-size:12px;}
.n_pic_text ul li .right .more:hover{ text-decoration:underline;}

/*==============联系我们=====================*/
.n_contact{ position:relative; width:100%; overflow:hidden;}
.n_contact .map{ border:1px solid #dcdcdc;}
.n_contact .un{ position:absolute; top:100px; left:100px; width:260px;  padding:30px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}
.n_contact .un h1{ font-size:18px; display:block; margin-bottom:10px; color:#fff; }
.n_contact .un pre{ font-size:14px; color:#fff; line-height:24px;}


/*==============分页=====================*/
.page { margin:30px auto 0px auto; 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:#6c6c6d; font-size:12px; }
.page .on{ background:#0075ec; color:#fff !important;border:1px solid #0075ec;}
.page span{ background:#0075ec; color:#fff !important;border:1px solid #0075ec;}
.page a:hover{ background:#0075ec; color:#fff !important; text-decoration:none; border:1px solid #0075ec; }
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}


.piaofu{ position:fixed; right:0px; top:15%; position:fixed; z-index:99999999; background:#fff;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.piaofu_box{ position:relative; width:140px;}
.piaofu  #pf_bnt{ position:absolute;  left:-27px; top:30px;}
.piaofu #pf_content{ position:absolute;  right:0;  padding:10px; width:120px; border-radius:5px 0 0 5px; background:#f39800;  } 
.piaofu #pf_content .up{ background:#fff; border-radius:5px; padding:10px;}
.piaofu #pf_content .up h1{ font-size:14px; color:#f39800; font-weight:normal;line-height:40px;  }
.piaofu #pf_content .up li a{ display:block;  border-bottom:1px solid #dcdcdc; width:100px; height:40px; line-height:40px;}
.piaofu #pf_content .up .last_child a{ border:none;}
.piaofu #pf_content .up li i{ display:block; float:left;   width:30px; height:40px; background:url(../images/icon_qq.png) center no-repeat;}
.piaofu #pf_content .up li span{  display:inline-block; float:left; font-size:14px; color:#565656; }
.piaofu #pf_content .up li a:hover{ color:#ff3f47;}
.piaofu #pf_content .un{ background:#fff; border-radius:5px; padding:10px; margin-top:5px;}
.piaofu #pf_content .un img{ height:100px; width:100px; display:block; margin:0 auto;}
.piaofu #pf_content .up li:last-child a{ border:none !important;}
.pf_zk{ right:0px !important; }
.piaofu:hover{ right:0px !important;}
.pf_zk{ right:0px !important; }
.pf_zk .piaofu_box{ width:0px;}
.pf_zk #pf_content{ right:-140px;  }
.pf_zk #pf_bnt{ right:0;}


/*==============新闻详情=====================*/
.n_article { margin-bottom:20px;}
.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:#4a4949;}
.n_article .ar_title h2{ font-size:12px; display:block; text-align:center; color:#aaaaab; line-height:30px;}
.n_article .article{ padding-top:20px;}
.n_article .bnt_page{ height:40px; margin-bottom:10px; 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:#007cc2;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}

.jiathis_style{ margin-top:10px;}