@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() 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 {}
div#header img {
    width: 100%;}
.vi_list2 .sub-item:hover .ico {z-index: 99;border-radius: 10px;background: #203e6e;color: #fff !important;}
.vi_menu .vi_list li.menu-item {  float: left;  width: 50%;text-align: center;}
.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.jpg);}
.menu-item.i2 .menu-link span.ico { background: url(meun2.jpg);}
.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: 100px;
    background: url(yin1.jpg);
    background-position: top left;
    background-repeat: no-repeat;}

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

.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;
    color: #203e6e !important;;
}

.vi_list2 .ico {
    z-index: 10;
    width: 113px;
    height: 113px;
    display: inline-block;
    background: url(sub2.jpg) no-repeat;
    text-align: center;
    line-height: 115px;
    font-size: 47px;
    color: #203e6e !important;;
    font-weight: bolder;}
.vi_list2 .sub-link .ico-name {
    float: right;
    margin-left: 18px;
    font-size: 22px;
    padding-top: 15px;
    transition: 1s;
    OVERFLOW: HIDDEN;
}
.vi_menu .vi_list2 li.menu-item .menu-link {
    margin-bottom: 50px;
    /* pointer-events: none; */
    transition: all 1s ease-in-out;}
.vi_menu .vi_list  li.menu-item .menu-link {
    background: url(yin2.jpg);
    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.jpg);
    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.jpg);
    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;}
.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.jpg);}
.menu-item.i1 .menu-link:hover span.ico {
    background: url(meun1.jpg);}
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;}
}
@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{}

    .vilist .sub-menu .sub-item{
    width: 50%;
    text-align: center;}
.vi_list2 .sub-link .ico-name{}
    .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;}
.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;}
}