* {
    font-size:12px;
   /* font-family: 微软雅黑, OpenSansRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif; */
   font-family: "Microsoft Yahei", 微软雅黑, sans-serif;

}
p {
    line-height: 22px;
    text-align: justify;
}
.hide{display:none;}
html, body, form {
    padding:0;margin:0;
}
a {
    text-decoration:none;
    color:black;
}
a:hover {
    color:blue;
}
a:visited {
    color:black;
}
.bx-wrapper img{
	border:1px solid #D4D4D4;
}
#top,#content,#msgbar,.c-wrap{
    width:1130px;
    margin:0 auto;
}
.c-wrap *{
	font-size: inherit;
}
#top {
    height:79px;
	position: relative;
}

#imgx{

}
#imgx .swiper-container
{
    height:409px;
}
#imgx .swiper-container .swiper-slide
{
    
}
#banner
{
    height: 93px;
}
#banner .about {
    background: url(../images/about.jpg) no-repeat center;
    height: 93px;
}
#left
{
    float: left;
    padding: 23px 23px 43px 0;
    width: 784px;
    border-right: 1px solid #eee;
    position:relative;
}
#right {
    float: right;
    margin-left: -1px;
    padding: 23px 0 43px 22px;
    width: 299px;
    border-left: 1px solid #eee;
    position: relative;
    z-index: 3;
}
#left>.editor img{max-width:100%}
#left>.list{
	display: block;
    width: 100%;
    background: #fff;
    padding: 0;
    margin: 0;
    min-height: 600px;
}
#left>.list li {
    line-height: 25px;
    padding-left: 12px;
    display: block;
    width: 100%;
    margin-bottom: 6px;
    position: relative;
    background: url(../images/li.jpg) left no-repeat;
}
#left>.list li a {
    position: relative;
    padding-right: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
	white-space: nowrap;
}
#left>.list li span {
    color: #999999;
    float: right;
    position: absolute;
    right: 10px;
    top: 0;
}


