@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:#fff; 
}

#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: #222;
}

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: 700;}
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: 168px;
 z-index: 999999999;
 position:fixed; 
background: #eee; 
 top: 0;
 left: 0;
 transition: 0.4s ease-in-out;
border-bottom: 3px solid #088;
 }

.head {  width: 100%;  height: 123px; margin: 0 auto; padding: 0 0 0 0; z-index: 10; }
.logo { padding: 35 0 0 100px ;}
.logo img { display: block;  height: 70px;}
.logo2 { padding: 10px 0;}
.logo2 img { display: block;}
.head-r {}
.head-links { width:100%; position: relative;  margin-top: 0px; margin-bottom: 0px; padding: 0 0 0 0; overflow: hidden; background:#333;   }
.head-links p {float: right;  font-size: 12px; height: 30px; line-height: 30px; color: #fff;}
.head-links p a { color: #fff; font-size: 14px; margin: 0 12px;}
.head-links p a:hover { color: #fff;}

.soBox {  float: right;  width: 20%; height: 30px;  }


.nav{ overflow: hidden; position: relative; top: 39px; right:100px;}
.nav li{ float: left; width: 72px; height: 103px; background: no-repeat top center; background-size: 100% auto; margin-left: 20px;}
.nav li a{ display: block; width: 100%; height: 100%;}
.nav li.nav1{ background-image: url(../images/nav_1q.png);}
.nav li.nav1.active,.nav li.nav1:hover{ background-image: url(../images/nav_1.png);}
.nav li.nav2{ background-image: url(../images/nav_2q.png);}
.nav li.nav2.active,.nav li.nav2:hover{ background-image: url(../images/nav_2.png);}
.nav li.nav3{ background-image: url(../images/nav_3q.png);}
.nav li.nav3.active,.nav li.nav3:hover{ background-image: url(../images/nav_3.png);}
.nav li.nav4{ background-image: url(../images/nav_4q.png);}
.nav li.nav4.active,.nav li.nav4:hover{ background-image: url(../images/nav_4.png);}
.nav li.nav5{ background-image: url(../images/nav_5q.png);}
.nav li.nav5.active,.nav li.nav5:hover{ background-image: url(../images/nav_5.png);}
.nav li.nav6{ background-image: url(../images/nav_6q.png);}
.nav li.nav6.active,.nav li.nav6:hover{ background-image: url(../images/nav_6.png);}
.nav li.nav7{ background-image: url(../images/nav_7q.png);}
.nav li.nav7.active,.nav li.nav7:hover{ background-image: url(../images/nav_7.png);}

.ibanner { width: 100%; height: auto; margin-top: 168px; 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: 32px;
  height: 32px;
  border-bottom: 0px solid #bfbfbf;
 padding: 10 5;
}

.main-tit h6 {

 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: #cc0000;}


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

.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{
width: 100%; 
margin: 0 auto; 
overflow: hidden;
font-size: 11pt;
}

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

.index-row1 .c .inner,
.index-row4 .c .inner{
 margin: 20px 20px;
 overflow: hidden;
background: #fff;
}

.index-row1 .c .inner { background:#fff;}

.index-row1 .c1 { float: left; width: 30%; }
.index-row1 .c2 { float: left; width: 30%; }
.index-row1 .c3 { float: left; width: 40%; }

.index-row1 .main-tit{ border-bottom: 1px solid #ccc; }

.index-row1 .c1 .main-list,
.index-row1 .c2 .main-list { margin-top: 0px; padding:0 0 20 0;}

.index-row1 .c3 .main-list li {line-height: 40px; border-bottom: 1px dashed  #ccc; border-width: 0px;}

.index-row2 {height: auto;  padding-bottom: 20px; background:#e8eeee; }

.index-row2 .c .inner ul li { width: 14.8%; margin: 0 0 10 10px; transition: all 0.6s; padding: 10px 0px 10px 10; 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: 5px; border: 0px solid #fff; background:#069;}
.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: 15px;color: #fff;}

.index-row3 {background:#;}
.index-row3 .c1 { width: 60%; height: 440px; float: left;   overflow: hidden; background: #007579; }    
.index-row3 .c2 { width: 40%; height: 440px; float: left;   overflow: hidden; background: #007579; }
.index-row3 .c1 .inner { margin: 0 0 20 0px;  }
.index-row3 .c2 .inner { margin: 0 0 20 0px;  }
.index-row3 .c1 .inner .bd { width: 100%;  position: relative; z-index: 0; }
.index-row3 .c2 .inner .bd { width: 90%;  position: relative; z-index: 0; padding: 20 20 20 20px; }
.index-row3 .c2 .inner .bd2 { width: 90%;  position: relative; z-index: 0; padding: 20 20 20 20px; }
.index-row3 .c2 .inner .bd2 { display: none;}



.index-row4{background:#e8eeee; }
.index-row4 .c1,
.index-row4 .c3{ width: 50%;  float: left;  position: relative; overflow: hidden;  }
.index-row4 .c2,
.index-row4 .c4{ width: 50%;  float: left;   position: relative; overflow: hidden;   }
.index-row4 .c .inner .bd{width: 95%; margin: 0 auto;   }
.index-row4 .c .inner{box-shadow: 0px 0px 0px #ccc;  }
.index-row4 .c .inner .main-tit  { margin: 0 10 0 10px; }


.footer {
 font-size: 11pt;
 color: #fff;
 line-height: 34px;
 background:#007579; no-repeat center top; background-size:cover; 

 padding: 50px 0 50px 0;
}
.copyright{margin-left: 50px; margin-top: 10px;}
.copyright p{line-height:40px;padding-left: 5px;}
.copyright p+p{}
.copyright p+p+p{}
.copyright p+p+p+p{}

.footer .footer_left {
 width: 40%;
 float: left;
}

.footer .footer_left img {
height: 60px;
margin-left: 40px;
}

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

.footer .footer_right .ewm{margin-top: 20px;}
.footer .footer_right .ewm li { float: left;   text-align: center;}
.footer .footer_right .ewm li img {width: 80px ;height: 80px; display: block; margin: 0px auto;}
.footer .footer_right .ewm span {line-height: 35px; font-size: 11pt; color : #ffffff;}
.footer .footer_right .ewm li:hover img { opacity: 1;}

.footer1{ text-align: center; color: #fff; font-size:14px;line-height: 38px;}
 
.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; }

.ban{ text-align:center; margin-top: 168px;}
.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 #555;}
.nytit{line-height:30px; padding-left:25px; padding-top:10px; padding-bottom:10px; float:right; font-size: 14px;}
.nytit a{ padding-right:7px;}
.nytit1{ height:50px; line-height:50px; float:left; overflow:hidden;  font-size:20px; font-weight:bold; padding:0 10px;}



#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}