@import url("vidage.css");
body, html {
    margin: auto;
    height: 100%;
    padding: 0px;
    text-align: center;
    position: relative;
    background: #ffffff;
    color: #333;
}
#com {
    height: 50px;
    position: relative;
    z-index: 10;
    background:#fff;
}
.com {
    height: 50px;
    background: #ffffff;
    line-height: 50px;
    font-size: 12px;
    color: #666;
}
.com .com-left { float: left; }
.com .com-right { float: right; }
.com ul li { float: left; }
.com ul li a { color: #999; }
.com ul li.xian {
    font-family: "宋体",Arial;
    line-height: 50px;
    padding: 0 10px;
}
#header {
    position:relative;
    z-index:100;
    height:100px;
    border-top:solid 1px #ebebeb;
    background:#ffffff url(../images/logo_back.jpg) 0px 0px no-repeat;
}
.head-left, .head-center, .head-right {
    float: left;
    height: 100px;
}
.head-left a {
    width:340px;
    height:100px;
    display:inline-block;
}
.head-left a img {
    margin-top:21px;
}
.head-center {
    width:860px;
}
.head-center ul {
    margin-left:50px;
}
.head-center ul li {
    float: left;
}
.head-center ul li a:first-child{
    display:block;
}
.head-center ul li a{
    line-height:100px;
    padding:0 25px;
    display:block;
    text-decoration:none;
}
.head-center ul li:hover a{
    background:#ffffff;
    color:#81B626;
}
.head-center ul li div.nav-box {
    position:absolute;
    background:#fff;
    z-index:100;
    display:none;
    border-top:solid 3px #81B626;
    padding:25px 0;
}
.head-center ul li:hover:not(:first-child) div.nav-box{
    display:block;
}
.head-center ul li div.nav-box a{
    line-height:30px;
    display:block;
    padding:0 35px;
}
.head-center ul li:hover div.nav-box a{
    color:#444;
}
.head-center ul li:hover div.nav-box a:hover{
    color:#81B626;
}
.head-center ul li:last-child {
        float:right;
}
.head-center ul li:last-child a {
        padding-left:10px;
        padding-right:10px;
}
.head-center ul li:last-child a img {
        display:inline-block;
        vertical-align:middle;
}


#quick-item {
    position:relative;
    z-index:1;
    height:100px;
    background:#81B626;
}
#quick-item ul li {
    height:100px;
    width:240px;
    float:left;
}
#quick-item .quick-div {
    height:140px;
    width:230px;
    padding:5px;
    background:#ffffff;
    margin-top:-280px;
    display:none;
}
#quick-item ul li a {
    width:100%;
    height:100%;
    display:block;
    color:#ffffff;
    text-decoration:none;
}
#quick-item ul li:hover {
    background:#ffffff;
}
#quick-item ul li a span {
    height:40px;
    display:block;
    line-height:40px;
    text-indent:50px;
    background:url(../images/quick_ico.png) no-repeat;
    margin:0 auto;
    position:relative;
    margin-top:30px;
}
#quick-item ul li a span.a1 {
    width:170px;
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px 0px;
}
#quick-item ul li:hover a span.a1 {
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -40px;
    color:#81B626;
}
#quick-item ul li a span.a2 {
    width:200px;
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -80px;
}
#quick-item ul li:hover a span.a2 {
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -120px;
    color:#81B626;
}
#quick-item ul li a span.a3 {
    width:200px;
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -160px;
}
#quick-item ul li:hover a span.a3 {
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -200px;
    color:#81B626;
}
#quick-item ul li a span.a4 {
    width:210px;
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -240px;
}
#quick-item ul li:hover a span.a4 {
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -280px;
    color:#81B626;
}
#quick-item ul li a span.a5 {
    width:140px;
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -400px;
}
#quick-item ul li:hover a span.a5 {
    background:url(../images/quick_ico.png) no-repeat;
    background-position:0px -440px;
    color:#81B626;
}
#news {
    margin-top:-50px;
    padding-top:50px;
}
#news .title ,#product .title,#case .title,#about .title {
    text-align: center;
    color: #444;
    padding: 50px 0;
}
#news .title span,#product .title span,#case .title span,#about .title span {
    font-size: 28px;
    font-weight: 100;
    padding:0 30px;
    display:inline-block;
}
#news .title p ,#product .title p,#case .title p ,#about .title p{
    padding-top: 5px;
    font-size: 14px;
    color: #848484;
}
#news ul,#case ul {
    margin-left:-16px;
}
#news ul li div,#case ul li div {
    width:290px;
    height:315px;
    background:#eee;
    margin-left:14px;
    float:left;
}
#news ul li p,#case ul li p {
    color:#444;
}
#news ul li p.n-img,#case ul li p.n-img {
    width:290px;
    height:190px;
}
#news ul li p.n-title {
    padding:15px 20px 0 20px;
    font-size:18px;
}
#news ul li p.n-intro {
    padding:5px 20px 0 20px;
    font-size:12px;
}
#news ul li p span {
    color:#81B626;
}
#news ul li a {
    text-decoration:none;
}
#news ul li a:hover div {
    background:#81B626;
}
#news ul li a:hover p,#news ul li a:hover p span {
    color:#fff;
}


