﻿.subpage { margin:0px; padding:0}
.sub_menu { height: 75px; width: 100%; background: #fff; }
.sub_nav { position:relative;}
.sub_nav span { height: 18px; background: url(../images/home.png) no-repeat left 3px; padding-left: 20px; color: #999; font-size: 14px; display: block; position: absolute; right: 0px; top: 30px; }
.sub_nav span a { color: #666; font-size: 14px; }
.sub_nav span a:hover { color:#333; border-bottom:#333 1px dotted}
.sub_nav ul li { width: auto; height: 75px; line-height: 75px; float: left; padding-right: 0px; margin-right: 1px; }
.sub_nav ul li a { font-size: 18px; color: #333; height: 75px; line-height: 75px; display: block; width: auto; padding: 0px 30px; }
.sub_nav ul li a:hover,.sub_nav ul li.on a { background: #004dc1; color: #fff; }
.sub_nav ul li:last-child { background-image:none}

section { width: 100%; padding: 60px 0px; margin: 0px auto; }
.sub_title { display: block; width: 100%; color: #d8d8d8; max-width: 1240px; margin: 0px auto 60px auto; background:url(../images/sub_title_bg.png) no-repeat left bottom; padding-bottom:30px; }
.sub_title span { display: block; line-height: 40px }
.sub_title span.eng { font-size: 36px; }
.sub_title span.name { color: #004dc1; font-size: 36px; }

.sub_page { font-size:18px; line-height:35px; overflow: hidden; padding-bottom: 50px; color: #333; }
.sub_page img { width: auto; max-width: 1280px; margin: 20px auto; }

.about_list {padding:20px 0px 15px 0px; margin-bottom:30px; background:url(../images/sub_about_bg.png) no-repeat}
.about_list li { float: left; display: block; width: auto; background: url(../images/index_ax2.png) no-repeat right center; padding: 0px 4.75%; text-align: center; position: relative; }
.about_list li p.numb { color: #e20000; font-size: 36px; font-weight: bold; display: block; line-height: 36px; width: 100% }
.about_list li p.name { font-size: 14px; color: #ccc; display: block; line-height: 24px; width: 100% }
.about_list li p sup { color: #999; font-size: 14px; top: -20px; left: 5px }
.about_list li:last-child { background: none; padding-right: 0px; }

.piclist { margin-left: -35px; text-align: left; }
.piclist li { float: left; width: 390px; height: 340px; margin-left: 35px; overflow: hidden; }
.piclist li h4 { font-size: 18px; display: block; padding: 10px 50px 10px 20px; width: 100%; height: 60px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #fff; position: relative; }
.piclist li h4 span { font-size:24px; width:18px; height:18px; line-height:16px; text-align:center; display:block; position:absolute; right:20px; top:20px;}
.piclist li:hover h4 { background: #004dc1; color: #fff; }
.piclist li p { width: 390px; height: 250px; overflow: hidden; }
.piclist li p img {width:100%; height:100%; margin:0px; padding:0px; -moz-transition: all .6s ease 0s; -ms-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; -webkit-transition: all .6s ease 0s; overflow:hidden}
.piclist li:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

/*新闻*/
.sub_newslist li.box { background-color: #fff; float: left; margin: 0px 30px 30px 0px; }
.sub_newslist li:nth-child(3n).box { margin-right:0px;}
.sub_newslist li.box a { display: block; width:390px; padding: 30px; transition: all 0.3s ease 0s; cursor: pointer; }
.sub_newslist li.box img { display: block; width: 100%; }
.sub_newslist li.box .f18 { line-height: 26px; display: block; color: #004dc1; height: 52px; position: relative; overflow: hidden; font-size: 20px; }
.sub_newslist li.box a:hover { background-color: #004dc1; }
.sub_newslist li.box a:hover .f18 { color: #fff; }
.sub_newslist li.box .more { line-height: 24px; display: inline-block; padding-right: 16px; background: url(../images/ico.png) no-repeat right center; color: #333; margin-top: 19px; color: #333; font-size: 18px; }
.sub_newslist li.box a:hover .more { color: #fff; background: url(../images/ico_h.png) no-repeat right center; }
.sub_newslist li.box .date { line-height: 40px; color: #888; display: block; }
.sub_newslist li.box a:hover .word { color: #c2d0e4; }
.sub_newslist li.box a:hover .date { color: #82a0cb; }
.sub_newslist li.box .word { margin-top: 13px; width: 100%; display: block; color: #666; height: 90px; overflow: hidden; line-height: 30px; font-size: 16px; }
.sub_newslist li.box a:hover .word { color: #c2d0e4; }
.sub_newslist li.box .img { display: block; position: relative; width: 100%; margin:10px 0px; }
.sub_newslist li.box .img .bg-pic { width: 100%; margin-top: 0px; }
.sub_newslist li.box .img .up-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin:0px }

.news_top_title { padding: 0px; text-align: center; margin:0px auto 30px auto; }
.news_top_title h4 { font-size: 30px; line-height: 45px; text-align: center; display: block; padding-bottom: 40px }
.news_top_title p { background: #eaeaea; padding: 8px 0px; line-height: 24px; text-align: center; font-size: 16px }
.news_top_title p span { display:inline-block; margin:0px 10px}
.news_neirong { width:100%;}
.news_neirong img { width:auto; max-width:100%; margin:15px auto;}
.share { height: 60px; line-height: 60px; font-size: 14px; color: #666; position: relative; margin-top: 50px; border-bottom: #ddd 1px solid; border-top: #ddd 1px solid; overflow: hidden; padding: 15px 0px; }
.share span { position: absolute; left: 0px; top: 0px }

.news_other { width: 100%; display: block; margin: 0px; padding: 30px 0px;}
.news_other h4 { background: none; height: auto; padding-bottom: 5px; }
.news_other li { line-height: 35px; height: 35px; font-size: 18px; background: url(../images/ind_icon2.png) no-repeat left center; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_other li span { font-size:14px; color: #999; margin-left: 30px; }

.return {margin:30px auto 0px auto; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; background:#32a7f9;display:none}
.return a { color:#fff;}

.notice_list li { height: 120px; margin-bottom: 30px; position: relative; font-size: 12px; background: #fff; padding: 30px 30px 30px 150px; box-shadow: 0px 1px 3px #ccc; }
.notice_list li a i{display: inline-block;vertical-align:middle; margin:-1px 5px 0 -5px; width: 0px; height: 1px; background-color: #fff; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.notice_list li a:hover i{ width: 30px; background: #fff; }
.notice_list li span { width: 90px; height: 70px; padding: 5px 30px 0px 0px; border-right: #d9d9d9 1px dotted; position: absolute; left: 30px; top: 28px; text-align: left; font-size: 14px; color: #999; line-height: 30px; display: block; }
.notice_list li:hover { background: #004dc1 }
.notice_list li:hover span { color: #d6e5fc }
.notice_list li span b { font-size: 40px; display: block; font-weight: normal; color: #da251c; margin-bottom: 5px; }
.notice_list li a:hover span  b { color:#fff}
.notice_list li h4{ font-size: 18px; padding-bottom: 5px; color: #333; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms; line-height: 20px; }
.notice_list li:hover h4{text-indent:12px;transition:all ease 600ms; color:#fff}
.notice_list li p { line-height: 20px; font-size: 14px; height: 40px; overflow: hidden; }
.notice_list li p.m_date{ color: #999; line-height:30px; height:30px; display: block; font-size: 12px; color:#ccc; display:none }
.notice_list li p.m_date em { margin-right:10px}
.notice_list li:hover p{ color: #d6e5fc }
.notice_list li.last { margin-bottom:0px; border:0}

.bdsharebuttonbox a{transition: 0.6s; float: left; padding: 15.5px !important; margin: 0 10px 0 0 !important; font-size: 14px !important; color: #717171 !important; display: flex; align-items: center; justify-content: space-between; height: 31px !important; line-height: 31px !important; border-radius: 50% !important; background-position: unset !important;}
.bdsharebuttonbox a:last-child{margin: 0 !important;}
.bdsharebuttonbox .bds_more{padding: 0 !important; margin: 0 5px 0 0 !important; border-radius: 0% !important; background: transparent !important;}
.bdsharebuttonbox .bds_weixin{background: url("../images/share_ico1.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .bds_tsina{background: url("../images/share_ico2.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_qzone{background: url("../images/share_ico3.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_tqq{background: url("../images/share_ico4.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox .popup_renren{background: url("../images/share_ico5.png") #6e6e6e center no-repeat !important;}
.bdsharebuttonbox a:hover{background-color: #536072 !important;}
.pub_bdsharebuttonbox a:hover{background-color: transparent !important;}
.pub_bdsharebuttonbox .bds_weixin,.pub_bdsharebuttonbox .bds_weixin:hover{background-color: #3eb135 !important;}
.pub_bdsharebuttonbox .bds_tsina,.pub_bdsharebuttonbox .bds_tsina:hover{background-color: #df4d69 !important;}
.pub_bdsharebuttonbox .popup_qzone,.pub_bdsharebuttonbox .popup_qzone:hover{background-color: #eecf3d !important;}
.pub_bdsharebuttonbox .popup_tqq,.pub_bdsharebuttonbox .popup_tqq:hover{background-color: #45aaf2 !important;}
.pub_bdsharebuttonbox .popup_renren,.pub_bdsharebuttonbox .popup_renren:hover{background-color: #1361a7 !important;}

.awards-list{ padding: 0px; margin-bottom: 30px; }
.awards-list .row{margin-left:-.35rem;margin-right:-.35rem}
.awards-list .col{ padding: 26px 35px; width: 390px; background: #fff; float: left; margin: 0px 30px 30px 0px; }
.awards-list .col:nth-child(3n) { margin-right:0px}

.awards-list .honor-item{ padding: 0; text-align: center }
.awards-list .honor-item p{ font-size: 18px; line-height: 26px; color: #333; margin-bottom: 30px; margin-top: 10px; height: 2em }
.awards-list .honor-item img{position:relative;top:0;max-height:100%;-webkit-box-shadow:10px 30px 30px rgba(0,0,0,0.1);box-shadow:10px 30px 30px rgba(0,0,0,0.1);max-width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.awards-list .honor-item .imgbox{ display: table-cell; vertical-align: middle; height: 280px; }
.awards-list .honor-item .auto{margin-left:auto !important;margin-right:auto !important}
.awards-list .honor-item img:hover{top:-10px}


.job li{ width: 390px; height: 300px; padding: 30px; background: #fff; display: block; float: left; margin: 0px 30px 30px 0px; }
.job li:nth-child(3n) { margin-right:0px}
.job li span { display: block; margin-bottom: 5px; color: #666; font-size: 16px; line-height: 24px }
.job li span.date { font-size: 14px; color: #999; }
.job li span.title { font-size: 20px; color: #004dc1; padding-bottom: 10px }
.job li span.txt { height: 75px; overflow: hidden; margin-bottom: 15px }
.job li span.more { width: 99%; padding: 10px 0px; text-align: center; border: #ddd 1px solid; border-bottom: #ddd 2px solid; color: #333 }
.job li a:hover span.more { background: #004dc1; border: #004dc1 1px solid; border-bottom: #004dc1 2px solid; color: #fff; }

.job_xx li.name { font-size: 40px; color: #004dc1; padding-bottom: 15px; margin-bottom: 20px }
.job_xx li table { width: 100%; margin: 0px; padding: 0px; font-size: 16px }
.job_xx li table tr td.title { color: #fff; line-height: 50px; width: 129px; padding-left: 20px; background: #b0b0b0; border-bottom: #f5f5f5 1px solid; border-right: #f5f5f5 1px solid }
.job_xx li table tr td.txt { color: #333; width: 229px; padding-left: 20px; background: #e5e5e5; border-bottom: #f5f5f5 1px solid; border-right: #f5f5f5 1px solid; line-height: 50px; }
.job_xx li.txt { border-bottom: #ddd 1px solid; padding-bottom: 20px; margin-top: 20px; }
.job_xx li.txt h3 { font-size:20px; margin:20px 0; padding:0px;}
.job_xx li.more { padding-top:50px; text-align:center;}
.job_xx li.more a { padding:15px 70px;color:#fff; font-size:18px; margin:0px 10px; border-radius:10px}
.job_xx li.more a.blue{ background: #808080 }
.job_xx li.more a.red { background: #d90000; }

.leader {/* margin-left: -40px; */display: flex;flex-wrap: wrap;justify-content: space-between;}
.leader li {box-shadow: 0px 2px 5px rgba(188, 188, 188, 0.2);padding: 30px;background-color: #fff;width: 600px;min-width: 600px;/* height: 240px; */float: left;box-sizing: border-box;position: relative;margin: 0px 0px 40px 0;transition: all .6s ease 0s;-moz-transition: all .6s ease 0s;-ms-transition: all .6s ease 0s;-o-transition: all .6s ease 0s;-webkit-transition: all .6s ease 0s;}
.leader li div.img { width: 140px; height: 180px; overflow: hidden; float: left; margin: 0px 30px 0px 0px; }
.leader li div.img img { width:100%; height:100%; margin:0px; padding:0}
.leader li p {text-align: left; line-height:24px;text-overflow: ellipsis; padding:10px 0px 0px; font-size: 18px; }


.map {position:relative;min-width: 1240px; }
.map ul { margin: 0px auto; position: absolute; z-index: 100; width: 400px; top: 14%; left: 17%; padding: 40px 30px 20px 30px; background: #fff; border-radius: 10px; box-shadow: 2px 5px 5px #ddd; -moz-box-shadow: 2px 5px 5px #ddd; -ms-box-shadow: 2px 5px 5px #ddd; -webkit-box-shadow: 2px 5px 5px #ddd; }
.map ul li { line-height: 24px; font-size: 14px; }
.map ul li p { padding-bottom: 15px; line-height: 30px; }

#bmap{ width: 100%; height: 720px; min-width: 1240px; }
#bmap img{max-width:none;}
.BMap_bubble_content{max-width:380px;}
.BMap_bubble_content p{font-size:14px; color:#333; line-height: 180%;}
.BMap_bubble_content p:nth-of-type(1){font-size:14px; font-weight: bold; color: #004dc1; margin-bottom: 5px;}

@media only screen and (width: 1240px) {
.map ul {left:2%}
}
@media only screen and (width: 1366px) {
.map ul {left:5%}
}
@media only screen and (width: 1440px) {
.map ul {left:7%}
}
@media only screen and (width: 1600px) {
.map ul {left:11%}
}
@media only screen and (width: 1680px) {
.map ul {left:13%}
}


.page_numbers{ text-align: center; padding: 30px 0px 100px 0px; width: 100%; }
.page_numbers a.previous_page, .page_numbers a.next_page{ width: 70px; height: 36px; line-height: 36px; color: #888; text-align: center; font-size: 14px; }
.page_numbers a{ display: inline-block; height: 36px; line-height: 36px; width: 36px; background: #fff; text-align: center; font-size: 14px; color: #666; }
.page_numbers a:hover{ background: #d90000; color: #fff; }
.page_numbers a.cur{ background: #d90000; color: #fff; }

.indu_info { background: #fff; padding: 30px; box-shadow: 5px 5px 5px #eee; margin-bottom:40px; }
.indu_info p { text-indent:2em; font-size:18px; line-height:32px;}

.indu_tit { font-size:30px; line-height:30px; display:block; border-left:#004dc1 3px solid; padding-left:20px; margin-bottom:40px}
