@charset "utf-8";

html {
 background: #ffffff ;
 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;
background:#f3f6f9; 
}

#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: 190px;
 z-index: 999999999;
 position:fixed; 
background: #800; 
 top: 0;
 left: 0;
 transition: 0.4s ease-in-out;
 
}

.head {  width: 80%;  height: 123px; margin: 0 auto; 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: #c7c6c6; font-size: 14px; margin: 0 12px;}
.head-links p a:hover { color: #fff;}
.head-links p .en {}

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

.nav { width: 100% ; height: 50px;  background: #eee;}
.nav li { float: left; font-size: 20px; position: relative; line-height: 42px;}
.nav li a { color: #fff; display: block; padding: 0 40px;}
.nav li a.hover { color: #269a16; border-top: 2px solid #269a16; background: #fff; line-height: 40px;}
.nav li ul { background: #FFF; position: absolute; top: 42px; width: 170px; z-index: 2; padding: 5px 0; display: none;}
.nav li.li3 ul { width: 340px;}
.nav li ul li { float: none; display: block; padding: 0; margin: 0;}
.nav li.li3 ul li { float: left; width: 170px;}
.nav li ul li a { border-top: 0px; line-height: 24px; padding: 8px 15px; color: #ffffff; font-size: 15px; text-align: left;}
.nav li ul li a:hover { background: #269a16; color: #fff;}
.nav1 { padding-top: 30px; margin-right: 15px; float: left;}
.nav1 li { float: left; font-size: 20px; position: relative; line-height: 42px;}
.nav1 li a { display: block; padding: 0 20px;}
.nav1 li a.hover { color: #005e5d; border-top: 2px solid #005e5d; background: #f4f4f4; line-height: 40px;}
.nav1 li ul { background: #f4f4f4; position: absolute; top: 42px; width: 170px; z-index: 2; padding: 5px 0; display: none;}
.nav1 li ul li { float: none; display: block; padding: 0; margin: 0;}
.nav1 li ul li a { border-top: 0px; line-height: 24px; padding: 8px 15px; color: #333; font-size: 15px; text-align: left;}
.nav1 li ul li a:hover { background: #005e5d; color: #fff;}

.ibanner { width: 100%; height: auto; position: relative; background: #ffffff; overflow: hidden}
.ibanner .slick-slider { display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
 user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.ibanner .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.ibanner .slick-list:focus { outline: none;}
.ibanner .slick-list.dragging { cursor: pointer; cursor: hand;}
.ibanner .slick-slider .slick-track,
.ibanner .slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);}
.ibanner .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.ibanner .slick-track:before,.ibanner .slick-track:after { display: table; content: '';}
.ibanner .slick-track:after { clear: both;}
.ibanner .slick-loading .slick-track { visibility: hidden;}
.ibanner .slick-slide { display: none; float: left; min-height: 1px; position: relative;}
.ibanner .slick-slide a { display: block; width: 100%; }
.ibanner .slick-slide img { width: 100%; height: auto; display: block;}
.ibanner .slick-slide h2 { position: absolute; bottom: 0; height: 70px; line-height: 70px; color: #ffffff; width: 90%; padding: 0 5%; 
font-size: 18px; }
.ibanner .slick-slide.slick-loading img { display: none;}
.ibanner .slick-slide.dragging img { pointer-events: none;}

.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}

.ibanner .slick-dots { position: absolute; right: 20px; bottom: 20px; z-index: 99999; width: 100%; text-align: center}
.ibanner .slick-dots .slick-active { width: 12px; height: 12px; background: #fff; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: center}
.ibanner .slick-dots li { display: inline-table; width: 12px; height: 12px; border: 1px solid #fff; border-radius: 12px; -moz-border-radius: 12px;
 text-align: center; cursor: pointer; margin-right: 20px;}
.ibanner .slick-dots button { background: none; border: none; font-size: 18px; color: #ffffff;}
.ibanner .slick-prev,.ibanner .slick-next { display: block; position: absolute; width: 70px; height: 100px; top: 50%;
 font-size: 0; border: 0; outline: none; cursor: pointer; z-index: 9999999;}
.ibanner .slick-active { left: 0; opacity: 1; -moz-transform: rotate(0deg) scale(1); -o-moz-transform: rotate(0deg) scale(1);
 -o-moz-transform: rotate(0deg) scale(1); -webkit-moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1);
 animation: lxfpic; -moz-animation: lxfpic; -webkit-animation: lxfpic; -o-animation: lxfpic; display: block;
 animation-duration: 60s;
 animation-timing-function: linear;
 animation-delay: 1s;
 animation-iteration-count: infinite;
 -webkit-animation-duration: 60s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-delay: 1s;
 -webkit-animation-iteration-count: infinite;}

.ibanner .slick-prev {
 left: 0;
 background: url("../images/banner_prev.png") center no-repeat;
}

.ibanner .slick-next {
 right: 0;
 background: url("../images/banner_next.png") center no-repeat;
}

.main-tit {
 line-height: 39px;

 height: 32px;
 border-bottom: 0px solid #bfbfbf;
 padding: 10px 15;
}

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

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

.main-tit h6 span {
 font-size: 14px;
 margin-top: 10px;
 margin: 0 7px;
 text-transform: uppercase;
}

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


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

.main-list li a {
 display: block;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

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



.Zhong {margin-top:190px;}

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

.index-row1 .c .inner {margin: 20 20 0 20px; overflow: hidden;}
.index-row2 .c .inner {margin: 10 20px; overflow: hidden;}
.index-row3 .c .inner {margin: 10 20; height: 370px; overflow: hidden;}

.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 .main-tit{background:#fff; border-bottom: 1px solid #bfbfbf;}

.index-row1 .c .main-list { margin-top: 0px;background:#fff; padding:10 15 15 15;}
.index-row1 .c .main-list li {border-bottom: 1px dashed  #ccc;border-width: 1px;}
.index-row1 .c .main-list li a{line-height: 40px; }


.index-row2 {height: auto;  padding-bottom: 0px; background:#; }
.index-row2 .c1 .main-list li,
.index-row2 .c2 .main-list li { line-height: 32px; border-bottom: none; background: url(../images/icon07.png) left center no-repeat;}
.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: 10%; -o-border-radius: 10%; vertical-align: center;
 text-align: center; display: block; float: left;  margin-right: 15px; border: px solid #; background:#080;}
.index-row2 .c .inner ul li .linkimg img { margin-top: 0px;}
.index-row2 .c .inner ul li a { line-height: 22px;}
.index-row2 .c .inner ul li a .text { margin-top: 22px;}

.index-row3 .c1 { width: 50%;  float: left; overflow: hidden;}
.index-row3 .c2 { width: 50%;  float: right; overflow: hidden;}
.index-row3 .c1 .inner { background:#fff; }
.index-row3 .c2 .inner { background:#fff; }


 .slideBox1 {
 position: relative;
 width: 100%;
 overflow: hidden;
 margin: 15 15 15 15;
}

 .slideBox2 {
 position: relative;
 width: 100%;
 overflow: hidden;
 margin: 15 15 15 15;
}


.slideBox1 .bd {
 margin-top: 0px;
 position: relative;
 z-index: 0;
 width: 95%;

}

.slideBox2 .bd {
 margin-top: 0px;
 position: relative;
 z-index: 0;
 width: 95%;

}


.slideBox1 .bd li {
 position: relative;
 height: 63px;
}


.slideBox1 .bd li a {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}



.footer {
 font-size: 14px;
 color: #fff;
 line-height: 34px;
 background:url(../images/footerbg.png) no-repeat center top; background-size:cover; 

 padding: 50px  50px ;
}
.copyright{margin-left: 50px; margin-top: 10px;}
.copyright p{line-height:40px;background: url(../images/icon06.png) no-repeat left center; padding-left: 35px;}
.copyright p+p{background: url(../images/icon07.png) no-repeat left center;}
.copyright p+p+p{background: url(../images/icon08.png) no-repeat left center;}
.copyright p+p+p+p{background: url(../images/icon09.png) no-repeat left center;}
.footer .footer_left {
 width: 50%;
 float: left;
}

.footer .footer_left img {
 width: 400px;
}


.footer .footer_right {
 width: 50%;
 float: right;
 font-size: 14px;
 color: #ffffff;
 line-height: 30px;
 position: relative
}
.footer .footer_right .link,.footer .footer_right .ewm{margin-left: 80px;}
.footer .footer_right .link .tit04{font-size: 20px; font-weight: bold;}
.footer .footer_right .link ul{margin-left: 15px;}
.footer .footer_right .link ul li{width: 100px; line-height: 35px; float: left;}
.footer .footer_right .link ul li a{ display:block; color: #fff;}

.footer .footer_right .ewm{margin-top: 30px;}

.footer .footer_right .ewm li {
 float: left;
 width: 100px ;height: 100px;
  text-align: center;
}

.footer .footer_right .ewm li img {
 display: block;
 margin: 0px auto;
}

.footer .footer_right .ewm span {
line-height: 35px; 
color : #fff;
}

.footer .footer_right .ewm li:hover img {
 opacity: 1;
}

.footer1{background: #555; text-align: center; color: #fff; font-size:14px;line-height: 38px;}

.ban{ text-align:center; margin:0 auto; margin-top:140px;}
.ban img{display: block; width: 100%}

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

.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; }
.accordion .nav-link a{ display: block; color:#fff;}
.accordion .nav-link:hover{  color: #fff !important; font-size:16px; }
.accordion .nav-link:hover a{ font-size:16px; }
.currentnav{ background:#008888 !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; }


.ny{ width:1200px; margin:0 auto; padding: 0 5%}
.ny_left{ float:left; width:18%;}
.ny_right{ float:right; background:#fff; width:76%; margin-top: 10px; 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:10 0 10 25px; 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}