@charset "utf-8";

html {

 font-size: 62.5%;
 }

#vsb_content_7 p {
 font-size: 17px!important
}

#vsb_content_7 .vsbcontent_end {
 font-size: 17px!important
}

body {
 font-size: 14px;
 font-size: 1.4rem;
 
 color: #1f1f1f;
 font-family: 'Microsoft YaHei', SimSun, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

#adu0 {
 z-index: 9999999999999999!important;
}

html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dl,dt,li,tbody,
td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,
img,kbd,q,samp,small,span,strong,sub,sup,tt,var,legend,fieldset {
 margin: 0; padding: 0;
 -webkit-font-smoothing: subpixel-antialiased;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

fieldset,
img {
 border: 0;
}

a {
 outline: none;
 blr: expression(this.onFocus=this.blur());
 text-decoration: none;
 color: #1f1f1f;
}

a:hover {
 color: #cc0000;
 text-decoration: none;
}

input[type='button'] {
 outline: none;
 border: 0 none;
 background-color: transparent;
 cursor: pointer;
}

address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: 400;}
ul,ol,li { list-style: none outside none;}
.imghover { cursor: pointer; transition: all 0.6s;}
.imghover:hover { transform: scale(1.2);}
.w1200 { width: 1200px; margin: 0 auto; overflow: hidden;}
.fl { float: left;}
.md { float: left;}
.fr { float: right;}
.clearfix { *zoom: 1; clear: both;}
.clearfix:after { content: ''; display: block; clear: both;}
.clear { width: 100%; overflow: hidden;}

.header {
 width: 100%;
 height: 140px;
 z-index: 999999999;
 position:fixed; 
 top: 0;
 left: 0;
 transition: 0.4s ease-in-out;

}


.head {  width: 96%; height: 125px; padding: 1% 2% 0 2%; z-index: 10; }
.logo { padding: 0px ;}
.logo img { display: block;  height: 100px;}
.logo2 { padding: 10px 0;}
.logo2 img { display: block;}

