@charset "utf-8";
/* CSS Document */

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1464081314'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1464081314#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1464081314') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1464081314') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1464081314#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}


.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}

.plr30{ padding:0 30px;}

.mtb10{ margin:10px auto;}
.mtb20{ margin:20px auto;}
.mtb30{ margin:30px auto;}
.mtb40{ margin:40px auto;}

.mlr30{ margin:0 30px;}

.mAll30{ margin:30px;}

.fontsize12{ font-size:12px;}
.fontsize14{ font-size:14px;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.fontsize24{ font-size:24px;}
.fontsize32{ font-size:32px;}

.bShadow59{ box-shadow:0 0 5px #999;}

ul{ list-style:none; margin:0; padding:0;}

body{ font-family:"微软雅黑","宋体", Arial, sans-serif; line-height:1.5em; font-weight:lighter; min-width:1170px; width:auto; _width:1170px; overflow:visible; background:#fafafa url(../images/bg.png) left top repeat;}



.top{ width:100%; min-width:1200px; height:162px; position:absolute; top:0; z-index:99;}
.top .container{ position:relative;}

.topLan{ width:54px; text-align:center;}
.topLan a{ display:block; width:100%; height:40px; text-align:center; line-height:40px;}

.logo{ position:absolute; top:-0px; z-index:999; width:136px; height:160px; overflow:hidden; background:none; text-align:center;}

.topTips{ height:72px; line-height: 72px; float: right;}
.topTips a{ color: transparent;}
.topTips i{ font-size: 30px; color: #e2007e; vertical-align: middle;}
.topTips > i:nth-child(1){ font-size: 60px;}
.topTips span{ font-size: 12px; line-height: 72px; color: #CCC;}

.nav{ position:relative; z-index:9; width:100%; clear: both;}
.nav ul{ list-style:none; margin:0; padding:0; text-align: right; vertical-align: top;}
.nav li{ width:120px; display: inline-block;}
.nav li a{ width:100%; height:90px; overflow:hidden; display:block; text-align:center; text-decoration:none; box-sizing:content-box; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; margin:0; padding:0;}
.nav li a p{ width:100%; height:90px; line-height:90px; overflow:hidden; color:#191919; font-size:16px; display:block; text-align:center;}
.nav li a i{ width:100%; height:20px; line-height:20px; overflow:hidden; margin-top:33px; color:#FFF; color:rgba(255,255,255,0.45); font-size:12px; display:block; text-align:center; text-transform:uppercase; font-style:normal;}

.nav > ul > li > a.active{ background:#e2007e;}
.nav > ul > li > a.active p{ color:#FFF;}

.nav li a:hover{ background:#e2007e;}
.nav li:hover a p,.nav li a:hover p{ color:#FFF;}

.nav li .flowsub{ width:200px; height:0; overflow:hidden; background:#e2007e; padding:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; position: absolute;}
.nav li .flowsub li{ width:100%; overflow:hidden; float:none;}
.nav li .flowsub a{ width:100%; height:36px; overflow:hidden; line-height:36px; display:block; text-align:left; text-indent:20px; margin:0; padding:0; border:0; color:#FFF; font-size:14px;}
.nav li .flowsub a:hover{ background:rgba(255,255,255,0.20); border:0;}

.nav li:hover > a{ background:#e2007e;}
.nav li:hover .flowsub{ height:auto; padding:10px 0;}
.nav li:last-child .flowsub{ position:absolute; margin-left:-80px;}
.nav li:last-child .flowsub a{ text-align:right; margin-left:-30px; padding-right:30px;}

.top .moreLinkNav{ height:40px; line-height:40px; position:absolute; top:-40px; right:0; display:none;}
.top .moreLinkNav p{ margin:0; padding:0; font-size:14px;}
.top .moreLinkNav p a{ margin:0 5px;}
.top .moreLinkNav p a img{ width:20px; height:20px;}



/*网站头部*/
#navigation {
  position: fixed;
  top: -86px;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  background-color:rgba(255,255,255,0.9);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(21, 21, 21, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(21, 21, 21, 0.1);
  /*		
  #
  #Edit these to change CSS transition delay, speed, and type 
  #
  */
  -webkit-transition: top .25s ease .5s;
  transition: top .25s ease .5s;
  z-index:1002;
  filter:alpha(opacity=95);
  opacity:0.95;
}
#navigation ul{ margin:0 auto; padding:0; list-style:none;}
#navigation ul li{  width:100px; float:left; position:relative;}
#navigation ul li a{height: 60px; line-height:60px; color:#191919; text-align:center; font-size:18px; display:block; text-decoration:none;}

#navigation ul li a.active{background:#e1007e; color:#FFF;}

#navigation ul li .flowsub{background:#e1007e;display:none;position:absolute;left:-0;top:60px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:10px 0;}
#navigation ul li .flowsub ul{ margin:0; padding:0; list-style:none; width:120px; text-align:left; }
#navigation ul li .flowsub ul li{ width:100%; float:left; text-align:left;}
#navigation ul li .flowsub ul li a{ color:#fff; width:100%; height:36px; line-height:36px; font-size:14px; text-align:left;padding-left:10px; overflow:hidden;}

#navigation ul li .flowsub ul li a:hover{ background:rgba(255,255,255,0.20); border:0;}

#navigation .moreLinkNav{ height:60px; line-height:60px;}
#navigation .moreLinkNav p{ margin:0; padding:0; font-size:14px;}
#navigation .moreLinkNav p a{ margin:0 10px;color: transparent;}
#navigation .moreLinkNav p i{ font-size: 30px; line-height: 60px; color: #e1007e; vertical-align: middle;}
#navigation .moreLinkNav p i span{ font-size: 12px; line-height: 60px; color: #CCC;}

.navigationLogo{ margin-right:20px;}

.topBg{ width: 100%; min-width: 1200px; height: auto; overflow-x: hidden; overflow-y: visible; padding-top: 15px; position: absolute; top: 57px; left: 0; z-index: 0; padding-bottom: 20px; box-sizing: content-box; margin-top: 5px; opacity: 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.topBg_div{ width: 100%; position: absolute; left: 50%; margin-left: -400px; background: #FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.topBg--index, .topBg--index .topBg_div{ height: 820px;}

body.active .topBg{ margin: 0; opacity: 1; transition-delay: .5s; }
body.active .topBg_div{ box-shadow: 0 0 15px #CCC; transition-delay: .5s; }

.topBg--about, .topBg--about .topBg_div{ height: 360px;}






.banner{ width:100%; min-width:1200px; max-width: 1680px; margin: 0 auto; margin-top: 167px; opacity: 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.banner .carousel-control{ background:none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.banner .carousel-inner{border-radius: 5px; box-shadow: 0 110px 30px -100px #999; margin-bottom: 30px;}
.banner .carousel-inner .item > div{ margin:0; padding:0; border:0;}
.banner .carousel-inner .item > div p{ margin:0 auto; padding:0; width: 100%; max-width: 1680px; overflow: hidden; background-size: auto 100%;  border-radius: 5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
.banner .carousel-inner .item > div img{ opacity:0; height: auto; width: 100%; min-width: 1200px;}

.banner .carousel-indicators{ display: none;}
.banner .carousel-control{ display: none;}
.banner:hover .carousel-control{ display: block;}


 body.active .banner{ margin-top: 162px; opacity: 1;}
 body.active .banner .carousel-inner .item > div p{}

.banner--About.banner:hover .carousel-control{ display: none;}

.banner--About .carousel-inner .item > div p{ height: auto; background-size: auto 100%;}
.banner--About .carousel-inner .item > div img{ height: auto; max-width: 1680px; width: 100%;}



.webNum{ margin:30px 0 80px; position: relative; z-index: 99;}
.webNum .container{ width:770px;}
.webNum ul{ text-align: center;}
.webNum li{ display: inline-block; text-align: center;}
.webNum p{font-family: '微软雅黑'; font-size:24px; color:#333; height:30px; line-height:30px; margin:0; padding:0;}
.webNum h5{font-family: 'latomedium'; font-weight:lighter; color:#e30a83; font-size:32px; width: 200px; overflow: visible; height:80px; line-height:80px; margin:0; padding:0; text-align:center;}
.webNum span{ font-size: 48px;}

.webNum li:last-child h5{ width: 300px;}




/* css3三角形（向上 ▲） */
i.arrow-up {
  width:0px;
  height:0px;
  border-left:10px solid transparent;  /* 右透明 */
  border-right:10px solid transparent; /*右透明 */
  border-bottom:10px solid #666; /* 定义底部颜色 */
  font-size:0px;
  line-height:0px;
}

.content{
  width: 100%;
  overflow: hidden;
  margin: 40px 0;
}

.title{
  text-align: center;
  margin-bottom: 50px;
}
.title i{
  height: 40px;
  line-height: 40px;
  font-size: 40px;
  color: #e1007e;
  display: block;
}
.title h5{
  height: 40px;
  line-height: 40px;
  font-size: 30px;
  color: #e1007e;
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.title p{
  /*height: 40px;*/
  overflow: hidden;
  line-height: 60px;
  font-size: 48px;
  color: #000;
  margin: 0;
  padding: 0;
  opacity: .1;
  text-transform: uppercase;
  font-weight: 100;
}

.aboutBd{
  clear: both;
  margin: 120px auto 0;
  position: relative;
}
.aboutBd__img{
  width: 630px;
  height: 400px;
  box-shadow: -65px -65px 0 -25px #e2007e;
  float: left;
}
.aboutBd__img img{
  box-shadow: 0 0 10px #999;
}

.aboutBd__info{
  width: 500px;
  float: right;
}
.aboutBdBg{
  width: 100%;
  height: 440px;
  position: absolute;
  right: 50%;
  top: -90px;
  background: #FFF;
  box-shadow: 0 0 20px #CCC;
  z-index: -1;
}

.aboutBd--shop{
  margin: 70px auto;
}
.aboutBd--shop .aboutBd__img{
  height: 360px;
  box-shadow: 30px 30px 0 #e1b46d;
  float: right;
}
.aboutBd--shop .aboutBd__info{
  width: 500px;
  float: left;
}
.aboutBd--shop .aboutBdBg{
  height: 360px;
  right: auto;
  left:50%;
  top: -70px;
  margin-left: 45px;
}

.proType--index{
  height: 600px;
  padding: 100px 0;
  background: #f1f1f1 url(../images/proTypeIndexBg.jpg) center center no-repeat;
  background-size: auto 100%;
}
.proTypeShear{
  width: 100%;
  overflow: hidden;
}
.proTypeShear li{
  width: 185px;
  overflow: hidden;
  float: left;
  transition:all 0.5s;
  -moz-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
}
.proTypeBox{
  position: relative;
  width: 185px;
  overflow: hidden;
  transition:all 0.5s;
  -moz-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
}
.proTypeBox img{
  width: 0;
  height: 400px;
  opacity: 0;
  overflow: hidden;
  transition:all 0.5s;
  -moz-transition:all 0.5s;
  -webkit-transition:all 0.5s;
  -o-transition:all 0.5s;
  transform-origin:0 0%;
  -ms-transform-origin:0 0%;
  -moz-transform-origin:0 0%;
  -o-transform-origin:0 0%;
}
.proTypeBox img:last-child{
  width: 185px;
  opacity: 1;
  position: absolute;
}

.proTypeBox__btn{
  width: 100%;
  height: 400px;
  line-height: 120px;
  text-align: center;
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.30);
  z-index: 88;
}
.proTypeBox__btn span{
  width: 40px;
  height: 40px;
  line-height: 120px;
  margin: 180px auto;
  display: block;
  background: url(../images/researchBtnTips.png) center top no-repeat;
  background-size: 100% auto;
}


.proTypeShear li.active{
  width: 800px;
}
.proTypeShear li.active .proTypeBox{
  width: 800px;
}
.proTypeShear li.active .proTypeBox img{
  width: 800px;
  opacity: 1;
}
.proTypeShear li.active .proTypeBox img:last-child{
  width: 0;
  opacity: 1;
}
.proTypeShear li.active .proTypeBox__btn{
  display: none;
}


.news--index{
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px;
  position: relative;
}
.newsIndex__bg{
  width: 100%;
  height: 360px;
  background: #FFF;
  position: absolute;
  left: 50%;
  top: 190px;
  margin-left: -585px;
  z-index: -1;
  box-shadow: 0 0 5px #999;

}
.newsIndex__bg--fs{
  width: 915px;
  height: 360px;
  background: #e2007e;
  position: absolute;
  left: 50%;
  top: 220px;
  margin-left: -625px;
  z-index: -2;

}

.newsIndex_hot{
  width: 630px;
  height: 360px;
  overflow: hidden;
  float: left;
}
.newsIndex_hot item{
  position: relative;
}
.newsIndex_hot h5{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: left;
  text-indent: 15px;
  font-size: 16px;
  color: #FFF;
  background: rgba(0,0,0,0.30);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9;
  margin: 0;
  padding: 0;
  
}

.newsIndex_hot .carousel-indicators{ display: none;}
.newsIndex_hot .carousel-control{ background:none; opacity: 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.newsIndex_hot .carousel-inner .item > div{ margin:0; padding:0; border:0;}
.newsIndex_hot .carousel-inner .item > div p{ margin:0 auto; padding:0; width: 100%; max-width: 1680px; height: 620px; overflow: hidden; border-radius: 5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }

.newsIndex_hot:hover .carousel-control{ opacity: 1;}

.contentNewsList ul{ margin:0; padding:0;}
.contentNewsList li{ width:100%; overflow:hidden; display:block; float:left; background:#FFF;}
.contentNewsList li:nth-of-type(even){ float:right;}
.contentNewsList a{ width:100%; overflow:hidden; display:block;}
.contentNewsList dl{ width:100%; height:110px; overflow:hidden; margin:10px 10px 0; padding-top:15px; border-bottom:1px dotted #CCC;}
.contentNewsList dt{ float:left; width:80px; text-align:center;}
.contentNewsList dd{ width:990px; float:left;}
.contentNewsList dd h3{ font-size:16px; color:#000; height:30px; line-height:24px; margin:0; padding:0;}
.contentNewsList dd p{ font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#666; margin:0; padding:0;}

.contentNewsList dt{ margin-right:10px; height:66px;}
.contentNewsList dt .newsListDate{ width:80px; height:100%; overflow:hidden; float:left; border-right:1px solid #999; font-weight: lighter;}
.contentNewsList dt .newsListDate span{ font-size:24px; color:#999; line-height:24px; margin:0; padding:0; width:64px; text-align:center; display:block;}
.contentNewsList dt .newsListDate p{ font-size:14px; color:#999; line-height:22px; margin:5px 0; padding:0; width:64px; text-align:center; display:block;}
.contentNewsList dt .newsListDate b{ font-size:14px; color:#999; line-height:16px; margin:0; padding:0; width:64px; text-align:center; display:block;}

.contentNewsList li:hover{ background:#e4b160;}
.contentNewsList li:hover *{ color:#FFF;}
.contentNewsList li:hover dt *{ color:#FFF;}
.contentNewsList li:hover dt .newsListDate{ border-right:1px solid #FFF;}

.newsIndexBd .contentNewsList{
  width: 540px;
  float: left;
}
.newsIndexBd .contentNewsList dd{
  width: 430px;
}



.foot{ height:160px; line-height:60px; background:#e2007e; padding: 33px 0; margin: 50px 0 0;}
.foot h5{ height: 60px; line-height: 60px; color:#FFF; margin:0; padding:0;}
.foot p{ height: 32px; line-height: 32px; color:#FFF; margin:0; padding:0;}
.foot h5 i{ font-size: 30px; line-height: 60px; color: #FFF; vertical-align: middle;}
.foot h5 span{ font-size: 12px; line-height: 60px; color: #FFF;}
.foot a{ color: #FFF;}
.foot *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.foot a.backBtn{ height:30px; line-height:30px; overflow:hidden; display:block; text-align:center; color:#e1007e; background:#f8f8f8; margin:0; padding:0 20px; border-radius:15px; text-decoration:none;}
.foot a.backBtn i.arrow-up {
  width:0px;
  height:0px;
  border-left:8px solid transparent;  /* 右透明 */
  border-right:8px solid transparent; /*右透明 */
  border-bottom:8px solid #e1007e; /* 定义底部颜色 */
  font-size:0px;
  line-height:0px;
  float:right;
  margin-top:12px;
}
.foot a.backBtn:hover{ background: rgba(255,255,255,0.20); color:#FFF;}
.foot a.backBtn:hover i.arrow-up {  border-bottom:8px solid #FFF; /* 定义底部颜色 */}

.footRight{ margin-left: 15px;}
.footRight img{ margin-left: 15px;}



.minNav{ width:220px; min-height: 300px; float:right; position: fixed; top: 200px; right: 0;  z-index: 99999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.minNavList{ position: relative; right: -220px;  z-index: 9999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.minNav dl{ background:#ebd4af url(../images/minNavBg.png) right bottom no-repeat; width:220px; padding: 30px 20px; border-radius:5px; list-style:none; text-align:left;min-height: 300px;}
.minNav dl dt{ width:100%; height:30px; border-bottom:1px solid #e2007e; position:relative; margin:0 0 20px;}
.minNav dl dt p{ margin:0 25px; height:30px; line-height:30px; position:absolute; top:2px; padding:2px; background:#ebd4af; color:#e2007e; font-size:20px;}
.minNav dl dd{ width:100%; height:40px; line-height:40px; margin:0; padding:0; border-bottom:1px dotted #88662f;}
.minNav dl dd a{ width:100%; height:40px; line-height:40px; display:block; font-size:14px; color:#88662f; text-indent:25px; background:url(../images/leftNavBg.png) 8px 19px no-repeat; text-decoration:none; transition:font-size 0.5s, color 0.5s, background 0.5s; -moz-transition:font-size 0.5s, color 0.5s, background 0.5s; -webkit-transition:font-size 0.5s, color 0.5s, background 0.5s; -o-transition:font-size 0.5s, color 0.5s, background 0.5s;}
.minNav dl dd a:hover{ font-weight: bold; color:#e2007e; background:url(../images/leftNavBg.png) 8px -21px no-repeat;}
.minNav dl dd.active a{ font-weight: bold; color:#e2007e; background:url(../images/leftNavBg.png) 8px -21px no-repeat;}

.minNavBtn{ width: 40px; height: 200px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background:#ebd4af; color:#88662f; font-size: 18px; text-align: center; padding: 0 6px; position: absolute; margin-left: -40px; margin-top: 15px; display: flex; align-items: center; justify-content: center; opacity: .5; z-index: 9999;} 
.minNavBtn a{ display: block; font-size: 18px; color:#88662f; margin: auto 0; line-height: 25px; text-align: center; text-decoration: none;}

.minNavList:hover{ right:0; z-index: 99999;}
.minNavList:hover .minNavBtn{ opacity: 1;}


.backBtn--right{ width: 40px; height: 40px; overflow: hidden; position: fixed; top: 430px; right: 0; z-index: 99995; border-radius: 5px; background:#ebd4af; color:#88662f; opacity: .5; line-height: 40px; text-align: center;font-size: 18px; font-weight: bold; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.backBtn--right a{ width: 100%; height: 100%; color:#88662f; text-decoration: none;}
.backBtn--right a span{transform:rotate(-90deg) scaleY(1.2);-ms-transform:rotate(-90deg) scaleY(1.2);-moz-transform:rotate(-90deg) scaleY(1.2);-webkit-transform:rotate(-90deg) scaleY(1.2);-o-transform:rotate(-90deg) scaleY(1.2); display: block;}

.backBtn--right:hover{ opacity: 1;}


@media (min-width: 1680px) {
  .minNav{
    position:absolute; top: 620px; left: 50%; margin-left: 620px; min-height: auto;
  }
  .minNavList{
    position:relative; right: 0;
  }
  .minNavBtn{ display: none;}
  
  .minNavList:hover{ right:auto;}

  .backBtn--right{
    position: relative;
    top: 0;
    width: 220px;

  }

}



.researchType{ margin: 50px 0 60px;}
.researchType ul{ list-style:none; margin:0; padding:0;}
.researchType li{ width:380px; height:600px; overflow:hidden; float:left; margin:0 0 0 15px; position:relative; background:#eb870e; box-shadow:0 0 5px #999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.researchType li:first-child{ margin:0;}
.researchType li a div{ position:absolute; z-index:99; bottom:0; width:390px; height:180px; background:#FFF; text-align:center; padding:40px 0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.researchType li a div h5{ height:50px; font-size:30px; color:#333; line-height:50px; margin:0; padding:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.researchType li a div p{ height:55px; overflow:hidden; background:url(../images/researchBtnTips.png) bottom center no-repeat; margin:0; padding:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.researchType li:hover{ box-shadow:0 20px 30px -5px #999;}
.researchType li:hover a div, .researchType li a:hover div{ height:600px; padding:250px 0; background:rgba(235,136,14,0.45);}
.researchType li:hover a div h5, .researchType li a:hover div h5{ color:#FFF;}
.researchType li:hover a div p, .researchType li a:hover div p{ background-position:top center;}


.proList{ margin:50px 0 60px;}

.proList h2{ height:60px; line-height:60px; font-size:30px; margin:40px 0 20px; padding:0; color:#e2007e;}


.proListContent{ width:1200px; margin-bottom:80px; margin:0 0 0 -15px; position:relative;}
.proListContent ul{ line-height:none; margin:0; padding:0;}
.proListContent li{ width:270px; text-align:center; float:left; position:relative; margin:0 15px 15px; opacity:1;}
.proListContent li .indexCaseItem{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proListContent li:hover .indexCaseItem{ box-shadow:0 10px 30px -5px #999; margin-top:-5px;}


.indexCaseItem{ width:270px; height:320px; overflow:hidden; margin:0 auto; background:#FFF; box-shadow:0 0 5px #999;}
.indexCaseItemImg{ margin:20px 0 10px;}
.indexCaseItem p{ height:20px; line-height:20px; font-size:14px; text-align:center; color:#999; margin:0; padding:0;}
.indexCaseItem h5{ height:30px; line-height:30px; font-size:18px; text-align:center; color:#333; margin:0; padding:0; overflow:hidden;}
.indexCaseItem a{ width:300px; height:340px; overflow:hidden; display:block; position:absolute; left:0; top:0; z-index:999;}


/*
.proListContent:hover li{ opacity:0.5;}
.proListContent:hover li:hover{ opacity:1;}
*/

.proViewContent .container{ position:relative;}

.proViewInfo{ position:relative; z-index:8; margin-top:162px;}
.proViewInfo .container{ height: 480px; box-shadow:0 0 5px #CCC; background: #FFF; padding: 20px;}
.proViewInfo img{ box-shadow:0 0 5px #CCC;}

.proViewInfo__imgBox{ width: 430px; float: left;}
.proViewInfo__BigImg{ width: 430px; height: 430px; overflow: hidden;}
.proViewInfo__BigImg img{ width: 430px; height: 430px;}

.proViewInfo__ImgList{ width: 430px; height: 64px; overflow: hidden; margin: 20px 0; padding: 0; text-align: center;}
.proViewInfo__ImgList li{ display: inline-block;}
.proViewInfo__ImgList li a{ width: 60px; height: 60px; overflow: hidden; display: block; margin: 0 15px; border: solid 2px #FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proViewInfo__ImgList li.active a{ border: solid 2px #e1007e;}
.proViewInfo__ImgList img{ width: 60px; height: 60px;}


.proViewTypeList{ position:absolute; z-index:9; right:0; margin-top:-480px; text-align:right; background: #e1007e url(../images/minNavBg.png) right bottom no-repeat; background-size: 80% auto; width: 200px; min-height: 600px; text-align: left; padding: 85px 0;}
.proViewTypeList h5{ height: 60px; line-height: 60px; text-indent: 30px; font-size: 24px; color: #FFF; margin: 0; padding: 0;}
.proViewTypeList ul{ list-style: none; margin: 0; padding: 0;}
.proViewTypeList ul *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.proViewTypeList ul li{ width: 100%; line-height: 50px;}
.proViewTypeList ul li > a{ width: 100%; height: 50px; line-height: 50px; margin:0 15px; padding: 0 15px; font-size: 16px; color: #FFF; text-decoration: none; display: block;}
.proViewTypeList ul li span{ line-height: 32px; margin-left: 15px; transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

.proViewTypeList li dl{ margin: 0; height: 0; overflow: hidden;}
.proViewTypeList dd{ height: 40px; padding: 0 15px;}
.proViewTypeList dd a{ width: 100%; height: 32px; line-height: 32px;padding: 0 15px; font-size: 14px; color: #FFF; text-decoration: none; display: block;    overflow: hidden;}
.proViewTypeList dd:hover a{ background: rgba(255,255,255,0.20); border-radius: 20px;}
.proViewTypeList dd.active a{ background: #FFF; border-radius: 20px; color: #e1007e;}

.proViewTypeList li.active{ background: rgba(0,0,0,0.15); padding-bottom: 10px;}
.proViewTypeList li.active dl{ height: auto;}
.proViewTypeList li.active span{ width: 20px; height: 20px; text-align: center; line-height: 20px; display:inline-block; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
/*transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);*/


.proViewContentDetails{ width:1170px; padding-right:200px; background:#e1007e;}

.proViewHot{ width:172px; border:1px solid #EEE; padding:14px; text-align:center; background:#FFF;}
.proViewHot h5{ line-height:30px; font-size:16px; color:#333; margin:0;}
.proViewHot li{ margin:10px 0;}
.proViewHot a{ display:block; border:1px solid #FFF;}
.proViewHot a:hover{ border:1px solid #e1007e;}



.newsList{ width:100%; margin-top:30px;}
.newsList li{ padding:20px 0; border-bottom:1px solid #e5e5e5; margin-bottom:15px;}
.newsList li *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.newsList li dl{ position:relative; height: 490px; padding: 20px; background: #FFF;}
.newsList li dt{ position:absolute; left:20px; top:20px;}
.newsList li dt img{ width:600px; height:450px; overflow:hidden; display: block;}
.newsList li dd{ width:100%; height:450px; overflow:hidden; padding-left:620px;}
.newsList li dd h5{ height:60px; overflow:hidden; line-height:60px; font-size:28px; color:#000; margin:80px 0 0;}
.newsList li dd i{ width: 120px; height: 2px; overflow: hidden; background: #DDD; display: block; margin: 20px 0;}
.newsList li dd p{ height:90px; overflow:hidden; line-height:30px; font-size:14px; color:#666;margin: 0 0 30px;}
.newsList li dd span{ font-size:12px; color:#CCC; margin:10px 0 0; display:block; line-height:30px;}
.newsList li dd span b{ padding:4px 15px; border-color:#CCC; color:#CCC; font-size:12px; display:block; float:left; margin-right:15px;}
.newsList a{ text-decoration:none;}

.newsList li:hover dl{ background: #e1007e;}
.newsList li:hover dd *{ color:#FFF;}
.newsList li:hover dd i{ background: #FFF;}
.newsList li:hover dd span b{ background: #e1007e; border: solid 1px #FFF;}

/*
.NewsContent{ width:100%; overflow:hidden; text-align:left; margin:30px 0 0;}
.NewsContent ul{ margin:0; padding:0;}
.NewsContent li{ width:100%; overflow:hidden; display:block; float:left; background:#FFF;}
.NewsContent a{ width:100%; overflow:hidden; display:block; text-align:center;}
.NewsContent dl{ width:1170px; overflow:hidden; margin:10px auto 0; border-bottom:1px dotted #CCC; padding-bottom:10px; text-align:left}
.NewsContent dt{ float:left; width:60px; text-align:center;}
.NewsContent dt p{ color:#e1007e; font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:20px; margin:20px 0 10px;}
.NewsContent dd{ width:92%; float:right;}
.NewsContent dd h3{ font-size:18px; color:#000;}
.NewsContent dd p{ font-size:14px; line-height:24px; color:#666; padding-right:15px;}

.NewsContent a:hover{ background:#f9f9f9;}
.NewsContent a:hover dt p{ font-family:"Times New Roman", Times, serif; width:60px; font-size:16px; line-height:20px;}
.NewsContent a:hover dd h3{}
.NewsContent a:hover dd p{}
*/


.new_view{ padding:0; margin:0;}
.new_title{ text-align:center; border-bottom:1px dotted #CCC;}
.new_title h3{ color:#000;}
.new_title p{ font-size:12px; color:#999;}

.new_info{ line-height:2em; min-height:400px; height:auto; _height:400px; overflow:auto; margin:30px 0 0;}
.new_info img{ max-width: 100%;}

.backMainBox{ margin-bottom:60px;}
.backBox{ width:100%; overflow:hidden; clear:both; border-top:1px dotted #CCC;}
.backBox p{ width:50%; overflow:hidden; float:left; font-size:12px; color:#666; margin:0;}
.backBox a{ font-size:12px; color:#666; text-align:left;}
.backBox a:hover{ text-decoration:underline;}
.backBox p.ProBreak{ width:100px; float:right;}

.ProBreak{ width:100px; overflow:hidden; padding-top:10px; float:right;}
.ProBreak a{ background:url(../images/btnHover.jpg) left center no-repeat; width:75px; height:20px; overflow:hidden; line-height:20px; display:inline-block; font-size:12px; color:#FFF; text-indent:0; text-align:center; float:right;}



.pageBox{ text-align:center; margin:0 auto;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#e1007e; color:#FFF; border:1px solid #e1007e;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#e1007e;}




.rczpBox { width:100%;}
.rczpBox .zp_search{ overflow:hidden; margin-bottom:30px; margin-top:60px;}
.rczpBox .zp_search select{ display:block; float:left; width:348px; height:33px; line-height:33px; border:1px solid #cecece; margin-right:20px; font-size:12px; color:#999; padding-left:10px;}
.rczpBox .zp_search .sbox{ overflow:hidden; width:458px; height:33px; background-color:#fff; border:1px solid #cecece;float:right}
.rczpBox .zp_search input{ display:block; font-size:12px; color:#999; line-height:33px;  float:left; width:370px; height:33px; border:none; outline:none; line-height:33px; margin-left:10px;}
.rczpBox .zp_search i{ display:block; width:60px; height:33px; float:right; cursor:pointer;}
.rczpBox .zpList{ width:100%; padding-top:20px;}
.rczpBox .zpList li{ width:100%; overflow:hidden; margin-bottom:20px; box-shadow:0 0 5px #CCC;}
.rczpBox .zpList li .tkBox{}
.rczpBox .zpList li .h5{ cursor:pointer; padding-left:20px;  line-height:50px; height:50px; background:url(../images/zhaopin02.png) no-repeat 1120px center;background-color:#FFF; margin:0;}
.rczpBox .zpList li .h5 span{font-size:16px; color:#333; font-weight:bold; display:block; width:80%; white-space:nowrap; overflow:hidden; float:left; text-overflow:ellipsis}
.rczpBox .zpList li .h5 em{ font-size:14px; color:#666;display:block; width:250px; float:left}


.rczpBox .zpList li:hover .h5 span,.rczpBox .zpList li.cur .h5 span,
.rczpBox .zpList li:hover .h5 em,.rczpBox .zpList li.cur .h5 em{ color:#fff}
.rczpBox .zpList li:hover .h5,.rczpBox .zpList li.cur .h5{background-color:#e2007e;}

.rczpBox .zpList .zwjs{ overflow:hidden; width:100%; padding-bottom:8px; display:none; background-color:#fff; padding-top:30px;}
.rczpBox .zpList .zwjs h4{ font-size:20px; color:#333; margin-bottom:20px;}
.rczpBox .zpList .zwjs table{ overflow:hidden; width:100%; margin-bottom:40px;}
.rczpBox .zpList .zwjs tr{ overflow:hidden; height:40px; font-size:12px; color:#777; width:100%; text-align:center; border-bottom:1px solid #e7e7e7}
.rczpBox .zpList .zwjs .trh{ overflow:hidden; background-color:#f0f0f0;}
.rczpBox .zpList .zwjs td{ border-right:1px solid #e7e7e7}
.rczpBox .zpList .zwjs td.last{ border:none}
.rczpBox .zpList .zwjs .rzzg{ overflow:hidden; width:1080px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #e7e7e7; margin-bottom:25px;}
.rczpBox .zpList .zwjs .rzzg h6{ font-size:14px; color:#555; margin-bottom:15px;}
.rczpBox .zpList .zwjs .rzzg p{ font-size:14px; color:#777; line-height:30px;}
.rczpBox .zpList .zwjs span{ display:block; margin-bottom:70px; font-size:12px; color:#555; margin-left:60px;}
.rczpBox .zpList .zwjs span em{ color:#555;}
.rczpBox .zpList .zwjs b{ display:block; cursor:pointer; font-weight: normal; font-size:20px; color:#fff; width:180px; height:40px; text-align:center; line-height:40px; background-color:#E2017E; margin-left:60px; margin-bottom:40px;}

.joinBox .rczpBox .zpList li .h5 span,.joinBox .rczpBox .zpList li .h5 em{ color:#fff}
.joinBox .rczpBox .zpList li .h5{background-color:#e2007e;}
.joinBox .rczpBox .zpList li .h5 span{ width:150px;}
.joinBox .rczpBox .zpList .zwjs{ display:block;}


/*招聘弹框*/
.tkBox{ overflow:hidden; width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index: 999;}
.tkBox .tk_zp_main { width:1000px; height:460px; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-300px; background-color:#fff; border-radius:5px; box-shadow:0 0 5px #999;}
.tkBox .tk_zp_main i{ display:block; width:50px; height:50px; background:url(../images/in_ry_tk_close.png) no-repeat center; position:absolute;right:5px; top:5px;cursor:pointer; margin-left:620px; opacity:0.35;}
.tkBox .tk_zp_main h4{ font-weight:normal; text-align:center; font-size:24px; color:#555; margin-top:60px; margin-bottom:40px;position: relative;}
.tkBox .tk_zp_main .inBox{ overflow:hidden; width:700px; margin:0 auto; padding-top:5px;    position: relative;}
.tkBox .tk_zp_main input{ overflow:hidden; width:328px; height:33px; border:1px solid #cecece; left:33px; padding:0 10px; display:block; float:left; margin:0 10px; margin-bottom:10px; font-size:12px; color:#999;}
.tkBox .tk_zp_main textarea{ width:678px; display:block; padding:10px; margin:0 10px; margin-bottom:20px; height:100px; border:1px solid #cecece; font-size:12px; color:#999; resize:none;}
.tkBox .tk_zp_main b{ display:block; width:180px; height:40px; background-color:#dc1313; text-align:center; line-height:40px; font-size:14px; color:#fff; cursor:pointer; float:right; margin-right:10px; font-weight:normal}
.tkBox .tk_zp_main .file_up_lnk{position: absolute;  top: 43px;right:25px;}
.tkBox .tk_zp_main .file_up_lnk a{ height:40px; line-height:40px; font-size:14px; color:#333; display:block;}

.zyyw{ margin:30px 0 60px;}
.zyywList li{ width:382px; height:233px; overflow:hidden; border:2px solid #dadada; float:left; margin-bottom:20px; margin-right:21px; position:relative;}
.zyywList li:nth-child(3n){  margin-right:0;}


.zyywList li .indexBrandInfo{ width:342px; height:193px; text-align:center; padding:20px; background:rgba(0,0,0,0.90); position:absolute; left:0; top:0; z-index:99; opacity:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.zyywList li:hover .indexBrandInfo{ opacity:1;}

.indexJoinBox .carousel-control{}

.indexJoinImages .item{}
.indexJoinImages .item p{ position:relative;}
.indexJoinImages .item span{ display:block; width:100%; height:36px; line-height:36px; background:rgba(0,0,0,0.45); color:#FFF; text-align:left; text-indent:20px; position:absolute; bottom:0; left:0;}

/*zoomDiv*/
.box{width:430px;margin:0; float: left;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden; text-align: center;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:64px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s430, .tb-s430 a{height:430px;width:430px;}
.tb-s430, .tb-s430 img{max-height:430px;max-width:430px;}
.tb-s430 a{*font-size:271px;}
.tb-s60 a{*font-size:35px;}
.tb-s60, .tb-s60 a{height:60px;width:60px;}
.tb-s60, .tb-s60 img{ width: 60px; height: 60px;}
.tb-booth{position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #e2007e;height:64px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:430px;height:430px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}


.proViewcontent{ width: 450px; height: 320px; overflow: hidden; float: left; margin-left: 30px; position: relative; vertical-align: middle;}
.proViewcontent h4{ line-height: 50px; margin: 40px 0 0;}
.bdsharebuttonbox{ position: absolute; bottom: 0; left: 0;}


.moreLink{ width: 450px; overflow: hidden; float: left; margin: 30px 0 0 30px;}
.moreLink a{ line-height: 24px; color: #e1007e; font-size: 12px; display: block; opacity: .45; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.moreLink a:hover{opacity: 1;}


.newsList{ width:100%; margin-top:30px;}
.newsList li{ padding:20px 0; border-bottom:1px solid #e5e5e5; margin-bottom:15px;}
.newsList li *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.newsList li dl{ position:relative; height: 490px; padding: 20px; background: #FFF;}
.newsList li dt{ position:absolute; left:20px; top:20px;}
.newsList li dt img{ width:600px; height:450px; overflow:hidden; display: block;}
.newsList li dd{ width:100%; height:450px; overflow:hidden; padding-left:620px;}
.newsList li dd h5{ height:60px; overflow:hidden; line-height:60px; font-size:28px; color:#000; margin:80px 0 0;}
.newsList li dd i{ width: 120px; height: 2px; overflow: hidden; background: #DDD; display: block; margin: 20px 0;}
.newsList li dd p{ height:90px; overflow:hidden; line-height:30px; font-size:14px; color:#666;margin: 0 0 30px;}
.newsList li dd span{ font-size:12px; color:#CCC; margin:10px 0 0; display:block; line-height:30px;}
.newsList li dd span b{ padding:4px 15px; border-color:#CCC; color:#CCC; font-size:12px; display:block; float:left; margin-right:15px;}
.newsList a{ text-decoration:none;}

.newsList li:hover dl{ background: #e1007e;}
.newsList li:hover dd *{ color:#FFF;}
.newsList li:hover dd i{ background: #FFF;}
.newsList li:hover dd span b{ background: #e1007e; border: solid 1px #FFF;}




/*拍拍网风格*/
.paginator { font-size: 12px;padding:10px 20px 10px 0; margin: 0px; font-family: "微软雅黑","宋体", Arial, sans-serif;}
.paginator a {padding: 10px 12px; border: solid 1px #ddd; background: #fff; text-decoration: none; color:#333;}
.paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 1px 6px;font-weight: bold; font-size: 13px;border:none}
.paginator a:hover {color: #2a6496;padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 9px;
    padding-left: 12px;background: #eee;border: 1px solid #ddd;text-decoration: none;}
.paginator font{padding: 9px 12px; border: solid 1px #e1007e; background: #e1007e; text-decoration: none; color:#fff !important; font-weight:normal !important; }

.proViewContent img{max-width: 100%;}


.content{ position: relative; z-index: 22;}

.proViewcontent{ width: 450px; height: 320px; overflow: hidden; float: left; margin-left: 30px; position: relative; vertical-align: middle;}
.proViewcontent h4{ line-height: 50px; margin: 40px 0 0;}
.bdsharebuttonbox{ position: absolute; bottom: 0; left: 0;}

.moreLink{ width: 450px; overflow: hidden; float: left; margin: 30px 0 0 30px;}
.moreLink a{ line-height: 24px; color: #e1007e; font-size: 12px; display: block; opacity: .45; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.moreLink a:hover{opacity: 1;}

.proListImgBox{ width: 1680px; margin: auto; position: relative; z-index: 22; text-align: center;}


#PageShow table tr td:first-child{ width:1% !important;}


.searchBox{ width: 30px; height: 25px; line-height: 25px; display: inline-block; position: relative; padding: 23px 0; z-index: 6;}
.searchBox input[type="button"]{ width: 30px; height: 25px; overflow: hidden; background: url(/Images/searchBtn.png) center center no-repeat; background-size: 25px 25px; padding: 0; border: 0; position: relative; z-index: 6;}
.searchBox input[type="text"]{ width: 0; height: 25px; line-height: 25px; font-size: 12px; color: #333;  position: absolute; padding: 0; border: 0 solid #fafafa; z-index: 4; background-color: #e5e5e5;  left: 0; display: block; box-sizing: content-box; text-indent: 15px; margin-top: 0; outline: none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.searchBox:hover input[type="text"]{ width: 280px; height: 25px;left: -280px; border: 5px solid #fafafa; margin-top: -5px;}
.NewsContent{ min-height: 400px;}

.proListImgBox{  min-width: 1060px;
    max-width: 1680px;
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    z-index: 22;
    text-align: center;}
.proListImgBox li{ min-width: 1060px; max-width: 1680px; width: 100%; _width: 1060px; overflow: visible;}
.proListImgBox li img{position: relative; left: 50%; transform: translate(-50%, 0);}


.weixinbg{ position:fixed; top:0; left:0; z-index:20000; width:100%; height:100%;  background:rgba(0,0,0,0.60); display:none}

.weixint{position: fixed; width:300px; height:370px; top:50%; left:50%; margin-top:-150px; margin-left:-150px; background:#FFF; z-index:1000; display: none; text-align:center; font-size:16px; line-height:30px;z-index:20001; border-radius:5px;}

.weixina{position: fixed; width:300px; height:370px; top:50%; left:50%; margin-top:-150px; margin-left:-150px; background:#FFF; z-index:1000; display: none; text-align:center; font-size:16px; line-height:30px;z-index:20001; border-radius:5px; cursor:pointer;}