@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,del,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td {  margin:0;   padding:0; 
  font-family:"Microsoft Yahei","宋体"; /*font-family:"FZZHUNYSK","微软雅黑","宋体";*/  font-size:14px; color:#333;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img,button {  border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;  /* font-weight:normal; */}
ol,ul { list-style:none;}
caption,th {  text-align:left;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
a { text-decoration:none; color:#333;  }


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #fff; }
a:hover,a:focus { color: #6f1d21; text-decoration: none;}
a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
.mc { margin:0 auto;}
.w1200 {  width: 1200px;}
.fl { float:left}
.fr { float:right}
.cl { clear:both; 
  /* color: #931f32; */
}



/* ------------------------------------------------------首页-------------------------------------------------------- */
.header{width: 100%; height: 147px; border-top: 4px #6f1d21 solid; padding-top: 29px; }
  .topnav{ width: 1238px; height: 100%;position: relative;}
    .toplogo{width: 394px; height: 98px; position: absolute; left: 427px; top: 0; z-index: 999;}
    .nav{ width: 100%; height:100%; padding-top: 72px; position:relative; z-index:6; }
    .nav a{ color:#261a16; }
    .nav .nLi{ float:left; position:relative; display:inline; }
    .nav_pad{padding-left: 455px;}
    .nav .nLi h3{ float:left;}
    .nav .nLi h3 a{ display:block; height: 43px; padding:0 19px; text-decoration:none;}
    .nav .nLi h3 a:hover{ color: #c7223a;}
    .nav .nLi h3 i{ display: inline-block; width: 8px; height: 5px; margin-left: 3px; overflow: hidden; vertical-align: middle; background: url(../images/nav_icon.png) center no-repeat; }
    .nav .on h3 a{color: #c7223a;}
    .nav .sub{ display:none; width:200px; left:0px; top:40px; position:absolute; background-color:#fff; line-height:26px; border-top: 3px #6f1d21 solid; border-radius: 0 0 5px 5px;}
    .nav .sub::before { content: ''; position: relative; top: -10px; left: 37px; display: block; width: 15px; height: 8px; background: url(../images/nav_arrow.png) no-repeat;}
    .nav .sub li{ zoom:1; }
    .nav .sub a{ display:block; padding:6px 20px; font-size:14px; color:#333;}
    .nav .sub a:hover{ background: #e4e8f0; color:#c7223a;}




/*--------------banner开始----------------*/
.slider{ width:100%;  min-width:1200px;  height:430px;  position:relative; overflow:hidden; background:#fff; text-align:center;   }
	.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-600px  }
	.slider .bd li{ width:1200px;  overflow:hidden; }
	.slider .bd li img{ display:block; width:1200px; height:430px;    }
	.slider .tempWrap{ overflow:visible !important }
	.slider .tempWrap ul{  margin-left:-1200px !important; /*强制位置*/  }
	.slider .hd{ position:absolute; width:100%; left:0;  z-index:1; height:8px; bottom:20px;  text-align:center;  }
	.slider .hd li{ display:inline-block; *display:inline; zoom:1; width:8px; height:8px; line-height:99px; overflow:hidden; background:url(../images/slider-btn.png) 0 -10px no-repeat; margin:0 12px; cursor:pointer;  }
	.slider .hd li.on{ background-position:0 0; filter:alpha(opacity=100);opacity:1;  }
	.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:430px; cursor:pointer;   }
	.slider .prev{ left:-50%; margin-left:-600px;  }
	.slider .next{ left:50%;  margin-left:600px;  }
	.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:430px; background-image: linear-gradient(180deg,#1d2623,#2b4436); filter:alpha(opacity=50);opacity:0.9;   }
	.slider .pnBtn .arrow{ display:none;   position:absolute; top:0; z-index:1; width:23px; height:430px;  }
	.slider .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; }
	.slider .prev .arrow{ right:13px; background:url(../images/slider_arrow.png) 0 0 no-repeat;   }
	.slider .next .arrow{ left:13px; background:url(../images/slider_arrow.png) -24px 0 no-repeat;  }

 /* 通用标题—1 */
 .column_one{ width: 100%; }
 .column_one h2{float: left; font-size: 26px; color: #2e2e2e; margin-left: -12px;}
 .column_one a{width: 68px; float: right; font-size: 13px; color: #8d6f39; margin-top: 15px; background: url(../images/icon_more_a.png) no-repeat 46px 2px;}
 .column_one a:hover{color: #6f1d21; background: url(../images/icon_more_a_h.png) no-repeat 46px 2px;}

  /* 历程 简介 */
.mainfirst{ width: 1214px; height: 594px; }
  .left_yslc{ width: 412px; height: 100%; padding-top: 25px; padding-left: 7px; background: url(../images/icon_title.png) no-repeat top left;}
  .left_yslc .yslcwrap{width: 359px; height: 384px; padding-top: 30px; padding-left: 39px;}
  .left_yslc .yslcwrap ul li{float: left; width: 100%; padding-left: 46px; margin-top: 27px; background: url(../images/icon_li.png) no-repeat left 5px;}
  .left_yslc .yslcwrap ul li h6{font-size: 16px; color: #8f713c;}
  .left_yslc .yslcwrap ul li p{ color: #2e2e2e;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .left_yslc .yslcwrap ul li:hover{opacity: 0.85; background: url(../images/icon_li_h.png) no-repeat left 5px;}
  .left_yslc .yslc_img{ width: 100%; height: 185px; border-bottom: 4px #6f1d21 solid; background: url(../images/yslc_img.jpg) no-repeat center;} 
  .right_about{width: 802px; height: 534px; margin-top: 61px; padding-right: 7px; border-bottom: 1px #e5ded3 solid; background: url(../images/aboutimg.png) no-repeat left;}  
  .right_about .aboutwrap{ width: 396px; height: 236px; margin-top: 279px;  margin-left: 27px; padding-top: 95px; padding-left: 33px; background: url(../images/icon_title.png) no-repeat top left;}
  .right_about .aboutwrap p{ float: left; line-height: 25px; padding-top: 17px; color: #474747; text-align: justify;text-justify: inter-ideograph; }

  /* 获奖作品 */
.mainsecond{width: 100%; height: 598px; padding-top: 58px; background: url(../images/mainsecond.jpg) no-repeat bottom;}
  .hjzpwrap{height: 512px; }
  .hjzpwrap .hjzp{ width: 600px; height: 100%;}
  .hjzpwrap .hjzp .hjzptitle{ width: 258px; height: 100%; background: url(../images/hjzptitle.jpg) no-repeat center;}
  .hjzpwrap .hjzp .hjzptitle .bt{width: 235px; height: 260px; margin-left: 23px; padding: 70px 0 0 47px; 
    background: url(../images/icon_title_w.png) no-repeat left top;}
  .hjzpwrap .hjzp .hjzptitle .bt h3{ font-size: 26px; color: #fff; padding: 20px 0; width: 26px; background: url(../images/hjzp_z.png) no-repeat center; }
  .hjzpwrap .hjzp .hjzptitle a{ float: left; color: #fff; padding: 0 18px; margin: 170px 0 0 60px; background: url(../images/icon_more_c.png) no-repeat center;}
  .hjzpwrap .hjzp .hjzptitle a:hover{opacity: 0.6;}
  .hjzpwrap .le img{float: left; width: 342px; height: 100%;}
  .hjzpwrap .ri img{ float: left; width: 100%; height: 256px; }

 /* 通用标题—2 */
 .column_two{width: 100%; height: 86px; text-align: center; padding-bottom: 26px;}
 .column_two h2{font-size: 26px; color: #2e2e2e; padding-bottom: 9px;}
 .column_two a{ font-size: 13px; color: #8d6f39; margin-top: 18px; padding: 0 20px; background: url(../images/icon_more_d.png) no-repeat center;}
 .column_two a:hover{color: #6f1d21; background: url(../images/icon_more_d_h.png) no-repeat center;}

  /* 作品欣赏 */
.mainthird{ height: 724px; overflow: hidden; padding-top: 58px; }
.mainfourth{ height: 561px; overflow: hidden; padding-top: 58px; }
  .zpxswrap{ width:100%; min-height: 370px; }
  .zpxswrap .hd{ overflow:hidden; width: 302px;}
  .zpxswrap .hd li{ position:relative; font-size: 15px; color: #212121; text-align:center; width:151px; float:left; cursor:default; }
  .zpxswrap .hd li.on{ color:#6f1d21; background: url(../images/icon_hd.png) no-repeat center; }
  .zpxswrap .hd li:hover{color:#6f1d21; background: url(../images/icon_hd.png) no-repeat center; }
  .zpxswrap .bd{ height:100%; padding-top: 27px; }
  .zpxswrap .bd .lh{ overflow:hidden; }
  /* .zpxswrap .bd .lh li{ margin-bottom: 30px; } */	
  .zpxswrap .bd .lh li .p-name{ width: 100%; height: 70px; text-align: center;}
  .zpxswrap .bd .lh li .p-name a{display: block;}
  .zpxswrap .bd .lh li:hover .p-name{ border-bottom:2px #6f1d21 solid;}
  .zpxswrap .bd .lh li .p-name p{ font-size: 15px; line-height: 35px; } 
	.zpxswrap .bd .lh li .p-name:hover p{ color: #6f1d21;}
  .zpxswrap .bd .lh li .p-name span{ color: #777; } 

  .zpxswrap .lh li:nth-child(1){border-top: 4px #682f1f solid; background-color: #e4e4e1;}
  .zpxswrap .lh li:nth-child(2){border-top: 4px #1a2624 solid; background-color: #d7d7d6; }
  .zpxswrap .lh li:nth-child(3){border-top: 4px #234837 solid; background-color: #e4e4e1;}
  .zpxswrap .lh li:nth-child(4){border-top: 4px #944c4f solid; background-color: #d7d7d6; }
  .zpxswrap .lh li:nth-child(5){border-top: 4px #74262b solid; background-color: #e4e4e1;}

  /* 横幅 */
	.zpxswrap .hf li{ width:600px; height: 250px; float:left; margin-bottom: 30px;}
	.zpxswrap .hf li .p-img{ width:100%; height:176px; overflow-y: hidden;overflow-x: scroll; }
	.zpxswrap .hf li .p-img img{min-width: 600px; height:176px; float: left; }

  /* 竖幅 */
	.zpxswrap .sf li{ width:240px; height: 537px; float:left;}
	.zpxswrap .sf li .p-img{ width:100%; height:458px; overflow-y: scroll;overflow-x: hidden; }
	.zpxswrap .sf li .p-img img{width:240px; min-height:458px; float: left; }

  /* 斗方 */
	.zpxswrap .df li{ width:300px; height: 370px; float:left;}
	.zpxswrap .df li .p-img{ width:100%; height:296px;  }
	.zpxswrap .df li .p-img img{width:300px; height:296px; float: left; }

    /* 扇面 */
	.zpxswrap .sm li{ width:400px; height: 370px; float:left;}
	.zpxswrap .sm li .p-img{ width:100%; height:296px;  }
	.zpxswrap .sm li .p-img img{width:400px; height:296px; float: left; }

/* 定义滚动条样式 */
.p-img::-webkit-scrollbar{ height: 6px !important; width: 6px !important;  background-color: rgba(0, 0, 0, 0.1);}

/* 定义轨道样式 */
.p-img::-webkit-scrollbar-track{ 
  /* -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1 ); */
  border-radius:5px;  background-color: rgba(0, 0, 0, 0.0);}

/* 定义滚动条滑块样式 */
.p-img::-webkit-scrollbar-thumb{ border-style: none; background-color: rgba(141, 111, 57, 0.1); border-radius:8px; border-width: none; background-clip: padding-box;}
.p-img::-webkit-scrollbar-thumb:hover{  background:#944c4f;}

/* news */
.mainfifth{ height: 310px; padding-top: 58px;}
  .newswrap{ width: 590px; height: 100%; padding: 0 24px; background-color: #f3f1f2;}
  .newswrap .newstitle{width: 100%; padding-left: 28px; height: 80px; padding-top: 45px; background: url(../images/icon_title.png) no-repeat left bottom; }
  .newswrap ul{ float: left; width: 100%; margin-top: 22px;}
  .newswrap ul li{ float: left; width: 100%; line-height: 30px; padding-left: 3px;}
  .newswrap ul li em{float: left; width: 7px; height: 7px; border-radius: 50%; color: #c2c3c2;}
  .newswrap ul li:hover em{color: #77282b;}
  .newswrap ul li a{display: block; float: left; width: 80%; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; padding-left: 19px;}
  .newswrap ul li span{float: right; font-size: 13px; color: #888;}

/*-------------------- 底部开始 -------------------*/
.footerWrap{ width: 100%; height: 174px; background-color: #241b14;border-top: 4px #6f1d21 solid; margin-top: 58px; }
  .footer { padding-top: 46px; height: 100%; }
  .footer .footlogo{ width: 320px; height: 71px; background: url(../images/footlogo.png) no-repeat center;}
  .footer .copy{ width: 710px; height: 71px; padding-left: 60px;line-height: 25px; }
  .footerWrap p{ font-size: 13px; color: #ccc; }
  .footerWrap a{ color: #999;}
  .footerWrap a:hover{ color: #fff;}
  .footer .ewm{ width:70px; height:70px; color: #fff; font-size: 12px; text-align: center; }
  .footer .ewm img{ width: 66px;  height: 66px;}


#gotoTop {
	background: url("../images/top1.png");
	width: 50px;
	height: 50px;
	right: 30px;
	bottom: 50px;
	margin-top: -50px;
	margin-left: 520px;
	display: none;
	position: fixed;
	cursor: pointer;
}
#gotoTop {
	_position: absolute;
}
.hover#gotoTop {
	background: url("../images/top2.png");
}


/* 内页样式------------------------------------------------------------------------------ */
/* 内容开始 */
.contentwrap{width: 100%; min-height: 700px; background-color: #eceeef;}
.content_page{ min-height: 600px; padding: 60px 0;}

/* 二级页面导航 */
.subnav{width: 1214px; height: 80px; padding: 20px 7px; background: url(../images/icon_title.png) no-repeat left bottom;}
.subnav ul{ margin: 0 auto;  list-style: none; text-align: center; list-style: none;  display: -webkit-box;
  display: -moz-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;  -ms-flex-pack: center;
  justify-content: center;   align-items:baseline;}
.subnav li{ float: left;  color: #777; height: 100%; ;}
.subnav ul li a.picli{ color: #555; display: block; font-size: 16px; padding: 8px 36px;   }
.subnav ul li a.picli:hover{ color: #c7223a; }
.subnav ul li a.picli.current{ color: #c7223a;  }

/* 面包屑 */
.menuwrap{width: 100%; height: 57px; line-height: 57px; color: #777;font-size: 13px;}
.menuwrap .iconfont{font-size: 16px;}
.goback{ float: right; color: #666;}

/* about详情页 */
.ny_main{ width: 100%; background: #fff; min-height: 300px; padding: 70px 100px;}
/* .ny_main_left{ width: 895px; min-height: 900px; background: #fff; padding: 70px 60px;}
.ny_main_right{width: 270px; padding: 30px 20px; min-height: 600px; background: #fff;} */

/* 内页标题 */
.maintitl{ width: 100%; min-height: 40px; margin-bottom: 58px;}
.maintitl h2{ font-size: 26px; line-height: 40px; font-weight: 600; color: #333;}
.maintitl span{ display: block; font-size: 13px; color: #999; padding-top: 10px;}
.maintitl span i { padding-right: 7px; font-size: 14px;}

/* 内容 */
.main_textW p { font-size: 16px; line-height: 30px; margin-bottom: 20px;}
.main_textW img { max-width: 100%; margin-bottom: 20px;}

/* 内页图片列表 */
.ny_piclis{ overflow: hidden; zoom: 1; }
.ny_piclis li{ float: left;}

.ny_piclis li .ny-name{ width: 100%; height: 70px; text-align: center;}
.ny_piclis li .ny-name a{display: block;}
.ny_piclis li:hover .ny-name{ border-bottom:2px #6f1d21 solid; background-color: #e4e4e1;}
.ny_piclis li .ny-name p{ font-size: 15px; line-height: 35px; } 
.ny_piclis li .ny-name:hover p{ color: #6f1d21;}
.ny_piclis li .ny-name span{ color: #777; } 

/* 内页横幅 */
.ny_hf{margin-left: -40px;}
.ny_hf li{ width:480px; height: 270px; float: left; margin-left: 40px; margin-bottom: 40px;}
.ny_hf li .ny-img{width: 100%; height: 200px; overflow-x: scroll;overflow-y: hidden;}
.ny_hf li .ny-img img{min-width: 480px; height: 100%; float: left;}

/* 内页竖幅 */
.ny_sf{margin-left: -65px;}
.ny_sf li{ width:290px; height: 600px; float: left; margin-left: 65px; margin-bottom: 40px;}
.ny_sf li .ny-img{width:100%; height: 530px; overflow-y: scroll;overflow-x: hidden;}
.ny_sf li .ny-img img{width: 290px; min-height:530px;  float: left;}

/* 内页斗方 */
.ny_df{margin-left: -40px;}
.ny_df li{ width:306.6px; height: 376.6px; float: left; margin-left: 40px; margin-bottom: 40px;}
.ny_df li .ny-img{width:100%; height: 306.6px;}
.ny_df li .ny-img img{width: 100%; height:100%;  float: left;}


  /* 内页扇面 */
.ny_sm{margin-left: -40px;}
.ny_sm li{ width:306.6px; height: 330px; float: left; margin-left: 40px; margin-bottom: 40px;}
.ny_sm li .ny-img{width:100%; height: 250px;}
.ny_sm li .ny-img img{width: 100%; height:100%;  float: left;}

/* 定义滚动条样式 */
.ny-img::-webkit-scrollbar{ height: 6px !important; width: 6px !important;  background-color: rgba(0, 0, 0, 0.1);}

/* 定义轨道样式 */
.ny-img::-webkit-scrollbar-track{ 
  /* -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.1 ); */
  border-radius:5px;  background-color: rgba(0, 0, 0, 0.0);}

/* 定义滚动条滑块样式 */
.ny-img::-webkit-scrollbar-thumb{ border-style: none; background-color: rgba(141, 111, 57, 0.1); border-radius:8px; border-width: none; background-clip: padding-box;}
.ny-img::-webkit-scrollbar-thumb:hover{  background:#944c4f;}


/* 新闻列表 */
.nynews_list {  width: 100%; line-height: 99px; margin-bottom: 50px;}
.nynews_list li {  width: 100%;  height: 99px;  border-bottom: 1px dotted #ccc;}
.nynews_list li em { float: left; font-size: 18px; color: #c2c3c2;}
.nynews_list li:hover em{color: #77282b;}
.nynews_list li a {display: block; width: 80%; float: left; text-align: left; padding-left: 20px; font-size: 16px; color: #555; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;}
.nynews_list li span { width: 100px; padding-right: 10px; float: right; text-align: right; color: #999; font-size: 12px;}
.nynews_list li:hover { background: #e4e4e1; color: #6f1d21;}


/* 上一条 */
.updown{ width: 950px; height: 80px; line-height: 80px;  padding-bottom: 30px; border-top: 1px #e0e1e1 dashed;}
.updown li{ float: left; width: 435px; padding:0 20px; color: #666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nyrightneirong{ width: 650px; margin-left: 50px;}
.telwrap{ width: 250px; min-height: 500px;}



/* 页码 */
.pagenumberwap { width: 699px;text-align: center; clear: both; }
.fanye { display: inline-block;}
.fanye { _display: inline;}
.fanye li {  _float: left; border: 1px solid #ccc; height: 30px; line-height: 30px; vertical-align: middle;
  margin: 0 3px; min-width: 45px; display: inline-block; background-color: #fff;}
.fanye li a{ display: block; padding: 0 6px;}
.fanye li:hover {  border: 1px solid #6f1d21; color: #6f1d21; text-decoration: none;}
/* .fanye li.on { background: #045CBD; border: 1px solid #d6d6d6; color: #fff; text-decoration: none; font-weight: bold;} */
.fanye li.active { background: #6f1d21; border: 1px solid #d6d6d6; color: #fff; text-decoration: none; font-weight: bold;}
.fanye li.active a { color: #fff;}
.fanye li.disable { color: #D6D6D6; cursor: default;}
.fanye li.disable:hover { border: 1px solid #6f1d21;}
.fanye li.load { cursor: pointer; line-height: 27px;}