﻿@charset "utf-8";

#j_body{ position:relative;}

 .main_box{ margin:0 auto; max-width:1400px;} 

/*==============================--内页开始==============================-*/

#n_main_box{ margin-bottom:30px; }

#n_content{ min-height:300px; padding:50px 0 0px; }/*===================内页banner================*/

#banner{ display:block; width:100%; height:360px; position: relative; }

 .n_content{ min-height:400px; margin-bottom: 50px; }

/*===================面包屑导航================*/

#n_title{  position:relative; padding: 15px 0 0; border-bottom:1px solid #d9d9dd;}

#n_title .main_box{  position: relative;}

#n_title h1{ padding:0 0 0px 0px;  font-size:16px; color:#404041; line-height:48px; }

#n_title h1 span{ font-size:14px; color:#404041; line-height:48px;  font-family: "Arial"; text-transform:uppercase; padding-left:5px; font-weight:normal; padding-left:5px;}



#position{ position:absolute; right:0; bottom:0; line-height:48px; color:#98989a; background:url(../images/icon_home.png) left center no-repeat; padding-left:18px;}

#position a{font-size:12px; color:#98989a;}

#position span,#n_title .position a,#n_title .position i{ font-size:12px; color:#98989a;}

#position em{ font-size:12px; color:#DA251C; font-style:normal;}

#position a:hover{ color:#DA251C;}



#n_left{ float: left; width:230px; padding-top: 20px;}

#n_right{ float: right; width: 1105px; padding-left: 30px; padding-top: 40px;  border-left: 1px solid #e5e7e9;}
#n_left a,#n_left a:hover{ text-decoration: none;}



/*===================左侧导航================*/

#n_nav{background: #fcf7f7;}

#n_nav ul{ }

#n_nav li{ display: block; }

#n_nav li a{}

#n_nav li:first-child a{ border:none;}

#n_nav li a{ display: block; height: 48px; position: relative; border-top: 1px solid #ececed; }

#n_nav li a strong{ position: relative; z-index: 9; height: 48px; line-height: 48px; color: #535355; font-size: 14px; padding-left: 30px;}

#n_nav li a i{position: absolute; left: 0; top: 0; display:block; background: #DA251C; height: 48px; width: 0px;}

#n_nav li.on a i{width: 3px;}

#n_nav li.on a strong{  }

#n_nav li a:hover i{  width: 100%;}

#n_nav li a:hover strong{ color: #fff;}

#n_nav li.nav_title{ background: url(../images/icon_nav_on.png) 190px 18px no-repeat;}

#n_nav li.nav_title a:hover i{ width:3px;}

#n_nav li.nav_title a:hover strong{ color: #535355; }

#n_nav li.nav_title.on a i{ width:3px;}

#n_nav li.nav_title.on{background: url(../images/icon_nav_off.png) 190px 23px no-repeat;}

#n_nav li.nav_title.on:hover{background: url(../images/icon_nav_off.png) 190px 23px no-repeat;}

#n_nav li .nav_list{ display: none;}

#n_nav li .nav_list .box{ padding: 20px 30px 10px 30px; border-top: 1px solid #ececed;}

#n_nav li .nav_list a{display: block; border: 1px solid #e0e2e4; background: url(../images/icon_left_nav_jt.png) 150px center no-repeat; height:  30px; line-height: 30px; border-radius: 2px; font-size: 12px;color: #535355; overflow: hidden; margin-bottom: 10px; padding-left: 20px;}

#n_nav li .nav_list a.on{ border: 1px solid #DA251C;  color: #fff;  background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #DA251C; }

#n_nav li .nav_list a:hover{ border: 1px solid #DA251C;  color: #fff; background: url(../images/icon_left_nav_jt_on.png) 150px center no-repeat #DA251C; }

/*===================图片展示=====================*/

#n_video_list2{    margin: 0 auto; width:1105px}

#n_video_list2 ul{ margin:-20px;}

#n_video_list2 li{  width:351px;  margin: 8px 15px; position:relative; display:block; overflow:hidden;  float:left; text-align:center }

#n_video_list2 li a{ display:block;}

#n_video_list2 li .pic_box{ position:relative; background:#000; width:288px; height:209px; overflow: hidden;}

#n_video_list2 li img{width:288px; height:209px; display:block; opacity:1; filter:alpha(opacity=100);}

#n_video_list2 li .text_box{ position:relative; padding: 12px 0 10px 0; }

