@charset "utf-8";
/* CSS Document */
html{font-size: 62.5%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0;  padding: 0;  font-size:16px;font-family: "microsoft yahei";color: #333; line-height:1.8}
ul,li{list-style: none;padding: 0;}
*{padding: 0;margin: 0;}
a{text-decoration: none;  margin: 0;  padding: 0;color: #333; }
p,span,i,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.dn,.hidden{ display:none;}
div{ box-sizing:border-box;}
.clearfix {
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.w1200{ width:1200px; margin:0 auto}

.top{height:30px; line-height:30px; width:100%; background:#32588b;color:#fff; font-size:12px;}
.top_r{ background:url(../images/dh.png) no-repeat left center; padding-left:20px;}
.headbox{ padding:0.8% 0; width:100%; box-shadow:0 3px 8px 0px rgba(0,0,0,.1)}
.logo{ width:28.1%;}
.logo img{ width:100%}
.nav{ width:63%; margin-top:1%}
.nav ul li{ float:left;text-align:center; line-height:48px; width:13.4%;}
.nav ul li:nth-child(2n+0){ width:1%;}
.nav ul li a{ padding:0 12px; padding-bottom:12px; box-sizing:border-box; transition:all 300ms ease}
.nav ul li a:hover{border-bottom:2px solid #f80000;color:#f80000}
.nav ul li a.active{ border-bottom:2px solid #f80000; color:#f80000}

.about{background:url(../images/abbg.jpg) no-repeat center bottom; background-size:100%; padding-bottom:65px; margin-top:3%}
.about_l{ width:40%; border:6px solid #e1e1e1;}
.about_limg{ width:100%;}
.about_limg img{ width:100%; height:100%;}
.about_r{ width:58%;}
.about_r_t{ margin-top:6%}
.about_r_t ul li{ float:left;text-align:center; width:25%; position:relative}
.about_r_t ul li:first-child{ margin-left:0}
.abicoimg{ position:relative; height:95px;}
.abicoimg img{ position:absolute; left:50%; margin-left:-28%; right:0; top:0; max-height:100%; max-width:100%}
.abico{ opacity:1;transition:all 400ms ease}
.abicoh{ opacity:0;transition:all 400ms ease}
.abiconame{ position:absolute; bottom:0; width:100%; text-align:center;opacity:0;transition:all 400ms ease}
.about_r_t ul li:hover .abico{ opacity:0}
.about_r_t ul li:hover .abicoh{ opacity:1; transform:translateY(-30px)}
.about_r_t ul li:hover .abiconame{ opacity:1}
.about_r_t ul li.active .abico{ opacity:0}
.about_r_t ul li.active .abicoh{ opacity:1}
.abmain{ margin-top:5%}
.abmaininfo{ width:100%}
.abmaininfo h2{ font-size:24px; color:#fff}
.abmaininfo h3{ font-size:12px; color:#adb8ca; margin-top:-5px; margin-left:50px;}
.abmaininfo p{ text-indent:2em; color:#fff; margin-top:2%; font-size:14px;}
.abmaininfo a{ float:right; font-size:14px; color:#fff}
.abmaininfo a:hover{ text-decoration:underline}

.cpbox{ padding:3% 0}
.title{ text-align:center}
.title h2{ font-size:24px;}
.title h3{ font-size:12px; color:#999; margin-top:-5px;}
.cpmenu{ text-align:center; margin-top:3%}
.cpmenu a{ display:inline-block; width:88px; text-align:center; margin:0 4%; background:#f6f6f6; height:32px; line-height:32px; border-radius:5px; font-size:14px;transition:all 200ms ease;}
.cpmenu a:hover,.cpmenu a.active{ background:#365b8d; color:#fff;}

.mxbk{ margin-top:3%}
.mxbk_l{ float:left; position: relative; height:518px; width:31%; overflow:hidden;transition:all 500ms ease;}
.mxbk_l a,.mxbk_c_t li a{ display:block; height:100%}
.mxbk_l a img,.mxbk_c_t li img,.mxbk_c_b img{ width:100%; height:100%;transition:all 500ms ease;}
.mxbkname{ position:absolute; width:100%; left:0; right:0; bottom:-40px; height:40px; line-height:40px; text-align:center; color:#fff; background:rgba(0,0,0,.35);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition:all 500ms ease; font-size:14px;}
.mxbk_c{width:34%; margin-left:0.5%;}
.mxbk_c_t{}
.mxbk_c_t li{float:left; margin-left:1.5%; position:relative; width:49.2%; height:256px;overflow:hidden;transition:all 500ms ease;}
.mxbk_c_t li:first-child{ margin-left:0}
.mxbk_c_b{ margin-top:1.5%; position:relative;height:256px;overflow:hidden;transition:all 500ms ease;}
.mxbk div:nth-child(3) .mxbk_c_b{ margin-top:0; margin-bottom:1.5%}
.mxbk_l:hover .mxbkname,.mxbk_c_t li:hover .mxbkname,.mxbk_c_b:hover .mxbkname{ bottom:0}
.mxbk_l:hover,.mxbk_c_t li:hover,.mxbk_c_b:hover{ box-shadow:0 0 10px 1px rgba(0,0,0,.4)}
.newsimagebox{ width:100%;  margin-top:3%}
.newbg{ background:#f8f8f8; position:absolute; top:58px; left:0; width:100%; height:84px; z-index:-1;}
.lefts ,.rights {display: block;width:15px;height:29px; position: absolute;top:80px; }
.lefts {background:url(../images/left.png) no-repeat;left:-25px;}
.rights {background:url(../images/right.png) no-repeat;right:-25px;}
.box1 { width:100%; margin:0 auto;height:194px;position:relative;}
.box1 ul { margin:0 auto;}
.box1 li { float:left;width:292px; height:194px;margin:0 9px;margin:0 4px\9; background-color:#fff;text-align:center;-webkit-transition: all .200s ease; -moz-transition:all .200s ease; -o-transition:all .200s ease;
transition:all .200s ease; cursor:pointer;overflow:hidden;}
.box1 li img { width:292px;height:194px;-webkit-transition: all .400s ease; -moz-transition:all .400s ease; -o-transition:all .400s ease;
transition:all .400s ease;}
.box1 li:hover{ background:#255fa9;}
.box1 li a{ display:block; position:relative;}
.box1 li a p{ position:absolute; bottom:-50px; left:0; background:#da251c; width:100%;white-space:nowrap;overflow:hidden; text-align: center; color:#fff; height:50px; line-height:50px;font-size:14px;
-webkit-transition: all .400s ease; -moz-transition:all .400s ease; -o-transition:all .400s ease;transition:all .400s ease;}
.box1 li:hover .newtext{ position:absolute; bottom:0;}

.newbox{ width:100%; background:url(../images/newbg.jpg) no-repeat; background-size:100% 100%; padding:3% 0}
.newlist{ margin-top:3%}
.newlist ul li{ float:left; width:30.3%; margin-right:4.5%; background:#fff; height:450px;}
.newlist ul li:nth-child(3n+0){ margin-right:0}
.newlist ul li dt{ overflow:hidden; height:175px; transition:all 300ms ease}
.newlist ul li dt img{ width:100%;}
.newlist ul li dd{ padding:5%; box-sizing:border-box; position:relative}
.newlist ul li dd h2{ font-size:18px; width:80%;text-overflow: ellipsis; white-space:nowrap; overflow:hidden}
.newlist ul li dd h3{ font-size:12px; color:#666}
.newlist ul li dd p{ font-size:16px; color:#666; margin-top:2%; height:140px; overflow:hidden}
.newlist ul li:hover dt{ height:218px;}
.mico{ width:47px; height:48px; background:url(../images/xwico.png) no-repeat; position:absolute; right:0; top:7%; opacity:0; transition:all 500ms ease}
.newlist ul li:hover .mico{ opacity:1; right:3%}
.more{ text-align:center; margin-top:4%}
.more a{ display:inline-block; width:120px; height:35px; line-height:35px; border:1px solid #ddd; border-radius:5px;transition:all 200ms ease;}
.more a:hover{background:#365b8d; color:#fff; border:1px solid #365b8d}

.foot{ background:#32588b; padding:2% 0; box-shadow:inset 0 5px 8px 1px rgba(0,0,0,.2)}
.foot_l{ width:78%;}
.ftmenu{color:#ccc;}
.ftmenu a{ color:#ccc; margin:0 1%}
.ftmenu a:first-child{ margin-left:0}
.ftlx{ color:#ccc; margin-top:1%}
.ftlx span{ margin-right:5%}
.ftlx span a{color:#ccc;}
.ftlx span a:hover,.ftmenu a:hover{ color:#fff; text-decoration:underline}
.foot_r{ width:10%}
.foot_r img{ max-width:100%; max-height:100%; border-radius:5px;}

.nycont{ margin-top:2%; margin-bottom:3%}
.tree{ width:24%;}
.treet{height:90px; background:#32588b url(../images/ntbg.jpg) right center no-repeat; padding-top:15px; padding-left:30px;}
.treet h2{ font-size:18px;color:#fff; }
.treet h3{ font-size:16px; margin-left:26%;color:#fff;}
.treelist{ width:100%; border:1px solid #d6d6d6; padding:2% 5%; box-sizing:border-box; padding-bottom:5%}
.treelist li{ height:56px; line-height:56px; border-bottom:1px solid #d6d6d6; background:url(../images/nico.jpg) no-repeat right center;}
.treelist li a{ display:block;transition:all 200ms ease;}
.treelist li:hover a{ color:#32588b; font-weight:bold}
.treelist li a.active{color:#32588b; font-weight:bold}

.nycontamin{ width:74%}
.nycontamin_t{ background:#32588b; height:45px; line-height:45px; padding:0 2%}
.nycontamin_t h2{ font-size:16px; float: left; color:#fff}
.nycontamin_t h3{ float:right;color:#fff; font-size:12px;}
.nycontamin_t h3 a{ color:#fff; font-size:12px;}

.content{ margin-top:2%}
.content p{}
.content p img{ max-width:100%}

.nycplist{}
.nycplist li{ width:31.3%; float:left; margin-right:3%; text-align:center; transition:all 300ms ease-in-out; margin-bottom:1%}
.nycplist li:nth-child(3n+0){ margin-right:0}
.nycplist li dt{ width:100%; height:248px; overflow:hidden}
.nycplist li dt img{ width:100%; height:100%;transition:all 300ms ease-in-out}
.nycplist li dd{ height:45px; line-height:45px;}
.nycplist li:hover a{ color:#fff; }
.nycplist li:hover{ background:#32588b}
.nycplist li:hover dt img{ transform:scale(1.02)}

.page{ text-align:center; margin-top:3%; clear:both;}
.page a{ display:inline-block;text-align:center; padding:2px 10px; color:#333; margin:0 0.5%; border:1px solid #999;vertical-align:middle;
transition: all 400ms cubic-bezier(.4,0,.23,1);-moz-transition: all 400ms cubic-bezier(.4,0,.23,1);-webkit-transition: all 400ms cubic-bezier(.4,0,.23,1);}
.pageactive{display:inline-block; text-align:center; padding:2px 10px; background:#32588b; border:1px solid #32588b;color:#fff!important; margin:0 0.5%; vertical-align:middle;}
.page a:hover{ background:#32588b; color:#fff!important;border:1px solid #32588b;}


.nyzplist{}
.nyzplist li{border-bottom: 1px dashed #919191;color: #626262;background: url(../images/icon1.jpg) 0px 14px no-repeat;display: block;padding-left: 15px;
    text-align: left;
    line-height: 40px; font-size:14px;
    
   }
.nyzplist li a{ display:inline-block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nyzplist li span{ float:right; color:#888}
.nyzplist li:hover a{ color:#32588b}

.nynewlist{}
.nynewlist li{ float:left; width:100%; margin-right:4%; margin-bottom:3%}
.nynewlist li:nth-child(2n+0){ margin-right:0}
.nynewlist li dt{ float:left; width:25%; height:130px;}
.nynewlist li dt img{ width:100%; height:100%}
.nynewlist li dd{ float:right; width:73%}
.nynewlist li dd h2{ font-size:16px; font-family: "苹方";transition:all 300ms ease;}
.nynewlist li dd p{overflow: hidden; height:50px; font-size:14px; margin-top:2%}
.nynewlist li dd h3{ font-size:12px; color:#666; background:url(../images/xwico.png) no-repeat left center; background-size:15px; padding-left:20px; margin-top:3%}
.nynewlist li:hover dd h2{ color:#32588b; font-weight:bold}

.lxwm{ padding:2%;}
.lxwm_l{ width:50%; margin-top:2%}
.lxwm_l h2{ font-size:18px; font-weight: bold; color:#666; margin-bottom:10px;}
.lxwm_l p{ line-height:2}
.lxwm_r{ width:45%;}
.lxwm_r img{ width:100%}

.nydetail{ background:#fff; padding:20px 3%}
.nydetail h2{ font-size:22px; text-align:center}
.nydetail h3{ font-size:14px; color:#888; text-align:center}
.detailmain{ margin-top:20px;}
.detailmain p{}
.detailmain p img{ max-width:100%}
.sxp{ margin-top:3%}
.sxp span{ display:block;}
.sxp span a{ color:#999}
.sxp span a:hover{ color:#32588b}

@media  screen and (max-width:1024px){
.w1200{ width:95%}
.nav{ width:70%}
.nav ul li a{ padding:0 10px;}
.mxbk_l{ height:458px;}
.mxbk_c_t li,.mxbk_c_b{ height:226px;}
.about{ padding-bottom:0}
.abmain h2{ color:#32588b}
}