#case ul li div {
    height:260px;
    margin-bottom:30px;
}
#case ul li p.n-title {
    padding:15px 20px 0 20px;
    font-size:16px;
    text-align:center;
}
#case ul li p.n-intro {
    padding:5px 20px 0 20px;
    font-size:12px;
}
#case ul li p span {
    color:#81B626;
}
#case ul li a {
    text-decoration:none;
}
#case ul li a:hover div {
    background:#81B626;
}
#case ul li a:hover p,#case ul li a:hover p span {
    color:#fff;
}
#case ul li p.p-img {
    padding:5px;
}
#case ul li p.p-img img {
    width:280px;
    height:185px;
}
.link-more {
    line-height: 100px;
    font-size: 12px;
    padding-bottom:20px;
    text-align:center;
}
.link-more a {
    color: #E70132;
}
a.home-more, span.home-more {
    padding:3px 20px 5px 20px;
    background:#81B626;
    border:solid 1px #81B626;
    color:#fff;
    display:inline-block;
    text-align:center;
    line-height:28px;
    margin:0 7px;
    font-size:14px;
    text-decoration:none;
    cursor:pointer;
}
a.home-more:hover, span.home-more:hover {
   
    background:#054479;
    border:solid 1px #054479;
    color:#fff;
}
#product,#about {
   background:#f5f5f5;
}
#product ul,#about ul {
    margin-left:-14px;
}
#product ul li div,#about ul li div {
    width:593px;
    height:320px;
    background:#eee;
    margin-left:14px;
    float:left;
}
#product ul li p.n-title {
    padding:15px 20px 0 20px;
    font-size:18px;
}
#product ul li p.n-intro {
    padding:5px 20px 0 20px;
    font-size:12px;
}
#product ul li a {
    text-decoration:none;
}
#product ul li a:hover div {
    background:#81B626;
}
#product ul li a:hover p,#product ul li a:hover p span {
    color:#fff;
}
#about ul li div {
    background:#f5f5f5;
}
#about {

}

.pagination{
	position: relative;
    z-index: 100;
    text-align:center;
    margin-left:-10px;
}
.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #81B626;
    margin-left:10px;
    opacity:1;
}
.swiper-pagination-bullet-active {
    background: #054479;
}

#footer {
    width:100%;
    background:#054479;
    border-top:solid 10px #81B626;
    margin-top:40px;
    padding-bottom:30px;
}
.footer-l, .footer-r {
    float:left;
    margin-right:25px;
    color:#CDDAE4;
}
.footer-l a, .footer-r a {
    color:#698FAF;
    text-decoration:none;
}
.footer-l a:hover, .footer-r a:hover {
    color:#fff;
}
.footer-l p, .footer-r p{
    color:#CDDAE4;
    font-size:14px;
}
.footer-l ul li, .footer-r ul li, .footer-right ul li{
    color:#698FAF;
    padding-top:10px;
}
.footer-r {
    margin-left:10px;
    padding-left:30px;
    border-left:solid 1px #698FAF;

}
.footer-r ul li img {
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            opacity: 0.5;
            cursor: pointer;
        }

            .footer-r ul li img:hover {
                filter: alpha(opacity=100);
                -moz-opacity: 1;
                opacity: 1;
            }
.link { 
    margin-top:30px;
    margin-bottom:30px;
}
.link .margin-w {
    border-top:dotted 1px #698FAF;
    border-bottom:dotted 1px #698FAF;
    padding:20px 0;
}
.link b {
    font-weight:100;
    color:#CDDAE4;
}
.link a {
    color:#698FAF;
    text-decoration:none;
    margin-right:5px;
}
.link a:hover {
    color:#ffffff;
}
.copy {
    margin-top:30px;
    color:#698FAF;
    text-align:center;
}




