@charset "UTF-8";
/*结构样式*/
#main{ max-width:1158px; width:96%; margin:0 auto; padding:0 2%;}
#main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#main #rightArea{ width:25%; float:right; padding:30px 0 50px;}
#main #leftArea{ width:73%; float:left; padding:20px 0 50px;}


#indexList{ max-width:1158px; width:96%; margin:0 auto; padding:0 2%;}

#follow{ width:100%; background:#f4f4f4;}

.logoListPanel_01{}
.logoListPanel_01 .titleField{}
.logoListPanel_01 .titleField h1{ font-size:34px; line-height:70px;}
.logoListPanel_01 .listField{ border-right:1px solid #f0f0f0;}
.logoListPanel_01 .listField .bgF_01{ width:97%; overflow:hidden;}
.logoListPanel_01 .listField ul{ width:100%;}
.logoListPanel_01 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.logoListPanel_01 .listField ul li{ width:25%; border-bottom:1px solid #f0f0f0; float:left; padding:10px 0;}
.logoListPanel_01 .listField ul li .img{ width:100%; max-width:160px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;}
.logoListPanel_01 .listField ul li .img span{ display:block; width:100%;}
.logoListPanel_01 .listField ul li .img img{ display:block; width:100%; height:auto;}
.logoListPanel_01 .listField ul li .img:hover{ -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8;}
.logoListPanel_01 .listField ul li .text{ width:100%; max-width:160px; height:30px; line-height:30px; text-align:center; overflow:hidden;}
.logoListPanel_01 .btnField{ padding:30px 0 10px; border-right:1px solid #f0f0f0; text-align:center;}
.logoListPanel_01 .btnField .btn{ width:234px; height:32px; padding:0 0 0 30px; background:url(../images/icon_cross_01.gif) 25% 50% no-repeat #f2f2f2; line-height:32px; text-align:center; cursor:pointer; font-size:14px; color:#6f6f6f;}
.logoListPanel_01 .loadingField{ padding:30px 0 10px; border-right:1px solid #f0f0f0; text-align:center;}
.logoListPanel_01 .loadingField .loading{ display:inline-block; vertical-align:middle; line-height:32px; height:32px; padding:0 0 0 30px; background:url(../images/icon_loading_01.gif) 0 50% no-repeat;}


.casePanel_01{}
.casePanel_01 .titleField{ width:100%;}
.casePanel_01 .titleField:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.casePanel_01 .titleField h1{ width:100%; max-width:277px; float:right; font-size:34px; line-height:70px;}
.casePanel_01 .listField{ width:100%;}
.casePanel_01 .listField ul{ width:100%;}
.casePanel_01 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.casePanel_01 .listField ul li{ width:100%; max-width:277px; padding:18px 0 0; float:right;}
.casePanel_01 .listField ul li .img{ width:100%; overflow:hidden;}
.casePanel_01 .listField ul li .text{ width:100%; overflow:hidden; color:#8a8a8a;}
.casePanel_01 .listField ul li .text a{ color:#8a8a8a;}
.casePanel_01 .listField ul li .img{ width:100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;}
.casePanel_01 .listField ul li .img a{ display:block; width:100%;}
.casePanel_01 .listField ul li .img img{ display:block; width:100%; height:auto;}
.casePanel_01 .listField ul li .img:hover{ -moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8;}

.contactUsPanel_01{ padding:30px 0 0;}
.contactUsPanel_01 .titleField{ width:100%;}
.contactUsPanel_01 .titleField:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.contactUsPanel_01 .titleField h1{ font-size:14px; width:100%; max-width:277px; float:right;}
.contactUsPanel_01 .telNumField{ width:100%;}
.contactUsPanel_01 .telNumField:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.contactUsPanel_01 .telNumField .bgF_01{ width:100%; max-width:277px; float:right;}
.contactUsPanel_01 .telNumField .bgF_01 h1{ padding:0 0 0 30px; line-height:40px; background:url(../images/icon_telNum_01.gif) -10px -40px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#272626;}

.indexListPanel_01{ width:100%; padding:36px 0 72px; overflow:hidden;}
.indexListPanel_01 .titleField{ padding:0 0 30px; text-align:center;}
.indexListPanel_01 .titleField h1{ font-size:54px; line-height:96px; letter-spacing:2px;}
.indexListPanel_01 .titleField h2{ font-size:20px; line-height:28px; color:#666;}
.indexListPanel_01 .listField{ padding:24px 0 0;}
.indexListPanel_01 .listField ul{ width:500%; background:url(../images/line_02.gif) 0 0 no-repeat;}
.indexListPanel_01 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.indexListPanel_01 .listField ul li{ width:5%; float:left; background:url(../images/line_02.gif) 100% 0 no-repeat;}
.indexListPanel_01 .listField ul li .img{ width:100%; height:145px;}
.indexListPanel_01 .listField ul li .img span,.indexListPanel_01 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; -ms-transition: -ms-transform 0.3s, opacity 0.3s; -o-transition: -o-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;}
.indexListPanel_01 .listField ul li .img span:hover,.indexListPanel_01 .listField ul li .img a:hover{ -moz-opacity:0.6; -webkit-opacity:0.6; opacity:0.6;}
.indexListPanel_01 .listField ul li .img img{ display:block; margin:0 auto;}
.indexListPanel_01 .listField ul li .list{ padding:20px 0 0;}
.indexListPanel_01 .listField ul li .list dl{ }
.indexListPanel_01 .listField ul li .list dl a{ color:#000; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
.indexListPanel_01 .listField ul li .list dl dt{ display:none;}
.indexListPanel_01 .listField ul li .list dl dd{ font-size:16px; line-height:36px; text-align:center;}
.indexListPanel_01 .listField ul li .list dl dd a{ color:#666; display:block;}
.indexListPanel_01 .listField ul li.list1 .list dl dd .imp{ color:#0088c9;}
.indexListPanel_01 .listField ul li.list2 .list dl dd .imp{ color:#ef3a5b;}
.indexListPanel_01 .listField ul li.list3 .list dl dd .imp{ color:#fe9500;}
.indexListPanel_01 .listField ul li.list4 .list dl dd .imp{ color:#649701;}
.indexListPanel_01 .listField ul li.list1 .list dl dd a:hover{ text-decoration:none; color:#00aeff;}
.indexListPanel_01 .listField ul li.list2 .list dl dd a:hover{ text-decoration:none; color:#ff3995;}
.indexListPanel_01 .listField ul li.list3 .list dl dd a:hover{ text-decoration:none; color:#ffbe22;}
.indexListPanel_01 .listField ul li.list4 .list dl dd a:hover{ text-decoration:none; color:#85c900;}


.followPanel_01{ max-width:1158px; width:96%; margin:0 auto; padding:30px 2% 43px ;}
.followPanel_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.followPanel_01 .qrCodeField{ float:right; padding:7px 73px 0 0;}
.followPanel_01 .qrCodeField span{ display:block; width:104px; height:104px; padding:14px; background:#fff; overflow:hidden;}
.followPanel_01 .qrCodeField img{ display:block;}
.followPanel_01 .infoField{ margin-right:314px; position:relative;}
.followPanel_01 .infoField .list{ height:150px}
.followPanel_01 .infoField ul{ position:relative; min-height:125px;}
.followPanel_01 .infoField ul li{ position:absolute; left:0; top:0; display:none;}
.followPanel_01 .infoField ul li.current{ display:block;}
.followPanel_01 .infoField ul li .img{ width:150px; height:112px; padding:10px 0 0; float:left;}
.followPanel_01 .infoField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.followPanel_01 .infoField ul li .img img{ display:block;}
.followPanel_01 .infoField ul li .text{ margin-left:176px;}
.followPanel_01 .infoField ul li .text h2{ font-size:24px; line-height:36px; padding:4px 0 5px;}
.followPanel_01 .infoField ul li .text h2 a{ color:#000; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -moz-transition: -moz-transform 0.3s, color 0.3s; -ms-transition: -ms-transform 0.3s, color 0.3s; -o-transition: -o-transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s;}
.followPanel_01 .infoField ul li .text h2 a:hover{ text-decoration:none; color:#00aeff;}
.followPanel_01 .infoField ul li .text p{ min-height:40px; line-height:20px; font-size:14px;}
.followPanel_01 .infoField ul li .text p.date{ font-size:12px; padding:12px 0 0; min-height:0;}
.followPanel_01 .infoField .control{ padding:10px 0 0; line-height:15px; margin-left:-3px; position:absolute; left:0; bottom:-10px}
.followPanel_01 .infoField .control span{ display:inline-block; width:15px; height:15px; cursor:pointer; background:url(../images/icon_p_01.gif) 50% -15px no-repeat;}
.followPanel_01 .infoField .control span.current{ background:url(../images/icon_p_01.gif) 50% 0 no-repeat;}