.c-nav .nav {height:77px; border-bottom:1px solid #eaeaea;}
.c-nav .nav .g-wrap .crumbs {float:left; padding-left:13px; height:100%; background:url(../images/crumbs_icon.png) no-repeat 0 32px;}
.c-nav .nav .g-wrap .crumbs a {float:left; padding:0 9px; font-weight:bold; font-size:12px; line-height:77px; color:#4d4852; font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif}
.c-nav .nav .g-wrap .crumbs a.on {background:url(../images/crumbs_arrow.png) no-repeat 0 36px;}
.c-nav .nav .g-wrap .columns {float:right; height:100%;}
.c-nav .nav .g-wrap .columns a {position:relative; float:left; margin-left:30px; font-weight:bold; line-height:77px; color:#63666b;font-family:"Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;cursor:pointer;}
.c-nav.nav .g-wrap .columns a span {position:absolute; left:0; bottom:0; width:0; height:2px; background-color:#f63b2e; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
.c-nav .nav .g-wrap .columns a.on span {width:100%;}
.c-nav .nav .g-wrap .columns a span {position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background-color: #0055a6;border-radius: 4px;-webkit-transition: width 300ms;transition: width 300ms;}


#about-4 #history {height:400px; background-color:#87c97f; overflow:hidden;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; background:url(../images/p_4_1.jpg) no-repeat 2px 60px; overflow:visible;}
#about-4 #history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#about-4 #history .viewport .prev {left: -57px;background-image:url(../images/btn_prev.png);}
#about-4 #history .viewport .next {right: -57px;background-image:url(../images/btn_next.png);}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0;font-size:14px;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#3c5d38;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "myriadsetpro" !important; color:#34772b;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}


/* 公司动态 */
#news-1 #left .headline {position:relative; margin-bottom:23px; height:218px;}
#news-1 #left .headline img {margin-left:22px; float:right; width:362px; height:218px;}
#news-1 #left .headline .date {display:block; margin-bottom:15px; font:bold 27px/27px 'novecento' !important; color:#6d8ac4;}
#news-1 #left .headline h1 {line-height:30px;font-weight: bold;font-size: 18px;color: #474545;}
#news-1 #left .headline p {color:#777;}
#news-1 #left .headline .resouce {position:absolute; left:0; bottom:0; width:399px; height:54px; background:url(../img/news/p_1_2.jpg) no-repeat 0 0;}
#news-1 #left .headline .more {width:399px;}
#right .special {display:block;}

.page-pn{text-align:center;margin: 30px 0;}
.page-pn button{
	background: #fff;
    color: #0055a6;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 17px;
    cursor: pointer;
    border: 0;
}
.page-pn button:hover{
	background: #0055a6;
	color: #fff;
}
.page-pn button+button{margin:0 0 0 15px;}

/* 链接列表 */
.link-list a {display:block; -webkit-transition:color 300ms; transition:color 300ms;font-family: "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;}
.link-list a span {float:left; margin-right:15px;}
.link-list p {}
/* 日期块 */
.date-block {float: left;padding: 0 13px;width: 88px;height: 88px;font: 14px/15px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif;color: #4c4c4c;background-color: #e1e1e1;box-sizing: border-box;}
.date-block .day {display:block; margin:7px 0 3px 0; font:bold 32px/36px "Segoe UI","wf_segoe-ui_normal","Arial",sans-serif; color:#00479d;}
/* 链接块 */
.link-block {border-top:1px dotted #ccc;}
.link-block a {display:block; padding:24px 24px 24px 0; height:90px; border-bottom:2px solid #e8e6e6; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.link-block a:hover {background-color:#e1e1e1;}
.link-block a:last-child {border-bottom:0 none;}
.link-block a .summary {float:left; margin-left:18px; width:640px; height:100%; line-height:18px; color:#746969;}
.link-block a h1 {margin-bottom:8px; line-height:26px;font-weight: bold;font-size: 18px;color: #474545;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.link-block a h3 {margin:-4px 0; color:#746969;font-weight: normal;font-size: 12px;}
.link-block a p {margin-top:8px; height:36px; line-height:18px; color:#746969; overflow:hidden;}
.link-block a .look 
{
    height:auto;
    margin:4px 0;
}
/* 加载更多 */
input.more {display:block; width:100%; height:54px; background:#e1dede url(../img/btn_more_on.png) no-repeat center 15px; cursor:pointer; -webkit-transition:background 400ms; transition:background 400ms;}
input.more:hover {background-color:#e62b1e; background-image:url(../img/btn_more.png);}



#navbar-div{
    width: 50%;
    position: absolute;
    height: 50px;
    left: 50%;
    background: #E33A3D;
    top: 60px;
}

#navbar {
    position: absolute;
    top: 0;
    right: 171px;
    z-index: 4;
    bottom: 0;
    background-color: #fff;
}
#navbar .mi {
    z-index: 400;
    height: 100%;
    -webkit-transition: background-color 700ms;
    transition: background-color 700ms;
    width: 83px;
    float: left;
}
#navbar .mi>div{
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 79px;
    text-align: center;
    color: #666;
    -webkit-transition: color 200ms;
    transition: color 200ms;
}
#navbar .mi>div a{
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 13px;
    line-height: 79px;
    text-align: center;
    color: #666;
    -webkit-transition: color 200ms;
    transition: color 200ms;
}

#navbar .mi>div .bkg {
    top: 100%;
    z-index: 1;
    background-color: #0055A6;
    -webkit-transition: top 200ms;
    transition: top 200ms;
}
#navbar .mi>div .pop
{
    position: fixed;
    top: 79px;
    width: 10000px;
    height: 0;
    background-color: #4c4a4f;
    overflow: hidden;
    -webkit-transition: top 300ms;
    transition: height 300ms;
    padding: 0 0 0 67px;
	text-align:left;
	z-index:20;
}
#navbar .mi>div .pop a{
	display:inline-block;
	width:auto;
}
#navbar .mi>div .pop span
{
    float: left;
    padding: 0 16px;
    font-weight: bold;
    font-size: 13px;
    line-height: 61px;
    color: #d2ced5;
    -webkit-transition: color 300ms;
    transition: color 300ms;
}
#navbar .mi>div .pop span:hover{
    color: #0055a6;    
}
#navbar .mi>div>span {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    bottom:0;
    font-size:13px;
}
#navbar .mi>div:hover a{
    color: #fff;
}
#navbar .mi>div:hover .pop
{
    height:61px;
}
#navbar .mi>div:hover .bkg {
    top: 0;
}
#navbar .cc {
    position: absolute;
	display:none;
    left: 0px;
    top: 38px;
    width: 111px;
    background-color: #E33A3D;
    z-index: 10000;
    opacity: 0.8;
}
#navbar .cc a {
    display:block;
    height:32px; line-height:30px;
    color:white;
    background-image:url();
}
#navbar .cc a:hover {
    background-color:#C61C20;
    background-image:url();
}
#shop 
{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 170px;
    height: 100%;
    background: #fff;
    border-left: 1px solid #e5e5e5;
}
#shop .header-nwbtn{
    display: inline-block;
    height: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    line-height: 79px;
    color: #666369;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    width: 80px;
}
#shop .header-nwbtn:hover
{
    color:#0055A6;    
}

