*{margin:0;padding:0;}
body{font-size:12px;font-family:"΢���ź�",����,Arial, Helvetica, sans-serif; color:#000; background:#FFF;}
img{border:0;}
ul{list-style:none;}
li{ vertical-align:bottom;}
a{color:#666; text-decoration:none;}
a:hover{ color:#ff6d1e;}
input:focus,textarea:focus {outline: none;}
.layout{width:100%; height:auto; }
.container-header{ height:98px; background-image:url(../images/header.jpg);background-position:top center; background-repeat:no-repeat;}
.header{ width:1050px; height:98px; margin:0 auto; position:relative;}
.logo{ width:182px; height:82px;margin-top:8px; float:left; overflow:hidden; }
.logo img{ width:182px; height:82px;  }
.phone{top: 2px;left: 737px;z-Index: 39;width: 221px; height:37px; text-indent:10px;line-height: 37px;position: absolute;color:rgb(184, 118, 68); text-align:center; font-size:24px; font-weight:bold;background:url(../images/phone.png) no-repeat;}
.nav{ width:790px; height:52px; float:right; margin-top:42px;  }
.nav li{ width:96px; height:52px; line-height:52px; float:left;overflow:hidden; }
.nav li a{ width:96px; height:52px; line-height:52px; display:block; font-size:16px; display:block; text-align:center;color:#000000;}
.nav li a:hover{color:#000; border-bottom:2px solid #000;}
.nav li:hover{border-bottom:5px solid #000;}

.container-flash{ height:623px;margin:0 auto; overflow:hidden; position:relative; z-index:100; }
.flash{ width:1920px;  height:623px; margin:0 auto; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-960px; z-index:200;}
.mod_focus .contents{ width:1920px; height:623px; overflow:hidden;}
.mod_focus .contents li{width:1920px; overflow:hidden;height:623px; }
.mod_focus .contents li img{ width:1920px; height:623px;}
.mod_focus .tags{text-align:center; position:absolute; left:50%; margin-left:-30px; bottom:20px; width:60px; height:10px; overflow:hidden;}
.mod_focus .tags li{  overflow:hidden; float:left; margin:0 5px; display:inline; width:10px; height:10px;}
.mod_focus .tags a{ float:left; width:10px; height:10px; line-height:10px; font-size:0; background:#333; text-align:center; border-radius:50%}
.mod_focus .tags .focus a{font-size:0; background:#ccc; color:#333;}


.container-footer{  height:53px; margin:0 auto; background-color:#3c3c3c;  }
.footer{ width:1000px; height:53px; line-height:53px;  margin:0 auto; text-align:center;color:#fff;}
.footer a{color:#fff;}



.cflash{ width:100%;}
.cflash img{ width:100%;}
.column{clear: both;overflow: hidden;}
.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:rgb(183, 118, 69); 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:40px 0;}
.guanyu{ line-height:30px; font-size:14px;}
.guanyu h3{ line-height:70px;text-align:center;font-size:30px; }
.infolist{}
.infolist li{line-height:30px;float:left;width:48%;border:1px solid #000;}
.infolist li small,.infolist li span{margin:0 10px;}


.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:282px;height:186px; 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:282px;height:186px; overflow:hidden;}
.honor li p img{ width:282px;height:186px;-webkit-transition:all 0.45s ease-in-out; transition:all 0.45s ease-in-out;}
.honor li h4{ width:282px;height:30px; font-size:14px; font-weight:normal; padding:15px 0; text-align:center; background-color:rgb(183, 118, 69);}
.honor li h4 a{ color:#FFF;}
.honor li:hover h4{ background-color:#ff9600;}
.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:20%; height:auto; float:left; overflow:hidden}
.news li div.news-img img{ width:100%;}
.news li div.news-about{ width:78%; 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 a{ font-size:14px;display:inline-block;  *display:inline; zoom:1; padding:0 10px;margin:0 3px; height:33px; line-height:33px;border-radius:3px;border:1px solid rgb(183, 118, 69);background-color: #fff;}
 .pages  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  a, .pages  span{ color:#000;}
 .pages  span{ color:#000;}
 .pageinfo{ color:#000;}
 .pages a.thisclass{font-weight:bold;color:#fff;background-color: rgb(183, 118, 69);}
 .pages a.selected{ border:1px solid #0A6FEB;background:#0A6FEB; color:#fff;}
 .pages a:hover{ border:1px solid #0A6FEB;}
 .pages a:hover a{color:#0A6FEB; text-decoration:none;}
 .pages a a{ padding:8px 14px;}
 .pages a.selected a{color:#0A6FEB; background:#0A6FEB; color:#fff;}
