.column{ }
.col-header{ width:100%; height:auto; padding:40px 0 30px 0; margin:0 auto; background-color:#f6f6f6}
.col-menu,.col-location{ width:1200px; height:auto; margin:0 auto; margin-bottom:30px;}
.col-menu p{ width:12.5%; height:36px; line-height:36px; display:block; box-sizing:border-box; border:1px solid #bfbfbf; float:left; text-align:center; font-size:14px; cursor:pointer; }
.col-menu p + p{ border-left:0;}
.col-menu p:hover,.col-menu p.on{ background-color:#000; color:#FFF;}
.col-menu p:hover a,.col-menu p.on a{color:#fff;display:block;width:100% }
.col-location{ margin-bottom:0; height:30px; line-height:30px; overflow:hidden; text-align:left; font-size:14px;}
.col-location i{ font-size:14px; color:#a7a9a6;}

.col-main{ width:1200px; height:auto; margin:0 auto; box-sizing:border-box; }
.col{ display:block; }
.col + .col{ display:none;}

.guanyu,.dashiji,.honor,.culture,.news{ width:100%; }
.guanyu,.news,.honor{padding:20px 0;}
.guanyu{ line-height:30px; font-size:14px;}
.guanyu h3{ line-height:70px;text-align:center;font-size:30px; }
.dashiji li{ width:100%; height:auto; padding-left:90px; position:relative; box-sizing:border-box;}
.dashiji li + li{ padding-top:30px;}
.dashiji li::before{ content:' '; width:1px; height:100%; background-color:#e4e4e4; position:absolute; left:8px; top:0; z-index:10;}
.dashiji li div.dsj-year{ width:89px; height:89px; line-height:89px; text-align:center; font-size:14px; position:absolute; left:0; top:0; z-index:12;}
.dashiji li div.dsj-year::after{ content:''; width:15px; height:15px; background-color:#FFF; border:2px solid #ffa11a; border-radius:50%; box-sizing:border-box; position:absolute; left:1px; top:50%; margin-top:-7px; z-index:14;}
.dashiji li div.dsj-about{ width:100%; height:auto; border:1px solid #e4e4e4; background-color:#FFF; padding:10px 20px; box-sizing:border-box; line-height:30px; font-size:14px; position:relative; }
.dashiji li div.dsj-about div.dsj-icon{ width:14px; height:22px; background:url(../images/dashiji-icon.png) no-repeat left top; overflow:hidden; position:absolute; top:33px; left:-14px;}
.honor li{ width:23.5%; float:left; height:auto; overflow:hidden;}
.honor li + li{ margin-left:2%; margin-bottom:2%;}
.honor li:nth-of-type(4n+1){ margin-left:0;}
.honor li p{ width:100%; overflow:hidden;}
.honor li p img{ width:100%;-webkit-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out;}
.honor li h4{ width:100%; font-size:14px; font-weight:normal; padding:15px 0; text-align:center; background-color:#000;}
.honor li h4 a{ color:#FFF;}
.honor li:hover h4{ background-color:#ff3948;}
.honor li:hover p img{ width:100%;-webkit-transform:scale(1.05,1.05);transform: scale(1.05,1.05);}

.culture{ position:relative; height:auto; padding-top:50px; background:url(../images/culture.png) repeat-y center top; margin-bottom:50px;}
.culture::after,.culture::before{ content:' '; width:11px; height:11px; border-radius:50%; border:2px solid #afc2d1; position:absolute;  margin-left:-7px; background-color:#FFF;}
.culture::after{left:50%; top:0;}
.culture::before{left:50%; bottom:0;}
.culture-list{ width:100%; height:auto; background:url(../images/culture-list.png) repeat-y center top;}
.culture-list li{ width:50%; height:auto; border-right:1px solid #F60; padding-left:8%; border-color:transparent; padding-right:4%; box-sizing:border-box; float:left;}

.culture-list li + li{ margin-top: 65px; }
.culture-list li:nth-of-type(even){border-right:0; border-left:1px solid #F60; border-color:transparent; padding-right:8%; padding-left:4%; float:right;}
.culture-list li div.cl-line{ width:100%; height:150px; box-sizing:border-box; background-color:#008ed2; padding:10px 30px 20px 30px; position:relative; z-index:10;}
.culture-list li div.cl-line::after,.culture-list li div.cl-line::before{ content:' '; width:12px; height:12px; background-color:rgba(255,255,255,0.3); position:absolute;}
.culture-list li div.cl-line::after{ left:18px; top:16px;}
.culture-list li div.cl-line::before{ left:22px;  top:20px;}
.culture-list li div.cl-line h4{ width:100%; height:26px; line-height:26px; text-align:right; color:#FFF; font-size:16px; text-align:right; font-weight:normal; border-bottom:1px solid rgba(255,255,255,0.3); position:relative;  }
.culture-list li div.cl-line p{ width:100%; height:90px; overflow:hidden; line-height:24px;  padding:9px 0 9px 15px; border-left:1px solid rgba(255,255,255,0.3) ; font-size:14px; box-sizing:border-box; text-align:right; color:#FFF; position:relative;}
.culture-list li div.cl-line h4::after{ content:''; width:0; height:0;  border-top:6px solid transparent; border-right: 8px solid #FFF; border-bottom:6px solid transparent; position:absolute; right:-30px; top:59px;}
.culture-list li:nth-of-type(even) div.cl-line h4::after{ content:''; width:0; height:0;  border-top:6px solid transparent; border-left: 8px solid #FFF; border-bottom:6px solid transparent; position:absolute; left:-30px; top:59px; border-right:0;}
.culture-list li:nth-of-type(even) div.cl-line h4{ text-align:left;}
.culture-list li:nth-of-type(even) div.cl-line p{padding:9px 15px 9px 0; border-left:0; text-align:left; border-right:1px solid rgba(255,255,255,0.3) ;}
.culture-list li:nth-of-type(even) div.cl-line::after{ left:auto; right:18px;}
.culture-list li:nth-of-type(even) div.cl-line::before{ left:auto; right:22px;}
.culture-list li:nth-of-type(even) div.cl-line h3{ width:100%; height:60px;}
.culture-list li:nth-of-type(even) div.cl-line h3 img{ width:300px; height:60px;}
.culture-list li:nth-of-type(4) div.cl-line{ padding:0; height:150px;}
.culture-list li:nth-of-type(4) div.cl-line::after,.culture-list li:nth-of-type(4) div.cl-line::before{ display:none;}
.culture-list li:nth-of-type(4) div.cl-line h5{ width:100%; height:36px; line-height:36px; font-weight:normal; font-size:14px; overflow:hidden; margin-bottom:6px; overflow:hidden; border-bottom:1px dashed #959595; font-size:14px;}
.culture-list li:nth-of-type(4) div.cl-line p{ width:100%; height:auto; font-size:12px; padding-top:0; max-height:40px; line-height:20px; color:#999; border-right:0; overflow:hidden; }
.culture-list li:nth-of-type(2) div.cl-line{ background-color:#7fb946;}
.culture-list li:nth-of-type(3) div.cl-line{ background-color:#f01f37;}
.culture-list li:nth-of-type(4) div.cl-line{ background-color:#FFF;}
.culture-list li:nth-of-type(5) div.cl-line{ background-color:#ffa311;}

.news li{ width:100%; height:auto; border:20px solid #f6f6f6; background-color:#f6f6f6; box-sizing:border-box; margin-bottom:20px;}
.news li div.news-img{ width:25%; height:auto; float:left; overflow:hidden}
.news li div.news-img img{ width:100%;}
.news li div.news-about{ width:74%; height:auto; /*height:200px; */float:right; padding-right:100px; padding-left:20px; box-sizing:border-box; position:relative;}
.news-about-cen{ width:100%;}
.news li div.news-about div.news-about-cen h3,.news li div.news-about div.news-about-cen p,.news li div.news-about div.news-about-cen h4,.news li div.news-about div.news-about-cen h5{ width:100%; height:24px; line-height:24px; font-weight:normal; font-size:16px; overflow:hidden;}
.news li div.news-about div.news-about-cen h3{ height:50px; line-height:50px;}
.news li div.news-about div.news-about-cen p{ height:auto; max-height:96px; font-size:14px; color:#888;}
.news li div.news-about div.news-about-cen h4{ font-size:12px; color:#999; display:none;}
.news li div.news-about div.news-about-cen h5{ font-size:12px; }
.news li div.news-about div.news-about-cen h5 a{ color:#ff8712;}
.news li div.news-about div.news-about-date{ width:80px; height:96px; position:absolute; right:0; top:0;}
.news li div.news-about div.news-about-date h5,.news li div.news-about div.news-about-date p{ width:80px; height:64px; line-height:64px; font-weight:bold; font-size:48px; text-align:center; font-weight:bold;}
.news li div.news-about div.news-about-date h5{ position:relative;}
.news li div.news-about div.news-about-date h5::after{ content:''; width:100%; height:1px; background-color:#8f8f8f; position:absolute; left:0; bottom:0;}
.news li div.news-about div.news-about-date p{ height:32px; line-height:32px; font-size:14px; font-weight:normal;}


.pages{margin:10px 0;padding:10px 0;height:auto; overflow:hidden; clear:both;background:#f6f6f6}
 .pages ul{ text-align:center;}
 .pages ul li{ font-size:14px;display:inline-block;  *display:inline; zoom:1; margin:0 3px; height:33px; line-height:33px;border-radius:3px;border:1px solid #575757;}
 .pages ul span{ font-size:14px;display:inline-block;  *display:inline; zoom:1; margin:0 3px; height:33px; line-height:33px;border-radius:3px;border:1px solid #575757;}
 .pages ul li a, .pages ul li span{ color:#888;}
 .pages ul span{ color:#888;}
 .pageinfo{ color:#888;}
 .pages ul li.selected{ border:1px solid #0A6FEB;background:#0A6FEB; color:#fff;}
 .pages ul li:hover{ border:1px solid #0A6FEB;}
 .pages ul li:hover a{color:#0A6FEB; text-decoration:none;}
 .pages ul li a{ padding:8px 14px;}
 .pages ul li.selected a{color:#0A6FEB; background:#0A6FEB; color:#fff;}