@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 {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:#eaeaea;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;}

.head-bg{background: #000;}
#header{width: 1100px; margin: 0 auto; height: 800px; position: relative; overflow: hidden;}
.head-pic{animation-delay:.2s;
-webkit-animation-delay:.2s; padding-left: 50px;}
.head-icon{position: absolute; top: 308px; left: 400px;
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-webkit-animation-duration: 6s;
  animation-duration: 6s;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;
}
.head-tit{position: absolute; top: 228px; right: 50px; animation-delay:1.2s;
-webkit-animation-delay:1.2s;}
.head-info{position: absolute; top: 444px; right: 0; animation-delay:1.5s;
-webkit-animation-delay:1.5s;}

.pa-bg{background: #eaeaea;}
#parta{width: 1000px; margin: 0 auto; height: 410px; overflow: hidden;}
.pa-flower{float: left; padding-top: 72px;}
.pa-tit{float: left; padding-top: 88px; padding-left: 20px;}
.pa-txt{float: left; width: 715px; padding-left: 20px;}
.pa-txt p{font-size: 12px; color: #434343; line-height: 22px; padding-top: 20px;}
.pa-txt a:link, .pa-txt a:visited, .pa-txt a:hover, .pa-txt a:active{color: #e3330c;}

.pb-bg{background: url("../images/pb-bg.jpg") center top no-repeat; background-size: cover;}
#partb{width: 1000px; margin: 0 auto; height: 925px; position: relative; overflow: hidden;}
.pb-tit{ padding: 47px 0 0 37px;}
.pb-txt{padding: 37px 0 0 40px; width: 285px;}
.pb-txt p{ font-size: 12x; color: #fff; line-height: 22px; padding-bottom: 18px; text-align: justify; letter-spacing: -1px;}
.pb-txt p span{font-weight: 700; color: #e3330c; font-size: 14px;}
.pb-txt a:link, .pb-txt a:visited, .pb-txt a:hover, .pb-txt a:active{color: #e3330c;}
.pb-icon{position: absolute; top: 253px; left: 350px;}
.pb-p01{position: absolute; top: 470px; left: 56px;}
.pb-p02{position: absolute; top: 571px; left: 276px;}
.pb-p03{position: absolute; top: 506px; left: 524px;}
.pb-p04{position: absolute; top: 349px; left: 641px;}
.pb-p05{position: absolute; top: 70px; left: 623px;}
.pb-pic{-webkit-filter:brightness(.7); cursor: pointer;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.pb-pic:hover{-webkit-filter:brightness(1);}


.pc-bg{background: #eaeaea;}
#partc{width: 1000px; margin: 0 auto; height: 830px; overflow: hidden;}
.pc-pic{float: left; padding-top: 45px;}
.pc-tit{float: left; padding: 135px 0 0 66px;}
.pc-txt{float: left; width: 340px; padding: 35px 0 0 70px; font-size: 12px; color: #434343; line-height: 22px;}
.pc-txt a:link, .pc-txt a:visited, .pc-txt a:hover, .pc-txt a:active{color: #e3330c;}
.pcList{ padding-top: 25px; width: 1000px; display: flex; justify-content: space-between; overflow: hidden;}
.pcList li{float: left; width: 328px; height: 388px; position: relative; overflow: hidden; cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pcList li .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-filter:brightness(1);
}
.pcList li .info{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background: #fff;
	display: flex; justify-content: center; align-items: center; flex-direction: column;
-webkit-transition: all 0.5s ease-in-out .2s;
-moz-transition: all 0.5s ease-in-out .2s;
-ms-transition: all 0.5s ease-in-out .2s;
-o-transition: all 0.5s ease-in-out .2s;
transition: all 0.5s ease-in-out .2s;
margin: 10px; opacity: 0; visibility: hidden;}
.pcList li:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-filter:brightness(.6);
}
.pcList li:hover .info{opacity: 1; visibility: visible;}
.pcList li .info h2{padding-bottom: 15px;}
.pcList li .info p{font-size: 12px; color:#000; line-height: 22px; width: 82%; text-align: left;}

.pd-bg{background: url("../images/pd-bg.jpg") center top no-repeat; background-size: cover;}
#partd{width: 1000px; margin: 0 auto; height: 495px; overflow: hidden;}
.pd-tit{ padding: 57px 0 0 0; text-align: center;}
.pdList{ padding-top: 55px; width: 1000px; overflow: hidden;}
.pdList li{width: 248px; height: 248px; float: left; display: flex; justify-content: center; align-items: center;
border-image: -webkit-linear-gradient( left, #fff , #363434, #fff, #454343) 20 60; border-width: 1px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; margin-right: 2px; position: relative; cursor: pointer; overflow: hidden;}
.pdList li:nth-of-type(even){ border-image: -webkit-linear-gradient( left, #000 , #fff, #363434, #fff) 20 60;}
.pdList .info{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background: #373636;
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	box-shadow: inset 0 0 10px rgba(0,0,0,.8);
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
opacity: 0; visibility: hidden;}
.pdList li .img{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.pdList li:hover .img{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.pdList li:hover .info{ 
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1; visibility: visible;}
.pdList .info h2{ font-size: 20px; color:#fff; padding-bottom: 15px;}
.pdList .info p{ font-size: 12px; color: #fff; line-height: 22px; width: 85%;}

.pe-bg{background: #eaeaea;}
#parte{width: 1000px; margin: 0 auto; height: 635px; overflow: hidden;}
.pe-tit{ padding: 48px 0 0 235px;}
.qha{margin-top: -100px;}

.bottom-bg{background: #eaeaea;}
#bottom{width: 1000px; margin: 0 auto; height: 440px; overflow: hidden;}
.messa{float: left; width: 745px; height: 250px; background: #fff; border:4px solid #434343; box-shadow: inset 0 0 6px rgba(0,0,0,.4);}
.messb{float: right;}
#copyright{ clear:both; font-size:1.2em; color:#000; text-align:center; padding:45px 0px 0px 0px; line-height:20px; overflow:hidden;}
#copyright a:link, #copyright a:visited, #copyright a:hover, #copyright a:active{ color:#000; text-decoration:none;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; transform:rotate(0deg);
  }

  100% {
    opacity: 1; transform:rotate(180deg);
  }
}

@keyframes fadeIn{
  0% {
    opacity: 0; transform:rotate(0deg);
  }

  100% {
    opacity: 1; transform:rotate(180deg);
  }
}

.fadeIn{
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}