body{  min-width: 1240px; margin:0 auto; position: relative;   }

td a{color:#4f4f50; }

.j_body{ position: relative;}



.main_box{ margin:0 auto; width:1200px; position:relative;}



.main_box_small{ margin:0 auto; width:1115px; position:relative;}



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

#header{ position:relative;  background:#fff; width:100%;    z-index:999;}

#header .main_box{ position:relative;}

#header .left{ display:table; padding-top:10px; }

#header .left a { display:table-cell; vertical-align:middle;}

#header .top_tel{position:absolute;right: 0px; padding-top:30px;}


  

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

.nav{  background-color:#19427d; height: 50px; line-height:50px; margin-top:10px;}

.nav ul{ }

.nav li { display:block; position:relative;  background:url(line_nav_li.png) left center no-repeat; width:120px; float:left;}

.nav li.first{background:none; }

.nav li .a{ display:block;text-align:center;  height: 50px; line-height:50px; }

.nav li .a i{ position:absolute; bottom:0; left:-1px; z-index:1; display:block; width:120x; height:0; }

.nav li .a strong{ display:block; position:relative; z-index:3; text-align:center;  height: 50px; line-height:50px; font-size:16px;color:#FFFFFF;  font-weight:bold;}

.nav li:hover .a strong{  color:#fff;  }

.nav li:hover .a:hover i{ height:50px; } 

.nav li:last-child{ background:none !important;}

.nav .on .a strong{ color:#fff;  }

.nav .on .a i{ height:50px; } 

.nav ul li .list{background:url(bg_nav.png) left top no-repeat; top: 0; left:-1px; z-index:2; display:none; width:135px; position:absolute;  font-size:15px; padding-top: 50px;}

.nav ul li .list .box{ padding:0px 10px 10px 10px;  background:#19427d;}

.nav ul li .list a{height:30px;  border-top:1px solid #134a9a; text-align:center; display:block; line-height:30px; color:#99b4dc; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.nav ul li .list a:hover{ color:#fff;}





/*================= banne===================*/

#banner{ position:relative; height:500px; overflow: hidden; }

#banner .bd { position:relative;}

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

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

#banner .hd ul{ margin:0 auto;   z-index:9; width:1100px; display:inherit;   position:relative;  }

#banner .hd ul li{ display:inline-block; padding-top:13px;}

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

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

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

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

#banner  .bnt:hover{ }

#banner .main_box{ position:relative; height:500px;}

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

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



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

.s_main_box{ margin:45px auto; }

.s_title{ position:relative; margin-bottom:30px;}

.s_title h1{ display:block;}

.s_title strong{  font-size:22px; padding-right:10px; color:#19427d; font-weight:bold; text-transform:uppercase;}

.s_title span{ font-size:16px; color:#303032;  font-weight:bold; }

.s_title .more{ position:absolute; right:0; font-size:14px; color:#7c7d7f; top:0; line-height:24px;}

.s_title .more:hover{ color:#19427d;}



/*================= 首页产品===================*/
#s_pro{ margin-top:20px;}

#s_pro .n_right{ height:540px; overflow:hidden;}

#s_pro .left{ }

#s_pro .left { width:230px; float:left; border:1px solid #e9e9ec;  overflow:hidden;}

#s_pro .left .title{ height:90px; padding-left:63px; background:url(icon_sub_nav.png) 20px center no-repeat #19427d;}

#s_pro .left .title strong{ display:block; color:#fff; font-size:14px; text-transform: uppercase;}

#s_pro .left .title span{ display:block; color:#fff; font-size:15px; font-weight: 700;  padding-top: 27px;} 

#s_pro .left .content{ padding: 20px 0px;}

#s_pro .left  a{ padding-left: 30px; display:block;  height:35px;   background:url(bg_sub_li.png) 20px center no-repeat; }

#s_pro .left  a strong{ width:175px; margin:0 auto; display:block; position:relative; font-size:15px; color:#4f4f50; line-height:36px; height:36px; overflow:hidden;}

#s_pro .left  a:hover { background:url(bg_sub_li_hover.png)  23px center  no-repeat;}

#s_pro .left  a:hover strong{  color: #19427d; }

 



 

#s_pro_list{ margin-top: -15px; width:930px; }

#s_pro_list ul{ margin:0px -10px; overflow: hidden;}

#s_pro_list li{ float:left; position:relative;  width:286px; height: 238px; background: #e4e6e9;   overflow:hidden; display:block; margin:15px 10px; }

#s_pro_list li a{ display:block;    overflow:hidden;}

#s_pro_list li .pic_box{width:284px; height:198px; overflow: hidden; border:1px solid #d3d3d3; }

#s_pro_list li img{  display:block; width:284px; height:198px; }

#s_pro_list li h1{  display:block; line-height:40px; text-align:center;  font-size:15px; color:#636363;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }

#s_pro_list li:hover h1{  color:#fff; background : #19427d; }

#s_pro_list li:hover .pic_box{ border-bottom: 1px solid #19427d;  }





/*================= 首页关于 ===================*/

#s_about{  }
#s_about .s_title2{ padding-top: 13px; position: relative; border: none; height: 30px;  } 

#s_about .s_title2 strong{ font-size:22px; color: #19427d; font-weight: bold;}

#s_about .s_title2 span{ font-size:18px; color: #505151; text-transform: uppercase;}


#s_about .main_box{ position:relative;}

#s_about .left{ width: 685px;}

#s_about .right{ width: 455px; }

#s_about .content{ background:#f7f7f8; padding:20px 0 20px 0;border-top: 1px solid #eaeaed;  }

#s_about .content .main_box{ height:auto;}

#s_about .left .pic{ position: absolute; top:50px; left: 9px; background: #fff;}

#s_about .left .text_box{ padding-left: 365px;}

#s_about .left  p{ line-height:25px; padding-top:10px; font-size:15px; color:#4f4f51; height:130px; overflow:hidden; }

#s_about .left .more{ font-size:15px; color:#fff; background:#19427d; border-radius:3px; height:40px; line-height:40px; text-align:center; display:block; margin-top:10px; width:150px;}

#s_about .left .more:hover{ background:#1e5db8;}



/*================= 首页资质 ===================*/ 

#s_honor{} 

#s_honor .s_title2{ padding-top: 13px; position: relative; border: none; height: 30px; margin-bottom: 35px; } 

#s_honor .s_title2 strong{ font-size:22px; color: #19427d; font-weight: bold;}

#s_honor .s_title2 span{ font-size:18px; color: #505151; text-transform: uppercase;}

#s_honor .hd{ position: absolute; right: 0; top: 20px;}

#s_honor .hd a{ font-size:14px; color:#4c4c4c; background:#e4e6e9;  font-family: "SimSun";  text-transform: uppercase; height:16px; line-height:16px; text-align:center; display: inline-block; margin-left: 6px; width:40px;}

#s_honor .hd a span{ padding-left: 5px; color: #636161;   display: inline-block;}

#s_honor .hd a:hover{ background: #19427d; color: #fff;}

#s_honor .s_title{ height: 32px; margin-bottom: 40px;}

#s_honor ul { margin-right:-35px;}

#s_honor ul li{ display:block; float: left; width: 210px; margin-right: 34px;}
#s_honor ul li .pic_box{width: 210px; background: #fff; padding: 5px;  height: 130px; overflow: hidden;}
#s_honor ul img{ max-width: 210px;height: 130px;margin: 0 auto;display: block;}



 

/*================= 首页新闻 ===================*/

  

#s_news{ padding-top:20px; background:#ffffff; border-top: 1px solid #eaeaed;  }

#s_news .hd{ position: absolute; right: 0; top: 0;}

#s_news .hd a{  font-size:15px; color:#4c4c4c; background:#e4e6e9; border-radius:3px; height:32px; line-height:32px; text-align:center; display: inline-block; margin-left: 20px; width:120px;}

#s_news .hd a span{ padding-left: 5px; color: #636161;  font-family: "SimSun"; text-transform: uppercase; font-size: 14px; display: inline-block;}
#s_news .hd a:hover{background: #19427d; color: #fff;}
#s_news .hd a:hover{color: #fff;}
#s_news .hd a.on{ background: #19427d; color: #fff;}
#s_news .hd a.on span{ color: #fff;}

#s_news .s_title{ height: 32px;}



#s_news .left{ width:1200px;}



#s_news .left .content{ overflow: hidden; }

#s_news .left ul{ }

#s_news .left li{ display:block; position:relative; float:left; width: 220px; margin-right:20px; }

#s_news .left li a{ display:block;}

#s_news .left li a .pic_box{ width:220px; height:165px; overflow:hidden;}

#s_news .left li img{ width:220px; height:165px; display:block; }

#s_news .left li h1{  display:block; font-size:15px; color:#4c4d4e; padding-top: 10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  text-align:center;}

#s_news .left li span{ color: #9a9b9d; padding-top: 5px; display: block; font-size: 12px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#s_news .left li p{line-height: 18px; height: 36px; font-size: 12px; color: #7e7f80; }

#s_news .left li:hover h1{ color:#19427d;}

#s_news .left li:hover{ border-bottom: 2px solid #19427d;}


#s_news1{ padding-top:20px;background:#f7f7f8;  padding-bottom:50px;}
.fleft{float:left}
.fright{float:right;}
.mn_tit{color:#333;font-weight:600;border-left:3px solid #19427d;padding-left:10px;font-size:17px;height:18px;line-height:18px;} 
.mn_tit a{float:right;color:#4493D4;font-size:14px;}
.sp_cont{overflow:hidden}
.sh_shipin{width:390px;float:left;}
.sp_list{ overflow:hidden;margin-top:10px;}
.sp_list li{overflow:hidden;height:35px;line-height:35px;border-bottom:1px dotted #ccc}
.sp_list li a{float:left; font-size:15px;color:#424344;}

.sp_list li  a:hover{color:#19427d;}


.sp_list li span{float:right;color:#999;}

.zs_zazhi{width:345px;margin-left:40px;}
.zazhi{ overflow:hidden;margin-top:10px;}
.zazhi li{ overflow:hidden;height:35px;line-height:35px;border-bottom:1px dotted #ccc}
.zazhi li a{float:left; color:#424344;}

.zazhi li  a:hover{color:#19427d;}
.zazhi li span{float:right;color:#999;}



.zhi_right{margin-top:10px;}
.zhi_right ul{}
.zhi_right ul li{background: url(icon02.jpg) no-repeat 0px 16px;height: 35px;line-height: 35px;border-bottom: 1px dotted #9DC0D3; overflow:hidden; width:345px;}
.zhi_right a{font-size:15px;color:#424344;margin-left:15px;float:left;}
.zhi_right li span{float:right;color:#999;}

.zhi_right a:hover{text-decoration:underline;color:#19427d;}


/*==============成功案例====================*/

#s_case{ padding:20px 0; background:#f7f7f8; }

#s_case .bd{ overflow: hidden;}

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

#s_case li{ float:left; width:225px; margin-right: 19px; background: #fff;   display:block;}

#s_case li a{ display:block;    }

#s_case li .pic_box{ width:225px; height:170px; display:table; overflow:hidden;   }

#s_case li img{  width:225px; height:170px; display:block; margin: 0 auto;}

#s_case li h1{  display:block; padding-top: 15px; padding-bottom: 10px; font-size:15px; color:#555555; text-align:center;}

#s_case li:hover h1{ color: #fff; background: #19427d;  }

#s_case li:hover a{text-decoration:none;}

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

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

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

  

/*==========================================footer=============================================*/

#footer{position:relative; background: #007ac5;  }

#footer .up_box{position:relative;padding-top:20px;padding-bottom:40px}

#footer .up_box .main_box{position:relative; background: url(logo_fot.jpg) left center no-repeat;}

#footer .main_box{ position:relative;}



#footer .up_box{  position:relative;   }



#footer .content{ width:640px; padding-left: 75px; height: 130px; margin-left: 310px; border-left: 1px solid #ffffff;} 



#fot_ewm{  display:block; position:absolute; right:0; top:0; height:120px;}



#fot_ewm img{ width: 120px; display:block;}



#fot_ewm span{width: 120px; text-align:center; font-size:14px; color:#ffffff; line-height:20px; display:block; }



#fot_nav{ display:block; margin-bottom:12px;  } 



#fot_nav a{ display:inline-block; padding-right:30px;  font-size:15px; color:#fff;}



#fot_nav a:hover{ text-decoration:underline;}



 



#fot_tel_box{ position:absolute; right:145px; top:10px; color:#fff;}

#fot_tel_box a{ display:block; float:right; font-size:15px; width:75px; margin-bottom:20px; background:url(../images/icon_online.png) 20px center no-repeat #e03a3a; color:#fff; height:35px; line-height:35px; padding-left:40px; -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; }

#fot_tel_box a:hover{ border-radius: 18px; }



#fot_tel_box span{ display:block; font-size:15px; width:75px; margin-bottom:20px; color:#fff; height:35px; line-height:35px; padding-left:40px; -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;  margin-bottom:5px;border-radius: 18px;}



#fot_tel_box strong{ font-size:22px; display:block; text-align:right; }



 



#fot_contact{  }

#fot_contact .p{ display:block; font-size:15px; line-height:30px; padding:10px 0 15px;  color: #ffffff; }

#fot_contact a{ margin-left:10px; font-size:14px; color: #ffffff; display:inline-block; padding-left:20px; background:url(../images/icon_add.png) left center no-repeat; }

#fot_contact a:hover{ color:#fff;}

#footer .un_box{ position:relative;border-top:1px solid #ffffff; height:100px;}

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

#footer .un_box h1{ line-height:25px;color:#fff;font-size:14px}

#footer .un_box a{  line-height:25px; color:#fff;  font-size:14px; z-index: 9;}

#footer .un_box  a:hover{opacity:1;filter:alpha(opacity=100);}







/*==============================--内页开始==============================-*/



#n_main_box{ margin-bottom:60px; }



#n_content{ min-height:300px; padding:50px 0 0px; }

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

#n_banner{ display:block; width:100%; height:220px; position: relative; }

 

/*===================内页标题栏================*/

.n_title{  position:relative; padding: 25px 0 0;}



.n_title .main_box{ border-bottom:3px solid #d9d9dd;}



.n_title h1{ padding:0 0 0px 0px; background:url(../images/bg_n_title_small.png) left bottom no-repeat; font-size:22px; color:#19427d; line-height:40px; }



.n_title h1 span{ font-size:18px; color:#b5b5b7; line-height:40px;  font-family: "Arial"; text-transform:uppercase; padding-left:5px; font-weight:normal; padding-left:5px;}



/*===================面包屑导航================*/

.n_title .position{ position:absolute; right:0; bottom:0; line-height:40px; color:#a8abb1; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}



.n_title .position span,.n_title .position a,.n_title .position i{ font-size:14px; color:#98989a;}



.n_title .position em{ font-size:14px; color:#19427d; font-style:normal;}



.n_title .position a:hover{ color:#19427d;}

  

/*===================内页结构================*/

.n_content{ margin-top: 38px; min-height:400px; margin-bottom: 50px; }

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

#n_left{ float: left; width:230px;}



/*===================内页导航================*/

#n_nav{ margin-bottom: 22px;}

#n_nav ul{ border: 1px solid #dadadc; border-top: none;}

#n_nav li{ display: block; }

#n_nav li a{ display: block; height: 48px; position: relative; background: #f3f4f6; border-top: 1px solid #dadadc;}

#n_nav li a strong{ position: relative; z-index: 9; height: 48px; line-height: 48px; color: #535355; font-size: 15px; padding-left: 30px;}

#n_nav li a i{position: absolute; left: 0; top: 0; display:block; background: #19427d; height: 48px; width: 0;}

#n_nav li a:hover i{ width:100%;}

#n_nav li a:hover strong{ color: #fff;}

#n_nav li.on a i{ width:100%;}

#n_nav li.on a strong{ color: #fff;}



#n_left .ad_box{ margin-top: 15px;}

#n_left .ad_box a { display: block; position: relative;}

#n_left .ad_box img{ width: 230px; display: block;}

#n_left .ad_box .icon_box{ position:absolute; display:block; left:0; top:0; width:100%; height:100%;  }

#n_left .ad_box .icon_box::before,#n_left .ad_box  .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

#n_left .ad_box .icon_box::before{border-top: 1px solid rgba(255,255,255,.7);border-bottom: 1px solid rgba(255,255,255,.7);-webkit-transform: scale(0,1);transform: scale(0,1); -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#n_left .ad_box .icon_box::after {border-right: 1px solid rgba(255,255,255,.7);border-left: 1px solid rgba(255,255,255,.7); -webkit-transform: scale(1,0);transform: scale(1,0);-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

#n_left .ad_box a:hover .icon_box::before,#n_left .ad_box a:hover .icon_box::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

#n_left .contact{}

#n_left .contact img{ display:block; width: 230px;}

#n_left .contact .text{ border: 1px solid #ccc;  padding: 15px 20px; font-size: 14px; line-height: 26px; color: #666;}



/*===荣誉奖项===*/

 

#n_honor{ overflow: hidden;}

#n_honor ul {margin: 0 -23px; }

#n_honor li{ float:left; width:195px;  background: #fff; border-bottom: 1px dotted #a2a2a2; padding: 30px 23px; display:block;}

#n_honor li a{ display:block; }

#n_honor li .pic_box{ width:195px; height:130px; background: #fff; padding: 5px; box-shadow:0 0 5px #aaa;  display:table; overflow:hidden; border:1px solid #e5e8eb; }

#n_honor li .pic_box .box{display:table-cell; vertical-align:middle; }

#n_honor li img{  max-width:195px; margin: 0 auto; height:130px; display:block; }

#n_honor li span{  display:block; padding-top:15px; font-size:15px; color:#3f3e3e; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_honor li:hover .pic_box{   }

#n_honor li:hover a{text-decoration:none;}

#n_honor li:hover span{color:#0152a5; text-decoration:none;  }



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

.n_content{ min-height:360px;  }

#n_fc{}

#n_fc{ overflow:hidden; margin-top:10px;}

#n_fc ul { margin:-13px; }

#n_fc li{ display:block; width:260px; float:left; margin:13px; }

#n_fc li a{ display:block; }

#n_fc li img{ width:260px; height:180px;}

#n_fc li h1{ display:block; text-align:center; height:36px; margin-top:10px; font-size:14px; line-height:18px; color:#616064; }

#n_fc li a:hover h1{ color:#19427d}



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

#n_pro{ margin-top: -15px;}

#n_pro ul{ margin:0px -10px; overflow: hidden;}

#n_pro li{ float:left; position:relative;  width:217px; height: 200px; background: #e4e6e9;   overflow:hidden; display:block; margin:15px 10px; }

#n_pro li a{ display:block;    overflow:hidden;}

#n_pro li .pic_box{width:215px; height:160px; overflow: hidden; border:1px solid #d3d3d3; }

#n_pro li img{  display:block; width:215px; height:160px; }

#n_pro li h1{  display:block; line-height:40px; text-align:center;  font-size:15px; color:#636363;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }

#n_pro li:hover h1{  color:#fff; background : #19427d; }

#n_pro li:hover .pic_box{ border-bottom: 1px solid #19427d;  }



/*===================产品详情===============*/

.n_show_pro .up_box{}

.n_show_pro .up_box h1{  display: block; margin-top: 20px; font-size:16px; color:  #454546; text-align:center; }

.n_show_pro .up_box img{display: block; width:400px; height:335px; border:1px solid #dcdcdc; margin:40px auto;}

.n_show_pro .un_box .title{ border-bottom:1px solid  #3a3a3b; }

.n_show_pro .un_box .title strong{color:#fff; display: block; font-size:15px;  background-color: rgb( 58, 58, 59 ); width: 154px; height: 39px; text-align: center; line-height: 39px;}

.n_show_pro .un_box .article{ padding: 30px 0;}





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

#n_news{overflow:hidden}

#n_news ul{overflow:hidden; margin-bottom: -30px;}

#n_news li{display:block;padding-bottom: 35px; margin-bottom: 30px; border-bottom:1px dotted #999}

#n_news li .box{padding:0 0 0 95px;position:relative;height:90px}



#n_news li{ display: block; position: relative;}

#n_news li a{display:block;font-size:16px; width: 770px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding-top:8px;color:#323233;margin-bottom:13px}

#n_news li h1 span{color:#7a7a7a; font-size:14px; position: absolute; right: 0; top:5px;}

#n_news li .info{line-height:22px;font-size:14px;color:#88888e;height:44px; overflow:hidden;}

#n_news li .info span{ color: #19427d;}

#n_news li a:hover{color:#19427d}

 



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

.n_article {  }

.n_article .ar_title{ padding:10px 0 20px 0; border-bottom:1px dashed #e5e5e5; margin-bottom: 10px;}

.n_article .ar_title h1{ font-size: 16px; display:block; text-align:center; margin-bottom:10px; line-height:30px;   font-weight: bold; color:#444444;}

.n_article .ar_title h2{  font-size:14px;  display:block; text-align:center; color:#888;  }

.n_article .ar_title h2 strong{ color:#b8b7bc;}

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



#ar_fot{ margin-top:10px; position:relative; padding:15px 0; border-bottom:1px dashed #e5e5e5;border-top:1px dashed #e5e5e5;}



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



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



#ar_fot h1 a:hover{ color:#063579;}



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



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







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



.shart_box{ position:absolute; right:-5px; top:28px;}



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



#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:14px; 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}



/*=================团队==================*/

#n_team ul{ margin:-15px;}

#n_team li{ display:block; float:left; border:1px solid #dadada; background:#fff; padding:10px; position:relative; margin: 14px; width: 424px;}

#n_team li  .pic_box{ width:150px;   display:block; position:absolute; top: 10px; }

#n_team li  .pic_box img{ width:150px; height:195px;}

#n_team li .text_box{ position:relative; margin-left:170px; height:195px; padding-right: 10px;}

#n_team li  h1 a{ font-size:15px; color:#666666; padding-top:10px; margin-bottom:15px; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#n_team li   p{font-size:14px; line-height:24px; color:#888; height: 93px;} 

#n_team li span{ position:absolute; right:5px; bottom:10px; color:#b8b8b8; font-size:14px;}

#n_team li  h1 a:hover{color:#19427d;}

#n_team li .more{position:absolute; left:0; bottom:10px; border-radius:3px; height:26px; text-align:center; line-height:26px; font-size:14px; display:block; width:100px;  color:#fff; background:#6a6c6f;}

#n_team li .more:hover{ background:#19427d}

#n_team li:hover{   }



 

/*==============成功案例====================*/

#n_case{  }



#n_case ul { margin:0 -21px -20px -20px;   }



#n_case li{ float:left; width:265px;  margin:0 21px; padding: 8px; margin-bottom: 30px; background: #fff; box-shadow: 0 0 5px #bbb;   display:block;}



#n_case li a{ display:block;    }



#n_case li .pic_box{ width:265px; height:200px; display:table; overflow:hidden;   }



#n_case li img{  width:265px; height:200px; display:block; margin: 0 auto;}



#n_case li h1{  display:block; padding-top: 15px; padding-bottom: 10px; font-size:15px; color:#555555; text-align:center;}



#n_case li:hover h1{ color: #19427d;  }



#n_case li:hover a{text-decoration:none;}



 /*===================产品详情===============*/



#n_product_show .up_box .content{ background:#f4f7f9;}



#n_product_show .up_box #big_pic{ width:430px; height: 320px; overflow: hidden; float:left; border:1px solid #dadbdd;  }

#n_product_show .up_box #big_pic img{ display: block;  width:430px; height: 320px; }

#n_product_show .up_box .title{ display:block; font-size:24px; font-weight: 700; color:#444; margin-bottom:15px;  }



#n_product_show .up_box .text_box{ float:right; padding:28px 0px 0px 0; margin-right: 30px; width: 430px; height: 150px;}



#n_product_show .up_box .text_box .up{  }



#n_product_show .up_box .text_box .ar_article{ height: 150px; overflow: hidden; font-size:15px;  overflow:hidden; line-height:30px; color:#777777;}



#n_product_show .up_box .text_box .ar_article p{ font-size:15px; line-height:30px; color:#777777; overflow:hidden;}





#n_product_show .tel_box{ margin-top: 20px; padding-top: 30px; border-top: 1px solid #cfd1d5;   height:20px; line-height:20px;   }

#n_product_show .tel_box span{font-size: 16px; color: #4a4957; font-weight:bold; padding-left:18px; background:url(../images/icon_tel_pro.png) 0px center no-repeat; height:20px;  }

#n_product_show .tel_box strong{ font-size:27px; font-weight:bold; color:#ee3f3f; }





.n_tab .hd{   height: 40px; line-height: 40px;}



.n_tab .hd a{ font-size: 15px; color: #fff;   float: left;display: block; text-align: center; width: 110px;}



.n_tab .hd a.on{ background: #19427d;}

#n_product_show .un_box .ar_article{ padding: 30px; line-height: 28px; color: #626364; font-size: 12px;}

#n_product_show .un_box{  padding-top:40px;}

#n_product_show .un_box .title{ height:45px;  line-height:45px; background:#eff2f4; border-left:4px solid #00468c;    }

#n_product_show .un_box .title strong{ display:inline-block; padding:0 20px;  color:#4c4d4e; font-size:16px; }

#n_product_show .un_box .title span{ display:inline-block; padding-left:10px; color:#2d95a2; text-transform:uppercase; font-size:14px;  font-family: "Arial";}

#n_product_show .un_box  .content{ border: 1px solid #dde0e4; }





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

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

#n_contact .up_box {  border: 1px solid #d9dbde; margin-bottom:35px; height: 210px; position:relative;   background: url(../images/bg_contact.png) center top no-repeat;}

#n_contact .up_box .up{ border-bottom:1px dotted  #b3b3b3; padding-top:5px; margin-bottom:20px;}

#n_contact .up_box .title strong{ display:block; color:#51575f; font-size:18px; font-weight:bold; }

#n_contact .up_box .title span{ display:block; color:#51575f; font-size:14px; margin-bottom:15px;}

#n_contact .up_box dd { float: left; display: inherit;  text-align: center; width:  25%; line-height: 24px; padding-top:120px;}

#n_contact .up_box h2{ font-size:15px; display:inline-block; color:#19427d; }

#n_contact .up_box h2 strong{ color: #515254;}

#n_contact .un_box{ margin-top: 30px;}

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



#n_contact .ewm_box{ position:absolute; right:0; bottom:40px;  display:block;}

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

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

#n_contact .ewm_box span{ display:block; text-align:center; font-size:14px; color:#828080; padding-top:10px;}

 

/*=================在线留言=====================*/

.n_form{ margin:0 auto} 

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

.n_form .text{width: 268px;padding:0 15px;height:36px;line-height:36px;background:0 0;border:1px solid #c1c1c1;font-size:13px;color:#b3b3b3;margin: 0 15px 22px 0;float:left}

.n_form textarea{width: 898px; display:block; height:141px;resize:none;margin-bottom:28px;background:0 0;border:1px solid #c1c1c1;padding:10px 15px;font-size:13px;color:#b3b3b3;line-height:20px}

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

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

.n_form .submit{background:#00468c;position:absolute;right:10px;top:0;font-size:14px!important;border:0;border-radius:2px;height:36px!important;color:#fff;line-height:34px!important;width:100px}

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

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

.yzm_box input{font-size:15px;height:36px; float: none!important; color:#666;width:255px;line-height:30px;border:1px solid #d0d0d0;padding-left:10px}

.yzm{position:absolute;left:161px;height:36px;top:0}

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

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

.radio_section{padding-left:5px;padding-bottom:15px}

.radio_box{position:relative;display:inline-block;margin-right:10px;padding-right:12px}

.radio_box input{filter:alpha(opacity=0);cursor:pointer;opacity:0;width:100%;height:100%;padding-left:0;position:absolute;left:0;top:0}

.radio_box i{display:block;position:absolute;left:0;top:3px;width:15px;height:15px;background:url(../images/icon_dx.png) center no-repeat}

.radio_box i.on{background:url(../images/icon_dx_hover.jpg) center no-repeat}

.radio_box b{padding-left:18px;color:#666;font-size:14px;font-weight:400}





#contact_cart dd{ color: #666; font-size: 13px; line-height: 28px; display: block; padding: 25px 40px; margin-bottom: 15px; border-bottom: 2px solid #19427d; background: #f7f7f9;}



/*==============人才招聘=====================*/



#list_slide{  position:relative;}



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



#list_slide dt{border:none; padding :30px; background:#f4f6f8; height: 40px;  display:block; position:relative;  cursor:pointer; }



#list_slide dt h1{ color:#51575f; font-size:15px; line-height:30px; 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:14px;  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:30px; top:35px; height:30px; line-height:30px; width:100px; text-align:center; color:#636363; background:#e1e4e5;}



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



#list_slide dd p{ line-height:24px; margin-bottom:0; color:#646b78;  font-size:14px;}



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



#list_slide dt.on a{ background:#19427d;}



#list_slide dt h1 a:hover{ background: #19427d; color: #fff;} 





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



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



.page a{ padding:0 12px; height:30px; line-height:30px; display:inline-block; border:1px solid #dedede; margin:0 2px;  color:#555555; font-size:14px; }



.page .on{ background:#0051a8; color:#fff !important;border:1px solid #0051a8;}



.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}



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



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



.page a:hover font{ color:#fff;}



.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:absolute; right:0px; top:50%; margin-top:-145px; position:fixed; z-index:99999999; }

.piaofu .box a{ display:block; position:relative;   width:60px; height:60px;border-radius: 5px 0 0 5px; }

.piaofu .wx{ position:relative;}

.piaofu .wx{ transition:1s; }

.piaofu .wx:hover .ewm{ display:block;  }

.piaofu .ewm_box{ position:relative;}

.piaofu .ewm_box{ transition:1s; }

.piaofu .ewm_box:hover .ewm{ display:block;  }

.piaofu .ewm{ display:none; position:absolute; right:70px; top:0; }

.piaofu .tel{ position:relative;}

.piaofu .tel{ transition:1s; }

.piaofu .tel:hover #tel_box{ display:block;   }

.piaofu #tel_box{ border:1px solid #ddd; line-height: 68px; width: 100px; color:#545454; font-size:14px; background:#f9f9f9; border-radius:3px; padding:0 20px;  display:none; position:absolute; right:70px; top:0; }

.piaofu .box a{ transition:1s; background-size:30px auto ;}

.piaofu  .qq a{  background:url(../images/icon_pf_qq.png) center 10px no-repeat;}

.piaofu  .qq:hover a{ background:url(../images/icon_pf_qq_hj.png) center 10px no-repeat;}

.piaofu  .zx1 a{  background:url(../images/icon_zx1.png) center 10px no-repeat;}

.piaofu  .zx1:hover a{ background:url(../images/icon_zx1h.png) center 10px no-repeat;}

.piaofu  .zx2 a{  background:url(../images/icon_zx2.png) center 10px no-repeat;}

.piaofu  .zx2:hover a{ background:url(../images/icon_zx2h.png) center 10px no-repeat;}

.piaofu  .zx3 a{  background:url(../images/icon_zx3.png) center 10px no-repeat;}

.piaofu  .zx3:hover a{ background:url(../images/icon_zx3h.png) center 10px no-repeat;}

.piaofu  .ewm_box a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}

.piaofu  .ewm_box:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}

.piaofu  .wx a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}

.piaofu  .wx:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}

.piaofu  .tel a{  background:url(../images/icon_tel.png) center 10px no-repeat;}

.piaofu  .tel:hover a{ background:url(../images/icon_telh.png) center 10px no-repeat;}

.piaofu  .address a{  background:url(../images/icon_address.png) center 10px no-repeat;}

.piaofu  .address:hover a{ background:url(../images/icon_addressh.png) center 10px no-repeat;}

.gotop a{ background:url(icon_gotop.png) center 10px no-repeat;}

.piaofu .gotop:hover a{ background:url(../images/icon_gotoph.png) center 10px no-repeat;}

.piaofu .box a{margin-bottom: 2px; }

.piaofu .box span{ font-size:12px; color:#5a5a5a;padding-left: 10px; position:absolute; bottom:5px; text-align:center;  }

.piaofu .box:hover a{  }

.piaofu .box:hover span{ color:#fff;}

.piaofu .box a{ background-size: auto 24px !important;}

.piaofu .li1 a{ background: url(icon_pf1.png) center 15px no-repeat #f12036;}

.piaofu .li2 a{ background: url(icon_pf2.png) center 15px no-repeat #f12036;}

.piaofu .li3 a{ background: url(icon_pf3.png) center 15px no-repeat #f12036;}

.piaofu .li4 a{ background: url(icon_pf4.png) center 15px no-repeat #f12036;}

.piaofu .li5 a{ background: url(icon_gotop.png) center 18px no-repeat #f12036;}



.piaofu .box.li1:hover a{ background: url(icon_pf1.png) center 15px no-repeat #19427d; }

.piaofu .box.li2:hover a{ background: url(icon_pf2.png) center 15px no-repeat #19427d; }

.piaofu .box.li3:hover a{ background: url(icon_pf3.png) center 15px no-repeat #19427d; }

.piaofu .box.li4:hover a{ background: url(icon_pf4.png) center 15px no-repeat #19427d; }

.piaofu .box.li5:hover a{ background: url(icon_gotop.png) center 15px no-repeat #19427d; }
.piaofu .box.li5.on a{ background: url(icon_gotop.png) center 15px no-repeat #19427d  color: #fff;}
.piaofu .box.li5.on a span{ color: #fff;}
.piaofu .box.li5.on:hover a{ background: url(icon_gotop.png) center 15px no-repeat #19427d; }