﻿@charset "utf-8";
/*============================ 初始化样式 ============================*/
*
{ margin:0; padding:0;  }
body
{color:#000; font-size:14px;  font-family:"Microsoft YaHei","微软雅黑","SimSun","宋体",sans-serif; min-width:1090px;}
*html
{ background-image:url(about:blank);background-attachment:fixed;}
li
{ list-style:none;}
img
{ border:none;}
body a img
{ border:none;}

a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; }
a
{ color: #000; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus
{ outline:none;} 
a:link
{ text-decoration:none;}
a:hover
{ color:#1c7ec0; text-decoration:none; }
.clear:after
{content:''; display:block; clear:both; }
.clear
{ height:0px; clear:both; }
.text_overflow /*限制文字,文字超出显示冒号*/
{ white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}

.space10 { height:10px; clear:both; }
.space15 { height:15px; clear:both; }
.space20 { height:20px; clear:both; }
.space25 { height:25px; clear:both; }
.space30 { height:30px; clear:both; }

/*图片放大*/
.fdapic
{ overflow:hidden;}
.fdapic img
{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.fdapic:hover img
{
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
}


/*============================ 公共部分 ============================*/

@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  font-family: iconfont;
}

/* 文章类别上下页 */
.waiyefanye
{ height:40px; text-align:center;  font-size:14px; padding:20px 0 10px 0;  clear:both;}
.waiyefanye span
{ color:#b60303;}
.waiyefanye a
{ padding:3px 10px; font-size:12px; border:#ddd 1px solid; background:#fff; color:#777;  margin-right:5px; display:inline-block;}
.waiyefanye a:hover
{ background:#0371ab; color:#fff; text-decoration:none;}

/* 文章上下篇 */
.wengzhengfanye
{ line-height:25px;   margin:20px 0px;  clear:both; }
.wengzhengfanye .wengzhengfanyeA,.wengzhengfanye .wengzhengfanyeB
{ padding-left:0px; clear:both; font-size:12px; }
.wengzhengfanye span
{font-weight:bold; color:#7a7a7a;}
.wengzhengfanye a
{ text-decoration:none; color:#7a7a7a;}
.wengzhengfanye a:hover
{ text-decoration:none; }

/*设置最大宽度和高度max-height:335px; height: expression(this.height >335 ? 335: true);
max-width:630px; width: expression(this.width > 630 ? 630: true)*/
/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye
{ width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a
{ line-height:16px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:4px 9px; background:#efefef;  border:1px solid #dedddd;  display: inline-block; }
.page_fanye span
{  height:24px; line-height:20px;  padding:0 10px 0 5px; display: inline-block;}
.page_fanye span input
{ width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover
{ width:60px;  color:#666666; }
.page_fanye .onpage,.page_fanye a:hover
{ color: #fff; background:#0e87c7; }
.page_fanye a.skipA
{ width:80px; height:33px; color:#666666;  background:url(../../../../imagess/page5.jpg) no-repeat center center;}

/*========================================= 首页 =====================================*/

.top
{ width:1220px; overflow:hidden; margin:0 auto; padding:20px 0;}
.logo
{ width:398px; height:81px; float:left;}
.tel
{ width:331px; height:60px; float:right;}
.nav_bj
{ width:100%; height:50px; background:#0e87c7;}
.nav
{ width:1220px;  line-height:50px; margin:0 auto;}
.nav ul li
{ width:152px; text-align:center; float:left;}
.nav ul li a
{ color:#fff; font-size:16px; display:block;}
.nav ul li a:hover,.nav ul li.active a
{ background:#0371ab;}

/*==banner==*/
.banner
{width:100%; height:437px;  overflow:hidden; position:relative;}
.banner ul li
{width:100%; height:437px; overflow:hidden;  position:absolute; left:0px; top:0px;}
.banner ul li a
{ height:100%; display:block;}

.banner_btn
{ width:100%; height:14px; text-align:center; position:absolute; bottom:25px; z-index:100;}
.banner_btn ol li
{ width:14px; height:14px; display:inline-block; text-indent:99px; overflow:hidden; background:url(../images/banner_btn3.png) no-repeat left top; margin:0 5px; cursor:pointer;}
.banner_btn ol .Btn_ys
{ background-position:left bottom; }

.one
{ width:1220px; overflow:hidden;  margin:30px auto; border-bottom:solid 1px #e5e5e5; padding-bottom:10px;}
.one_lt
{ width:235px; overflow:hidden; float:left; background:url(../images/one.jpg) repeat-y;}
.one_ltA
{ padding:20px 0;}
.one_ltA ul li
{ height:46px; line-height:46px; background:url(../images/xian.png) no-repeat 20px bottom;}
.one_ltA ul li a
{ color:#3e3e3e; display:block; padding-left:20px;}
.one_ltA ul li a:hover,.one_ltA ul li.active a
{ background:#0e87c7; color:#fff; font-size:16px;}
.one_ltB
{ width:185px; padding:0 0 70px 13px;}
.one_ltB ul li
{ overflow:hidden; padding-top:10px;}
.one_ltB ul li span
{ display:block; line-height:40px; text-align:center; color:#474444;}

.one_rt
{ width:953px; float:right;}
.one_rt_t
{ height:56px; line-height:52px; border-bottom:solid 1px #d6d6d6;}
.one_rt_t h2
{ width:20%; margin:0 auto; text-align:center; font-size:26px; color:#434343; border-bottom:solid 4px #0e87c7; color:#434343; font-weight:normal;}
.one_rt_text
{ line-height:30px; padding:10px 0;}
.one_rt_c li
{ clear:both;}
.one_rt_c li.liA
{ border-bottom:solid 2px #efefef;}
.one_rt_c li a
{ height:100%; display:block;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.one_rt_c li a:hover
{  box-shadow:0 0 4px #0e87c7;}


.one_rt_c li span
{ font-size:16px; color:#000; font-weight:bold; float:right; line-height:48px;}

.oneA
{ width:1220px; overflow:hidden; margin:0 auto;}
.title
{ overflow:hidden; text-align:center;}
.title h2
{ font-size:40px; color:#0d0d0d; font-weight:normal;}
.title span
{ display:block; color:#383838; line-height:34px;}
.oneA_lx
{ height:212px; padding:30px 0;}
.oneA_lx dl
{ width:369px; height:182px; background:#0e87c7; float:left; text-align:center; padding:0px 0 30px; margin-right:55px;}
.oneA_lx dl.dlA
{ margin-right:inherit;}
.oneA_lx dl dt
{ background:url(../images/tubiao.png) no-repeat 0 30px; font-size:20px; color:#fff; padding:80px 0 15px;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
-o-transition:all 0.4s ease;
transition:all 0.4s ease;
}
.oneA_lx dl dd
{ background:url(../images/baisex.png) no-repeat center top; color:#fff; padding-top:20px; font-size:16px;}
.oneA_lx dl dt.f1 
{ background-position:-430px 30px;}
.oneA_lx dl dt.f2 
{ background-position:-845px 30px;}

.oneA_lx dl:hover dt
{ background-position:0px 10px;}
.oneA_lx dl:hover dt.f1 
{ background-position:-430px 10px;}
.oneA_lx dl:hover dt.f2 
{ background-position:-845px 10px;}

.oneA_c
{ color:#383838; line-height:30px;}

.oneB
{ width:1220px; overflow:hidden; margin:30px auto 50px;}
.oneB_datu
{ width:100%; height:auto; position:relative; padding:10px 0 20px; clear:both;}
.oneB_datu span
{ width:100%; height:50px; line-height:50px; color:#fff; font-size:16px; background-color:rgba(0, 0, 0, 0.9); position:absolute; bottom:0; left:0; text-align:center;}

.oneB_datu img
{ width:100%;}

.oneB_xiaotu
{ padding-top:10px;}
.oneB_xiaotu li
{ width:235px; float:left; margin-right:11px; overflow:hidden;}
.oneB_xiaotu li.liA
{ margin-right:inherit;}
.oneB_xiaotu li span
{ display:none;}
.oneB_xiaotu img
{ height:120px; display:block;}


.oneC
{ width:1220px; overflow:hidden; margin:0 auto;}
.oneC_lt
{ width:673px; float:left; padding:20px 0;}
.oneC_lt dl 
{ height:84px; border:solid 1px #cfcfcf; padding:10px; margin-bottom:15px;}
.oneC_lt dl .dlA
{ margin-bottom:inherit;}
.oneC_lt dl dt
{ width:83%; float:left; border-right:solid 1px #cfcfcf; padding-right:10px;}
.oneC_lt dl dt h3
{ font-size:20px; color:#000; font-weight:normal;}
.oneC_lt dl dt span
{ color:#7e7e7e; display:block; line-height:24px; padding-top:5px;}
.oneC_lt dl dd
{ width:15%; float:left; text-align:center;}
.oneC_lt dl dd b
{ font-size:46px; color:#575757;}
.oneC_lt dl dd i
{ display:block; font-style:normal; color:#999;}

/*新闻图片*/
.oneC_rt
{width:500px; height:345px; margin-top:20px; float:right; overflow:hidden;  position:relative;}
.oneC_rt ul
{ width:9999px; height:auto; }
.oneC_rt ul li
{ overflow:hidden; float:left; }

.oneC_rt .pic_pre,.oneC_rt .pic_next
{ width:60px; height:90px; background:url(../images/banner_arrows.png); margin-top:-45px; position:absolute; top:50%; z-index:99; cursor:pointer;}
.oneC_rt .pic_pre
{ background-position:0px 180px; left:0px;}
.oneC_rt .pic_next
{ background-position:0px 90px; right:0px;}
.oneC_rt .pic_pre:hover
{ background-position:0px 0px; }
.oneC_rt .pic_next:hover
{ background-position:0px 270px; }


.gengduo
{ width:1220px; height:27px; margin:0 auto 30px; line-height:27px; background:url(../images/gengduo.png) no-repeat; }
.gengduo a
{ display:block; width:142px; color:#888; font-size:12px; text-transform:uppercase; font-family:Arial; margin:0 auto; text-align:center;}
.gengduo a:hover
{ background:#0371ab; color:#fff;}

.foot_bj
{ width:100%; height:327px; background:url(../images/foot.png) no-repeat; clear:both;}
.foot
{ width:1220px; overflow:hidden; margin:0 auto; text-align:right; line-height:28px; color:#fff; padding-top:190px;}


/*============================ 关于我们 ============================*/
.ny_banner
{ height:351px;}
.w680
{ width:680px; height:25px; background:#fff; margin:-25px auto 0; position:relative;}
.about
{ width:1220px; overflow:hidden; margin:0 auto; text-align:center;}
.ab-ti
{ color:#666; font-size:18px; line-height:28px; height:28px; letter-spacing:10px;}
.ab-con
{ font-size:14px; line-height:28px; color:#666; padding-bottom:60px;}
.ab-jp
{ margin:25px 0 60px;}

/*============================ 团体合影 ============================*/
.common_w
{ width:1220px; overflow:hidden; margin:30px auto 50px;}
.common_lt
{ width:250px; background:#fff; height:auto; float:left;}
.left_tit
{ height:45px; line-height:45px; padding:0 10px 0 25px; font-size:18px; color:#0e87c7; font-weight:bolder; background:url(../images/titlebg.jpg) 10px center no-repeat #ececec;}
.left_pro_cat
{ height:auto; padding-top:20px;}
.left_pro_cat li
{ height:auto; line-height:40px; border-bottom:1px #ddd dashed;}
.left_pro_cat li.thisclass a
{ font-size:16px; line-height:40px; display:block; color:#fff; padding-left:50px; background:url(../images/ico-3.gif) 20px center no-repeat #999;}
.left_pro_cat li.thisclass1 a,.left_pro_cat li.thisclass a:hover
{ background-color:#0e87c7;}

.cpdh_cat li
{ height:auto; line-height:40px; border-bottom:1px #ddd dashed;}
.cpdh_cat li a
{ line-height:40px; display:block; padding-left:50px; background:url(../images/ico-3.gif) 20px center no-repeat; color:#666;}
.cpdh_cat li.active a
{ color:#0e87c7;}


.shil
{ height:301px; background:url(../images/sl_h3.gif) no-repeat; margin-top:30px;}
.shil h3
{ padding:30px 0 0 30px; font-size:32px; color:#333; font-weight:600;}
.shil span
{ height:90px; display:block; padding-top:71px; font-weight:normal; font-size:12px; color:#000; padding-left:10px; line-height:32px; color:#666;}
.shil a
{ color:#7f7f7f; border:2px solid #7f7f7f; width:85px; height:27px; line-height:27px; text-align:center; font-weight:normal; font-size:12px; display: block; margin-left:20px;}
.shil a:hover
{ background:#0e87c7; color:#fff; border:2px solid #fff;}

.common_rt
{ width:940px; overflow:hidden; float:right;}
.position
{ height:45px; line-height:45px; padding:0 10px 0 25px; font-size:18px; color:#0e87c7; font-weight:bolder; background:url(../images/titlebg.jpg) 10px center no-repeat #ececec;}
.position span
{ float:right; font-size:14px; color:#333; font-weight:normal;}

.pro_list
{ height:auto; padding-top:16px;}
.pro_list ul li
{  padding-left:5px;}
.pro_list ul li span
{ display:block; line-height:48px; font-size:16px; text-align:center;}
.pro_list ul li i
{ height:auto; display:block; border-radius:3px; box-shadow:0 0 4px #666; padding:10px;}
.pro_list ul li i img
{ display:block;}

.proB
{ width:1220px; margin: 0 auto; padding:20px 0 40px;}
.proB ul li.onli i
{ box-shadow:0 0 4px #0033FF; border:1px solid #0033FF;}


/*============================ 联系我们 ============================*/
.mid1
{ overflow:hidden; background:#f9f9f9; padding:30px 0;}

.warp
{ width:1220px; overflow:hidden; margin:30px auto 0;}
.warp li
{ width:283px; height:211px; background:url(../images/conbg.png) top center no-repeat; padding-top:120px; float:left; margin-right:28px; position:relative;}
.warp li.liA
{ margin-right:inherit;}
.warp li i
{ width:80px; height:81px; display:block; background:url(../images/icon.png) left top no-repeat; position:absolute; top:11px; left:35%;}
.warp li i.on1
{ background-position:-37px -62px;}
.warp li i.on2
{ background-position:-127px -62px;}
.warp li i.on3
{ background-position:-217px -62px;}
.warp li i.on4
{ background-position:-308px -62px;}
.warp li span
{ display:block; font-size:16px; color:#333; font-weight:bold; text-align:center;}
.warp li p
{ color:#666; padding:20px 0; text-align:center; line-height:26px;}
.warp li a
{ width:86px; height:29px; background:#000; display:block; line-height:29px; color:#fff; margin:0 auto; text-align:center; font-size:12px;}
.warp li p span
{ display:block; font-size:12px; color:#666; padding-top:10px;}

.map
{ width:100%; height:500px; padding-bottom:50px;}

/*============================ 新闻中心 ============================*/

.news
{ width:100%; overflow:hidden; background:#ebebe8; padding-bottom:30px; margin-bottom:50px;}
.news_top
{ width:1180px; overflow:hidden; background:#fff; margin:26px auto; padding:20px;}
.news_top dt
{ width:303px; height:187px; float:left;}
.news_top dd
{ width:850px; float:right;}
.news_top dd h3
{ font-size:18px; color:#000;}
.news_top dd span
{ display:block; color:#717171; line-height:30px; height:60px; overflow:hidden; padding:5px 0 20px;}
.time
{ font-size:14px; color:#717171; line-height:26px; background:url(../images/time.png) no-repeat left center; padding-left:26px; float:left;}
.more
{ width:102px; height:30px; line-height:30px; text-align:center; float:right;}
.more a
{ color:#717171; display:block; border:1px solid #999;}
.more a:hover
{ background:#0371ab; color:#fff; border:none;}

.news_list
{ width:1220px; overflow:hidden; margin:0 auto;}
.news_list li
{ height:117px; background:#fff; margin:0 0 20px 0; padding:20px;}
.news_list li h3
{ font-size:18px; color:#000; line-height:18px;}
.news_list li span
{ width:900px; display:block; color:#717171; line-height:24px; height:60px; overflow:hidden; padding:5px 0;}

/*=======================================新闻详情页============================================*/
.news_info
{ width:1180px; background:#fff; overflow:hidden; margin:40px auto 10px; padding:20px;}
.info_title
{ text-align:center; color:#000;}
.info_title h1
{ font-size:20px;}
.info_laiyuan
{ text-align:center; padding:10px 0; font-size:12px; color:#666;}
.info_text
{ padding:20px 0px; line-height:2;}
.info_text img
{ max-width:100%;  }
.info_picA
{ padding:10px; text-align:center;}
.info_picA img
{ max-width:100%;  width: expression(this.width > 720 ? 720: true)}

/*============================ 企业宣传片 ============================*/
.xuanchuan
{ width:1220px; overflow:hidden; margin:0 auto; text-align:center;}
.xc_con
{ overflow:hidden; padding-bottom:30px;}
.xc_con li
{ width:386px; height:253px; float:left; border:1px solid #dedede; margin:0 20px 30px 0; position:relative;}
.xc_con li.liA
{ margin-right:inherit;}
.xc_con li i
{ height:217px; display:block; overflow:hidden;}
.xc_con li span
{ display:block; line-height:36px; padding-left:10px; color:#666; text-align:left;}
.h-content
{ width:100%; height:177px; background:rgba(26,26,26,.8); position:absolute; top:0; left:0; color:#f1f1f1; font-size:12px; padding:20px 0; display:none;}
.h-content h3
{ font-size:20px; padding:40px 0 0 0; color:#fff;}
.video-bf
{ width:80px; height:28px; line-height:28px; border-radius:3px; background:#fff; color:#666; margin:40px auto 0;}

/*============================ 主题相册 ============================*/
.zt_con
{ overflow:hidden; padding-bottom:30px;}
.zt_con li
{ width:287px; height:274px; float:left; display:inline; margin:0 18px 30px 0;}
.zt_con li.liA
{ padding-right:inherit;}
.zt_con li i
{ height:202px; display:block; overflow:hidden;}
.zt_con li span
{ display:block; border:1px solid #e5e5e5; border-top:0; overflow:hidden; text-align:center; padding:10px 0;}
.zt_con li span p
{ font-size:18px; font-weight:700;color:#181818;}
.zt_con li span b
{ display:block; font-weight:normal; font-size:12px; color:#777; padding-top:5px;}

.fuwu
{ padding:30px 0; line-height:2;}