.head-r {}
.head-links { margin-top: 12px; margin-bottom: 5px; padding: 0 40px 0 0; overflow: hidden;}
.head-links p { float: right; font-size: 12px; height: 30px; line-height: 30px; color: #c7c6c6;}
.head-links p a { color: #fff; font-size: 15px; margin: 0 12px;}
.head-links p a:hover { color: #fff;}
.head-links p .en {}

.soBox { float: right; position: relative; /*width: 200px;*/ height: 30px; padding-left : 20px;}

.nav { width: 100% ;margin-top: 30px;}

.banner { width: 100%; height: auto; margin-top:140px;  position: relative; background: #ffffff; overflow: hidden}

.main-tit h6 {
 font-size: 20px;
 font-weight: 400;}

.main-tit h6 img {
 margin-right: 15px;
}


.main-tit h6 span {
 font-size: 14px;
 margin: 10 10 10 10;
text-transform: capitalize;
color: #aaa;
}


.main-tit .more {
 font-size: 14px;
  float: right;
}
.main-tit .more:hover{color: #cc0000;}


.main-list li {
 line-height: 30px;
 padding-left: 10px;
}

.main-list li a {
 display: block;

}

.main-list li .date {
 margin-left: 15px;
 float: right;
 color: #269a16;
 font-size: 20px;
}

.index-row1,
.index-row2,
.index-row3,
.index-row4{
 margin: 0 0 0 0;
font-size: 11pt;
}

.index-row1{
background:#fff;
padding-bottom : 20pt;}

.index-row1 .c,
.index-row2 .c,
.index-row3 .c,
.index-row4 .c {
 margin: 0px 0 10px 0;
}

.index-row0 .c .inner,
.index-row1 .c .inner,
.index-row2 .c .inner,
.index-row3 .c .inner,
.index-row4 .c .inner {
 margin: 0 10 0 10px;
 overflow: hidden;
}


.index-row1 .main-tit { line-height: 39px; height: 32px; border-bottom: 1px solid #ccc; padding: 10 10;}
.index-row2 .main-tit { line-height: 39px; height: 32px; border-bottom: 0px solid #ccc; padding: 10 10;}
.index-row3 .c0 .main-tit { line-height: 39px; height: 32px; border-bottom: 1px solid #fff; padding: 10 10 ;}
.index-row3 .c1 .main-tit { line-height: 39px; height: 32px; border-bottom: 1px solid #555; padding: 10 10 ;}
.index-row3 .c2 .main-tit { line-height: 39px; height: 32px; border-bottom: 1px solid #555; padding: 10 10 ;}
.index-row4 .main-tit { line-height: 39px; height: 32px; border-bottom: 0px solid #aaa; padding: 10 10;}

.index-row1 .c0 { float: left; width: 33.3%; }
.index-row1 .c1 { float: left; width: 33.3%; }
.index-row1 .c2 { float: left; width: 33.3%; }
.index-row1 .c3 { float: left; width: 33.3%; }

.index-row1 .c0 .main-list,
.index-row1 .c1 .main-list,
.index-row1 .c2 .main-list,
.index-row1 .c3 .main-list { margin-top: 10px;}

.index-row1 .c1 .main-list li a,
.index-row1 .c2 .main-list li a,
.index-row1 .c3 .main-list li a{line-height: 40px; border-bottom: 1px dashed #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}




.index-row2 {height: auto;  padding-bottom: 0px; background:#fff; }

.index-row2 .c1 .main-list li,
.index-row2 .c2 .main-list li { line-height: 32px; border-bottom: none; }
.index-row2 .c .inner ul li { width: 15.6%; margin-left: 12px; transition: all 0.6s; padding: 20px 0px 5px 0; float: left; display: inline;}
.index-row2 .c .inner ul li .linkimg { width: 60px; height: 60px; border-radius: 50%; -o-border-radius: 50%; vertical-align: center;
 text-align: center; display: block; float: left;  margin-right: 15px; border: 0px solid #; background: #060;}
.index-row2 .c .inner ul li .linkimg img { width: 100%; height: 100%; margin-top: 0px;}
.index-row2 .c .inner ul li a { line-height: 22px;}
.index-row2 .c .inner ul li a .text { margin-top: 18px;}

.index-row3 .c0 { width: 50%; height: auto; float: left; overflow: hidden;}
.index-row3 .c1 { width: 50%; height: auto; float: left; overflow: hidden;}
.index-row3 .c2 { width: 50%; height: auto; float: right; overflow: hidden;}

 .index-row3 .c0 .inner .bd {
  margin: 0 10 15 10px;
 position: relative;
 z-index: 0;
 width: 95%;
 height: auto;
}
 .index-row3 .c1 .inner .bd {
  margin: 15 15 15 15px;
 position: relative;
 z-index: 0;
 width: 95%;
 height: auto;
}
 .index-row3 .c2 .inner .bd {
 margin: 15 15 15 15px;
 position: relative;
 z-index: 0;
 width: 95%;
 height: auto;
}

.index-row4{background: #f3f6f9;}


.f_bj {width:100%; height:320px; background: #555;}
.bottom {width:1300px;height:300px; margin: 0 auto; padding-top:20px; background: #;}
.bottom .f_1 {width:300px; float: left; padding: 10px;}
.bottom .f_2 {width:200px; float: left; padding: 10px;}
.bottom .f_3 {width:200px; float: left; padding: 10px;}
.bottom .f_4 {width:200px; float: left; padding: 10px;}
.bottom .f_5 {width:300px; float: left; padding: 10px;}
.bottom .f_1 p ,.bottom .f_2 ul li a ,.bottom .f_4 ul li a ,.bottom .f_5 ul li {
font-size:11pt; color:#eee;
line-height:30px;}
.bottom .name {height:35px; line-height:35px; font-size:18px; color:#eee; text-align:left ;border-bottom: 0px solid #fff; padding-top: 20px; }
.bottom .f_3 img {width:180px;}
.bottom .f_5 .name {margin-left: 60px;} 
.bottom .f_5 li { float: left;   text-align: center;}
.bottom .f_5 li img {width: 80px ;height: 80px; display: block; }
.bottom .f_5 span {line-height: 35px; font-size: 11pt; color : #eee;}
.bottom .f_5 li:hover img { opacity: 1;}

.ny_left_top{ height:60px; width:100%; color:#FFF; margin-top:20px; font-size:24px; font-weight:bold; text-align:center; line-height:60px; margin-bottom:2px; position:relative; z-index:100000000;}

.sidenav{ overflow:hidden; display:block; width:100%; }
.accordion { width:100%; }
.accordion .nav-link {display: block;  padding-left:25px; height:53px; line-height:53px;  color:#fff; outline:none; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; font-size:16px; border-bottom: 1px solid #fff;}
.accordion .nav-link a{ display: block; color:#fff;}
.accordion .nav-link:hover{  color: # !important; font-size:16px; }
.accordion .nav-link:hover a{ font-size:16px; }
.accordion .nav-link.hover{  color: # !important; font-size:16px; }
.accordion .nav-link.hover a{ font-size:16px; }
.currentnav{ background:#930 !important; color: #fff !important; }

.nav-link1{ width:40px; height:53px; line-height:53px; cursor: pointer; position:absolute; top:0; right:3px;}
.accordion li{  position: relative; font-size:16px; border-bottom:1px solid #e6e5e5; background:#888888; overflow:hidden;  }
.accordion li:last-child .nav-link { font-size:16px; }
.accordion li i { display:block; width:20px; height:30px;  position: absolute;top:12px;right: 12px;font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li.open .nav-link { color: #fff !important; background:#005e5d; font-size:16px;  }
.accordion li.open .nav-link a{color: #fff !important; font-size:16px; }
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.sidemenu {display: none; font-size:14px !important; background:#f6f6f6; border-top:none; padding:10px 0;}
.sidemenu li { background:#f6f6f6; font-size:14px !important;border-bottom:none;}
.sidemenu a { display: block;font-size:14px !important;text-decoration: none; padding:8px 8px; padding-left:30px; -webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; }
.sidemenu a.on{color:#005e5d; background:#fff; border-left:3px solid #269a16; padding-left:30px !important; }
.sidemenu a:hover {color:#005e5d; background:#fff; border-left:3px solid #269a16; padding-left:30px !important; }


.ban{ text-align:center; margin:0 auto; margin-top:140px;}
.ban img{display: block; width: 100%}
.ny{ width:1200px; margin:0 auto; padding: 0 5%}
.ny_left{ float:left; width:18%;}
.ny_right{ float:right; background:#fff; width:76%; padding:2% 2% 2% 2%;}
.ny_right1{ background:#fff; width:90%; margin:0 auto; padding:2%}
.ny_right_con{ line-height:34px !important; padding-top:10px; min-height:500px;}
.ny_right_top{ border-bottom:1px solid #e7e7e7;}
.nytit{ background:url("../images/icon4.png") 7px 16px no-repeat; line-height:30px; padding-left:25px; padding-top:10px; padding-bottom:10px; float:right; font-size: 14px;}
.nytit a{ padding-right:7px;}
.nytit1{ height:30px; line-height:30px; float:left; overflow:hidden;  font-size:20px; font-weight:400; padding:2 10 ; margin-top: 8px;}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}