@charset "utf-8";

/*===============================================技术支持：凡高网络 银灵子================================================*/

#j_body{ position:relative;}

/*===============================================header================================================*/

/*===============================================header================================================*/

 i,em{font-style:normal;}

#link_top{ position:absolute; top:26px; right:0; text-align: right;}

#link_top a{ color:#949595; font-size:12px; display: inline-block; height:20px; line-height:20px;  padding-left:10px; padding-right:10px;background: url(../images/topline.png) left center no-repeat; }

/* #link_top a:before{content: "|"; padding-right:10px;}

#link_top a:first-child:before{content: "";} */

#link_top a:first-child{background: none;}

#link_top a:hover{ color: #3177cd;}

.tel-box{ padding-top: 10px;  padding-left: 20px; text-align: right; color: #454443; font-size: 15px;    }

.tel-box i{background: url(../images/tel.png) no-repeat 0 2px; width: 15px; height: 16px; display: inline-block; padding-right:10px;}

.tel-box em{color: #3c81d1; font-size: 20px;}

 

#header { position:relative; height: 100px; background:url(../images/navbg.png) no-repeat center;    }

#header .main_box{ position:relative; z-index:555; }

#logo_area{ display:table; height:100px; width: 330px; float: left; }

#logo_area a { display:table-cell; vertical-align:middle;}

#logo_area a img{ padding-top:3px; display:block;}

/*=================导航=================*/



.nav{    height: 100px;  float: right;}

.nav .main_box{position: relative; margin: 0 auto;}

.nav ul{ border-right:1px solid #609ada; }

.nav li{display: block;float: left; width: 140px; position: relative; padding-top: 30px; border-left:1px solid #609ada; height: 70px;  }

.nav li .sub li{border-left:0;  line-height: 30px; height: 30px; text-align:center; font-size: 14px; padding-top: 0; background:#4387d4; border-bottom:1px solid #609ada;  }

.nav li .sub{border-right: 0; margin-top: 28px;}

.nav li .sub li a{ color: #fff; display: block;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; margin: 0 10px; font-size: 12px;}

.nav li .sub li:hover{background: #316fb4;}

.nav li a{  position: relative; z-index: 3;  }

.nav .a{ text-align:center; font-size:16px; font-weight:bold; color: #fff;display: block;} 

.nav li:hover{ background: none; }

.nav li p{ font-size: 12px; font-weight: normal; padding-top: 5px; }

.nav li.on .a{ color:#fff;  font-weight:bold; }

.nav li.on .navbg{ position:absolute; z-index: 2; background:#b41515;left: -1px; width:152px;height: 55px; top:0;display: block;   }

.nav .title{position: relative;}

.nav .list {position:absolute; display:none;top:40px;left:0;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B26691CA', endColorstr='#B26691CA');background:rgba(102,145,202,0.7);}

.nav .list a{display: block; line-height: 40px;text-align: center;font-size: 12px;color: #fff;}

.nav .list a:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC6691CA', endColorstr='#CC6691CA');background:rgba(102,145,202,0.8);}

 

/*================= banner===================*/

#banner{ position:relative; height:595px;}

#banner .bd { position:relative;}

#banner .bd a{ display:block; width:100%; height: 595px;}

#banner .hd{  margin:0 auto; position:absolute; width:100%; bottom:20px;}

#banner .hd ul{   display:inherit;   position:relative; text-align:center;  }

#banner .hd ul li{ display:inline-block; }

#banner .hd ul li a{  border-radius:50%;  height:12px; width:12px; margin:0 3px; display:block; background:#fff;  }

#banner .hd ul li a:hover{ background:#3177cd;  }

#banner .hd ul .on a{  background:#3177cd;  }

#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-22px;}

#banner  .bnt:hover{ }

#banner .prev{ position:absolute; left:-54px; }

#banner .next{ position:absolute; right:-54px; }

#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}

#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}



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



 

.s_main_box{ position:relative; z-index:2; }

 

.s_more{position:relative;height:50px;background:#3177cd; margin:0 auto; border-radius:3px;  margin-top:50px; width:175px;  line-height:50px; text-align:center; color:#fff; display:block; font-size:14px;}

.s_more:hover{color:#fff; background:#bd0b0b;  }





/*================= 首页结构 ===================*/

.s_title{ position:relative; text-align:center; display:inherit;   margin:0 auto 40px auto;}

.s_title h1{ display:block; text-align:center;  font-size:25px; color:#3177cd; text-transform:uppercase;}

.s_title h2{display:block; text-align:center; color:#222222; font-size:18px;  }

.s_title span{color:#444444; font-size:12px; color:#adadb9; letter-spacing:8px; font-family:"Microsoft Yahei"; text-transform:uppercase;}

.s_title strong{ margin-top:25px; margin-bottom:5px;  position:relative; z-index:2; color:#4d4e4e; display:block; font-size:14px; padding:0 10px;}

.s_title p{ display:block; font-size:10px; text-transform:uppercase; color:#a1a1a2;  }



 



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

.s_main_box .f1 { }

.s_main_box .f1 .hd{ background:#fff; height:120px; }

.s_main_box .f1 .hd ul{  height:120px; width:1200px; border-left: 1px solid #ebeaeb;border-right: 1px solid #ebeaeb;}

.s_main_box .f1 .hd li{ width:400px; float:left; display:block;  position:relative; cursor:pointer;  }

.s_main_box .f1 .hd li a{  height:88px; position:relative; display:inherit; padding-top:32px;text-align: center; border-left:1px solid #ebeaeb;}

.s_main_box .f1 .hd li a img{ display:inline-block; }

.s_main_box .f1 .hd li a .text_box{ display:inline-block; vertical-align:top; padding-top: 10px;  text-align:left; padding-left:10px; width: 260px;}

.s_main_box .f1 .hd li a strong{ display:block; color: #48494b; margin-bottom:5px; font-size:15px;}

.s_main_box .f1 .hd li a span{display:block; color: #727374; font-size:12px; font-family: "Arial"; }

.s_main_box .f1 .hd li:hover a{border-left:1px solid #ebeaeb }

.s_main_box .f1 .hd li:hover{ background:#f5f5f5; }

.s_main_box .f1 .hd li.first a{ border-left:none;  }

 



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

.s_main_box .f2{ padding:75px 0;  position:relative; background:#e8ebf0;  }

.s_main_box .f2 .main_box{ }

#s_about{ padding-top: 60px; }

#s_about .content{position:relative; height:455px; overflow:hidden;}

#s_about li{ position:absolute; display:block; overflow:hidden;}

#s_about li .box{ position:relative;}

#s_about li .pic_box{ position:absolute; top:0; left:0;}

#s_about li .text_box{position:absolute; right:0; top:30px; width:100%; z-index:5; }

#s_about li .text_box h1{position:absolute; right:0; bottom:0;  height:36px; width:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7C000000', endColorstr='#7C000000');background:rgba(0,0,0,0.49);}

#s_about li .text_box h1 a{ display:block; line-height:36px; text-align:center; font-size:14px; color:#fff; }

#s_about li strong{ margin-left:35px; font-size:27px; font-weight:bold; display:block; text-transform:uppercase; font-weight:bold; color:#fff; margin-bottom:10px;}

#s_about li span{ color:#fff; font-size:18px; display:block; margin-left:35px;}

#s_about li .more{ margin-bottom:40px; margin-top:43px; margin-left:35px; display:block; width:134px; height:38px; line-height:38px; font-size:14px; color: #fff; border-radius:3px; border:1px solid #fff; text-align:center;}

#s_about li .more:hover{ border:1px solid #eee; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7C000000', endColorstr='#7C000000');background:rgba(0,0,0,0.49);}



#s_about .li1 strong{ margin-left:320px; color:#055697; padding-top: 115px;}

#s_about .li1 span{ margin-left:320px; color:#202123;}

#s_about .li1 .more{ margin-left:320px; border:1px solid #749aba; color:#004377; margin-bottom:165px; margin-top: 20px; }

#s_about .li1 .more:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7C004377', endColorstr='#7C004377');background:rgba(116,154,186,0.8); border:1px solid #749aba; color: #fff;}



#s_about .li1{ left:0; top:0; width:495px; height:455px;}

#s_about .li1 img,#s_about .li1 .box{ width:495px; height:455px;}

#s_about .li2{ left:495px; top:0; width:285px; height:230px;}

#s_about .li2 img,#s_about .li2 .box{  width:285px; height:230px;}

#s_about .li3{ right:0; top:0; width:420px; height:230px;}

#s_about .li3 img,#s_about .li3 .box{width:420px; height:230px;}

#s_about .li4{ left:495px; bottom:0; width:205px; background:#f28f00; height:225px;}

#s_about .li4 .box{ width:205px; height:225px; }

#s_about .li5{ left:700px; bottom:0; width:283px; height:225px;}

#s_about .li5 img,#s_about .li5 .box{ width:283px; height:225px;}

#s_about .li6{right:0; bottom:0; width:217px; height:225px; background:#3c81d1;}

#s_about .li6 .box{ width:217px; height:225px; }

 

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

#s_case{ padding-top:75px;}

#s_case .img_size ul{ margin:25px -35px;}
#s_case .content{ position: relative; }

#s_case li{ display:block; float:left; position:relative; width: 20%; text-align:center;   }

#s_case li img{width: 100%; display: block;  position: relative;}

#s_case li .yj_text{ position: absolute; z-index: 2; color: #fff; top:50%; height: 70px; margin-top: -35px; text-align:center; width: 100%;}

#s_case li .yj_text h1{ font-size:24px; }

#s_case li .text_box{ position:relative;   margin-left:200px;  }

#s_case li a{ display: block;}

#s_case li p{font-size:12px; line-height:24px;  } 

#s_case li .yj_bg{ transition: all 0.8s ease-in-out;}

#s_case li:hover .yj_bg{ position: absolute;width: 100%;height: 100%; background: rgba(36,98,192,0.7); top:0;  }



#s_case  .al_logo ul{ margin:25px -25px;   }

#s_case .al_logo ul li{ float: left; width: 125px; height:125px; margin:0 25px; box-shadow:none; padding: 0;  }

#s_case .al_logo ul li a{ display: block; }

#s_case .al_logo ul li a img{ width: 125px; height: 125px; border-radius: 65px; }

.s_line{border-top: 1px solid #dfe0e3; height: 1px;}

#s_case  .bnt{ position:absolute; top:50%; z-index:3; padding: 10px; width: 38px; height: 38px; background: rgba(0,0,0,.8);  margin-top:-19px; z-index: 999; opacity:.7; filter:alpha(opacity=70);}
#s_case  .bnt img{ display: block; }
#s_case  .bnt:hover{ }
#s_case .prev{ position:absolute; left:-80px; }
#s_case .next{ position:absolute; right:-80px; }
#s_case:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}
#s_case:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}


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

#s_team{background:url(../images/bg_team.png) left bottom repeat-x; }

#s_team .s_teamtitle{ padding: 60px 0 15px 0; }

#s_team .content{ }

#s_team .main_box{   margin:0 auto; position:relative; }

#s_team .n_bd{  position:relative; width: 1094px; margin:0 auto; overflow: hidden;   }

#s_team ul{  }

#s_team li{ width:245px; height:325px; position:relative; display:block; overflow:hidden; float:left; margin-right:38px;}

#s_team li a{ display:block;}

#s_team li .pic_box{ position:relative; background:#000; }

#s_team li img{width:245px; height:245px; display:block;}

#s_team li .img{  }

#s_team li h1{ position:absolute; z-index:3; left:0; bottom:0; overflow:hidden; width: 185px; height:80px;  padding:0px 30px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#fff; font-size:14px;  display:block; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);}

#s_team li h1 strong{ padding-top:20px; display:block; padding-bottom:3px; font-size:14px; color:#fff;}

#s_team li h1 span{display:block; padding-bottom:10px; font-size:12px; color:#fff;}

#s_team li:hover h1{ background:rgba(0,0,0,0.85)}

#s_team  .pro_btn{ }

#s_team  .pro_btn a{ position:absolute; bottom:70px;}

#s_team  .pro_btn .prev{ left:0px; }

#s_team  .pro_btn .next{ right:0px;}



#s_news{ background: #e8ebf0; padding:75px 0;}

#s_news .s_title span{  color:#d2eadc;  }

#s_news .s_title strong{  /*background:url(../images/bg_s_title_w.png) center 12px no-repeat;*/   color:#fff; }

#s_news .s_title p{  color:#d2eadc;  }



#s_news .hd{ display:inherit; text-align:center;}

#s_news .hd a{ display:inline-block; width:174px; height:51px; margin:0 -2px;}

#s_news .hd a strong{ height:45px; line-height:45px; text-align:center; color:#fff; font-size:14px;}

#s_news .hd a.li1{ background:url(../images/bg_news_tab_l.png) center top no-repeat;}

#s_news .hd a.li1.on{ background:url(../images/bg_news_tab_l_on.png) center top no-repeat;}

#s_news .hd a.li2{ background:url(../images/bg_news_tab_h.png) center top no-repeat;}

#s_news .hd a.li2.on{ background:url(../images/bg_news_tab_h_on.png) center top no-repeat;}



#s_news .content{ margin-top:40px;}

#s_news .content ul{ margin: -20px -22px;}

#s_news .content ul li{margin: 20px 22px;  display:block; float:left; width:370px; }

#s_news .content a{ display:block;}

#s_news .content a img{ display:block; position:-1px; width:370px; height:190px;}

#s_news .content a h1{ padding:17px 0px 12px 0px;  padding-bottom:0px;  display:block; position:relative;}

#s_news .content a h1 { font-size:14px;  margin-bottom:10px; color:#222225; display:block;  }

#s_news .content a:hover h1  {  color:#3177cd; }

#s_news .content p{ margin:15px 0px;   font-size:12px; color: #a6a6a7; line-height:18px;}

#s_news .fot_box{ position:relative; height:12px; line-height:14px; }

#s_news .fot_box span{color:#5b5c5e; font-size:12px; }

#s_news .fot_box a{ display:block;  color:#4a4b57; font-size:12px; position:absolute; right:0px; top:0; }





#s_news .more_box .more{ margin:40px auto 0 auto;    display:block; width:170px; height:46px; line-height:46px; font-size:14px; color: #6d6f71; border-radius:3px; border:1px solid #c4c6ca; text-align:center;}

#s_news .more_box .more:hover{ background: #3177cd; color:#fff;  border:1px solid #3177cd;}



 

 

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

  

 /*=========footer_up===========*/

#footer .up_box{ background:#3c81d1; padding:40px 0;}

#footer .up_box .main_box{ position:relative;}

#footer .up_box .fl{}

#footer .up_box .fl dd{ float:left; min-width:60px; padding-right:60px;}

#footer .up_box .fl dd h1{ font-size:14px; color:#fff; line-height:22px; margin-bottom:10px;}

#footer .up_box .fl dd a{ display:block; font-size:12px; color:#b3c9ea; line-height:24px;}

#footer .up_box .fl dd a:hover{ color:#fff;}

#footer .up_box .md{ float:left;  padding: 0px 56px 0 60px;   border-left:1px solid #5994d8; }

#footer .up_box .md h1{ font-size:14px; color:#fff; line-height:22px;}

#footer .up_box .md .up{ border-bottom:1px solid #5994d8; padding-bottom:15px; margin-bottom:15px; }

#footer .up_box .md .p{color:#b2c8e9; font-size:12px; line-height:24px; display: block;}

#footer .up_box .md .p a{color:#b2c8e9; font-size:12px;}

#footer .up_box .md .p a:hover{color:#fff; }

#footer .up_box .ewm_box{ position:absolute; right:0; top:0;}

#footer .up_box .ewm_box .ewm{ display:inline-block; margin-left:25px;} 

#footer .up_box .ewm_box img{ display:block; width:93px; height:93px; margin:0 auto;}

#footer .up_box .ewm_box span{ display:block; text-align:center; font-size:12px; color:#b2c8e9; padding-top:10px;}



/*=========footer_un===========*/

#footer .un_box{ line-height:55px; height:55px; background:#fff;}

#footer .un_box p{ text-align:center; color:#969696; font-size:12px; }

#footer .un_box p a{ color:#969696;  }

#footer .un_box p a:hover{ color:#3177cd;}



  

/*=======================内页==============================*/

.n_main_box{  margin-bottom:50px; position:relative;}

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

.n_banenr h1{font-size: 30px; color: #f36825; display:block; font-weight:bold; padding-top:50px; text-transform: uppercase;} 

.n_banenr h2{font-size: 24px; margin-bottom:10px; margin-top:0px; color: #fff;  display:block;}

.n_banenr strong{font-size: 14px; color: #797a7c;  display:block;}

/*==============当前位置=====================*/

/*.position{ position:absolute; line-height: 45px;  right:0px; top:0px; color:#8a8c8e; background:url(../images/icon_home.png) left center no-repeat; padding-left:22px;}*/

.position span, .position a, .position i{ font-size:12px; color:#8a8c8e;}

.position em{ font-size:12px; color:#3c81d1; font-style:normal;}

.position a:hover{ color:#3c81d1;}



/*==============n_content_left=====================*/

.n_left{ width:230px; float:left; position:relative; margin-top:-95px;   overflow:hidden;}

.n_left .title{ height:95px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#EA034170', endColorstr='#EA034170');background:rgba(60,129,209,0.92);}

.n_left .title h1{ padding-left:25px; display:inline-block; padding-top:23px; text-align:left;}

.n_left .title strong{ display:block; color:#fff; display:block;  text-transform:uppercase; font-size:24px;  }

.n_left .title span{ display:block; color:#fff; display:block;  font-size:16px; } 

.n_left { height:auto;  }

.n_left .content{ margin-bottom:22px; height:auto;}

.n_left .content a{ display:block;  border:1px solid #fff; border-top:none;  height:39px;  background:#f5f2f2; }

.n_left .content a strong{ width:175px; margin:0 auto; display:block; position:relative; font-size:14px; color:#555555; line-height:38px; height:38px; overflow:hidden;}

.n_left .content a:hover {  }

.n_left .content a:hover strong{  font-weight:bold; color:#3c81d1;}

.n_left a.on {  }

.n_left a.on strong{ font-weight:bold; color:#3c81d1;}

.n_left .link_box a{ display:block; margin-bottom:10px;}



.n_left .md{  margin-top:30px;}

.n_left .md h1{ font-size:16px; margin-bottom:15px; color:#303031; display:block; height:58px; padding-left:30px; background:#fff; border:1px solid #e0e1e4; }

.n_left .md a{ display:block; background:url(../images/icon_left1.png) 25px center no-repeat #f28f00; padding-left:90px; height:60px; margin-bottom:10px; }

.n_left .md a.li2{ background:url(../images/icon_left2.png) 25px center no-repeat #3c81d1;}

.n_left .md a.li3{ background:url(../images/yeji.png) 25px center no-repeat #3c81d1;}

.n_left .md a strong{ padding:14px 0 0px 0px; font-size:15px; color:#303031; display:block;}

.n_left .md a span{ color:#424a59; text-transform:uppercase; padding:0px 0 5px 0px; display: block; font-family: "Arial"; font-size:10px;}

.n_left .md a:hover h1{ background:#f5f2f2;}

.n_left .md a.li2:hover{ }

 

/*==============n_content_right=====================*/

.n_right{ width:930px;float:right;  }

.n_title{ position:relative; background:url(../images/bg_n_title.png) left center no-repeat; padding-left:15px;  border-bottom:1px solid #d9dbde; height:45px; line-height:45px; }

.n_title h1{ font-size:16px;  display:inline-block; color:#3c81d1;   }



/*===企业荣誉资质===*/

#n_zizhi{ margin-top:0px;   }

#n_zizhi ul { margin:-11px -11.5px -30px -9px;overflow: hidden; }

#n_zizhi li{ display:block; float:left;width:200px; background:#f5f2f2; padding:7px; margin:11.5px; margin-bottom:30px;    }

#n_zizhi li.last{ margin-bottom:0; border-bottom:none; padding-bottom:0;}

#n_zizhi li a{ display:block;  }

#n_zizhi li span{ display:block; text-align:center; font-size:13px; color:#555555; line-height:40px;}

#n_zizhi li img{ width:200px; height:130px; display:block;}

#n_zizhi li:hover a span{ color:#004377; }

#n_zizhi li:hover img{ box-shadow:none;}



/*==============n_content=====================*/

.n_content{ min-height:360px;/* padding-top:40px;*/}

 

#n_team  ul{ margin-bottom:-10px;}

#n_team  li{ display:block; position:relative;  padding-top: 22px; height: 275px; margin-bottom:10px; }

#n_team  li .pic_box{ position:absolute; left:0; top:0px; z-index:2; }

#n_team  li img{ width:210px; height:295px; }

#n_team  li .text_box { margin-left: 195px; margin-top:30px; height: 100px; padding: 48px 28px 45px 45px;  background:#f5f2f2; position:relative; z-index:1;  }

#n_team  li .text_box h1{ display:block;  padding-bottom:10px;}

#n_team  li .text_box h1 a{font-size:15px;   color:#3177cd; display:block;}

#n_team  li .text_box h1 a strong{ display:block; padding-top:8px; color:#777777; font-size:12px;}

#n_team  li .text_box span{ position:absolute; right:0; top:0; font-size:12px; display:block; margin-bottom:5px;  color:#b8b8b8; }

#n_team  li .text_box h1 a:hover{ color:#cb0606;  }

#n_team  li .text_box .more{ position:absolute; right:34px; bottom:48px; height:25px; line-height:25px;  width:15px; color:#666666; display:block;  /*background:url(../images/bnt_more_case.png) right center no-repeat;*/}

#n_team  li .text_box .more:hover{ color:#3177cd;/* background:url(../images/bnt_more_case_on.png) right center no-repeat;*/}

#n_team  li .text_box p{ line-height:22px; color:#777777; height:44px; font-size:12px;}





/*===================首页日记================*/

#photo_list{  }

#photo_list ul{ margin:-13px;}

#photo_list li{ width:290px; height:230px; position:relative; display:block; overflow:hidden; float:left; margin:13px;}

#photo_list li a{ display:block;}

#photo_list li .pic_box{ position:relative; background:#000; }

#photo_list li img{width:290px; height:230px; display:block;}

#photo_list li .img{  }

#photo_list li .icon_play{ position:absolute; left:0; top:0; width:380px; height:260px; /*background:url(../images/bnt_play.png) center no-repeat;*/} 

#photo_list li h1{ position:absolute; z-index:3; left:0; bottom:0; overflow:hidden; width:250px; height:0px; line-height:40px; padding:0 20px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  color:#fff; font-size:14px; text-align:center; display:block; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#AA000000', endColorstr='#AA000000');background:rgba(0,0,0,0.67);}

#photo_list li:hover h1{ height:40px;}



/*==========================================产品列表=============================================*/

#n_case ul{ margin-right: -40px; }

#n_case  li{ display:block; position:relative; margin-bottom:20px; background:#fff; width:200px;  float: left; margin-right: 40px;}

#n_case  li img{ width:200px; height:150px; border:4px solid #e8ebf0; display: block; transition: all 0.8s ease-in-out;}

#n_case  li h1{text-align: center; color: #333;  padding-top: 20px; width:200px; }

#n_case  li img:hover{border:4px solid #478bd5;}

#n_case  li .fr{ width:730px;  position:relative;   height:125px; }

#n_case  li .fr h1{ display:block; padding-top:15px;}

#n_case  li .fr h1 a{  font-size:16px;  color:#444445;   display:block;   }

#n_case  li .fr span{  font-size:12px; display:block;   color:#adadad; margin-top:10px;}

#n_case  li .fr h1 a:hover{ color:#10578e;  }

#n_case  li .fr .more{ display:block; padding-top:20px;  font-size:12px; color:#777777;  }

#n_case  li .fr .more:hover{    color:#10578e; text-decoration:underline; }

#n_case  li .fr p{ line-height:24px; width: 680px; color:#a1a1a2; height:48px; overflow:hidden; padding-top:20px; font-size:12px;}

/*==================申请专利=================*/

#n_zl ul{margin:0 -35px;}

#n_zl li{ float: left; width: 130px; margin: 10px 35px }

#n_zl li img{ width: 130px; height: 130px; border:1px solid #dcdcdc;display: block; transition: all 0.6s ease-in-out;  }

#n_zl li:hover img{border:1px solid #3177cd; border-radius:30px 0 30px 0;}

#n_zl li h1{text-align: center; padding: 10px 0; color: #303031;}

.n_article .ar_title.n-team h1{border-bottom: 1px solid #f5f5f5; padding-bottom: 20px;}



#n_hzhb ul{margin-right: -30px;}

#n_hzhb li{ width: 160px; margin: 0 30px 20px 0; float: left; }

#n_hzhb li img{ width: 160px; height: 100px; border:1px solid #e4e4e4; }



/*==================产品中心=================*/

.n_form{  }



.n_form h1{ color:#555555; margin-bottom:25px; font-size:12px ;}



.n_form .content{ background:url(../images/pic_msg.png) right 0px no-repeat; height:275px;}



.n_form form{ margin-right:-10px;}



.n_form  .text{ width:200px; padding: 0 15px;height: 38px;line-height: 38px;background: none;border: 1px solid #c5c5c5;font-size: 12px;color: #777777;margin: 0 10px 10px 0;float: left;}



.n_form  textarea{ display:block; height: 92px; resize:none; margin-bottom:15px;  background:none;  border:1px solid #c1c1c1; width:442px; padding:10px 15px;font-size:12px; color:#777777; line-height:20px;}



.n_form  .text:focus{ border:1px solid #89bbe1;}



.n_form  textarea:focus{ border:1px solid #89bbe1;}



.n_form .submit{ background:#f4a026; position: absolute;right: 0;top: 0; font-size:14px !important; border:0;   height:40px !important; color:#fff; line-height:38px !important; width:165px;}



.n_form .submit:hover{  color: #fff; border-radius:3px;}







.n_form  .file_box { position:relative; padding-left:60px; line-height:28px; font-size:14px;}



.n_form  .file_box .box{ position:relative; }



.n_form  .file_box strong{ position:absolute; left:0; top:3px; color:#727272;}



.n_form  .file_box .bnt_file{ text-align:center; height:28px; line-height:28px; color:#fff; font-size:12px; width:85px;  cursor:pointer;  margin-left:5px; background:#a9a9a9; border-radius:2px; position:absolute; left: 0 ;top: 3px;}



.n_form  .file_box #jianli{ width:80px !important; height:28px !important; cursor:pointer; opacity:0; filter:alpha(opacity=0) position:absolute; left:95px; top:3px;}



.n_form  .file_box #jianli:hover .bnt_file{ background:#10578e; color: #fff; }



.yzm_box {width: 474px; position:relative; padding:0 !important; margin-left:0; border:none; margin-top: 21px; margin-bottom: 20px;}



.yzm_box input{  font-size:14px; height:30px; color:#666; width:255px; line-height:30px; border:1px solid #d0d0d0;  padding-left:10px;}



.yzm{ position:absolute; left: 142px; height:30px; top:0;}



.yzm a{ position:absolute; color:#adada6; right:-90px; height:30px; line-height:30px; width:80px; top:0;}



.yzm_box .submit{position: absolute;right: 0;top: 0;}



 

/*==============新闻=====================*/

#n_news .up_box ul{ margin-bottom:-20px}

#n_news .up_box li{ display:block; position:relative; margin-bottom: 40px;/* height: 190px;*/ background:#f5f2f2; padding:15px;}

#n_news .up_box li .fl{ width:190px;}

#n_news .up_box li .fl img{ width:190px; height:190px; }

#n_news .up_box li .fr{ width: 685px; position:relative;   height:190px; }

#n_news .up_box li .fr h1{ display:block; padding-top:17px;}

#n_news .up_box li .fr h1 a{  font-size:16px;  color:#252728;   display:block;   }

#n_news .up_box li .fr span{  font-size:12px; display:block;   color:#888888; margin-top:15px;}

#n_news .up_box li .fr h1 a:hover{ color:#3177cd;  }

#n_news .up_box li .fr .more{ display:block; padding-top:20px;  font-size:12px; color:#3177cd;  }

#n_news .up_box li .fr .more:hover{    color:#3177cd; text-decoration:underline; }

#n_news .up_box li .fr p{ line-height:24px; padding-right:10px; color:#777777; /*height: 48px;*/ overflow:hidden; padding-top:12px; font-size:12px;}





/*==============新闻中心=====================*/

#n_news .un_box{ margin:-30px 0 0;}

#n_news .un_box ul{overflow:hidden}

#n_news .un_box li{display:block;padding:30px 0; border-bottom:1px solid #eaebec}

#n_news .un_box li .box{padding:0 0 0 120px;position:relative;height:100px}

#n_news .un_box li a{display:block;font-size:16px;padding-top:8px;color:#4c4c4f;margin-bottom:13px}

#n_news .un_box li p{line-height:24px;font-size:12px;color:#99999b;height:48px; overflow:hidden;}

#n_news .un_box li a:hover{color:#104a75;}

#n_news .un_box .date_box{position:absolute;left:0;top:0; text-align:center; padding:22px 0px; border:1px solid #c8cacc; text-align:center;width:86px}

#n_news .un_box .date_box strong{ display:block;font-size:30px;color:#6e6f71}

#n_news .un_box .date_box span{font-size:14px;color:#6d6e72;margin-top:4px;display:block;text-transform:uppercase}

#n_news .un_box li:hover .date_box{background:#3c81d1; border:1px solid #3c81d1;}

#n_news .un_box li:hover .date_box strong{color:#fff; }

#n_news .un_box li:hover .date_box span{color:#fff;}

#n_news .un_box li.last{ border-bottom:none; padding-bottom:10px;}





/*==============新闻详情=====================*/

.n_article { }

.n_article .ar_title{ padding:10px 0 20px 0;  margin-bottom: 10px;}

.n_article .ar_title{ padding:0 0 30px 0; position:relative; border-bottom:1px solid #f5f5f5;}

.n_article .ar_title h1{ font-size:18px; margin-bottom:35px;  display:block; font-weight:bold; text-align:center; line-height:30px; color:#3e3e3f;}

.n_article .ar_title h1.ar_h1{margin-bottom:0;}

.n_article .ar_title h2{ font-size:12px; position:relative;  display:block;  padding:0 5px; color:#7c7b7e; }

.n_article .ar_article{ padding-top:20px;  min-height:400px;}

.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}

.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;}

.n_article .bnt_page{ position:relative;}

.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}

#ar_fot{ position:relative; padding:15px 0; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#777777; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; color:#777777; font-weight:normal;}

#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#004376; padding:0 25px; font-size:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

/* 资质证书 */

#n_zizhi ul{margin-right:-40px;} 

#n_zizhi li{ float: left; width: 200px; margin-right: 40px;}

#n_zizhi li img{ width: 200px; height: 140px; }

#n_zizhi li a{display: block; color: #333; font-size: 14px;}

#n_zizhi li h1 {text-align:center; padding: 20px 0;  }



/*==========招聘信息===========*/

#list_slide{  position:relative; margin-bottom:-20px; }

#list_slide dl{  overflow:hidden; margin-bottom:22px;  }

#list_slide dt{border:none; padding :25px 30px; background:#f3f4f7;   display:block; position:relative;  cursor:pointer; }

#list_slide dt h1{ color:#51575f; font-size:14px; line-height:30px; /* background:url(../images/icon_arrow_sfq_left.png) right center no-repeat;*/ margin-right:20px; display:block;}

#list_slide dt h1 strong{ display:block; font-size:15px; line-height:15px; margin-top:0px; color:#5c5c5c; height:15px;}

#list_slide dt h1 span{ display:block; font-size:12px;  color:#858585;line-height:15px ; margin-top:10px;  height:15px; text-transform:uppercase;}

#list_slide dt h1 a{ display:block; border-radius:2px; position:absolute; right: 35px; top: 28px; height:30px; line-height:30px; width:120px; text-align:center; color:#fff;background:#888888; }

#list_slide dd{ display:none; margin-top:10px;  line-height:24px; background:#f3f4f7; }

#list_slide dd p{ line-height:24px; margin-bottom:0; }

#list_slide dd .content{ padding:20px; padding-bottom:25px;}

#list_slide dt.on a{background:#3177cd;}

#list_slide dt:hover a{background:#3177cd;}

 

/*==============联系我们=====================*/

.n_contact{ position:relative; width:100%; overflow:hidden;}

.n_contact .map{ border:1px solid #d8d8d8;  }

.n_contact .up_box { margin-bottom:30px;}

.n_contact .up_box {}

.n_contact img{ border:1px solid #d8d8d8; }

.n_contact .up_box p{   line-height:32px;}

.n_contact a{ color:#f29100; text-decoration:underline; }

.n_contact .un_box{ margin-top:40px;}

 

/*==============分页——银灵子=====================*/

.page { margin:0px auto 0px auto;}

.page .box{display:inherit; width:100%;  text-align: right; padding-top: 50px;}

.page a{ padding:0 12px; height:30px; border-radius:3px; line-height:30px; display:inline-block; border:1px solid #dcdcdc; margin:0 2px;  color:#68686a; font-size:12px; }
.page span{ padding:0 12px; height:30px; border-radius:3px; line-height:30px; display:inline-block; border:1px solid #dcdcdc; margin:0 2px;  color:#68686a; font-size:12px; }
.page .on{ background:#f28f00; color:#fff !important;border:1px solid #f28f00;}

.page span{ background:#f28f00; border:1px solid #dcdcdc;  color:#fff !important;border:1px solid #f28f00;}

.page a:hover{ background:#f28f00; color:#fff !important; text-decoration:none; border:1px solid #f28f00; }

.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */

-o-transition: all 1s; /* Opera */}



/*==============分享插件——银灵子=====================*/

.shart_box{ position:absolute; right:0; top:61px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:60px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}

.w { width:1200px; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:2; }
.linkbg { border-top:#ddd 1px solid; padding-top:20px; background:#e8ebf0; }
.link-f { line-height:25px; }
.w a{ color:#000; font-size:14px;}





/*产品详情页*/
.widther img, .widther video {
    width: 100%!important;
    height: auto!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
}
??animate.css,i…52295730000:12
img {
    vertical-align: middle;
    border: 0;
}
.c_product_detail-01001 .p_imagesA {
    float: left;
    width: auto;
    height: auto;
    padding-bottom: 20px;
}

.c_product_detail-01001 .p_imagesA {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228,228,228,1);
}

.e_box {
    position: relative;
    border: 0;
    width: inherit;
    height: inherit;
    margin: 0;
    padding: 0;
}