@charset "utf-8";
 /* CSS Document */
 /* 365建站器（soft.365jz.com）让建站和seo变得简单！ */

 /*common*/
 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 form,
 fieldset,
 legend,
 input,
 textarea,
 select,
 p,
 th,
 td {
     margin: 0;
     padding: 0;
 }

 body,
 td,
 th,
 span {
     color: #444;
     font-family: "微软雅黑";
     font-size: 12px;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: 100%;
     font-weight: normal;
 }

 li {
     list-style: none;
     display: inline-block;
 }

 a {
     color: #444;
     text-decoration: none;
 }

 a:hover {
     color: #f80;
     text-decoration: none;
 }

 img {
     border: 0;
     vertical-align: middle;
     max-width: 100%;
 }

 .clear {
     clear: both;
 }

 .hide {
     display: none;
 }

 /*body*/
 body {
     background: #fff;
 }

 /*pages*/
 .pages {
     width: 100%;
     float: left;
     text-align: center;
     margin: 10px 0;
 }

 .pages .curr {
     color: #fff;
     background-color: #dd474d;
 }

 .pages .curr a {
     color: #fff;
     background-color: #dd474d;
     border: 1px solid #dd474d;
 }

 .pages .curr a:hover {
     color: #fff;
 }

 .pages a {
     color: #666;
     background-color: #fff;
     padding: 7px 12px;
     border: 1px solid #dedede;
 }

 .pages a:hover {
     color: #fff;
     background-color: #dd474d;
     border: 1px solid #dd474d;
 }

 .pages span {
     margin: 0 3px;
 }

 .apages {
     width: 100%;
     float: left;
     text-align: center;
     margin: 10px 0;
 }

 .apages .curr {
     color: #fff;
     background-color: #dd474d;
 }

 .apages .curr a {
     color: #fff;
     background-color: #dd474d;
     border: 1px solid #dd474d;
 }

 .pages .curr a:hover {
     color: #fff;
 }

 .apages a {
     color: #666;
     background-color: #fff;
     padding: 7px 12px;
     border: 1px solid #dedede;
 }

 .apages a:hover {
     color: #fff;
     background-color: #dd474d;
     border: 1px solid #dd474d;
 }

 .apages span {
     margin: 0 3px;
 }

 /*newbanner
.block_home_slider {position: relative;text-align: center;width:100%; float:left;}  
.block_home_slider .slide {position:relative;}
.block_home_slider .flex-direction-nav a { width:50px; height:50px; display:block; position:absolute; top:50%; margin-top:-25px; text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev { left:50%; margin-left:-590px; background:url(../images/left1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next { right:50%; margin-right:-590px; background:url(../images/right1.png) no-repeat}
.block_home_slider .flex-control-paging { position:absolute; bottom:10px; left:50%; margin-left:-33px;}
.block_home_slider .flex-control-paging li { float:left; margin:0 3px;}
.block_home_slider .flex-control-paging li a { width:16px; height:16px; border-radius:16px; display:block; background-color:#fff; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active { background-color:#f00;}
.flexslider { margin: 0; padding: 0;}
.flexslider .slides > li { display: none;-webkit-backface-visibility: hidden;} 
.flexslider .slides img { width: 100%; display: block;}*/

 /*banner*/
 #banner {
     width: 100%;
     float: left;
     height: 430px;
     position: relative;
 }

 .ulBanner {
     width: 100%;
     height: 430px;
 }

 .ulBanner li {
     position: absolute;
     width: 100%;
     height: 430px;
 }

 .ulBannerNav {
     position: absolute;
     bottom: 20px;
     left: 50%;
     margin-left: -33px;
     z-index: 10;
 }

 .ulBannerNav li {
     float: left;
     background: #fff;
     margin: 0 3px;
     width: 16px;
     height: 16px;
     display: block;
     cursor: pointer;
     border-radius: 16px;
 }

 .ulBannerNav li.on {
     background: #0078ca;
     cursor: pointer;
 }

 /*----- Banner样式 -----
#banner { width:100%; text-align:center; z-index:0; position:relative; overflow:hidden;}
#banner a.banner_prev{width:50px; height:50px; background:url(../images/left1.png) no-repeat; position:absolute; left:50%; margin-left:-590px; top:50%; margin-top:-25px; text-indent: -5000px; z-index:999;}
#banner a.banner_next{width: 50px; height:50px; background:url(../images/right1.png) no-repeat; position:absolute; right:50%; margin-right:-590px; top:50%; margin-top:-25px;  text-indent: -5000px;}
#slide{width:100%; height:480px; position:relative;}
.bannerImg{ position:relative;}*/



 /*common*/
 #header {
     width: 100%;
     float: left;
 }

 .header {
     width: 1000px;
     height: 130px;
     margin: 0 auto;
 }

 .phone {
     float: right;
     font-style: italic;
     font-weight: bold;
     margin: 10px 0 0 0;
 }

 .phonetitle {
     color: #5d5d5d;
     font-size: 14px;
     float: left;
     height: 28px;
     line-height: 38px;
     background: url(../images/phone.png) no-repeat left;
     padding-left: 30px;
 }

 .phonecontent {
     color: #da0000;
     font-size: 24px;
     line-height: 33px;
     float: left;
 }

 .nav {
     float: right;
     margin: 20px 0 0 0;
 }

 .nav li {
     width: 70px;
     float: left;
     text-align: center;
     margin-left: 40px;
 }

 .navcn {
     width: 100%;
     float: left;
     color: #333;
     font-size: 16px;
 }

 .naven {
     width: 100%;
     float: left;
     color: #898889;
     font-family: "Arial";
     margin-top: 5px;
 }

 .nav li a:hover .navcn,
 .nav li a.hover .navcn {
     color: #d93037;
 }

 .main {
     width: 100%;
     float: left;
 }

 .bgfff {
     background-color: #fff;
 }

 .bgf8 {
     background-color: #f8f8f8;
 }

 .bgf6 {
     background-color: #f6f6f6;
 }

 #link {
     width: 100%;
     height: 78px;
     float: left;
     background: url(../images/linkbg.png) no-repeat center;
 }

 .link {
     width: 1000px;
     margin: 0 auto;
 }

 .link span {
     width: 200px;
     height: 22px;
     float: left;
     margin: 40px 20px 0 0;
 }

 .link div {
     width: 780px;
     height: 22px;
     float: left;
     margin: 40px 0 0 -123px;
 }

 .link div a {
     color: #666666;
     font-family: "宋体";
     font-size: 14px;
 }

 #footer {
     width: 100%;
     height: auto;
     float: left;
     background: url(../images/bottombg.jpg) repeat center;
 }

 .footer {
     width: 1000px;
     margin: 39px auto 38px auto;
 }

 /*.footerleft {*/
 /*	width: 88px;*/
 /*	height: 90px;*/
 /*	padding: 29px 40px 24px 0;*/
 /*	float: left;*/
 /*	border-right: 1px solid #515151;*/
 /*}*/
 .footercenter {
     width: 1000px;
     height: auto;
     padding: 20px 0;
 }

 .footercenter li {
     height: auto;
     display: inline-block;
     padding-right: 15px;
     line-height: 25px;
 }

 .footerright {
     width: 1000px;
     height: auto;
 }

 .footerright p {
     width: auto;

     font-family: "宋体";
     font-weight: bold;
     color: #ccc;
     line-height: 27px;
 }

 .footerright span {
     width: auto;

     margin-top: 5px;
     font-family: "宋体";
     color: #ccc;
     line-height: 20px;
 }

 .footerright ul {
     width: auto;

 }

 .footerright ul li {

     font-family: "宋体";
     color: #ccc;
     line-height: 40px;
 }

 .footerright ul li a {

     font-family: "宋体";
     color: #ccc;
 }

 .footerright .copyRight {
     width: auto;
     text-align: center;
     font-family: "宋体";
     color: #ccc;
     line-height: 27px;
 }

 /*default*/
 .bannerBottom {
     width: 996px;
     margin: 0 auto;
 }

 .bannerBottom li {
     width: 166px;
     float: left;
 }

 .bannerBottomImage {
     width: 98px;
     height: 98px;
     float: left;
     margin: 34px 34px 10px 34px;
 }

 .bannerBottomImage img {
     width: 86px;
     height: 86px;
     padding: 6px;
 }

 .bannerBottomTitle {
     width: 166px;
     text-align: center;
     height: 60px;
     float: left;
     color: #444;
     font-size: 18px;
     line-height: 22px;
 }

 .bben {
     color: #999999;
     font-size: 14px;
     font-family: "Arial";
     display: none;
 }

 .bannerBottom li:hover {
     background-color: #fff;
 }

 .bannerBottom li:hover .bannerBottomImage {
     background: url(../images/homeicohover.png) no-repeat center;
 }

 .bannerBottom li:hover .bben {
     display: block;
 }

 .showCaseHome {
     width: 1000px;
     margin: 0 auto;
 }

 .showCase_title {
     width: 1000px;
     float: left;
     text-align: center;
     font-size: 24px;
     color: #d93037;
     padding-top: 30px;
 }

 .spanen {
     color: #999;
     font-family: "Arial";
     font-size: 24px;
     margin-left: 10px;
 }

 .showCase_content {
     width: 1000px;
     float: left;
     align: center;
     padding-bottom: 20px;
     text-align: center;
 }

 .scc_title {
     width: 720px;
     float: left;
     text-align：center;
     margin: 30px 140px;
 }

 .scc_title span {
     cursor: pointer;
     width: 98px;
     height: 38px;
     float: left;
     border: 1px solid #dedede;
     margin: 0 10px;
     border-radius: 2px;
     text-align: center;
     line-height: 38px;
     color: #333;
     font-size: 14px;
 }

 .scc_title span:hover,
 .scc_title span.hover {
     width: 100px;
     height: 40px;
     border: 0px solid #dedede;
     background: url(../images/titlehover1.png) no-repeat;
     line-height: 40px;
     color: #fff;
     display: block;
 }

 .scc_title span:hover a,
 .scc_title span.hover a {
     color: #fff;
 }

 .scc_content {
     width: 1020px;
     float: left;
 }

 .scc_content li {
     width: 235px;
     float: left;
     margin: 0 20px 20px 0;
 }

 .case_image {
     width: 235px;
     float: left;
     height: 145px;
 }

 .case_title {
     width: 235px;
     float: left;
     height: 60px;
     line-height: 60px;
     text-align: center;
     background-color: #111;
     color: #fff;
     font-size: 14px;
 }

 .aboutUs {
     width: 1000px;
     margin: 0 auto;
     min-height: 30px;
     background: url(../images/title1.png) no-repeat center top;
 }

 .aboutUs_left {
     width: 380px;
     height: 280px;
     float: left;
     padding: 50px 0;
     margin-right: 45px;
 }

 .aboutUs_right {
     width: 575px;
     float: right;
     padding: 50px 0;
 }

 .aboutUs_right_title {
     width: 545px;
     float: left;
     background: url(../images/lictico1.png) no-repeat left;
     padding-left: 30px;
     height: 48px;
     line-height: 70px;
     font-size: 24px;
     color: #d93037;
 }

 .aboutUs_right_content {
     width: 575px;
     float: left;
     color: #333;
     font-size: 14px;
     line-height: 25px;
     margin-top: 20px;
 }

 .ourTeam {
     width: 1000px;
     margin: 0 auto;
     min-height: 30px;
     background: url(../images/title2.png) no-repeat center top;
 }

 .teamList {
     float: left;
     padding-bottom: 40px;
 }

 .teamList li {
     float: left;
     margin: 0 6px 6px 0;
     position: relative;
     cursor: pointer;
 }

 .teamHover {
     display: none;
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 50px;
     background: url(../images/titlehover2.png) no-repeat right 20px center #da484b;
     font-size: 16px;
     color: #fff;
     text-indent: 10px;
     padding: 15px 0;
 }

 .teamHover span {
     font-size: 12px;
     color: #fff;
     text-indent: 15px;
     float: left;
 }

 .teamList li:hover .teamHover {
     display: block;
 }

 .news {
     width: 1000px;
     margin: 0 auto;
     min-height: 30px;
     background: url(../images/title1.png) no-repeat center top;
 }

 .news_content {
     width: 1000px;
     float: left;
     padding-bottom: 40px;
 }

 .news_left_div {
     width: 350px;
     height: 286px;
     float: left;
     position: relative;
 }

 .news_left {
     width: 350px;
     height: 286px;
     float: left;
 }

 .news_left li {
     width: 350px;
     height: 286px;
     float: left;
     position: absolute;
 }

 .news_left_image {
     width: 348px;
     height: 230px;
     border: 1px solid #ecdbcd;
     border-bottom: 0;
 }

 .news_left_image img {
     width: 348px;
     height: 230px;
 }

 .news_left_title {
     width: 348px;
     height: 55px;
     line-height: 55px;
     background-color: #f6eada;
     color: #9d7657;
     font-size: 16px;
     text-indent: 10px;
 }

 .news_leftNav {
     position: absolute;
     bottom: 21px;
     right: 10px;
     z-index: 20;
 }

 .news_leftNav li {
     float: left;
     background: #fff;
     margin-left: 5px;
     width: 12px;
     height: 12px;
     border-radius: 12px;
     display: block;
     cursor: pointer;
 }

 .news_leftNav li.on {
     background: #b89172;
 }

 .news_center {
     width: 315px;
     height: 286px;
     float: left;
     margin-left: 20px;
 }

 .news_center li {
     width: 300px;
     float: left;
     background: url(../images/listico2.png) no-repeat 0 9px;
     padding: 0 0 15px 15px;
     margin-bottom: 15px;
     border-bottom: 1px dotted #c6c6c6;
 }

 .news_center_title {
     width: 300px;
     float: left;
 }

 .news_center_title a {
     font-size: 14px;
     color: #333333;
 }

 .news_center_title a:hover {
     color: #d94f53;
 }

 .news_center_content {
     width: 300px;
     float: left;
     font-size: 12px;
     color: #666666;
     font-family: "宋体";
     line-height: 21px;
     margin-top: 6px;
 }

 .news_right {
     width: 280px;
     float: right;
 }

 .news_right_image {
     width: 280px;
     height: 130px;
     float: left;
 }

 .news_right_content {
     width: 280px;
     float: left;
     margin-top: 8px;
 }

 .news_right_content li {
     width: 265px;
     float: left;
     background: url(../images/listico2.png) no-repeat left;
     padding-left: 15px;
     line-height: 35px;
     border-bottom: 1px dotted #c6c6c6;
 }

 .news_right_content li a {
     font-size: 12px;
     color: #666666;
     font-family: "宋体";
 }

 .news_right_content li span {
     float: right;
     font-family: "宋体";
     color: #999;
 }

 .customer {
     width: 1000px;
     margin: 0 auto;
 }

 .leftIco {
     background: url(../images/left2.png) no-repeat;
     width: 15px;
     height: 26px;
     margin: 37px 10px 0 0;
     float: left;
     cursor: pointer;
 }

 .rightIco {
     background: url(../images/right2.png) no-repeat;
     width: 15px;
     height: 26px;
     margin: 37px 0 0 10px;
     float: right;
     cursor: pointer;
 }

 .customer_content {
     width: 970px;
     height: 100px;
     float: left;
 }

 .customer_content ul {
     width: 970px;
     height: 100px;
     float: left;
 }

 .customer_content ul li {
     width: 160px;
     height: 100px;
     float: left;
     margin: 0 15px;
 }

 /*neiye*/
 #bannerny {
     width: 100%;
     height: 300px;
     float: left;
 }

 #box {
     width: 100%;
     float: left;
     background: url(../images/linkbg.png) no-repeat bottom;
     padding-bottom: 80px;
 }

 .box {
     width: 1000px;
     margin: 0 auto;
 }

 .box_top {
     width: 1000px;
     height: 7px;
     float: left;
     background: url(../images/listbg.png) no-repeat 207px;
     margin-top: 20px;
 }

 .box_left {
     width: 210px;
     float: left;
 }

 .boxleft_title {
     width: 185px;
     float: left;
     line-height: 40px;
     border-bottom: 2px solid #cd4848;
     font-size: 20px;
     color: #cd4848;
     padding-left: 25px;
 }

 .boxleft_title span {
     font-family: "Arial";
     font-size: 18px;
     color: #cd4848;
     margin-left: 5px;
 }

 .boxleft_content {
     width: 210px;
     float: left;
 }

 .boxleft_content li {
     width: 210px;
     float: left;
     border-bottom: 1px dotted #cccccc;
 }

 .boxleft_content li a {
     width: 180px;
     height: 50px;
     line-height: 50px;
     display: block;
     padding-left: 30px;
     background: url(../images/listico3.png) no-repeat 10px 20px;
     font-size: 14px;
     color: #333333;
 }

 .boxleft_content li a:hover,
 .boxleft_content li a.hover {
     background: url(../images/listico4.png) no-repeat 10px 20px;
     color: #cd4848;
 }

 .box_right {
     width: 750px;
     float: left;
     padding-left: 39px;
     border-left: 1px solid #e5e5e5;
 }

 .boxright_title {
     width: 750px;
     float: left;
     line-height: 42px;
     border-bottom: 1px solid #cccccc;
     font-size: 18px;
     color: #333333;
 }

 .boxright_title span {
     font-size: 14px;
     color: #666666;
     background: url(../images/sitemapico.png) no-repeat left;
     padding-left: 17px;
     float: right;
 }

 .boxright_title span a {
     color: #666666;
 }

 .boxright_content {
     width: 750px;
     float: left;
 }

 /*new list*/
 .newList {
     width: 750px;
     float: left;
     margin-top: 10px;
 }

 .newList li {
     width: 750px;
     float: left;
     border-bottom: 1px dotted #cccccc;
     padding: 15px 0;
 }

 .new_image {
     width: 200px;
     height: 140px;
     float: left;
     margin-right: 20px;
 }

 .new_image img {
     width: 200px;
     height: 140px;
 }

 .new_right {
     width: 520px;
     float: left;
 }

 .new_title {
     width: 100%;
     float: left;
     line-height: 25px;
     font-size: 16px;
     color: #333333;
 }

 .new_title span {
     float: right;
     font-size: 14px;
     color: #666666;
 }

 .new_content {
     width: 100%;
     float: left;
     line-height: 25px;
     height: 80px;
     font-size: 14px;
     color: #666666;
     margin-top: 10px;
 }

 .new_more {
     width: 100%;
     float: left;
     line-height: 25px;
 }

 .new_more a {
     float: right;
     color: #cb4141;
     padding-right: 15px;
     font-family: "Arial";
 }

 .page {
     width: 750px;
     float: left;
     margin: 20px 0;
 }

 /*new content*/
 .newContent {
     width: 750px;
     float: left;
 }

 .newcon_title {
     width: 750px;
     float: left;
     padding: 30px 0;
     line-height: 30px;
     font-size: 18px;
     color: #333333;
     text-align: center;
 }

 .newcon_content {
     width: 750px;
     float: left;
     line-height: 25px;
     font-size: 14px;
     color: #333333;
 }

 .newcon_precnext {
     width: 750px;
     float: left;
     border-top: 1px solid #dedede;
     color: #333333;
     padding-top: 5px;
     margin-top: 20px;
 }

 .newcon_precnext p {
     width: 750px;
     float: left;
     line-height: 25px;
 }

 .newcon_precnext p a {
     color: #333333;
 }

 /*contact*/
 .box_contact {
     width: 1041px;
     float: left;
     margin-top: 80px;
 }

 .contactDiv {
     width: 304px;
     height: 248px;
     float: left;
     border: 1px solid #dedede;
     margin-right: 41px;
 }

 .contact_image {
     width: 120px;
     height: 100px;
     float: left;
     margin: -50px 92px 0 92px;
 }

 .contact_title {
     width: 304px;
     float: left;
     text-align: center;
     font-size: 18px;
     color: #333333;
     padding: 15px 0;
 }

 .contact_content {
     width: 234px;
     float: left;
     font-size: 14px;
     color: #333333;
     padding: 0 35px;
     line-height: 25px;
 }

 /*service*/
 .box_service {
     width: 1041px;
     float: left;
     margin-top: 30px;
 }

 .serviceDiv {
     width: 320px;
     height: 220px;
     float: left;
     margin: 0 20px 20px 0;
 }

 .service_image {
     width: 320px;
     height: 160px;
     float: left;
 }

 .service_title {
     width: 220px;
     height: 60px;
     line-height: 60px;
     float: left;
     padding-left: 100px;
     font-size: 16px;
     color: #fff;
 }

 .service_title span {
     font-family: "Arial";
     font-size: 12px;
     color: #fff;
     margin-left: 5px;
 }

 .servicebg1 {
     background: url(../images/service1.jpg) no-repeat left #55bcda;
 }

 .servicebg2 {
     background: url(../images/service2.jpg) no-repeat left #00a99d;
 }

 .servicebg3 {
     background: url(../images/service3.jpg) no-repeat left #f4ca59;
 }

 .servicebg4 {
     background: url(../images/service4.jpg) no-repeat left #97cb6f;
 }

 .servicebg5 {
     background: url(../images/service5.jpg) no-repeat left #d74941;
 }

 .servicebg6 {
     background: url(../images/service6.jpg) no-repeat left #ff9a37;
 }

 .boxleft_service {
     width: 210px;
     float: left;
 }

 .boxleft_service li {
     width: 210px;
     float: left;
     border-bottom: 1px dotted #cccccc;
 }

 .boxleft_service li a {
     width: 160px;
     height: 50px;
     line-height: 50px;
     display: block;
     padding-left: 50px;
     font-size: 14px;
     color: #333333;
 }

 .boxleft_service li a:hover,
 .boxleft_service li a.hover {
     color: #cd4848;
 }

 .leftico1 {
     background: url(../images/serviceico1.png) no-repeat 9px 13px;
 }

 .leftico2 {
     background: url(../images/serviceico2.png) no-repeat 9px 20px;
 }

 .leftico3 {
     background: url(../images/serviceico3.png) no-repeat 9px 16px;
 }

 .leftico4 {
     background: url(../images/serviceico4.png) no-repeat 9px 14px;
 }

 .leftico5 {
     background: url(../images/serviceico5.png) no-repeat 9px 11px;
 }

 .leftico6 {
     background: url(../images/serviceico6.png) no-repeat 9px 13px;
 }

 .leftico7 {
     background: url(../images/serviceico7.png) no-repeat 9px 13px;
 }

 /*在线客服*/
 #customer {
     position: absolute;
     top: 180px;
     right: 0;
     overflow: hidden;
     z-index: 3000;
     font-size: 12px;
     display: none;
 }

 .customerTitle {
     width: 30px;
     height: 120px;
     overflow: hidden;
     background: url(../images/consultonline.gif) no-repeat 0 0;
     float: left;
     text-indent: -100px;
 }

 .customerTitle a {
     display: block;
     overflow: hidden;
     width: 30px;
     height: 120px;
 }

 .customerBox {
     border: 1px solid #dbdbdb;
     border-top: 3px solid #c40000;
     background: #fff;
     width: 108px;
     overflow: hidden;
     float: left;
 }

 .serviceTit {
     color: #8c0108;
     text-align: center;
     line-height: 35px;
     height: 35px;
     overflow: hidden;
     text-transform: uppercase;
     font-weight: bold;
 }

 .customerBox ul {
     margin: 0 5px;
     padding: 8px 0;
     overflow: hidden;
     border-top: 1px solid #8c0108;
 }

 .customerBox ul li {
     padding: 4px;
     overflow: hidden;
 }

 .customerBox ul li a {
     display: block;
     height: 24px;
     line-height: 24px;
     overflow: hidden;
     color: #8c0108;
 }

 .backTop {
     margin: 0 5px;
     overflow: hidden;
     padding: 10px 0;
     background: url(../images/backtop.gif) no-repeat 14px center;
     text-align: center;
     font-weight: bold;
     border-top: 1px solid #8c0108;
 }

 .backTop a {
     color: #165bc1;
 }

 #customerClose {
     position: absolute;
     top: 180px;
     right: 0;
     width: 30px;
     height: 120px;
     overflow: hidden;
     background: url(../images/consultonline.gif) no-repeat -30px 0;
     text-indent: -999px;
     z-index: 9999;
 }

 #customerClose a {
     display: block;
     height: 120px;
 }

 #top {
     width: 100%;
     height: 36px;
     background-color: #000;
     overflow: hidden;
 }

 .top {
     width: 1000px;
     height: 36px;
     margin: 0 auto;
     font-family: "微软雅黑";
     font-size: 12px;
     color: #FFFFFF;
     line-height: 36px;
     text-align: left;
 }

 .top a {
     font-family: "微软雅黑";
     font-size: 12px;
     color: #FFFFFF;
     line-height: 36px;
     text-align: left;
 }

 .top a:hover {
     font-family: "微软雅黑";
     font-size: 12px;
     color: #FFFFFF;
     line-height: 36px;
     text-align: left;
     text-decoration: underline;
 }

 #daohang {
     width: 100%;
     height: 110px;
     overflow: hidden
 }

 .daohang {
     width: 1000px;
     height: 110px;
     margin: 0 auto;
 }

 .STYLE1 {
     font-family: Arial;
     font-size: 12px;
     color: #999999;
     line-height: 45px;
 }

 .logo {
     height: 80px;
     overflow: hidden;
     margin: 0 auto;
     float: left;
     padding-top: 5px;
 }

 .logo .img {
     height: 80px;
 }

 .logo img {
     max-height: 80px;
 }

 #menu {
     height: 100px;
     line-height: 100px;
     width: 800px;
     overflow: hidden;
     float: left;
     padding-top: 25px;
 }

 #nav {
     margin: 0;
     width: 1000px;
     display: block;
     height: 100px;
     line-height: 132px;
     overflow: hidden;
 }

 #nav .mainlevel {
     /*	background: url(../images/d2.jpg) no-repeat right;*/
     float: left;
     color: #aeff00;
     padding-left: 15px;
     line-height: 40px;
     /*IE6 only*/
 }

 #nav .mainlevel a {
     color: #000;
     font-size: 17px;
     font-family: "微软雅黑";
     text-decoration: none;
     line-height: 40px;
     display: block;
     padding: 0;
     text-align: center;
 }

 #nav .mainlevel a:hover {
     color: #e00000;
     line-height: 40px;
     text-decoration: none;
     /*	background: url(../images/slide-panel_03.png) no-repeat;*/
 }

 #nav .mainlevel1 {
     float: left;
     color: #000000;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
     width: 100px;
     /*IE6 only*/
 }

 #nav .mainlevel1 li {
     list-style: none;
     height: 28px;
     line-height: 28px;
     overflow: hidden;
 }

 #nav .mainlevel1 a {
     color: #fff;
     font-size: 12px;
     text-decoration: none;
     line-height: 28px;
     display: block;
     width: 100px;
     height: 28px;
     margin: 0px;
     padding: 0px;
     overflow: hidden;
     text-align: center;
 }

 #nav .mainlevel1 a:hover {
     color: #fff;
     line-height: 28px;
     text-decoration: none;
     background: url(../images/d3.png) 0 0 repeat-x;
 }

 #nav .mainlevel ul {
     display: none;
     position: absolute;
 }

 #nav .mainlevel li {
     background: url(../images/d1.png) 0 0 repeat-x;
     width: 100px;
     /*IE6 only*/
 }




 /*  
banner
*/
 .swiper-container {
     width: 100%;
 }

 .swiper-container img {
     max-width: 100%;
 }

 .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
 }

 .swiper-text {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -56px;
     z-index: 2;
     text-align: center;
     color: #FFF;
     width: 100%;
 }

 .swiper-text h3 {
     font-size: 24px;
     text-align: center;
     margin-bottom: 3%;
     color: #FFF;
     line-height: 24px;
 }

 .swiper-text p {
     font-size: 16px;
     text-align: center;
     margin-bottom: 3%;
     color: #FFF;
     line-height: 24px;
 }

 .swiper-text .swiperbtn {
     display: block;
     background: #0064Cd;
     background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d));
     background-image: linear-gradient(270deg, #1dab7d 0, #47de9d 100%);
     width: 120px;
     height: 40px;
     line-height: 40px;
     color: #fff;
     text-align: center;
     border-radius: 20px;
     margin: 0 auto;
     font-size: 14px;
 }

 .swiper-text .swiperbtn:hover {
     -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
     box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }


 /* 话题标签topic */
 .z40234meta-tags {
     padding: 20px 0;
 }

 .z40234meta-tags .z40234tagitem {
     position: relative;
     display: inline-block;
     height: 30px;
     padding: 0 12px;
     font-size: 14px;
     line-height: 30px;
     vertical-align: top;
     border-radius: 100px;
     background: #f2f3f5;
     margin-bottom: 20px;
 }

 .z40234meta-tags .z40234tagitem:hover {
     background-color: rgba(0, 102, 255, .15);
 }

 .z40234meta-tags .z40234tagitem:not(:last-child) {
     margin-right: 10px;
 }


 /* 话题标签topic列表 */
 .z40234container {
     position: relative;
     margin: 0 auto;
     padding: 0 15px;
     box-sizing: border-box
 }

 @media screen and (min-width:768px) {
     .z40234container {
         width: 750px
     }
 }

 @media screen and (min-width:992px) {
     .z40234container {
         width: 970px
     }
 }

 @media screen and (min-width:1200px) {
     .z40234container {
         width: 1170px
     }
 }

 @media only screen and (max-width: 1140px) {

     .z40234main,
     .z40234container {
         width: auto;
     }
 }

 .z40234place {
     min-height: 56px;
     background-color: #f2f3f5;
     line-height: 56px;
     font-size: 16px;
     padding: 0 20px;
     margin: 20px 0;
 }

 .z40234row .z40234rowtitle {
     text-align: center;
     padding: 30px 0 20px 0;
 }

 .z40234row .z40234rowtitle h1 {
     font-size: 28px;
     line-height: 30px;
     text-align: center;
 }

 .z40234row .z40234rowtitle p {
     font-size: 16px;
     line-height: 30px;
     color: rgba(119, 119, 119, 1);
     font-family: Arial;
 }

 /* 自定义内容 */
 .z40234content {
     width: 100%;
     font-size: 16px;
     line-height: 28px;
     padding-bottom: 30px;
 }

 .z40234content p {
     padding-bottom: 20px;
 }

 .z40234content .contain {
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
     padding: 36px 40px;
     background: #FAF7F2;
     box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
     border-radius: 6px;
     -webkit-transition: .7s;
     -moz-transition: .7s;
     -o-transition: .7s;
     transition: .7s;
 }

 .z40234content .contain:hover {
     background: #EFEFEF;
 }

 .z40234content .contain .ch-title {
     font-size: 24px;
     font-weight: 600;
     color: #5d5044;
     line-height: 32px;
     margin-bottom: 6px;
 }

 .z40234content .contain .en-title {
     font-size: 16px;
     font-family: HelveticaNeueLTPro;
     color: rgba(133, 114, 90, 0.6);
     line-height: 32px;
     padding-bottom: 8px;
 }

 .z40234content .contain .line {
     width: 48px;
     height: 4px;
     background: #ff9f38;
     display: inline-block;
     margin-bottom: 24px;
 }

 .z40234content .contain p {
     font-size: 16px;
     font-weight: 400;
     color: #333333;
     line-height: 24px;
     text-align: justify;
 }

 /* 列表 */
 .z40234news_list_wrap {
     max-width: 1140px;
     margin: 0 auto;
 }

 .news_list_item_line {
     padding: 30px;
     position: relative;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     opacity: 1;
     filter: alpha(opacity=100);
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
 }

 .news_list_item_line:hover {
     -webkit-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
     -moz-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
     box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     background: #fff;
     color: #2ba0e8;

 }

 .news_list_item_line:hover a {
     color: #2ba0e8;
 }

 .news_list_item_header {
     display: -webkit-box;
     display: -webkit-flex;
     display: -moz-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -moz-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: start;
     -webkit-align-items: flex-start;
     -moz-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-top: 0
 }

 .news_list_item_date {
     font-size: 14px;
     color: #999;
     line-height: 24px;
 }

 .news_list_item_title {
     font-size: 16px;
     font-weight: 400;
     color: #333;
     line-height: 24px;
 }

 .news_list_item_link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .news_list_item_summery {
     margin-top: 18px;
     font-size: 14px;
     color: #666;
     line-height: 1.7;
 }

 .news_list_item_group a {
     display: inline-block;
     position: relative;
     height: 26px;
     line-height: 26px;
     max-width: 100%;
     padding: 0 8px;
     border: 1px solid #e5e5e5;
     margin-top: 12px;
     margin-right: 15px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     color: #999;
     font-size: 12px;
     word-break: keep-all;
     overflow: hidden;
     z-index: 2;
 }

 .news_list_parting_line {
     height: 0;
     border-bottom: 1px solid #ececec;
     margin: 0 1.6666%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 /* 分页 */
 .zzpages ul {
     float: left;
     padding: 12px 0px 12px 16px;
 }

 .zzpages ul li {
     display: inline-block;
     height: 35px;
     line-height: 35px;
     background: #fff;
     border: 1px solid #e5e5e5;
     overflow: hidden;
     vertical-align: top;
 }

 .zzpages li.thisclass {
     background: #292a32;
     border: 1px solid #292a32;
     color: #fff;
 }

 .zzpages ul li:hover {
     border: 1px solid #292a32;
 }

 .zzpages ul li a,
 .zzpages ul li .pageinfo {
     color: #292a32;
     padding: 8px 12px;
 }

 .zzpages li.thisclass a {
     color: #fff;
 }

 .zzpages .pageinfo strong {
     color: #555;
     font-weight: normal;
     margin: 0px 2px;
 }

 /* 话题标签topic列表结束 */