#banner {
    background:#333;
}
#video, #video_wrapper {
    width: 100% !important;
}
.jw-tab-focus {
    outline: 0 !important;
}
#video_container {
    z-index:99;
    text-align:center;
    position:absolute;
    height:550px;
    width:100%;
}
#video_container .video_title {
    padding:10px 15px 15px 10px;
    color:#fff;
    font-size:30pt;
    margin:0 auto;
    margin-top:320px;
    text-shadow:1px 1px 5px #000;
}
#video{
    height:500px;
    background:url(../images/video-prew.jpg) center center no-repeat;
}
#video_container .video_go {
    padding:10px 25px;
    color:#fff;
    display:inline-block;
    border:solid 1px #054479;
    border-radius:100px;
    float:right;
    font-size:16px;
    margin-top:30px;
}
#video_container .video_go.red {
    border:solid 1px #fff;
    color:#fff;
    cursor:pointer;
    right:0;
}
#video_container .video_go.red:hover {
    border:solid 1px #81B626;
    background:#81B626;
}
#banner-page {
    height:300px;
}
#product_display {
    width:800px;
    margin:0 auto;
    text-align:left;
}
#product_display {
    width:800px;
    margin:0 auto;
    text-align:left;
}
#display {
    text-align:left;
}
#display .map {
    padding:30px 0;
    border-bottom:solid 1px #eee;
    text-align:right;
}
#display .map i {
    font-style:normal;
    float:left;
    color:#054479;
}
#display .map b {
    font-family:"宋体";
    margin:0 10px;
    font-weight:100;
}
#display .content {
    padding-top:40px;
    line-height:28px;
}
#display .content .content-left,#display .content .content-right {
    float:left;
}
#display .content .content-left {
    width:310px;
    background:#fff;
}
#display .content-left ul.may-like-box {
            margin:0;
}
#display .content-left ul.may-like-box li {
            padding:0;
}
#display .content-left ul.may-like-box li div {
           padding-top:15px;
            display:block;
            width:100%;
            text-align:center;
}
#display .content-left ul.may-like-box li:last-child div {
           padding-bottom:15px;
}
        #display .content-left ul.may-like-box li:hover {
            background:#f5f5f5;
        }
        #display .content-left ul.may-like-box li div img {
            background:#fff;
            display:inline-block;
            width:280px;
        }
        #display .content-left ul.may-like-box li i{
            display:block;
            width:100%;
            float:left;
            width:300px;
            margin-left:20px;
            font-style:normal;
        }
#display .content .content-right {
    width:790px;
    padding:0 50px;
}
#display .content img {
    
    max-width:790px;
}
#display .content h4,#display .content .content-right h4 {
    font-size:14px;
    color:#054479;
    font-weight:bold;
    border-bottom:solid 1px #eee;
    padding:10px 0;
    margin-bottom:10px;
}
#display .content h4 a,#display .content .content-right h4 a {
    font-weight:100;
    display:inline-block;
    padding:2px 15px;
height:20px;
line-height:20px;
    float:right;
    border-radius:100px;
    background:#81B626;
    color:#fff;
    text-decoration:none;
font-size:12px;
}
#display .content h1 {
    font-size:28px;
    color:#81B626;
    font-weight:100;
    border-bottom:solid 1px #eee;
    padding:10px 0;
    margin-bottom:10px;
}
#display .content .hot {
    text-align:right;
    padding-bottom:20px;
}
#display .content .content-right ul li {
    text-align:right;
    border-bottom:dotted 1px #ccc;
    padding:5px 0;
}
#display .content .content-right ul li a {
    float:left;
}
#navigation {
    height:80px;
    line-height:80px;
    background:#f5f5f5;
}
#navigation ul li {
    float:left;
}
#navigation ul li a {
    padding:0 30px;
    border-left:solid 1px #ccc;
    text-decoration:none;
}
#navigation ul li:first-child {
    padding-left:0px;
    border-left:solid 0px #444;
}
#navigation ul li ul {
    display:none;
    position:absolute;
    z-index:101;
    background:#fff;
}
#navigation ul li:hover a {
    border-left:solid 1px #fff;
}
#navigation ul li ul li,#navigation ul li ul li:first-child {
    float:none;
    border-left:none;
    background:#fff;
    line-height:30px;
    padding:0 26px;
}
#navigation ul li:hover ul li a {
    padding:5px;
    background:#fff;
}
#navigation ul li:hover {
    background:#fff;
}
#navigation ul li:hover ul {
    display:block;
    padding:20px 0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.anchorBL{display:none}

