@charset "utf-8";
/* CSS reset */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video, xmp {
	border: 0;
	margin: 0;
	padding: 0;
}
table, tbody, td, tfoot, th, thead, tr,{
 	margin: 0;
	padding: 0;
}
html, body {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img { display: block; color: transparent;font-size: 0;-ms-interpolation-mode: bicubic;/*windows平台缩放图片时，可能出现图像失真现象*/}
ol, ul {list-style: none;}
li {display: list-item;}
table {	border-collapse: collapse;	border-spacing: 0;}
th, td, caption {font-weight: normal;vertical-align: top;}
/* 全局CSS定义 */
body{margin:0 auto;background:#ff0000;color:#666; font-family:'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53', simsun, sans-serif,Arial;font-size:12px;line-height:14px;}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input,textarea{font-size:12px}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix {*zoom:1;}/*IE/7/6*/
/* 链接样式*/
a:link, a:visited, a:focus{ outline:none;}
a:link{ color:#666666; text-decoration:none;}
a:visited{ color:#666666; text-decoration:none;}
a:hover{ color:#666666; text-decoration:underline;}
a:active{ color:#666666; text-decoration:none;}
a:hover{ -webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;}
.disn{display: none; visibility: hidden;}


#page{ width:1440px; margin:0 auto;}
#header{ height: 788px; overflow: hidden; position: relative;}
.line{width: 1030px; margin: 0 auto; position: relative; z-index: 1;}
#content{width: 1000px; margin: 0 auto; margin-top: -59px;}
#parta{background: url("../images/parta.jpg") 0 0 no-repeat; height: 770px; overflow: hidden; position: relative;}
#partb{background: url("../images/partb.jpg") 0 0 no-repeat; height: 720px; overflow: hidden; position: relative;}
#partc{background: url("../images/partc.jpg") 0 0 no-repeat; height: 715px; overflow: hidden; position: relative;}
#partd{background: url("../images/partd.jpg") 0 0 no-repeat; height: 894px; overflow: hidden; position: relative;}
#parte{background: url("../images/parte.jpg") 0 0 no-repeat; height: 723px; overflow: hidden; position: relative;}

/*header*/
.header-pro{position: absolute; top: 0; left: 0;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: .5s;
	animation-delay: .5s;}
.logo{position: absolute; top: 20px; right: 215px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;}
.header-tit{position: absolute; top: 280px; right: 65px;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-delay: 2.6s;
	animation-delay: 2.6s;}
.adr01{position: absolute; top: 400px; right: 135px;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-delay: 3.8s;
	animation-delay: 3.8s;}
.adr02{position: absolute; top: 500px; right: 268px;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-delay: 4s;
	animation-delay: 4s;}
.header-flow01{position: absolute; top: 635px; right: 720px; 
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.header-flow02{position: absolute; top: 575px; right: 99px; 
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: .7s;
	animation-delay: .7s;}
/*parta*/
.pa-txt{float: left; width: 175px; font-size: 12px; color: #000; line-height: 24px; padding: 150px 0 0 80px;
	text-shadow: 0 0 0px #989797;}
.pa-p01{float: left; padding: 125px 0 0 35px;}
.pa-p02{float: left; padding: 125px 0 0 11px;}
.pa-p03{float: left; padding: 11px 0 0 62px;}
.pa-p04{float: left; padding: 11px 0 0 11px;}
.pa-flower{position: absolute; top: 379px; left: 6px;}
.pa-icon{position: absolute; top: 570px; right: 52px;}

/*partb*/
.pb-info{float: right; width: 206px; padding: 44px 62px 0 0;}
.pb-info span{display: inline-block; background: #f00; line-height: 16px; color: #fff; 
	padding: 0 5px 0 3px; letter-spacing: .5px; margin-top: 15px;}
.pb-info p{font-size: 12px; color: #000; line-height: 24px; padding-bottom: 25px; padding-top: 2px;
text-shadow: 0 0 0px #989797}
.pb-info p:nth-child(1), .pb-info p:nth-child(2), .pb-info p:nth-child(3){padding-right: 5px;}
.pb-icon{position: absolute; top: 8px; left: 28px;}
.pb-tit{position: absolute; top: 67px; left: 228px;}
.pb-txt{position: absolute; top: 398px; left: 51px;}
.pb-star{position: absolute; top: 137px; left: 150px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;}
.pb-star:hover{-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

/*partc*/
.pc-info{ width: 170px; padding: 280px 0 0 70px;}
.pc-info span{display: inline-block; background: #f00; line-height: 16px; color: #fff; 
	padding: 0 5px 0 3px; letter-spacing: .5px;}
.pc-info p{font-size: 12px; color: #000; line-height: 24px; padding-bottom:50px; padding-top: 2px;
0 0 0px #989797}
.pc-tit{position: absolute; top: 108px; left: 70px;}
.pc-txt01{position: absolute; top: 165px; left: 70px;}
.pc-txt02{position: absolute; top: 165px; right: 85px;}
.pc-txt03{position: absolute; top: 230px; right: 60px;}

/*partd*/
.pd-txt{float: right; width: 510px; padding: 185px 50px 0 0;}
.pd-txt p{font-size: 12px; color: #fff; line-height: 24px; text-shadow:0 0 0 #939393;}
.pd-pic{ margin: 162px 0 0 16px; width: 370px;}
.pd-news{ padding: 18px 0 0 33px; overflow: hidden;}
.qha{float: right; width: 570px; height: 395px; margin: 30px 25px 0 0;}
.swiper-button-next, .swiper-button-prev{top: 870px; left: 445px; width: 50px; height: 50px;}
.swiper-button-next, .swiper-button-next{top: 870px; left: 518px; width: 50px; height: 50px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url("../images/prev.png"); -webkit-background-size: cover;
background-size: cover;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url("../images/next.png"); -webkit-background-size: cover;
background-size: cover;}
.cont{background: rgba(162,0,0, .5); width: 570px; height: 395px; border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.cont .cont-con{ border:2px dotted #E29B46; width: 550px; height: 374px!important;
border-radius: 10px; padding: 15px 15px 15px 26px; margin: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.cont .cont-con img{float: left; margin-right: 13px; width: 183px; height: 183px; border-radius: 50%; border:6px solid #fff;
 box-shadow: 2px 2px 6px #3C3B3B; -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;}
.cont .cont-con .name{font-size: 30px; color: #d7b85c; line-height: 30px; padding-bottom: 10px;}
.cont .cont-con p{font-size: 12px; color: #fff; line-height: 22px; padding-bottom: 10px;
text-shadow:0 0 0 #949494;}
.cont .cont-con h4{font-size: 15px; color: #d7b85c; line-height: 20px; font-weight: 700; padding-bottom: 10px;}

/*parte*/
.pe-p01{position: absolute; top: 158px; left: 28px;}
.pe-p02{position: absolute; top: 158px; left: 345px;}
.pe-p03{position: absolute; top: 158px; left: 545px;}
.pe-blocks{position: absolute; top: 347px;left: 345px; background-color: #d7b85c; width: 391px; height: 119px;}
.pe-p04{position: absolute; top: 158px; right: 26px;}
.pe-p05{position: absolute; top: 478px; left: 28px;}
.pe-p06{position: absolute; top: 478px; left: 266px;}
.pe-p07{position: absolute; top: 478px; left: 506px;}
.pe-p08{position: absolute; top: 478px; left: 747px;}

.snip{position: absolute; color: #fff; font-size: 16px; background-color: #000; overflow: hidden;}
.snip *{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
-webkit-transition: all .45s ease;
-moz-transition: all .45s ease;
-ms-transition: all .45s ease;
-o-transition: all .45s ease;
transition: all .45s ease;}
.snip img{max-width: 100%; display:block;}
.snip a{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}
.snip figcaption{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; padding: 30px;
	background-color: rgba(0,0,0,.8); border: 4px solid rgba(255, 255, 255, 0.1); text-align: center;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;}
.snip:hover img, .snip.hover img{opacity: .1;}
.snip:hover figcaption, .snip.hover figcaption{-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;}
.snip h2, .snip p{line-height: 1.8em; margin: 0;}
.snip h2{border-bottom: 1px solid rgba(255,255,255,.2); display: inline-block; font-size: 18px; padding-bottom: 5px;}
.snip p{padding: 8px 0 15px; font-size: 14px;}


#bottom{height: 470px; overflow: hidden;}
.messa{float: left; background: #fff; width: 650px; height: 275px;
	box-shadow: inset 0 0 1px #000; margin-top: 50px; border:6px solid #cd0000;}
.messb{ float: left; padding: 70px 0 0 12px; text-align: left;}
.media-c{padding: 0 0 0 12px;}
.media-info{padding: 12px 0 0 12px}
#copyright{ clear:both; font-size:1.2em; color:#fff; text-align:center; padding:35px 0px 0px 0px; line-height:20px; overflow:hidden;}
#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active{ color:#fff; text-decoration:none;}