#n_video_list2 li .text_box p{}

#n_video_list2 li .mark{ position:absolute; right:0px; top:0; height:100%; width:100%;   display:block;}

#n_video_list2 li h1 a{overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  color:#5c5d5f; font-size:14px;  display:block; }

#n_video_list2 li h1 {padding: 0px 0px;}

#n_video_list2 li span{ color:#fff;  font-size:12px; position:absolute; right: 10px;  top:50px; display:block; transform:rotate(90deg); -ms-transform:rotate(90deg); 	/* IE 9 */-moz-transform:rotate(90deg); 	/* Firefox */-webkit-transform:rotate(90deg); /* Safari 和 Chrome */-o-transform:rotate(90deg);}

#n_video_list2 li:hover .text_box{  }

#n_video_list2 li:hover h1 a{ color:#DA251C;}

#n_video_list2 li:hover span{ color:#fff;} 
.tpimg{ width:100%; text-align:center; padding-top:30px;}
.tpimg img{max-width:100%;}

/*===================在线留言=====================*/

.yylf{ float:left; width:1105px; margin-top:0px;   padding-top:50px;}
.yylf ul{ float:left; width:600px; margin-left:200px;}
.yylf li{ margin-bottom:20px; float:left; width:600px; font-size:14px;}
.yylf li span{ float:left; width:100px;}
.yylf li span cite{ float:left; color:#f00; margin-right:10px; font-style:normal;}
.yylf li input{ width:460px; height:25px;}
.yylf li .radio{ width:14px; height:14px; }
.yylf li select{ height:35px; width:200px;}
.yylf li .button{ width:100px; height:35px;}
.yylf li textarea{ width:458px;}


.yylf_hz{ float:left; width:100%; margin-top:20px; line-height:30px;}

/*===================快捷导航================*/

#left_link{ height: 300px; background:url(../images/icon_n_left.png) left top no-repeat #fcf7f7; margin-top: 25px;}

#left_link dt{ height: 45px; line-height: 45px; font-size: 14px; color: #7b7c7d; padding: 0 30px; border-bottom: 1px solid #e9e9ee;}

#left_link dt strong{ color: #DA251C; font-size: 15px;}

#left_link dd { padding-left: 25px; padding-top: 25px;}

#left_link dd a{ display: block; height: 52px; margin-bottom: 24px; padding-left: 68px;}

#left_link dd a{ font-size: 24px; font-size: 12px; color: #333}
#left_link dd a:hover{ font-size: 24px; font-size: 12px; color: #DA251C}

#left_link dd a strong{ font-size: 14px; padding-top: 7px; display: block; line-height:20px;}

#left_link dd a span{}

#left_link dd a.li1{ background:url(../images/icon_left1.png) left center no-repeat;}

#left_link dd a.li2{ background:url(../images/icon_left2.png) left center no-repeat;}

#left_link dd a.li3{ background:url(../images/icon_left3.png) left center no-repeat;}
#left_link dd a.li4{ background:url(../images/icon_left4.png) left center no-repeat;}
#left_link dd a.li5{ background:url(../images/icon_left5.png) left center no-repeat;}
#left_link dd a.li6{ background:url(../images/icon_left6.png) left center no-repeat;}


/*==============推荐新闻=====================*/

#left_hot_news{  background:url(../images/icon_n_left.png) left top no-repeat #fcf7f7; margin-top: 25px;}

#left_hot_news dt{ height: 45px; line-height: 45px; font-size: 14px; color: #7b7c7d; padding: 0 30px; border-bottom: 1px solid #e9e9ee;}

#left_hot_news dt strong{ color: #DA251C; font-size: 15px;}

#left_hot_news dd{ padding: 0 20px;}

#left_hot_news a{ display: block;}

#left_hot_news .pic_box{ width: 190px; height: 120px; overflow: hidden; margin: 20px auto;}

#left_hot_news .pic_box img{ display: block; width: 190px; height: 120px;}

#left_hot_news li{ padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #dee0e3; }

#left_hot_news li .text_box{ padding-left: 15px; background: url(../images/icon_dd_hotnews.png) left 5px no-repeat;}

#left_hot_news li .text_box a{ font-size: 12px; color: #3e3e3f; line-height: 18px;}

#left_hot_news li span{ font-size: 12px; color: #929496;}

#left_hot_news li .text_box a:hover{ color:#DA251C;}

/*==============新闻资讯=====================*/

.n_news{  }

.n_news ul { margin-top: -35px; }

.n_news ul li {  padding:35px 0; display:block;  height: 140px; border-bottom: 1px solid #efefef;  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;}

.n_news ul li .box { background: transparent; height: 140px;  }

.n_news ul li .fl { position:relative; padding-top:40px; padding-left: 155px; width: 660px; 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;}  

.n_news ul li .fl .date { position: absolute; left: 0; float: left;  }

.n_news ul li .fl .date span{ display:block; margin-top:0px; height:20px; width:20px; background:url(../images/icon_news_jt.png) center no-repeat; }

.n_news ul li .fl .date strong{  font-family: "Arial"; display:block; font-size:26px; color:#a9a9a9;   }

.n_news ul li .fl .date strong::before {width: 35px;height: 1px;content: '';background: #a9a9a9;position: absolute;top: 0px;left: 90px;transition: all 0.3s ease-out 0s;}

.n_news ul li .fl a{ display:block}

.n_news ul li .fl a h1{ font-size:16px; padding-top:0px; color:#646464; display:block; margin-bottom:15px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.n_news ul li .fl a p{ color: #97979d; line-height:24px; font-size:12px; }

.n_news ul li .fr { display:block;width:215px; height:140px; }

.n_news ul li .fr img {width:215px; height:140px; }

.n_news li:hover .fl { padding-left: 175px; }

.n_news li:hover .fl h1{ color:#DA251C;}

.n_news .box:hover .date strong{ color:#DA251C;}

.n_news .box:hover .date strong::before {width: 60px;transition: all 0.3s ease-out 0s;background: #DA251C;}

.n_news .box:hover .date span {background:url(../images/icon_news_jt_hover.png) center no-repeat #DA251C; }

/*==============新闻详情=====================*/

#n_article { margin-bottom:20px;}

#n_article .ar_title{ position:relative; z-index:9; padding:0px 0 10px 0; border-bottom:1px dashed #e5e5e5;   }

#n_article .ar_title h1{ font-size:18px; display:block; font-weight: 700; text-align:left; line-height:25px; margin-bottom:10px; color:#565659;}

#n_article .ar_title h2{ font-size:12px; display:block; text-align:left; color:#7f8084; line-height:30px;}

#n_article .ar_article{ padding-top:30px; padding-bottom:20px;  min-height:300px;}

#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:12px; line-height:30px; color:#777777; font-weight:bold;}

#ar_fot h1 a{ font-size:12px; 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:14px; height:30px; line-height:30px;}

#ar_fot .bnt_back:hover{ border-radius:3px;}

#j_hot_news{ margin-top: 25px; background: #ececf0; height: 180px; position: relative; padding-left: 192px;}

#j_hot_news .title{ position: absolute; left: 0; top: 0; width: 110px; height: 120px; background:url(../images/icon_news.png) 40px 85px #DA251C no-repeat; padding: 30px 25px;}

#j_hot_news .title h1{ color:#fff; display: block; font-size: 15px;}

#j_hot_news .title strong{ color:#fff; display: block; font-size: 14px;}

#j_hot_news .content{   padding-top: 21px;}

#j_hot_news ul { margin: 0 -40px; }

#j_hot_news ul li{ position: relative; line-height: 28px; width: 285px; display: block; margin: 0 37px; float: left; background: url(../images/icon_hot_news_li.jpg) left center no-repeat; padding-left: 10px;}

#j_hot_news ul li a{ color: #555658; font-size: 13px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;     width: 200px;}

#j_hot_news ul li span{ color: #a4a6a7; font-size: 12px; position: absolute; right: 0; top: 0;}

#j_hot_news ul li a:hover{ color:#DA251C;}


/*==============分享插件=====================*/
.shart_box{ position:absolute; right:-5px; top:28px;}
#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}

 /*==============分页=====================*/

.page { margin:0px auto;}
.page .box{display:inherit; width:100%;  text-align:center; 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:12px; }
.page .on{ background:#DB241C; color:#fff !important;border:1px solid #DB241C;}
.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.page span{ background:#DB241C; color:#fff !important;border:1px solid #DB241C;padding:0px 12px;height:30px; line-height:30px;display:inline-block;}
.page a:hover{ background:#DB241C; color:#fff !important; text-decoration:none; border:1px solid #DB241C; }
.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 */}