.g-wrap {
    position: relative;
    margin: 0 auto;
    width: 1130px;
    height: 100%;
    overflow: hidden;
}

/*首页新闻*/
.redian { width: 100%; }
.redian .r-wrap { width: 1130px; margin: 0 auto; overflow: hidden; padding: 35px 0; }
.redian .r-wrap .caifu { float: left; width: 571px; overflow: hidden; }
.redian .r-wrap .caifu h1 { color: #273b54; font-size: 18px; height: 39px; margin-bottom: 15px; line-height: 22px; }
.redian .r-wrap .caifu p { color: #858585; font-size: 13px; line-height: 22px; }

.redian .r-wrap .news-1 { float: left; margin-left: 103px; width: 456px; }
.news-1 .tab-nav { overflow: hidden; border-bottom: 2px solid #dedfe2; }
.news-1 .tab-nav li {font-weight:bold; cursor: pointer; float: left; display: inline-block; margin: 0px 25px 11px 0; color: #273b54; font-size: 14px; width: 59px; }

.news-1 .tab-box { margin-top: 20px; }
.news-1 .tab-box p { color: #6a6a6a;font-size: 14px;line-height: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 400px;}
.news-1 .tab-box p i { float: left;font-size: 14px; font-style: normal; margin-right: 13px; }

.xian { height: 2px; width: 59px; background: #0055a6; position: relative; left: 0px; margin-top: -2px; }
.none { display: none; }


/* 滑块 start */
#subjects {height:165px; background-color:#e0e2e4;margin:0 0 50px 0;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9; -webkit-transition:left 300ms, -webkit-opacity 700ms; transition:left 300ms, opacity 700ms;}
#subjects .g-wrap .item-1 {z-index:1; background-color:#F6E9D9;}
#subjects .g-wrap .item-2 {z-index:2; background-color:#ffd900;}
#subjects .g-wrap .item-3 {z-index:3; background-color:#FF653F;}
#subjects .g-wrap .item-4 {z-index:4; background-color:#555F82;}
#subjects .g-wrap .item-5 {z-index:5; background-color:#cccccc;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
#subjects .g-wrap .item-1 .p1 {left:0; top:0;}
#subjects .g-wrap .item-2 .p1 {left:0; top:0;}
#subjects .g-wrap .item-3 .p1 {left:0; top:0;}
#subjects .g-wrap .item-4 .p1 {left:0; top:0;}
#subjects .g-wrap .item-5 .p1 {left:0; top:0;}

/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}

/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}
#subjects .ready .item-4 {transition-delay:150ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;}
#subjects .ready .item-5 {transition-delay:150ms; -webkit-transition-delay:580ms; -ms-transition-delay:580ms; -moz-transition-delay:580ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:277px;}
#subjects .state-0 .item-3 {left:577px;}
#subjects .state-0 .item-4 {left:860px;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:390px;}
#subjects .state-1 .item-3 {left:633px;}
#subjects .state-1 .item-4 {left:882px;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:249px;}
#subjects .state-2 .item-3 {left:642px;}
#subjects .state-2 .item-4 {left:884px;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:244px;}
#subjects .state-3 .item-3 {left:493px;}
#subjects .state-3 .item-4 {left:884px;}
/* 指向第四个 */
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:233px;}
#subjects .state-4 .item-3 {left:488px;}
#subjects .state-4 .item-4 {left:739px;}
/* 滑块 end */




/* 没有指向
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:220px;}
#subjects .state-0 .item-3 {left:440px;}
#subjects .state-0 .item-4 {left:670px;}
#subjects .state-0 .item-5 {left:905px;}
/* 指向第一个
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:340px;}
#subjects .state-1 .item-3 {left:550px;}
#subjects .state-1 .item-4 {left:745px;}
#subjects .state-1 .item-5 {left:940px;}
/* 指向第二个
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:212px;}
#subjects .state-2 .item-3 {left:550px;}
#subjects .state-2 .item-4 {left:745px;}
#subjects .state-2 .item-5 {left:940px;}
/* 指向第三个
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:200px;}
#subjects .state-3 .item-3 {left:405px;}
#subjects .state-3 .item-4 {left:745px;}
#subjects .state-3 .item-5 {left:940px;}
/* 指向第四个
#subjects .state-4 .item-1 {left:0;}
#subjects .state-4 .item-2 {left:188px;}
#subjects .state-4 .item-3 {left:385px;}
#subjects .state-4 .item-4 {left:600px;}
#subjects .state-4 .item-5 {left:940px;}
/* 指向第五个
#subjects .state-5 .item-1 {left:0;}
#subjects .state-5 .item-2 {left:188px;}
#subjects .state-5 .item-3 {left:385px;}
#subjects .state-5 .item-4 {left:600px;}
#subjects .state-5 .item-5 {left:790px;}
/* 滑块 end */


#msgbar {
    height:40px;
	border:1px solid #ddd;
	border-top:0;
	margin-top:-4px;display:none;
}
.msgbar-ul {
    margin:0;padding:0;
    list-style-type:none;
    position:absolute;
}
.msgbar-ul li {
    margin:0;padding:0;
    display:block;
    height:18px; line-height:17px;
}

#content {
    background-color:#fff;
}
#maincontent {
    width:712px;
    float:left;
}
#sidebar {
    width:278px;
    float:right;
}

