/* CSS Document */
.hometred{ height:31px; line-height:31px; background:#152348; color:#ffffff; font-size:14px;  text-indent:2em; }
.homett{ background:#ff0000; font-size:14px; color:#ffffff; text-indent:2em; height:30px; line-height:30px; border-bottom:1px solid #D6D6D6; font-weight:bold; position:relative}
.homett a{ color:#ffffff; font-size:14px;}
.homett A:hover{font-size:14px;}
.homett .more{ width:auto; position:absolute; right:10px; font-size:12px; font-weight:100; color:#979797}

.homeleft,.homecenter,.homeright{ margin-bottom: 15px; margin-top: 15px;}
.homeleft{ width:314px; float:left;border:1px solid #D6D6D6; height:250px;}
.homecenter{ float:left; width:570px; height:250px;  margin-left:5px;border:1px solid #D6D6D6;}
.homecenter ul{ margin:0px; }
.homeright{ float: right; width:300px; height:250px;  background:#ffffff; border:1px solid #D6D6D6; }
.homeright ul{  margin:0px;}

.homeleft2{ width:314px; float:left;border:1px solid #D6D6D6; height:276px;}
.homeright2 .hd{float:left; width:570px; height:210px;border:1px solid #D6D6D6; margin-top:5px;}
.homeright2 .hd ul{ padding:10px; margin:0px; line-height:24px;}

.homeleft3{ width:314px; float:left;border:1px solid #D6D6D6; height:200px;}
.homeright3{ float: right; width:876px; height:200px;background:#ffff83; border:1px solid #D6D6D6; line-height:22px; overflow:hidden;}


.homehz{ width:314px; float:left;border:1px solid #D6D6D6; height:380px;}
.anlicenter{ float:left; width:570px; height:380px;  margin-left:5px;border:1px solid #D6D6D6;}
.anlicenter ul{ padding:10px; margin:0px; line-height:24px;}
.anliright{ float: right; width:300px; height:380px;  background:#ffffff; border:1px solid #D6D6D6; line-height:22px;}
.anliright ul{ padding:10px; margin:0px;}

#demo{overflow:hidden;width:800%;padding:0px 5px;font-size:14px;}
#demo ul,#indemo ul{margin:0px;padding:0px;}
#indemo{width:800%;height:230px;text-align:left}
#demo1{float:left;height:230px;width:auto}
#demo2{float:left;overflow:hidden;width:auto}
.banner{ height:400px; max-width:100%; overflow:hidden; margin:0 auto; position:relative; background:#000000; margin-top:-25px; width:100%; margin-bottom:20px;}
.indexBanner { position: relative; max-width:100%; height:400px; overflow: hidden; margin:0px auto;background:#000000; }
.indexBanner:hover .prev,.indexBanner:hover .next { display: block; }
.indexBanner .prev, .indexBanner .next { position: absolute; display: block; width: 45px; height: 50px; top: 50%; margin-top: -25px; z-index: 2; -webkit-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); display: none; }
.indexBanner .prev:hover, .indexBanner .next:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexBanner .prev { left: 0; background: url(zuo.png) no-repeat; }
.indexBanner .next { right: 0; background: url(you.png) no-repeat; }
.indexBanner .bd { position: relative; width: 100%; height: 100%; overflow: hidden; }
.indexBanner .bd ul { height: 100%; }
.indexBanner .bd li { position: relative; width: 100%; height: 100%; }
.indexBanner .bd li > div { position: absolute; left: 50%; }
.indexBanner .bd li.l1 .pic1 { width: 721px; height: 312px; top: -50px; margin-left: 50px; opacity: 0; }
.indexBanner .bd li.l1 .pic2 { width: 419px; height: 256px; top: 100px; margin-left: -550px; opacity: 0; }
.indexBanner .bd li.l2 .pic1 { width: 631px; height: 598px; top: -70px; margin-left: -575px; opacity: 0; }
.indexBanner .bd li.l2 .pic2 { width: 523px; height: 178px; top: 130px; margin-left: 75px; opacity: 0; }
.indexBanner .bd li.l2 .pic2 .more { position: absolute; display: block; width: 144px; height: 33px; left: 0; bottom: 0; background: url(../images/bannerpic/pic11.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l2 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic1 { width: 469px; height: 234px; top: 122px; margin-left: -537px; opacity: 0; }
.indexBanner .bd li.l3 .pic1 .more { position: absolute; display: block; width: 147px; height: 40px; left: 0; bottom: 0; background: url(../images/bannerpic/pic14.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l3 .pic1 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic2 { width: 604px; height: 527px; top: 8px; margin-left: -53px; opacity: 0; }
.indexBanner .bd li.l4 .pic1 { width: 458px; height: 470px; bottom: 0; margin-left: -510px; opacity: 0; }
.indexBanner .bd li.l4 .pic2 { width: 521px; height: 219px; top: 150px; margin-left: 15px; opacity: 0; }
.indexBanner .bd li.l4 .pic2 .more { position: absolute; display: block; width: 148px; height: 39px; left: 0; bottom: 0; background: url(../images/bannerpic/pic5.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l4 .pic2 .more:hover { transform: translate(1px, 1px); }
.indexBanner .bd li.l5 .pic1 { width: 594px; height: 384px; top: 90px; margin-left: -525px; opacity: 0; }
.indexBanner .bd li.l5 .pic2 { width: 478px; height: 182px; top: 90px; margin-left: 70px; opacity: 0; }
.indexBanner .bd li.l5 .pic2 .more { position: absolute; display: block; width: 143px; height: 33px; left: 0; bottom: 0; background: url(../images/bannerpic/pic8.png); transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.indexBanner .bd li.l5 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .hd { position: absolute; width: 100%; height: 18px; left: 0; bottom: 80px; z-index: 2; }
.indexBanner .hd ul { width: 100%; text-align: center; }
.indexBanner .hd ul li { display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; margin: 0 5px; background: url(dot1.png) center no-repeat; cursor: pointer; }
.indexBanner .hd ul li.on { background: url(index.png)  no-repeat; }
.nnnav{background:#01b209; height:107px;}
.nnnava {line-height:18px;}
.nnnava li{ width:50%; float:left; text-align: center; overflow:hidden;line-height:18px; height:18px;}
.homett2{ background: #d2d2d2 url(npro.png) no-repeat; font-size:14px; color:#012954; width:40px; height:350px; line-height:30px; border-bottom:1px solid #D6D6D6; font-weight:bold; float: left}
.catepro{ width:800px; float: left; margin-left:20px; border-bottom:2px dotted #ECECEC}
.catepro .clogo{ width:200px; height:160px; float: left}
.catepro .clogo li{ width:auto; float: left; min-width:45%}


.homepro{ width:1200px;}
.homepro li{ list-style:none; width:180px; float:left; text-align: center; margin:3px 6px; padding:2px; height:245px;}

.homeimgbox{overflow:hidden;width:180px;height:220px;overflow:hidden;  position:relative; background:#ffffff}
.homeimgbox img{padding:0px; max-width:178px; height:218px; overflow:hidden; border:1px solid #C1C1C1}
.homeimgbox a{color:#ffffff;display:block;}


.slider{float:left;width:300px;height:265px;position:relative;padding-bottom:0px;}
.sliderContent{float:left;width:300px;height:260px;clear:both;position:relative;overflow:hidden;}
.sliderArrows a{display:block;text-indent:-9999px;outline:none;z-index:50;background-image:url(huandeng/prev_next.png);width:42px;height:42px;position:absolute;top:50%;margin-top:-34px;}
.slider .prev{background-position:0 0;left:15px;}
.slider .prev:hover{background-position:0 -44px;}
.slider .next{right:15px;background-position:-44px 0;}
.slider .next:hover{background-position:-44px -44px;}
.sliderContent .item{position:absolute;width:300px;height:250px;}
.sliderContent .item img{width:300px;height:250px;}
.sliderBullets{position:absolute;bottom:0;left:50%;z-index:50;margin-left:-48px;}
.sliderBullets a{display:block;float:left;text-indent:-9999px;outline:none;margin-left:5px;width:10px;height:11px;;}
.sliderBullets .active{background-position:0 -11px;}
.sliderContent a{outline:none;}


.homepiclist{ height:200px; background:#ffffff; overflow:hidden}
.homepiclist li{ width:186px; text-align:center; float: left; margin:10px 3px; border:1px solid #EBEBEB; background: #EBEBEB}
.homepiclist li a{ color:#000}
.homepiclist li img{ width:186px; height:150px;}




.pnav  .two a{ color:#FFFFFF;background:#79cdff;width:120px; display:block; font-size:12px; line-height:20px; height:20px;}
.pnav  .tow A:hover{color:#FFFFFF;background:#012a5b;width:120px;}
.hid{ display: block}
.fnavbox{ background:#fad665}

.toutiao{ width:100%;}
.toutiao ul{ margin:0; padding:0;}
.toutiao  li{width:375px; height:110px; border-bottom:2px dotted #ACACAC; list-style:none; }
.toutiaobox{ float:left;width:230px; height:115px;}
.toutiaoitle{ font-size:14px; color:#6b340d; height:40px; line-height:40px; border-bottom:1px dotted #C1C1C1; font-weight:bold;}
.toutiaoitle a{ color:#6b340d; display:block}
.toutiaoitle A:hover{ color:#988247}
.toutiao li a img{ width:120px; background:#8c8c8c; margin:5px 10px 5px 0px; padding:2px; height:90px; float:left;}
.toutiaoitle li.sfhover img{ width:120px; background:#988247; margin:5px 5px 5px 0px; padding:5px; height:90px; float:left;}
.toutiaodes{ font-size:12px; color:#434343; height:65px; line-height:21px; width:235px;}





.picnews{ width:100%;}
.picnews ul li{ float:left; width:500px; margin-right:20px;}
.picnewsbox{ float:right;width:240px; height:180px;}
.picnews img{ width:210px; padding:5px; border:1px solid #ffffff; margin:5px; height:160px; float:left}
.picnewsitle{ font-size:12px;; color:#6b340d; height:40px; line-height:40px; border-bottom:1px dotted #C1C1C1; font-weight:bold;}
.picnewsitle a{ color:#6b340d}
.picnewsdes{ font-size:12px; color:#434343; height:150px;}




.hometoutaiao{ width:100%;position:relative}
.hometoutaiaobox{height:96px;}
.hometoutaiao img{ width:200px; padding:5px; border:1px solid #D6D6D6; margin:5px; height:120px; float:left}
.hometoutaiaoitle{ font-size:14px; color:#004394; height:40px; line-height:40px; border-bottom:1px dotted #C1C1C1; font-weight:bold;}
.hometoutaiaoitle a{ color:#004394; font-size:18px; text-align:center}
.hometoutaiao .hometoutaiaodes{ font-size:12px;}
.gsjj{ padding:5px; line-height: 20px;}
