@charset "UTF-8";

html { height:100%; width:100%;padding:0;margin:0}


body { min-height:100%; height:auto !important; overflow-x: hidden;padding:0;margin:0;background:#FFF; }
img { border:0; vertical-align:middle; }
a {text-decoration:none; }


a:hover {text-decoration:none; }



h1 { font-size:16px; line-height:36px;}
h2 { font-size:14px; line-height:30px;}
h3 { line-height:24px;}
h3,h4,h5,h6 { font-size:12px;}
ul,li,ol { margin:0; padding:0; list-style:none outside none;}


.wrap{width:1200px;margin:0 auto;position:relative; }
.header{width:100%;position:fixed;top:0;left:0; background: rgba(255,255,255,0.8);z-index:999999;}
.header .logo{float:left;}
.header .logo img{width:auto;height:72px;}
.header .nav{float:right;}
.header .nav li{float:left;padding:0 40px;line-height:72px;}
.header .nav li a{color:#333;font-size:16px;}
.h72{width:100%;height:72px;}

.footer {width:100%;float:left;padding:30px 0;background:#222222; }
.footertop{width:100%;float:left;font-size:16px;}
.footertop .footleft{float:left;width:70%;color:#fff;line-height:32px;}
.footertop .fewm{float:right;text-align:center;color:#fff;}
.footertop .fewm img{width:120px}
.footerbom{width:100%;float:left;text-align:center;color:#fff;border-top: 1px solid #666;padding-top:20px;font-size:14px;}



.nybanner{width:100%}
.nybanner img{width:100%}
.nytit{width:100%;border-left: 10px solid #32B4F2;padding:0px 20px;margin-top:80px;}
.nytit .nytitcn{font-weight:bold;font-size:30px;}
.nytit .nytiten{color:#ccc;font-size:14px;}
.nycon{color: #666666;font-size: 20px;line-height:28px;margin-top:30px;}
.nyyoushi{width:100%;background:#32B4F2;padding:80px 0;float:left ;margin:50px 0;}
.nyyoushi li{width: 300px;float:left;text-align: center;color: #ffffff;font-size: 16px;background:url(line1.jpg) no-repeat center right;}
.nyyoushi li .t1{font-size: 48px;font-weight:bold;font-family: Arial Black;}

.nyyoushi li:nth-child(4){background:none;}

.nyqyyj{width:100%;float:left;padding:50px 0}
.nyqyyj .pic{height: 300px;width: 619px;float:left;overflow:hidden;background:url(qyyj.jpg) no-repeat center center;}
.nyqyyj .txt{ height: 239px; width: 460px;float:right;margin-top:50px;}
.nyqyyj .txt .t1{font-size: 30px;color: #444444;font-weight: bold;padding:10px 0;margin:0}
.nyqyyj .txt .t2{color: #999999;font-size:12px;padding:0;margin:0}
.nyqyyj .txt .w-line{width: 46px;height: 2px;background:#32b4f2;margin:30px 0}
.nyqyyj .txt .t3{font-size: 18px;color: #888888;font-weight:bold;line-height:30px;}


.nyqysm{width:100%;float:left;padding:30px 0;background:#FAFAFA;margin-bottom:50px; }
.nyqysm .pic{height: 300px;width: 619px;float:right;overflow:hidden;background:url(qyyj.jpg) no-repeat center center;}
.nyqysm .txt{ height: 239px; width: 460px;float:left;margin-top:50px;margin-left:100px;}
.nyqysm .txt .t1{font-size: 30px;color: #444444;font-weight: bold;padding:10px 0;margin:0}
.nyqysm .txt .t2{color: #999999;font-size:12px;padding:0;margin:0}
.nyqysm .txt .w-line{width: 46px;height: 2px;background:#32b4f2;margin:30px 0}
.nyqysm .txt .t3{font-size: 18px;color: #888888;font-weight:bold;line-height:30px;}

.nycptit{position:relative;width:100%;font-size: 36px;color: #999999;text-align:center;padding:50px 0}
.nycptit .w-line1{position:absolute;left:0;top:74px;width:480px;height:1px;background:#ccc;}
.nycptit .w-line2{position:absolute;right:0;top:74px;width:480px;height:1px;background:#ccc;}
.nycpcon .nycpnav{width:100%;float:left;}
.nycpcon .nycpnav li{float:left;line-height:30px;}
.nycpcon .nycpnav li a{font-size: 18px;color: #666666; font-weight: bold;padding: 0 28px;}
.nycpcon .nycpnav li.cur,.nycpcon .nycpnav li:hover{background:#444444;}
.nycpcon .nycpnav li.cur a,.nycpcon .nycpnav li:hover a{color:#fff;}
.nycplist{width:100%;float:left;}
.nycplist li{float: left;width:30.3333%;margin:1.5%;background:#FFF;}
.nycplist li .pic{width:100%;height:304px;overflow:hidden}
.nycplist li img{width:100%;transition:0.5s;}
.nycplist li img:hover{-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.nycplist li a{color:#666;}
.nycplist li .txt{padding:10px;}

.jsslbanner{width:100vw;height:620px;position:absolute;top:72px;background:url(jsslbanner.jpg) no-repeat center center;background-size:cover;}
.jsslmain{padding-top:100px;}
.jsslmain .nytit{border-left: 10px solid #fff;}
.jsslmain .nytit .nytitcn,.jsslmain .nytit .nytiten{color:#006600}
.jsslmain .nycon{color:#000;padding:0 50px;line-height:38px;font-weight:bold;}
.nyjcsb{width:100%;float:left;margin-bottom:80px;}
.nyjcsb .nytit{margin:20px 0 50px}
.nyjcsbcon{width:100%}
.nyjcsbcon li{width:390px;float:left;height:262px;overflow:hidden;position:relative;margin-right:15px;margin-bottom:15px;}
.nyjcsbcon li img{width:100%;height:262px;transition:1s;}
.nyjcsbcon li:nth-child(3n){margin-right:0}
.nyjcsbcon li .hovercon{opacity: 0;position: absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.7);transition:1s;}
.nyjcsbcon li:hover img{-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.nyjcsbcon li:hover .hovercon{opacity: 1;}

.newsbanner{width:100vw;height:260px;background:url(newsbanner.jpg) no-repeat center center;background-size:cover;}


.newslist{width:100%;padding:50px;box-sizing:border-box;}
.newslist ul li{padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    min-height: 88px;
    border-bottom: 1px solid #ddd;}
.newslist ul li a{color: #404040; line-height: 29px;font-size: 16px;}
.newslist ul li .desc{padding: 0;
   
    margin-top: 5px;
    line-height: 20px;

    font-size: 12px;

    color: #999;}
.newslist ul li .date{font-size: 12px;

    color: #BBB;}

.pageNum{width:100%;text-align:center;margin:20px 0}
.pageNum li{background:#e8e8e8;display:inline-block;list-style-type:none;margin:0 1px;padding:2px 14px}
.pageNum li a{color:#333;}
.pageNum li.active,.pageNum li:hover{background:#76C29C;color:#fff}
.pageNum li:hover a,.pageNum li.active a{color:#fff}

.newstit{color: #404040;
    font-size: 24px;padding:50px 0;text-align:center;}
.newscon{color: #404040;
    font-size: 14px;line-height: 24px;padding-bottom:80px;}
.cpart{width:1200px;margin:0 auto;padding-bottom:80px;}
.cpart .dangqian{width:100%;float:left;padding:20px 0;color:#333;}
.cpart .dangqian a{color:#333;}
.cpart .cpslt{width:100%;float:left;text-align:center;}
.cpart .cpslt img{max-width:100%;position: relative;}

.cpart .cptit{color: #404040;
    font-size: 16px;
   line-height: 50px;text-align:center;}
.cpart .cpcon{color: #999999;font-size: 14px;    line-height: 36px;}
.cpart .cpcon img{max-width:100%}

.cpxs{line-height:35px;color:#666;font-size:14px;}

@media screen and (min-width: 1200px) {
.nycplist li{margin:0 1.5% 1.5%;}
.nycpcon .nycpnav{width:23%;background: #FFF;border-top: 4px solid #549976;}
.nycpcon .nycpnav li{width:100%;line-height:45px;border-bottom: 1px solid #ddd;}
.nycpcon .nycpnav li a{font-size:14px;padding: 0 16px;}
.nycplist{width:75%;float:right;}



}

@media screen and (max-width: 900px) {
.wrap{width:100%}
.header .logo img,.h72{height:52px}


.menubtn{position:absolute;z-index:9999999999;text-decoration:none;background-image:url(hamburger.png);background-position: center center; background-repeat:no-repeat; width:30px; height:52px; right:10px;}

.openmenu .menubtn{background-image:url(close.gif);}

/* toggle menu */

#pgcontainer{padding:0;margin:0}

.overlay{position:fixed;z-index:99;background-color:rgba(0,0,0,.5);bottom:0;right:0;left:0}

.openmenu .overlay{top:0}

#hamburgermenu{height:100%;width:0;background:#373737;position:fixed;top:0;right:0;z-index:101;overflow:hidden;-webkit-box-shadow:3px 0 7px rgba(0,0,0,.55);-moz-box-shadow:3px 0 7px rgba(0,0,0,.55);box-shadow:3px 0 7px rgba(0,0,0,.55)}

#hamburgermenu ul{margin-top:25px;z-index:101;overflow-y:auto;overflow-x:hidden}

#hamburgermenu ul li{display:block;    line-height: 33px;padding:0;width:100%}

#hamburgermenu ul li a{display:block;width:100%;padding:10px 0;color:#cdcdcd;text-decoration:none;text-align:center}

#hamburgermenu li a:hover{color:#fff;background:#2c2c2c}


.nytit{margin-top: 30px;}
.nytit .nytitcn{font-size: 20px;}
.nycon{    font-size: 16px;padding:0 15px;}
	.nyyoushi{margin: 10px 0;padding: 50px 0;}
	.nyyoushi li{width: 25%;    font-size: 12px;}
	
	.nyyoushi li .t1{font-size: 18px;}
	.nyqyyj,.nyqysm{width:98%;margin:0 1%}
	.nyqyyj .pic,.nyqysm .pic{width:50%;height:160px;background-size:cover;}
	.nyqyyj .txt,.nyqysm .txt{width:48%;height:160px;margin-top:0;margin-left:2%}
	.nyqyyj .txt .t1,.nyqysm .txt .t1{    font-size: 20px;}
	.nyqyyj .txt .w-line,.nyqysm .txt .w-line{margin: 10px 0;}
	.nyqyyj .txt .t3,.nyqysm .txt .t3{    font-size: 12px;}
	.nycptit{font-size: 26px;}
	.nycptit .w-line1,.nycptit .w-line2{width: 26%;    top: 67px;}
	.nycpcon .nycpnav li a{font-size: 14px;    padding: 0 8px;}
	.nycplist li .pic{height:auto;}
	.nycplist li .txt{font-size:14px;height:40px}
	.cpart{width:100%}
	.cpart .cpslt{}
	.cpart .cpcon{margin:0 15px;}
	.cpart .cpcon img{max-width:100%}
	.cpxs{margin:0 15px;}
	.newstit{    font-size: 20px;padding: 30px 0;}
	.newscon{margin:0 15px;}
	.newscon img{max-width:100%}
	.jsslmain .nycon{    padding: 0 30px;
    line-height: 32px;}
	.nyjcsbcon li{width:32.333%;height:auto;margin-right: 1.5%;}
	.nyjcsbcon li img {height:100px;}
}





.newscon img{max-width:960px}