.iw_poi_content img {
    margin:0 auto;
}
#display #container {
    width:100%;height:500px;
    margin-bottom:40px;
}
#display .person {
    padding-bottom:40px;
    margin-left:-30px;
}
#display .person-list-box {
    width:380px;
    height:186px;
    background:#fff;
    margin-left:30px;
    float:left;
    margin-top:30px;
}
#display .person-list-box .person-inbox {
    margin:20px;
}
#display .person-inbox img,#display .person-memo {
    float:left;
}
#display .person-memo {
    width:200px;
    line-height:24px;
    margin-left:20px;
}
#display .content-year-box {
    border-top:solid 1px #eee;
    border-bottom:solid 1px #eee;
    background:#ffffcc;
    padding:20px;
    margin-bottom:10px;
    text-align:center;
}
#display .content-year-box a {
    display:inline-block;
    padding:3px 45px;
    background:#81B626;
    color:#fff;
    text-decoration:none;
    margin-right:30px;
    border-radius:100px;
}
#display .content-year-box a:hover {
    background:#054479;
}
#display .content-year-list {
    padding-bottom:15px;
}

.pro-next-menu {
    background:#f5f5f5;
    border-bottom:solid 1px #eee;
    text-align:center;
}
.pro-next-menu a {
    padding:10px 0 12px 0;
    display:inline-block;
    margin-left:20px;
    margin-right:20px;
}
/* 头部新闻 */

.hot-news { height: 160px; margin: 0; padding-bottom: 20px; border-bottom: solid 1px #ddd; }
.hot-news dt { width: 240px; margin-right:15px; float: left; line-height: 24px; overflow: hidden; text-align:center; }
.hot-news dt img {
    width:226px;
    height:150px;
    background:#eee;
    padding:5px;
}
.hot-news dd { width: 520px; float: left; padding-top:15px; font-size: 13px; line-height: 28px; color: #666; }
.hot-news dd span { padding-left: 20px; display: block; font-size: 12px; background: url(../images/hot_news_icon.gif) left 50% no-repeat; }
.hot-news dd a { color: #363636; font-size: 18px; display: block; }
.hot-news dd a:hover { text-decoration: underline; }


a.media {
    display:block;
}

.remark {
    margin-top:20px;
}

.left-box {
    background:#f5f5f5;
}
.left-box .label-box {
    padding:20px;
    font-size:12px;
}
.left-box .label-box a {
    margin-right:5px;
}
.left-box .contact-a {
    text-align:center;
    padding:10px;
}
.content-left h1 {
    margin-top:20px;
    margin-right:20px;
    height:26px;
    text-indent: 10px;
    border-bottom:solid 1px #eee;
    font-weight:bold;
    font-size:14px;
}
ul.left-list {
    padding:10px;
}
ul.left-list li {
    line-height:34px;
    font-size:12px;
    background:url(../images/pro_li_hover.jpg) repeat-x;
    text-indent:20px;
    font-weight:100;
    border-bottom:solid 1px #ddd;
}

ul.left-list li dl {
    padding:10px;
    background:#fff;
    border-top:solid 1px #ddd;
}
ul.left-list li:first-child dl {
}
ul.left-list li dl dd {
    line-height:24px;
    background:#fff;
    text-indent:35px;
    font-weight:100;
}
ul.left-list li ul {
    display:none;
}
ul.left-list li:hover ul {
    display:block;
}
ul.left-list li ul li {
    text-indent:44px;
    background:#ffffff;
    border-bottom:dotted 1px #ddd;
}
.left-box.padding {
    padding:15px 15px 15px 15px;
}
.left-box input[type=text] {
    width:185px;
    padding:0 5px;
    height:30px;
}
.left-box input[type=submit] {
    height:34px;
    width:80px;
    margin-left:-1px;
}

.hover_tab {
    text-align:center;
}
.hover_tab a {
    width:15px;
    height:15px;
    border-radius:100px;
    display:inline-block;
    background:#81B626;
    margin:0 2px;
}
.hover_tab a.current {
    background:#054479;
}

#fiexd_ad_one {
    bottom: 260px;
    right: 10px;             /*举例右边3像素*/
    position:fixed;    
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FDDC92;
    width: 200px;    
    background-color:gold;
    z-index:1001;
}