@charset"utf-8";
  @media screen and (min-width: 769px){
.iframe-y {
  height: 375px !important;
}}

/*left*/
.left { width: 100%; height: 91px; border-bottom: 1px solid #eeeded;}
.left .left_nav { width: 1200px; height: 104px; margin: 0 auto;}
.left .left_nav ul { width: 870px; height: 104px; float: left;}
.left .left_nav ul li { float: left; width: 145px; height: 104px;}
.left .left_nav ul li a { display: block; width: 180px; height: 100px; font-size: 14px; color: #666; text-align: center; }
.left .left_nav ul li a span { float: left; width: 180px; text-align: center; font-size: 12px; color: #666; line-height: 24px; margin-top: 32px;}
.left .left_nav ul li a:hover { background: url("../images/left_bg.png") no-repeat center; color: #FFF;}
.left .left_nav ul li a:hover span { color: #FFF;}
.left .left_nav ul li .left_currentNav { background: url("../images/left_bg.png") no-repeat center; color: #FFF;}
.left .left_nav ul li .left_currentNav span { color: #FFF;}

.left .left_nav ul .copra { float: left; width: 200px; height: 91px;}
.left .left_nav ul .copra a { display: block; width: 210px; height: 100px; font-size: 14px; color: #666; text-align: center; line-height: 91px;  }
.left .left_nav ul .copra a:hover { background: url("../images/left_bg2.png") no-repeat center; color: #FFF;}
.left .left_nav ul .copra .left_currentNav { background: url("../images/left_bg2.png") no-repeat center; color: #FFF;}

.left .left_nav ul .left_culture { float: left; width: 180px; height: 91px;}
.left .left_nav ul .left_culture a { display: block; width: 186px; height: 100px; font-size: 14px; color: #666; text-align: center; line-height: 91px;  }
.left .left_nav ul .left_culture a:hover { background: url("../images/left_bg1.png") no-repeat center; color: #FFF;}
.left .left_nav ul .left_culture .left_currentNav { background: url("../images/left_bg1.png") no-repeat center; color: #FFF;}

.left .left_nav ul .left_product a { display: block; width: 150px;}
.left .left_nav ul .left_product a span { float: left; width: 145px; margin-top: 18px;}

.left .left_nav .bread {  float: right; height: 91px; font-size: 14px; color: #666; line-height: 91px; text-align: right;}
.left .left_nav .bread a { font-size: 14px; color: #666;}
.left .left_nav .bread .current_title { color: #21317c;}

/*about_content*/
.about_content { width: 100%; float: left; padding-bottom: 80px; background: #f9f8f8;}
.about_content h2 { width: 1200px; margin: 0 auto; height: 135px; padding-top: 25px;}
.about_content h2 span { display: block; }
.about_content h2 .sp1 { height: 100px; border-bottom: 1px solid #ececec; font-size: 56px; line-height: 100px; color: #21317c; font-weight: bold;  padding-left: 40px;}
.about_content h2 .sp2 { height: 34px; line-height: 48px; font-size: 20px; font-family: Arial; color: #cbcbcb; padding-left: 45px;}
.about_content h2 .sp3 { height: 34px; line-height: 48px; font-size: 14px; color: #666; padding-left: 45px;}

.about_content .about_message { width: 1200px; margin: 0 auto;  margin-top: 40px;}
.about_content .about_message .zc { width: 550px; float: left; margin-top: 56px;}
.about_content .about_message .zc span { display: block; width: 141px; font-size: 14px; text-align: center; color: #666; }
.about_content .about_message .zc .zc_nei { width: 141px; height: 140px; float: left; margin-left: 50px; margin-right: 90px;}
.about_content .about_message .zc  .counter { font-size: 56px; font-weight: bold; color: #666; }
.about_content .about_message .zc .zb { float: left; width: 141px; height: 140px; }

.about_content .about_message .zc .jj_video { float: left; width: 542px; margin-top: 70px; margin-left: 10px;}
.about_content .about_message .jj_nei { width: 542px; float: left; margin-left: 90px; height: 800px; overflow-y: scroll; line-height: 24px; font-size: 14px; color: #666;}

/*contact_content*/
.contact_content { width: 100%; margin: 0 auto; padding-bottom: 30px; height: 610px; overflow: hidden;  background: #f9f8f8;}
.contact_info { width: 1200px; height: 610px; margin: 0 auto;}
.contact_info .contact_desc { width: 537px; height: 610px; float: right; position: relative; z-index: 1}
.contact_info .contact_desc .contact_name { width: 56px; height: 294px; float: left; background: url("../images/lxwm.png") no-repeat; text-align: center;  margin-top: 206px;}
.contact_info .contact_desc .contact_name span { display: block; width: 39px; height: 120px; margin-top: 84px; font-size: 24px; line-height: 29px; margin-left: 8px; color: #FFF; text-align: center;}
.contact_info .contact_desc .desc_nei { width: 481px; height: 610px; float: left; background: #FFF;}
.contact_info .contact_desc .desc_nei .desc_info { width: 481px; height: 226px; text-align: center; border-bottom: 1px dashed #e0e0e0;}
.contact_info .contact_desc .desc_nei .desc_info p { font-size: 14px; color: #999; }
.contact_info .contact_desc .desc_nei .desc_info p a { font-size: 14px; color: #999;}
.contact_info .contact_desc .desc_nei .desc_info .desc_title { font-size: 18px; color: #333; margin-bottom: 20px; padding-top: 64px;  }
.contact_info .contact_desc .desc_nei .desc_zl { width: 461px; height: 190px; border-bottom: 1px dashed #e0e0e0;display: inline-flex;}
.contact_info .contact_desc .desc_nei .desc_zl .zl {  margin-left: 25px; text-align: center;}

.contact_info .contact_desc .desc_nei .desc_zl .zl p { font-size: 14px; color: #666; line-height: 24px;}
.contact_info .contact_desc .desc_nei .desc_zl .zl img { padding-top: 22px;}
.contact_info .contact_desc .desc_nei .desc_form { width: 382px; margin: 0 auto; height: 194px;}
.contact_info .contact_desc .desc_nei .desc_form .faqline input{ width: 380px; height: 40px; border: 1px solid #f0efef; border-radius: 10px; background: #f9f8f8; color: #999; line-height: 40px; margin-bottom: 10px; margin-top: 15px;}
.contact_info .contact_desc .desc_nei .desc_form .Content input{ width: 380px; height: 70px; border: 1px solid #f0efef; background: #f9f8f8; color: #999; margin-bottom: 5px; border-radius: 10px;}
.contact_info .contact_desc .desc_nei .desc_form .faqline1 input { BORDER: #dedede 1px solid;WIDTH: 58px; height:28px; float: right;  margin-left: 14px; background: #FFF;}
.contact_info .contact_desc .desc_nei .desc_form .faqline2 input { width: 62px; height: 27px; cursor: pointer; border: none; font-size: 14px; text-align: center; line-height: 22px; background: #2c3b82; color: #FFF; border-radius: 12px; margin-top: 5px;}
.map { width:100%;height:610px; margin: 0 auto; position: relative; top: -611px; z-index: 0!important;}
.map .bing { height: 610px; width: 100%; overflow: hidden;}
.MicrosoftMap { float: left; width: 100%!important; height: 610px!important;}
.MicrosoftMap .Infobox .infobox-title { margin-right: 14px!important;}

/*zzjg*/
.ryzz_message { width: 1200px; margin: 0 auto;}
#lxf-box{ position:relative;width:1200px; margin:0 auto;}
#lxf-box a{ display:block; width:235px;background:#fff;}
#lxf-box .zzry{ position:absolute;text-align:center; left:0px;top:0;width:235px;}
#lxf-box .zzry{ -webkit-transition:all 1s ease-out 1s;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-out 1s;transition:all 1s ease-out 1s }
#lxf-box img{ display:block;border:0;}

/*wp-pagenavi*/
.wp-pagenavi { CLEAR: both; text-align: center; margin-top: 40px;}
.wp-pagenavi A { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;}
.wp-pagenavi SPAN { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none;}
.wp-pagenavi A:hover { BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;}
.wp-pagenavi SPAN.current { BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;}
.wp-pagenavi SPAN.current { FONT-WEIGHT: bold;}
/*pageNavi*/
.pageNavi{ width: 1200px; margin: 0 auto; display: block; margin-bottom: 40px;}
.pageNavi a { text-decoration: none;}
.pageNavi a:hover { text-decoration: none;}
.pageNavi_shouji { width: 100%; float: left; margin-top: 2rem;}
.pageNavi_shouji a { text-decoration: none;}
.pageNavi_shouji a:hover { text-decoration: none;}
.pageNavi_shouji .wp-pagenavi  { line-height: 2.8rem;}


.jq22-container { margin-top: 50px; }
#div1 { margin: auto; position: relative; }
.box { float: left; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; box-shadow: 0 0 8px #ccc; }
.box:hover { box-shadow: 0 0 10px #999; }
.box img { width: 240px; }


/*anli*/
.anli { width: 1200px; margin: 0 auto; margin-bottom: 30px; padding-top: 50px;}
.anli .anli_list { width: 1200px; height: 375px;  margin-bottom: 60px;}
.anli .vd { float: left; width: 553px; height: 375px;}
.anli_nei { width: 574px; height: 350px; float: left; margin-top: 35px; margin-left: 48px; position: relative;}
.anli .anli_list .anli_nei .num { width: 120px; margin-bottom: 40px; font-size: 100px; line-height: 85px; font-weight: bold; color: #21317c; }
.anli .anli_list img { float: left;}
.anli .anli_list embed { float: left; width: 510px;}
.anli .anli_list .anli_nei h3 { width: 564px; margin: 0 auto; height: 68px; border-bottom: 1px dashed #cfcfcf; line-height: 32px; font-size: 28px; color: #21317c; font-weight: bold;}
.anli .anli_list .anli_nei .desc { width: 564px; height: 100px; font-size: 14px; margin-top: 44px; line-height: 24px; color: #666666;}
.anli .anli_list .anli_nei a {display: block; width: 44px; width: 100px; line-height: 44px; font-size: 14px; color: #21317c; text-align: left; background: url("../images/mr.png") no-repeat right center; position: absolute; bottom: 0; right: 0;}
.anli .anli_content { width: 1000px; margin: 0 auto; margin-top: 20px; line-height: 28px; font-size: 14px; color: #666;}
.al_video {width: 553px;float: left;}
/*anli1*/
.anli_nei1 { width: 574px; float: left; margin-top: 24px; margin-left: 48px;  position: relative; }
.anli_nei1 h3 { width: 564px; margin: 0 auto; height: 68px; line-height: 32px; border-bottom: 1px dashed #cfcfcf; color: #21317c; font-size: 20px; font-weight: bold;}
.anli_nei1 h3 .num { display: block; font-size: 70px; color: #21317c; font-weight: bold;  position: absolute; right: 0; top: -19px;}
.anli_nei1 .desc { margin-top: 10px; font-size: 12px; color: #666; line-height: 24px; height: 265px; overflow: hidden;overflow-y:scroll;padding-right:20px}
.anli_nei1 .desc  img { margin: 0 auto;}




/*history_nei*/
.history_nei { width: 1200px; margin: 0 auto; padding-bottom: 217px;}
.history_nei .events { width: 1060px; height: 309px; margin: 0 auto; background: url("../images/history.png") no-repeat center; margin-top: 200px; position: relative;}
.history_nei .events ul li { float: left; width: 342px; height: 185px; background: url("../images/history_tag.png") no-repeat bottom center; cursor: pointer; position: relative; top: -170px;}
.history_nei .events ul li .event_nei { width: 0px; height: 0px; display: none; opacity: 0 }
.history_nei .events ul li .event_nei .time { width: 342px; height: 35px; background: #2c3b82; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.history_nei .events ul li .event_nei .time span { float: left; margin-left: 14px; font-size: 14px; color: #FFF; height: 35px; line-height: 35px; }
.history_nei .events ul li .event_nei .desc { width: 312px; height: 70px; float: left; margin-left: 10px; margin-top: 24px; font-size: 14px; color: #666; overflow-y: scroll}
.history_nei .events ul li:hover { height: 185px;  }
.history_nei .events ul li:hover .event_nei { display: block; opacity: 1; transition: 3s; -webkit-transition:width 3s; }
.history_nei .events ul li .event_title { font-size: 20px; color: #d9d9d9; width: 342px; text-align: center; position: absolute; bottom: -36px;}
.history_nei .events ul .event_b { position: relative; top: -61px;}
.history_nei .events ul .event_a { display: none;}

/*culture*/
.culture { width: 1200px; margin: 0 auto;}



/*anli*/
.product_list { width: 100%;background: #f9f8f8; float: left; padding-bottom: 30px;}
.product_content { width: 1200px;  margin: 0 auto; padding-bottom: 60px;}
#gallery-wrapper { max-width: 100%; width: 100%; margin:0 auto;}
img.thumb {  height: auto; }
.white-panel { width: 23%; height: 323px; float: left; margin-right: 12px; margin-bottom: 30px; position: relative; cursor: pointer;}
.product_list .cp4,.product_list .cp8 { margin-right: 0;}
.white-panel .mt{ height:323px; width:283px;display: table-cell;vertical-align:middle; text-align: center;}
.white-panel .md-trigger:hover { cursor: pointer; }
.white-panel h2 {width: 103%; height: 53px; line-height: 53px; background: #21317c; opacity: 0.8; position: absolute; bottom: 0;}
.white-panel h2 a { float: left; height: 53px; line-height: 53px; font-size: 18px; color: #FFF; margin-left: 24px;}
.white-panel:hover h2 { display: block; opacity: 0.8; transition: 1.5s; -moz-animation: 1.5s; -moz-animation-delay: 1.5s; background: #333;}
.white-panel p { width: 248px; font-size: 14px; color: #999; line-height: 24px; float: left; margin-left: 20px;}
.white-panel .panel_m { float: left;  position: absolute; bottom: 50px; left: 0; width: 100%; height: 25px; background: #ccc; text-align: center; line-height: 25px; font-size: 14px; color: #FFF;}
.white-panel .panel_m:hover { background: #2591f6;}
.md_pic { float: left; width: 600px; height: 579px; padding-left: 29px; padding-top: 28px;}
.md_content { float: left; width: 531px; height: 579px; padding-left: 40px; padding-top: 28px;}
.md_content table { width:80%!important;}
.md_title { width: 384px; height: 152px; background: url("../images/md_title.jpg") no-repeat bottom center;  }
.md_title span { display: block;}
.md_title .sp1 { font-size: 24px; font-weight: bold; padding-top: 35px; }
.md_title .sp2 { font-size: 12px; font-weight: bold;}

.canshu { width:531px; height: 400px; position: relative;}
.tab { width: 531px; height: 400px;  }
.tab .tab-hd { width: 94px; height: 151px; position: absolute; right: 0; top: 80px;}
.tab .tab-hd li {  display: block; cursor: pointer; float: left; width: 94px; height: 59px; line-height: 59px; color: #2c3b82; text-align: center; font-size: 14px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: #FFF;}
.tab .tab-hd .active { display: block; cursor: pointer; float: left; width: 94px; height: 59px; line-height: 59px;  text-align: center; font-size: 14px; color: #FFF;  border-top-left-radius: 10px; border-bottom-left-radius: 10px; background: #2c3b82;}
.tab .last { margin-bottom: 32px;}

.tab-bd { width: 531px; height: 400px;}
.tab-bd li { width: 375px; height: 380px; margin-top: 30px; font-size: 14px; color: #FFF; line-height: 24px; overflow-y: scroll;}


/*news*/
.news_nei { width: 1200px; margin: 0 auto;}
.news_nei .news_title { width: 1200px; height: 60px; font-size: 24px; color: #333; margin: 0 auto;  text-align: center; border-bottom: 1px solid #deedde; padding-bottom: 20px; padding-top: 60px;}
.news_nei .news_content { width: 1000px; margin: 0 auto; font-size: 14px; line-height: 28px; margin-top: 50px; color: #666; padding-bottom: 30px;}
.bdsharebuttonbox { width: 300px; float: right;}

.upnexttitle { width: 1000px; margin: 0 auto; text-align: left; font-size: 14px; margin-bottom: 10px; color: #666; }
.upnexttitle a { font-size: 14px; width: 80%; color: #666;}
.upnexttitle a:hover { color: #333;}


/*rongyu*/
.rongyu_nei { width: 1200px; margin: 0 auto; padding-top: 80px;}
.rongyu_nei  .rycp{  float: left; text-align: center; margin-bottom: 42px; margin-left: 72px; width:200px;}
.rongyu_nei  .rycp .mt{ display: block; vertical-align: middle; overflow: hidden; text-align: center}
.rongyu_nei  .rycp p{ height: 36px; line-height: 36px;}
.rongyu_nei  .rycp p a{ color: #565656; font-size: 14px;}
.rongyu_nei  .rycp:hover p { background: #0164bd; }
.rongyu_nei  .rycp:hover p a { color: #FFF;}

/*sitemap*/
.sitemap { width: 1200px; margin: 0 auto; height: 646px; padding-top: 50px;}
.table1 { text-align: center; width: 1100px; float: left; height: auto; margin-left: 60px;}
.table1 .th1 { float: left; margin-top: 20px; }
.table1 .th1 .td1 { float: left; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #2c3b82; font-size: 16px; color: #FFF;}
.table2 { width: 900px; float: left; margin-left: 30px;}
.table2 .th2 { float: left; width: 250px; height: 40px; line-height: 40px;font-size: 14px; margin-right: 20px; margin-bottom: 10px;}
.table2 .th2 .td2 { float: left; width: 250px; height: 40px; line-height: 40px; color: #565656; border: 1px solid #dedede;}
.table2 .th2 .td2:hover { border: 1px solid #2c3b82; color: #2c3b82}

@media all and (min-width: 0px) and (max-width: 767px){
    /*about*/
    .about_content {padding-bottom: 40px!important;}
    .about_content h2 { width: 100%;}
    .about_content h2 .sp1 { float: left;}
    .about_content h2 .sp2 { float: left;}
    .about_content .about_message { width: 100%;}
    .about_content .about_message .zc { width: 100%; margin-top: 0;}
    .about_content .about_message .zc .counter { font-size: 40px;}
    .about_content .about_message .zc .zc_nei { margin-left: 32px; margin-right: 10px; height: 60px;}
    .about_content .about_message .zc span { height: 35px;}
    .about_content .about_message .zc .zb { height: 60px;}
   .about_content .about_message .zc .jj_video { width:90%;margin: 0 auto;float: none;padding: 100px 0 30px;}.about_content .about_message .zc .jj_video iframe{width:330px;height:186px;display:block;margin:0 auto}
    .about_content .about_message .zc .jj_video object { width: 320px;}
    .about_content .about_message .zc .jj_video object embed { width: 320px;}
    .about_content .about_message .jj_nei { width: 94%; margin-left: 3%; margin-top: 10px; }

    .about_content h2 .sp1 { width:88%}
 .x-video-title{
position: initial;
disaplay:none !important;}
.al_video{width:100%}.al_video iframe{width: 330px;margin: 0 auto;height: 180px;display: block;}
    /*zizhi*/
    .about_content h2 .sp1 { font-size: 28px; height: 74px; line-height: 80px;}
    .about_content h2 .sp3 { width: 274px; line-height: 24px; float: left; height: 50px; margin-top: 10px;}
    .zizhi_list { width: 100%;}
    .zizhi_list ul li { width: 45%;margin-top: 20px; float: left; text-align: center; border: 1px solid #dedede;margin-left:2%;margin-right:2%;}
    .zizhi_list ul li a { display: block;}
    .zizhi_list ul li a img { width: auto;height: 250px;max-width: 100%;}
    .zizhi_list ul .zizhi1 a img{height: 160px;}
    .zizhi_list ul .zizhi2 a img{height: 160px;}
    .zizhi_list ul .zizhi3 a img{height: 160px;}
    .zizhi_list ul .zizhi4 a img{height: 160px;}
    .pageNavi a { color: #565656;}

    /*fenzhijigou*/
    .anli { width: 100%;}
    .anli .anli_list { width: 100%;}
    .anli_nei { width: 94%; height: 276px; margin-left: 3%;}
    .anli .anli_list .anli_nei h3 {font-size: 20px; height: 44px; width: 100%;}
    .anli .anli_list .anli_nei .desc { width: 100%;}
    .anli .anli_content { width: 94%; margin-left: 3%;}

    /*history*/
    .about_content h2 .sp3 { display: none}
    .history_nei { width: 100%; padding-bottom: 20px;}
    .history_nei .sj_events { width: 94%; margin-left: 3%;}
    .history_nei .sj_events ul li {  width: 100%; line-height: 24px; margin-bottom: 10px;}
    .history_nei .sj_events ul li h3 {font-size: 16px; color: #055bac; font-weight: bold}

    /*product_list*/
    .product_list { padding-top: 40px;}
    .product_content { width: 100%;}
    .white-panel { width: 169px; height: 196px;  margin-right: 7px;  margin-left: 4px; margin-bottom: 45px;}
    .white-panel .mt { width: 169px; height: 132px;}
    .product_content .cp2,.product_content .cp4,.product_content .cp6,.product_content .cp8,.product_content .cp10 {  margin-right: 0; margin-left:0 }
    .white-panel h2 { height: 36px;}
    .white-panel h2 a { height: 36px; line-height: 36px; font-size: 14px;}

    .md-content { width: 100%!important;}
    .md_pic { width: 100%;}
    .md_title .sp1 { font-size: 20px;}
    .tab-bd { width: 100%; height: 260px;}
    .tab-bd li { width: 100%; height: 260px;}
    .md_title .sp2 { display: none;}

    /*anli*/
    .anli_nei1 { width: 94%; margin-left: 3%;}
    .anli_nei1 h3 { width: 100%; font-size: 16px; height: 44px;}
    .anli_nei1 h3 .num { top: 0; font-size: 49px;}
    .anli .anli_list { float: left; height: auto;}
    .anli .anli_list embed { width: 90%; height: 183px; margin-left: 5%;}
    .anli .anli_list .anli_pic { width: 90%; float: none; margin: 0 auto; height: 183px; }
    .anli_nei1 .desc { height: auto;}
    .rongyu_nei { width: 100%;}

    .culture { width: 94%; margin-left: 3%; padding-bottom: 50px;}

    .contact_content {height: 770px}
    .contact_info { width: 100%; height: auto;}
    .contact_info .contact_desc { width: 100%; height: auto; position: static;}
    .contact_info .contact_desc .desc_nei { width: 100%; height: auto;}

    .contact_info .contact_desc .desc_nei .desc_info { width: 100%; }
.contact_info .contact_desc .desc_nei .desc_zl{display:none;}
    .contact_info .contact_desc .desc_nei .desc_form { width: 94%; margin-left: 3%; height: 210px;}
    .contact_info .contact_desc .desc_nei .desc_form .faqline input { width: 90%;}
    .contact_info .contact_desc .desc_nei .desc_form .Content input { width: 90%;}
    .contact_info .contact_desc .desc_nei .desc_form .faqline1 input { margin-right: 40px;}
    .map { height: 300px; top: 20px;}
    .map .bing { height: 300px;}

    .news_nei { width: 100%; padding-bottom: 20px;}
    .news_nei .news_title { width: 90%; line-height: 32px;height: auto; text-align: left;}
    .news_nei .news_content { width: 94%;}

    .upnexttitle { width: 90%;}
    .wp-pagenavi { line-height: 32px;}
    .anli .vd { float: left; width: 90%; margin-left: 5%; height: 210px;}

    .pageNavi{ width: 90%;}

}