/* CSS Document */
html {-webkit-text-size-adjust: none; -ms-touch-action: none; overflow-x: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0;}
.video embed, .video object{width: 100%;height: auto;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"],select,button,textarea {-webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0;}
.css{-webkit-touch-callout: none}
a:hover{ color:#e7412c;}
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}
i{ font-style: normal;}
li{ list-style: none}
img{border:0; max-width: 100%; height: auto; width: auto\9; vertical-align: top; object-fit: cover; -o-object-fit: cover;}
a{ -webkit-tap-highlight-color: rgba(0,0,0,0); color:#000; text-decoration: none; outline: none;}
em{ font-style:normal;}
body{ background: #ffffff;; font: 16px/30px "微软雅黑","Microsoft Yahei", "思源黑体", Helvetica, Tahoma, Arial, sans-serif;}
.clearfix:after {content:"."; display: block; visibility: hidden; height: 0; clear: both; }/* 清除浮动*/* html .clearfix{ zoom: 1; }
.fl{ float: left;} .fr{ float: right;}
/*-------------------------------------------------------------------------------------------------------------------------*/
.w{ width: 1120px; margin:0 auto; position: relative;}
.icon{ background: url(../images/icon.png) no-repeat; display: block; overflow: hidden;}
.lazy{ -webkit-transition: all .3s; transition: all .3s;}
a:hover .lazy{transform: scale(1.2); -webkit-transform: scale(1.2);}
.head{ height: 964px; background: url(../images/pc-head.jpg) no-repeat center top; position: relative; text-align: center;}
.head-btn{ position: absolute; width: 158px; left: 50%; margin-left: -89px; bottom: 60px;}
.wap-head{ display: none;}
.section{ width: 100%;}
.bg{ background: url(../images/bg-1.jpg) no-repeat center top;}
.bg .w{ position: absolute; top: 50%; padding: 40px; margin-top: -300px; left: 50%; margin-left: -600px; background: url(../images/bg.png) repeat left top;}
#menu{ position: fixed; left: 50%; top: 50%; height: 298px; margin-left: 650px; padding-top: 130px; margin-top: -214px; width: 183px; z-index: 9999; background: url(../images/icon.png) no-repeat;}
#menu li{ width: 122px; height: 40px; text-align:center; font-size:18px; line-height:40px;}
#menu li a{ color:#fff;}
#menu .active a{ color:#dab383;}
#fullPage-nav{ display:none;}
.gray{ background: #f6f6f6;}
.bg-1-img{ position: absolute; left: 0; top: -96px;}
.tt{ width: 100%; margin-top: 40px;}
.tt h2{ line-height: 46px; font-size: 36px; font-weight: bolder; text-align: center; padding-bottom: 20px;}
.tt p{ text-indent: 2em; font-size: 16px; color: #666;}
.mod-a .fl{ width: 600px;}
.mod-a .fr{ width: 480px;}
.u-box-h{ height: 50px; margin-bottom: 20px; position: relative; border-bottom: 1px solid #e7412c;}
.u-box-h a{ font-size: 24px; line-height: 40px; font-weight: bold; color: #e7331b; display: block;}
.u-box-h span{ font-size: 14px; line-height: 50px; position: absolute; right: 0; font-weight: normal;}
.mod-a .slideBox{ width: 100%; height: 420px; overflow: hidden; position: relative;}
.slideBox .bd{ width: 100%; height: auto; position: relative;}
.slideBox .bd li{ width: 100%; position: relative; height: 420px; overflow: hidden;}
.slideBox .bd li a{ display: block; width: 100%; height: 100%;}
.slideBox .bd li img{ width :100%; height: 100%;}
.slideBox .bd li p,.slideBox .bd li em{ position: absolute; font-size: 16px; bottom: 0; left: 4%; overflow: hidden; height: 40px; line-height: 40px; color:#fff; width: 80%; z-index: 9;}
.slideBox .bd li em{ left: 0; width: 100%; z-index: 8; background:#000; filter:alpha(opacity=80); opacity: 0.8}
.slideBox .hd{ position: absolute; height: 12px; line-height: 12px; bottom: 13px; right: 4px; z-index: 10; }
.slideBox .hd li{ display: inline-block; *display: inline; zoom: 1; width: 12px; height: 12px; background: #fff; border-radius: 50%; line-height: 9999px; overflow: hidden; margin-right: 6px; vertical-align: top;}
.slideBox .hd li.on{ background: #CC0000;  }

.item{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
.item h2{ line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 21px; font-weight: bolder;}
.item p{ text-indent: 2em; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; color: #666;}
.item p a{ color: #e7412c;}
.item p a:hover{ text-decoration: underline;}
.ut li{ height: 36px; line-height: 36px; font-size: 16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.ut li i{ font-weight: bolder; margin-right: 8px;}
.mod .h{ margin-bottom: 20px; height: 60px;}
.mod .h a{ color:#fff; display: inline-block; *display: inline; zoom: 1; padding: 0 20px; height: 60px; line-height: 60px; font-weight:bold; font-size:24px; background:#e7412c; vertical-align: top;}
.mod-fl{ width: 440px;}
.mod-fr{ width: 640px;}
.im{ width: 100%; position: relative; height: 270px; overflow:hidden;}
.im a{ display: block; width: 100%; height: 100%;}
.im img{ width: 100%; height: 100%; }
.im p,.im em{ position: absolute; height: 40px; bottom: 0; left: 4%; overflow: hidden; height: 40px; line-height: 40px; font-size: 14px; color:#fff; width: 92%; z-index: 9; text-align: center;}
.im em{ left: 0; width: 100%; z-index: 8; background:#000; filter:alpha(opacity=80); opacity: 0.8}
.mod .ut li{ height: 44px; line-height: 44px; border-bottom: 1px dashed #aaa;}
.mod-d .v{ text-align: center; margin-bottom: 40px;}
.mod-d .v a{ display: inline-block; *display: inline; zoom: 1; width: 84px; text-align: center; padding: 7px; height: 80px; line-height: 40px; font-size: 37px; font-weight: bolder; text-align: center; margin: 0 10px; border: 1px solid #e7331b;}
.mod-d .v .on,.mod-d .v a:hover{ background: #e7331b; color: #fff;}
.mod-d .b{ display: block;}
.mod-d .cur{ display: block;}
.mod-d .fl{ width: 560px;}
.mod-d .fr{ width: 556px; background: #eee; height: 356px;}
.mod-d .im{ height: 356px;}
.mod-d .m-box{ padding: 40px 80px 0;}
.mod-d .item{ border-bottom: 0;}
.mod-d .item h2{ text-align: center;}
.mod-d .item p{ margin-top: 2px; height: 72px; margin-top: 15px;}
.mod-e .fl,.mod-e .fr{ width: 540px;}

.cont{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #4f4344;}
.cont-img{ float: left; margin-right: 20px; width: 200px; height: 136px; overflow: hidden;}
.cont-img img{ width: 100%; height: 100%;}
.cont h3{ line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 21px; font-weight: bolder;}
.cont p{ text-indent:2em; font-size: 14px; line-height: 24px; height: 96px; overflow: hidden; margin-top: 10px; color: #666;}
.cont p a{ color: #e7412c;}
.cont p a:hover{ text-decoration: underline;}
.cont-r .cont-img{ float: right; margin-right: 0; margin-left: 20px;}
.cont-b0{ border-bottom: none; padding-bottom: 0;}

.icon-v{ background:url(../images/icon_v.png) no-repeat; display: block; overflow: hidden;}
.mod-d{  padding: 40px 0;}
.mod-d .W {
    width: 1120px;
    margin: 0 auto;
    position: relative;
}
.side{ position:relative;}
.side .tempWrap{ width: 1120px !important;}
.side .bd li{ float:left; width:262px; position:relative; margin-right: 24px;}
.side .bd li h2{ font-size: 20px; font-weight: bold; line-height: 34px; height: 68px; overflow: hidden; color:#fff; margin-bottom: 20px;}
.side .bd li .im{ width: 100%; height: 460px; overflow:hidden;}
.side .bd li img{ width:100%; height: 100%;}
.side .bd li p{ margin-top: 20px; line-height: 26px; color:#fff; font-size: 16px;}
.side .hd ul{ display:none;}
.side .icon-v{ height: 48px; width: 30px; display:block; z-index:9; cursor:pointer; position:absolute; top:50%; margin-top:-24px;}
.side .prev{ left: -84px; background-position: 0 -44px;}
.side .next{ right:-84px; background-position:-30px -44px;}
.side .next:hover,.side .prev:hover{opacity:1;}

#wap-foot{ display: none;}
@media screen and (max-width: 800px){
	*{box-sizing: border-box; -webkit-box-sizing: border-box;}
  #nav{ display: none !important;}
  a:hover .lazy{transform: scale(1); -webkit-transform: scale(1);}
	.w{ width: 100%;}
	.fl,.fr{ width: 100% !important; float: none !important;}
	#top,.head,#foot,#menu{ display: none;}
  .wap-head{ display: block;}
  body{ background-size: 100%; background-position-y: top;}
  .container{ padding: 0; background: none;}
  .bg{ padding: 0; background: none;}
  .bg .w{ margin: 0; padding: 0; position: initial;}
  .mod{ padding: .32rem 0;}
  .bg-1-img{ display: none;}
  .icon{ background-size: 5.4rem auto;}
  .mod .h .icon{ width: 5.2rem; height: 1.16rem;}
  .icon-2{ background-position-y: -1.16rem;}
  .icon-3{ background-position-y: -2.32rem;}
  .icon-4{ background-position-y: -3.48rem;}
  .icon-5{ background-position-y: -4.64rem;}
  .tt{ margin-top: 0; padding: 0 .32rem; margin-bottom: .32rem;}
  .tt h2{ line-height: 120%; font-size: .48rem; padding-bottom: .2rem;}
  .tt p{ font-size: .28rem; line-height: 150%;}
  .mod-a .slideBox{ height: auto; margin-bottom: .32rem;}
  .slideBox .bd li{ height: auto;}
	.slideBox .bd li a{ height: 56vw; position: relative;}
	.slideBox .bd li em{ position: absolute; bottom: 0; left: 0; width: 100%; background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); height: 1rem;}
	.slideBox .bd li p{ width: 85%; height: .8rem; line-height: .8rem; text-overflow: ellipsis; white-space: nowrap; color:#fff;}
	.slideBox .hd{ bottom: .28rem;}
  .slideBox .hd li{ margin-right:4px; height:6px; width:6px;}
  .u-box-h{ height: 1rem; line-height: .8rem; padding: 0 .32rem;}
  .u-box-h a{ font-size: .42rem;}
  .u-box-h span{ font-size: .28rem; line-height: 1rem; right: .32rem;}
  .u-box-b{ padding: 0 .32rem;}
  .item{ padding-bottom: .3rem; margin-bottom: .3rem;}
  .item h2{ font-size: .36rem; line-height: .64rem; height: .64rem;}
  .item p{ margin-top: .1rem; font-size: .28rem; line-height: .48rem;}
  .ut li{ height: .72rem; line-height: .72rem;}
  .mod .h{ margin-bottom: .32rem;}
  .im{ height: 60vw;}
  .im p, .im em{ height: .72rem; line-height: .72rem; font-size: .28rem;}
  .mod .ut li{ height: .88rem; line-height: .88rem; font-size: .28rem;}
  .mod .h a{ font-size: .48rem; height: 1rem; line-height: 1rem; padding: 0 .3rem;}
  .mod-d .v{ margin-bottom: .12rem; border-radius: .1rem; overflow: hidden;}
  .mod-d .v a{ width: 1.2rem; height: 1.2rem; line-height: .6rem; font-size: .48rem; margin: 0 .1rem .2rem; box-sizing: content-box; padding: .1rem; border-radius: 0;}
  .mod-d .item{ padding-bottom: .3rem; margin-bottom: .3rem;}
  .mod-d .item:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}
  .mod-d .im{ height: auto;}
  .mod-d .item p{ height: auto; margin-top: .1rem;}
  .mod-e .fl{ margin-bottom: .32rem;}
  .mod-d .fr{ height: auto;}
  .mod-d .m-box{ padding: .6rem;}
  .cont{ padding-bottom: .3rem; margin-bottom: 0; border: none;}
  .cont-img{ float: none; width: 100%; height: 56vw; margin-right: 0; margin-left: 0; margin-bottom: .32rem;}
  .cont-r .cont-img{ float: none; margin-left: 0;}
  .cont-b0{ margin-bottom: 0; padding-bottom: 0;}
  .cont h3{ font-size: .36rem; line-height: .48rem; height: auto; white-space: normal;}
  .cont p{ margin-top: .1rem; font-size: .28rem; line-height: .48rem; height: auto;}
  .mod-f{ background: #fff; padding-top: 0;}
  .mod-f .b{ padding: 0 .32rem;}
	#wap-foot{ height: .96rem; text-align: center; line-height: .96rem; background: #e7331b; width: 100%; display: block; color: #fff;}
	
	.mod-d .W{ width: 100%;}
  .icon-v{ background-size: 7.5rem auto;}	
  .side .tempWrap{ width: 100% !important;}
  .side .bd li{ margin-right: 0; width: 100%;}
  .side .bd li a{ display: block; width: 12rem; margin: 0 auto;}
  .side .bd li h2{ font-size: .8rem; height: auto; line-height: 1.2rem; margin-bottom: .6rem;}
  .side .bd li .im{ height:100%; padding-bottom: 60%; position: relative; }
  
  .side .bd li .im img{ position: absolute; top: 0; left: 0; }
  .side .bd li p{ margin-top: .6rem; line-height: 1rem; font-size: .6rem;}
  .side .icon-v{ width: .75rem; height: 1.2rem; margin-top: -.6rem;}
  .side .prev{ left: .3rem; background-position: 0 -1.1rem}
  .side .next{ right: .3rem; background-position: -.75rem -1.1rem}	
}