.areabar {
    border:1px solid #c3c6cb;
    background-color:#f8f8f8;
    font-size:0px;
    font-weight:bold;
	
    color:#133688;
}
.areabar .area {
    width: 80px;
    height: 28px;
    border-top: #d4d4d4 0px solid;
    border-left: #d4d4d4 1px solid;
    border-bottom: #d4d4d4 1px solid;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: url(colname_bj.jpg) repeat-x;
    color: #8a8a8a;
	display:inline-block;line-height:26px;
	border-bottom:0;vertical-align: top;
}

.areabar .selected {
    width: 80px;
    height: 26px;
    border-top: #ed070a 2px solid;
    border-left: #d4d4d4 1px solid;
    border-right: #d4d4d4 1px solid;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
	background:#fff;
	color:#747474;
	line-height: 24px;
	top:1px;
	position:relative;
}

.areabarlastselect{
    border-right: #d4d4d4 1px solid !important;
}

.areacontent {
    background-color:white;
}
.areacontent div {

}
.areacontent div span {
    display:block;
    line-height:22px;
}
.areacontent ul {
    list-style-type:none;
    list-style-image:none;
    margin:0;padding:0;
}
.areacontent ul li {
    height:24px; line-height:23px;
}
.area-more{
    float: right;
    position: relative;
    right: 10px;
    top: 6px;
    font-weight: normal;
}
.area-more:hover{
	color:#FF0000;
}

