.inner{width: 1000px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.dn{display: none;}
.mt80{margin-top: 0px;}
.nav a:hover{text-decoration: none;}


/*layout*/
.main{background: url("main_bg.jpg") repeat-y center top;}
.header, .header .inner{height: 379px; background: url("header.jpg") no-repeat center top;}
.area1, .area1 .inner{height: 255px;}
.area2, .area2 .inner{height: 1804px;background: url("area2.png") no-repeat center top;}

/*module*/
.m-tit{text-indent: -999px;font-size: 0;margin-bottom: 28px;}



.main .nav{margin-bottom: 47px; height: 114px; background: url("nav.png") no-repeat center -8px;}
.main .fixed{position: fixed;top: 0;width: 100%;/*left: 50%;margin-left: -500px;*/z-index: 1000;}
.nav .inner{padding-top: 12px;overflow: hidden;}
.nav ul{width: 1045px;}
.nav li{float: left;font-size: 36px;height: 60px;line-height: 60px;width: 216px;margin-right: 45px;}
.nav li a{color: #fdecda;}

.area1 .col-l{width: 209px;}
.area1 .col-l h5{height: 48px;line-height: 48px;font-size: 20px;color: #fdecda;font-weight: normal;}
.area1 .col-l .rl{position: relative; width: 209px;height: 187px;background: url("rl_bg.png") no-repeat center top;}
.area1 .col-l .rl p{height: 56px;line-height: 56px;font-size: 28px;font-weight: bold;color: #fff;}
.area1 .col-l ul{width: 150px;height: 128px;margin-left: 35px;}
.area1 .col-l .gone{display: none; position:absolute;width: 198px;height: 98px;left: 0;top: 70px; background: url("gone.png") no-repeat center center;}
.area1 .col-l li{float: left;height: 32px;line-height: 32px;padding:0 3px;color: #ffc37d;font-size: 12px;}
.area1 .col-l .cur{position: relative;}
.area1 .col-l .cur:after{position: absolute;width: 25px;height: 25px;left:50%;top:50%;margin:-12px 0 0 -12px;content: "\200B";background: url("rl_cur.png") no-repeat;}

.area1 .col-r{width: 696px;height: 213px;padding: 42px 38px 0;background: url("jlzx_bg.jpg") no-repeat center top;}
.area1 .col-r .txts{width: 375px;text-align: left;overflow: hidden;}
.area1 .col-r .txts h5{font-weight: normal;border-bottom: 1px solid #770001; color: #fff3b7;font-size: 20px;height: 30px;line-height: 30px;}
.area1 .col-r .txts ul{width: 400px;}
.area1 .col-r .txts li{float: left;width: 185px;height: 30px;line-height: 30px;margin-right: 15px;}
.area1 .col-r .txts li a{display: block;width: 100%;height: 100%;overflow: hidden; color: #ffced2;font-size: 14px;}
.area1 .col-r .tab{position: relative;width: 295px;height: 183px;overflow: hidden;}
.area1 .col-r .tab .btn{z-index: 10; position: absolute;width: 26px;height: 51px;top: 60px; background: url("http://www1.pconline.com.cn/2014/index/images/bg_24.png") no-repeat;}
.area1 .col-r .tab .prev{background-position: 0 0;left: -26px;}
.area1 .col-r .tab .next{background-position: -27px 0;right: -26px;}
.area1 .col-r .tab .prev:hover{background-position: -54px 0;}
.area1 .col-r .tab .next:hover{background-position: -81px 0;}
.area1 .col-r .tab .slide{width: 295px;height: 165px;}
.area1 .col-r .tab .slide img{width: 295px;height: 165px;}
.area1 .col-r .tab .control{height: 8px;}
.area1 .col-r .tab .control ul{height: 8px;padding: 10px 0 0 127px;}
.area1 .col-r .tab .control li{float: left; width: 8px;height: 8px;margin-right: 10px;}
.area1 .col-r .tab .control li a{display: block;width: 8px;height: 8px;background: url("ctl01.png") no-repeat center top;}
.area1 .col-r .tab .control .current a{background: url("ctl01_cur.png") no-repeat center top;}



.area2 .inner{padding-top: 224px;}
.area2 h5{margin: 0 auto;text-indent: -999px;font-size: 0;margin-bottom: 15px;}
.area2 .p1{width: 625px;}
.area2 .p1 h5{width: 246px;height: 91px;background:url("cxrl_tit.png") no-repeat center top;}
.area2 .p1 ul{overflow: hidden;padding:0 0 0 5px;}
.area2 .p1 li{float: left;margin:0 0 30px 5px; width: 82px;height: 116px;position: relative;cursor: pointer;}
.area2 .p1 li .up{display: block;width: 82px;height: 88px;padding: 4px 0; background: url("p2rl_bg.png") no-repeat center center;}
.area2 .p1 li .up span{display: block;height: 44px;line-height: 44px;}
.area2 .p1 li .up .time{color: #e21d18;font-size: 22px;}
.area2 .p1 li .up .data{color: #d18221;font-size: 14px;}
.area2 .p1 li p{color: #e21d18;font-size: 14px;height: 20px;line-height: 20px;}
.area2 .p1 li:hover .more{opacity: 1;filter:Alpha(opacity=100)}
.area2 .p1 li .more{opacity: 0;filter:Alpha(opacity=0); position: absolute;left:0;top:0;width: 82px;height: 40px;padding: 28px 0; background: url("rl_dl.png") no-repeat center center;}
.area2 .p1 li .more span{display: block;overflow: hidden; height: 20px;line-height: 20px;color: #fff;font-size: 12px;}
.area2 .p1 li .more .thing{font-size: 20px;}
.area2 .p1 .qpgj a{line-height: 30px;font-size: 28px;color: #fff;padding: 30px 40px 0; float: left;width: 37px;margin-left: 35px; height: 198px;background: url("dl.png") no-repeat;}


.area2 .p2{width: 363px;}
.area2 .p2 h5{width: 293px;height: 91px;background:url("cjyh_tit.png") no-repeat center top;}
.area2 .p2 .tab{overflow: hidden; width: 331px;height: 609px;padding: 20px 15px 40px; background: url("a2p2.png") no-repeat left top;}
.area2 .p2 .tab .control li{display: inline-block; *display: inline;width: 99px;height: 39px;}
.area2 .p2 .tab .control li a{display: block;width: 100%;background: url("s2cn.png") no-repeat;text-decoration: none; font-size:20px;color:#e21d18;height: 39px;line-height: 38px;}
.area2 .p2 .tab .control .current a{background: url("s2c.png") no-repeat left top;color: #fff;}
.area2 .p2 .tab .slide{margin-top: 20px;width: 331px;}
.area2 .p2 .tab .slide .item{width: 310px;height: 115px; overflow:hidden;padding:10px;border-bottom: 1px solid #fff3b7;background: #fff; }
.area2 .p2 .tab .slide .item .pic{float: left;width: 140px;height: 115px;}
.area2 .p2 .tab .slide .item .pic img{width: 140px;height: 115px;}
.area2 .p2 .tab .slide .item .txt{float: right; height: 112px; padding-left: 10px; width: 160px; text-align: right;}
.area2 .p2 .tab .slide .item .txt p{font-size: 14px;color: #3b3b3b;line-height: 20px;text-align: left;}
.area2 .p2 .tab .slide .item .txt span{margin-top: 10px; display: block; font-size: 14px;color: #e21d18;line-height: 20px;text-align: left;}
.area2 .p2 .tab .slide .item .txt .link{display: inline-block; *display: inline;text-align: center;margin-top: 18px; width: 60px;height: 24px;line-height: 24px;color: #fff;background-color: #e21d18;font-size: 14px;}


.area2 .p3{width: 625px;margin-top: 36px;}
.area2 .p3 h5{width: 246px;height: 91px;background: url("xnyc.png") no-repeat;margin: 0 auto 10px;}
.area2 .p3 .cj{height: 550px;position: relative;cursor: pointer;}
.area2 .p3 .cj .bg{position: absolute;bottom: 0;left: 42px; width: 497px;height: 119px;background: url("p3cj.png") no-repeat;}
.area2 .p3 .cj .qt{position: absolute;width: 410px;height: 485px;left: 103px;top: 0;}
.area2 .p3 .qw{opacity: 0;filter:Alpha(opacity=0); position: absolute;z-index: 5; width: 467px;height: 375px;left: 34px;top: 220px;}
.area2 .p3 .item{display: none; padding-left: 77px;  width: 390px;height: 375px;}
.area2 .p3 .item-a{background: url("qw01.png") no-repeat center top}
.area2 .p3 .item-b{background: url("qw02.png") no-repeat center top}
.area2 .p3 .item-c{background: url("qw03.png") no-repeat center top}
.area2 .p3 .item-d{background: url("qw04.png") no-repeat center top}
.area2 .p3 .item-e{background: url("qw05.png") no-repeat center top}
.area2 .p3 .show{opacity: 1;filter:Alpha(opacity=100);}
.area2 .p3 .qw span{display: block; color: #fff3b7;font-size: 14px;padding-top: 125px;height: 20px;line-height: 20px;}
.area2 .p3 .qw p{color: #fff3b7;font-size: 20px;margin-top: 144px;}


.area2 .p4{width: 361px;margin: 36px 0 0 10px;}
.area2 .p4 h5{width: 246px;height: 91px;background: url("qhb.png") no-repeat;margin: 0 auto 20px;}
.area2 .p4 .qhb{width: 361px;height: 541px;background: url("p4bg.png") no-repeat;}
.area2 .p4 .qhb ul{width: 330px;margin: 0 auto;padding-top: 43px;}
.area2 .p4 .qhb ul li{float:left;width: 330px;height: 150px;position: relative;margin-bottom: 1px;}
.area2 .p4 .qhb ul li img{width: 330px;height: 150px;}
.area2 .p4 .qhb ul li p{position: absolute;z-index:2;color: #fff; left: 0;bottom: 0;font-size: 20px;width: 330px;}
.area2 .p4 .qhb ul li i{position: absolute;width: 100%;left: 0;bottom: 0;background: #000;opacity: 0.5;filter:Alpha(opacity=50)}
.area2 .p4 .qhb ul .big p{opacity: 0;filter:Alpha(opacity=0); line-height: 150px; height: 150px;}
.area2 .p4 .qhb ul .big i{opacity: 0;filter:Alpha(opacity=0); height: 100%;}
.area2 .p4 .qhb ul .big:hover p{opacity: 1;filter:Alpha(opacity=100);}
.area2 .p4 .qhb ul .big:hover i{opacity: 0.5;filter:Alpha(opacity=50);}
.area2 .p4 .qhb ul .small p{height: 34px;line-height: 34px;}
.area2 .p4 .qhb ul .small i{height: 34px;}
.area2 .p4 .qhb ul li .link{z-index: 10; position: absolute;width: 100%;height: 100%;left: 0;top: 0;}


.area3 .m-tit{height: 169px;background: url("p3_tit.png") no-repeat center top;}
.area3 .con{height: 520px;overflow: hidden;}
.area3 .con ul{width: 1002px;}
.area3 li{float: left;overflow: hidden; width: 160px;border-right: 1px solid #f00;background-color: #fff;}

.area3 .current{width: 214px;opacity: 1;filter:Alpha(opacity=100);}
.area3 .current .pic{padding: 0 34px;}
.area3 .current .txts{padding: 10px 24px;}
.area3 .current .txts h5{color: #14c49d;}
.area3 .other{opacity: 0.7;filter:Alpha(opacity=70);width: 156px;}

.area3 li .txts{height: 256px;/*width: 146px;*/background: #fff;padding: 10px;overflow: hidden;	}
.area3 li h5{float: right;font-size: 22px;line-height: 24px;width: 40px;font-weight: normal;}
.area3 li p{ word-wrap:break-word;float: right;font-size: 14px;line-height: 16px;width: 20px;padding:0 3px;color: #494949;}
.area3 li .pic{/*width: 190px;*/margin:0 auto;height: 237px;background-repeat: no-repeat;background-position: center top;}
.area3 li .pic img{display: none; width: 100%;}

.area4 .m-tit{height: 158px;background: url("p4_tit.png") no-repeat center top;}
.area4 .con{overflow: hidden; height: 378px;}
.area4 ul{width: 1025px;overflow: hidden;}
.area4 li{float: left;width: 233px;height: 179px;margin: 0 22px 20px 0; background: url("app_bg.png") no-repeat;}
.area4 li h4{height: 40px;line-height: 40px;color: #fff;font-size: 20px;}
.area4 li .logo{padding: 16px 25px 0;height: 95px;}
.area4 li .logo a{display: inline-block;*display: inline; text-decoration: none;}
.area4 li .logo a img{display: block;width: 75px;height: 75px;}
.area4 li .logo a span{display: block;width: 75px;height: 20px;font-size: 14px;color: #fff;line-height: 20px;}

.area5 .m-tit{height: 158px;background: url("p5_tit.png") no-repeat center top;}
.area5 .con{height: 524px;}
.area5 .con .slide{width: 730px;height: 464px;padding: 30px; background: url("p5_l.png") no-repeat left top;}
.area5 .con .slide ul{height: 100%;}
.area5 .con .slide li{left: 0;top: 0;position:relative;}
.area5 .con .slide li, .area5 .con .slide li img{ width: 730px;height: 464px;}
.area5 .con .slide li i{background: #000;opacity: 0.5;filter:Alpha(opacity=50)}
.area5 .con .slide li span, .area5 .con .slide li i{position: absolute;width: 100%;height: 40px;left: 0;bottom: 0;}
.area5 .con .slide li span{line-height: 40px;left: 0;bottom: 0;color: #fff;font-size: 20px;}


.area5 .con .control{width: 195px;height: 441px;}
.area5 .con .control li{float: left; width: 195px;height: 148px;position: relative;cursor: pointer;}
.area5 .con .control li .one{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("one.png") no-repeat;}
.area5 .con .control li .two{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url("two.png") no-repeat;}
.area5 .con .control li img{width: 179px;height: 130px;padding:10px 0 0 9px}
.area5 .con .control li i{position: absolute;width: 179px;height: 130px;background: #000;opacity: 0.5;filter:Alpha(opacity=50);top: 10px;left: 9px;content: "\200B";}
.area5 .con .control .current i{opacity: 0;filter:Alpha(opacity=0)}
.area5 .con .control a{display: block;width: 67px;height: 40px;margin: 0 auto;}
.area5 .con .control .prev{background: url("up.png") no-repeat;margin-bottom: 10px;}
.area5 .con .control .prev:hover{background: url("up_h.png") no-repeat;}
.area5 .con .control .next{background: url("down.png") no-repeat;margin-top: 10px;}
.area5 .con .control .next:hover{background: url("down_h.png") no-repeat;}

.area6 .m-tit{height: 158px;background: url("p6_tit.png") no-repeat center top;}
.area6  .list ul{display: none; width: 1010px; height: 208px;margin-bottom: 36px; padding-top: 3px;background: url("ly_bg.png") no-repeat center top;}
.area6  .list li{float: left;width: 237px;height: 208px;margin-right: 15px;}
.area6  .list li p{word-break:break-all; font-size: 16px;color: #fff;line-height:26px;height:108px;overflow:hidden;width: 197px;text-align: left;padding: 70px 20px 0;}
.area6  .list .kind-a{background: url("ly_a.png") no-repeat center top;}
.area6  .list .kind-b{background: url("ly_b.png") no-repeat center top;}


.area6 .load{width: 352px;margin: 0 auto;}
.area6 .load a{display: block;width: 352px;height: 59px;background: url("more.png") no-repeat center top;}
.area6 .load p{color: #fff3b7;font-size: 14px;height: 30px;line-height: 30px;}

.area6 .team{padding: 22px 0 44px 227px;margin-top: 50px;width: 773px;height: 60px;background: url("team.png") no-repeat center top;}
.area6 .team span{float: left; color:#472c10;font-size: 16px;line-height: 60px;height: 60px;padding-left: 35px;}

.g-footer, .g-footer .links a{color: #333;}
.g-footer .gft-copyRight p, .g-footer .gft-copyRight a{color: #666;}
 .g-footer{background: #fff3b7;}
.area6 .comment{margin-bottom: 40px;}
.area6 .cmtarea-account{text-align: left;}
.area6 .cmtarea{padding: 0 70px;}
.area6 .cmtarea-account-login{background: #e21e19;}
.area6 .cmtarea-sendBtn{background: #333;}
.cmtarea-section-content-editor{text-align: left;}
.area6 .cmtarea-account-online{text-align: left;}
.area6 .thcmt, .area6 .cmtfooter, .area6 .cmtarea-section-content-avator, .area6 .cmtList{display: none;}



.area5 .con .control li i, .area2 .p1 li .more, .area5 .con .control a,
.area2 .p4 .qhb ul .big i, .area2 .p4 .qhb ul .big p, .area2 .p3 .qw{
	transition: all ease-in 0.5s;
	-webkit-transition: all ease-in 0.5s;
	-ms-transition: all ease-in 0.5s;
	-o-transition: all ease-in 0.5s;
	-moz-transition: all ease-in 0.5s;
}

.area3 li, .area3 .current .pic, .area3 .current .txts, .area3 .current h5{
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
}

.area4 li .logo a img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
}