@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align:top;}
html{ overflow-x:hidden; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; }
:focus { outline:0; }

*::selection {background: #718665;color: #fbc740;text-shadow: none;}
*::-moz-selection {background: #718665;color: #f1c140;text-shadow: none;}
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: " ";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(images/icon.png) no-repeat;}
.fl{float: left;display: inline-block;}
.fr{float: right;display: inline-block;}
.opc{opacity:.6; filter:Alpha(opacity=60);}
.news_box{display: block;}
.news_box,.news_title,.news_time{transition: all 0.4s ease; }
/*css3扩展*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
}
::-webkit-input-placeholder { color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder { color:#ccc;}
:-ms-input-placeholder { color:#ccc;}
/**布局开始**/
body {line-height:1;font-size: 13px;font-family: "Microsoft YaHei";color:#333;/* overflow-x:hidden; */position: relative;}
/*body::-webkit-scrollbar{display: none;}*/
p{line-height:1.75;}
a {color:#3b3b3b; text-decoration:none; transition:all 0.4s ease-in-out; }
a:hover { color:#536847; }
div#header {
    /* height: 1295vh; */
}
div#header img {
    width: 100%;
}
.vi_list2 .sub-item:hover .ico {z-index: 99;border-radius: 10px;background: #f2ad22;}
.vi_menu .vi_list li.menu-item {  float: left;  width: 50%;text-align: left;}
.l-container .inner {}
#l-container .inner {  padding-top: 130px;  width: 1200px; margin: 0 auto;}
.vi_menu li.menu-item .menu-link { font-size: 28px;  display: inline-block;}
.vi_list .ico {
    float: left;
    width: 172px;
    height: 172px;
    display: inline-block;
    transition: 1s;
}
.vi_list .menu-item.i1 .menu-link .ico { background: url(lp.png);}
.menu-item.i2 .menu-link span.ico { background: url(meun2.png);}
.menu-item.i3 .menu-link span.ico{ background: url(lp.png);}
.menu-item.i4 .menu-link span.ico { background: url(meun2.png);}
.menu-item.i5 .menu-link span.ico{ background: url(lp.png);}
.menu-item.i6 .menu-link span.ico { background: url(meun2.png);}
.header .inner {
    width: 1200px;
    margin: 0 auto;
}
.vi_list .ico-name {
    height: 172px;
    display: block;
    float: right;
    padding-top: 55px;
    margin-left: 47px;
    color: #231815;
    line-height: 30px;
    font-size: 24px;
    transition: all 0.5s ease-in-out;
}

.vi_list .ico-name span {
    display: block;
    /* line-height: 86px; */
    text-align: left;
}

.vilist .sub-menu .sub-item {
    float: left;
    width: 33.3%;
    text-align: left;
}

.vilist .sub-menu .sub-item .sub-link {
    display: inline-block;
    padding-bottom: 200px;
    background: url(yin.png);
    background-position: top left;
    background-repeat: no-repeat;
    /* padding-bottom: 81px; */
}

.vi_list .sub-link .ico {
    background: url(sub2.png);
}
.vi_list2 .menu-link .ico-name {
    float: right;
    /* margin-left: 50px; */
    font-size: 30px;
    padding-top: 55px;
}

.vi_list2 .ico-name span {
    display: block;
}

.vi_list2 .ico_title {
    width: 125px;
    height: 172px;
    display: inline-block;
    text-align: center;
    line-height: 172px;
    font-size: 109px;
    font-weight: bolder;
}

.vi_list2 .ico {
    z-index: 10;
    width: 115px;
    height: 115px;
    display: inline-block;
    background: url(sub2.png) no-repeat;
    text-align: center;
    line-height: 115px;
    font-size: 47px;
    font-weight: bolder;

}
.vi_list2 .sub-link .ico-name {
    float: right;
    margin-left: 21px;
    font-size: 22px;
    padding-top: 37px;
    transition: 1s;
}
.vi_menu .vi_list2 li.menu-item .menu-link {
    margin-bottom: 141px;
    /* pointer-events: none; */
    transition: all 1s ease-in-out;
}
.vi_menu .vi_list  li.menu-item .menu-link {
    background: url(yin2.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-bottom: 48px;
}
.inner {
    margin: 0 auto;
}

div#l-container2 .inner {
    width: 1200px;
    margin: 0 auto;
}

.vilist2 .col_news .list2 .news {
    float: left;
    width: 33.3%;
    height: 480px;
}

.vilist2 .col_news .list2 .news .news_nz {
    padding-right: 100px;
}

.vilist2 .col_news .list2 .news .news_img img {
    width: 100%;
}
.vilist2 .col_news .news .news_con .cover {
    display: inline-block;
    width: 24%;
    float: left;
    font-size: 20px;
    color: #231916;
    padding-left: 44px;
    background: url(cover.png);
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.vilist2 .col_news .news .news_con .down {
    display: inline-block;
    width: 25%;
    float: left;
    font-size: 20px;
    color: #231916;
    padding-left: 48px;
    background: url(down.png);
    background-repeat: no-repeat;
    padding-bottom: 30px;
}

.vilist2 .col_news .news .news_con .down span {
    display: block;
}

.vilist2 .col_news .news .news_con .cover span {
    display: block;
}
.vilist2 .col_news .news .news_con {
    margin-top: 46px;
    margin-bottom: 40px;
    /* padding-left: 17px; */
}
.vilist2 .col_news .news_img {
    box-shadow: 16px 16px 24px -5px #ccc;
}


.vilist2 .col_tit {
    float: left;
    font-size: 65px;
    font-weight: bold;
}
.vilist2 ul.col_metas:hover {
    padding-left: 50px;
}

.vilist2 ul.col_metas {
    transition: 1s;
}

.vilist2 .col_name span {
    display: block;
    font-size: 21px;
    line-height: 23px;
}

.vilist2 .col_name {
    padding-top: 10px;
    padding-left: 104px;
    color: #333;
}

.vilist2 .col_news_head {
    margin-bottom: 20px;
}
.menu-item.i2 .menu-link:hover span.ico {
    background: url(op.png);
}
.menu-item.i1 .menu-link:hover span.ico {
    background: url(meun1.png);
}
div#l-container2 .inner {
    padding-top: 30px;
    padding-bottom: 30px;
}
.vi_menu .vi_list li.menu-item .menu-link:hover {
    transform: scale(1.1);
}


.main2 .inner {
    padding-top: 50px !important;
}

.vi_menu .vi_list2 li.menu-item .menu-link:hover {
    padding-left: 50px;
}

.vilist .sub-menu .sub-item .sub-link:hover { transform: scale(1.1);}
@media screen and (max-width: 1880px){.vi_list2 .sub-link .ico-name {
    margin-left: 15px;
}
.header .inner{  width: 85%;}
#l-container .inner {
    width: 85%;
}}
@media screen and (max-width: 1600px){
.header .inner, #l-container .inner {
    width: 89%;
}

    .vilist2 .col_news .list2 .news .news_nz{
    padding-right: 13%;
}
    .vilist .sub-menu .sub-item .sub-link{
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 116px;
}
    .vi_list2 .sub-link .ico-name{
    margin-left: 20px;
    /* width: 53%; */
}
}
@media screen and (max-width: 1400px){

    .vilist2 .col_news .news .news_con .cover{
    width: 23%;
}
    .vi_list2 .sub-link .ico-name{
    width: 60%;
}
}
@media screen and (max-width: 1200px){
    div#l-container2 .inner {
    width: 92%;
}
    .vilist2 .col_news .news .news_con .cover{
}
    .vi_list2 .sub-link .ico-name{
    padding-top: 15px;
    width: 50%;
}
}
@media screen and (max-width: 1100px){
    .vilist .sub-menu .sub-item{
    width: 50%;
}
}
@media screen and (max-width: 999px) {
    .vilist2 .col_news .list2 .news {
    width: 50%;
}
        .vilist .sub-menu .sub-item .sub-link{
    background: none;
    text-align: center;
}

div#l-container2 .inner {
    width: 90%;
}
    .vilist2 .col_news .news .news_con .down{
    /* width: 30%; */
}

    .vilist .sub-menu .sub-item{
    width: 50%;
    text-align: center;
}
.vi_list2 .sub-link .ico-name{
    /* width: 47%; */
    /* margin-left: 0; */
}
    .vi_menu .vi_list2 li.menu-item .menu-link{
    margin-bottom: 0px;
}
    #l-container .inner{
    width: 85%;
    padding-top: 100px;
}
    .vi_list .ico-name{
    /* float: none; */
    width: 100%;
    margin-left: 0;
    padding-top: 20px;
    height: auto;
}

}
@media screen and (max-width: 800px) {
    .vilist2 .col_news .list2 .news {
    width: 50%;
}
    .header .inner {
    width: 100%;
}
    .vi_list2 .sub-link .ico-name{
    width: 100%;
    margin-left: 0;
}
}
@media screen and (max-width: 700px) {
    .vilist2 .col_news .news .news_con .cover{
   width: 24%;
}}
@media screen and (max-width: 670px) {
    .vi_list2 .sub-link .ico-name{
    font-size: 20px;
    padding-top: 15px;
}

    .vi_list .ico-name span{
    text-align: center;
}
    #l-container .inner{
    padding-top: 50px;
}
    .menu-item .menu-link span.ico{/* margin-right: 47px; */float: none;}
    .vi_list .ico-name{
    width: auto;
    float: none;
    display: block;
    /* height: 172px; */
    padding-top: 15px;
    /* margin-left: 42px; */
    /* max-width: 28px; */
    text-align: center;
}
    .vilist ul.wp-menu{
    text-align: center;
}
    .vi_menu .vi_list li.menu-item{
    /* float: none; */
    /* display: inline-block; */
    margin: 0 auto;
    /* width: 100%; */
}
.vi_menu .vi_list li.menu-item .menu-link{
    width: 80%;
    padding-bottom: 80px;
    background: none;
    text-align: center;
}
}
@media screen and (max-width: 600px) {
.vilist2 .col_news .news_img {
    width: 100%;
    box-shadow: 1px 0px 14px -6px #ccc;
}

.vilist2 .col_news .list2 .news .news_nz {padding-right:0;
    width: 100%;
}
    .vilist2 .col_news .list2 .news{
    width: 100%;
    height: auto;
}}
@media screen and (max-width: 500px) {


        .vi_menu .vi_list li.menu-item{
  float: none;
     display: inline-block;
    margin: 0 auto;
   width: 100%; 
}
    .vilist2 .col_news .news .news_con .down{
    width: 20%;
    font-size: 20px;
}
    .vilist2 .col_news .news .news_con .cover{
    width: 24%;
    font-size: 20px;
}

    .vilist .sub-menu .sub-item .sub-link{
    text-align: center;
    padding-bottom: 80px;
}
    .vilist .sub-menu .sub-item{
    width: 100%;
    float: none;
}
}