.newlist{overflow: hidden;border:1px solid #D4D4D4;border-top:0}
.newlist ul{padding:10px;}
.newlist a{
	font-size: 10.5pt;
    font-family: '宋体';
    text-decoration: none;
    color: #666666;
}
.newlist a:hover{
	color:#FF0000;
}
.newlist .new{
    padding: 0;
    display: inline;
    background: #E02929;
    font-size: 9px;
    padding: 0px 4px;
    margin-right: 5px;
    border-radius: 3px;
    color: #fff;float:right;
}
.newlist img{
	float:right;margin-right: 5px;
}
.newlist_top{padding:0 13px;display:block;}
.newlist_top div{height:44px;border-bottom:#c7c7c7 1px dashed;display:block;}
.newlist_top a{color:#ee0808; font-weight:bold; font-size:14px; line-height:44px}


.footer-box{
    width:100%;background:#ffffff;border-top: 1px solid #e0e0e0;margin:0 0 0 0;
}
.footer-top{
    width:1130px;margin:0 auto;position:relative;padding: 24px 0;
}
.footer-mid
{
    width:1130px;margin:0 auto;
}

.footer-l{display:inline-block;vertical-align: top;width:438px;}
.footer-c{display:inline-block;vertical-align: top;width:290px;}
.footer-r{display:inline-block;vertical-align: top;width:394px;}

.footer-l h4,.footer-r h4,.footer-mid h4
{
    color:#273b54;margin:0 0 7px 0;font-size:15px;
}
.footer-l p,.footer-r p,.footer-mid p
{
    font-size:13px;color:#666;margin:0 0 0 0;
}
.footer-r img{vertical-align: top;}
.footer-r span{
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0 13px;
    color: #273b54;
    line-height: 1.7;   
}
.footer-mid{overflow:hidden}
.footer-mid p{float:left;margin:0 20px 0 0}
.footer-mid p a
{
    font-size:13px;color:#666;
}
.footer-mid p a:hover
{
    color:Blue;    
}


.footer-btm{
    padding:24px 0;text-align:center;font-size:14px;color: #909090;
}
.footer-btm img{width: 15px;position: relative;top: 2px;margin: 0 5px 0 0;}
.footer-btm a{color: #909090;font-size:14px}




#leftmenu {
    vertical-align: top;
    width: 220px;
    display: inline-block;
	background:#F4F4F4;
}
#leftmenu a {
    font-size:15px;
    white-space:0.2em;
}
#contentbox {
    vertical-align: top;
    width: 720px !important;
    margin-left: 44px;
    display: inline-block;
}

.img-box{
    display: inline-block;
    width: 379px;
    height: 150px;
    background-size: cover !important;
}
.sgcontent{margin-left: 5px;font-size:10.5pt;font-family: '宋体';color:#666;}
.sgcontent p{font-size:10.5pt;font-family: '宋体';color:#666;}

.prev-page,
.next-page{background:#fff;color:#00479d;border:0;font-size: 16px;outline: none;cursor: pointer;display:none;}

.prev-page[reaonly],
.next-page[reaonly]{color:#b0b0b0;cursor: not-allowed;}

.prev-page+.next-page{margin:0 0 0 200px;}


.mF_classicHC .txt li{bottom:0 !important;top:auto !important;}
.mF_classicHC .num, .mF_classicHC .num_bg{bottom: 31px !important;}
.mF_classicHC_boxID img{height:245px;width:100%;}
.mF_classicHC .txt li{text-align:center;border:1px solid #d4d4d4 !important;border-right:0 !important;border-top:0 !important;background:#fff !important;width:343px !important;font-size:12px !important;height:30px !important;line-height:28px !important}