@charset "utf-8";
*, *::after, *::before { box-sizing: border-box;}

body,div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
body{ margin:0 auto;background:#fff;color:#7b7b7b;font-family:微软雅黑,Arial;text-align:center;position:relative}
a:link, a:visited{color:#333;text-decoration:none;}
a:hover{ text-decoration: none;color:#cc0066; }
a img{border:0px;}
ul,li{list-style:none;}
a img{border:0px;}
ul,li{list-style:none;}

/* -------------------------------- 
home
-------------------------------- */
#navs{ width: 100%; height: 50px; background:#d4005f ; line-height: 50px; position:relative; z-index: 100;margin:0 auto 50px auto;float:left}
.nav{ width: 70%; height: 50px; margin:0 auto}
#navs a{ display: block; width: 16.666%; height: 50px; float: left; text-align: center; color: #fff;}
#navs a:hover{ background:#333 ;}

.content-wrapper{position:relative;top:0}
#main-half{position:relative;margin:100px auto;width:100%}
#main{overflow:hidden;width:1100px;height:auto;position:relative;text-align:left;margin:50px auto;font-size:13px;line-height:22px}
#en{padding:20px 0;width:100%;}
.main-left{overflow:hidden;width:50%;height:auto;position:relative;padding-right:50px;float:left}
.bg-img{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;}
.bg-img img{width:100%;height:100%;}
.bgimg{width:100%;position:absolute;left:0;top:0;z-index:2;cursor:pointer;
	transition:0.5s ,top ease;
	-webkit-transition:0.5s, top ease;
	-moz-transition:0.5s, top ease;
	-o-transition:0.5s ,top ease;opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);display:block;height:100%;background:#000;overflow:hidden;
	}
.main-left:hover .bgimg,.main-right:hover .bgimg{opacity: 0.7;-moz-opacity: 0.7;filter: alpha(opacity=70);}
.logo01{background: url(../images/logo1.png) no-repeat;width:222px;height:47px;position: relative;left:50%;margin-left:-111px;transition:0.5s ,top ease;
	-webkit-transition:0.5s, top ease;
	-moz-transition:0.5s, top ease;
	-o-transition:0.5s ,top ease;}
.main-left:hover .logo01{background: url(../images/logo1-1.png) no-repeat;}
.logo02{background:url(../images/logo2.png) no-repeat;width:222px;height:28px;position: relative;left:50%;margin-left:-111px;transition:0.5s ,top ease;
	-webkit-transition:0.5s, top ease;
	-moz-transition:0.5s, top ease;
	-o-transition:0.5s ,top ease;}
.main-right:hover .logo02{background: url(../images/logo2-2.png) no-repeat;}
.cd-intro {
  position: relative;
  height: auto;
  width: 100%;
  display: table;
  overflow: hidden;
  z-index:2
}
.cd-right,.cd-left {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 12% 0 20% 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;overflow: hidden;
  min-height:260px
}
.cd-right h1,.cd-left h1 {
  color: #ffffff;padding:30px 0;
}

.cd-right p,.cd-left p {
  font-size: 1em;
  line-height: 1.4;
  margin: 1em 0;
  color: #6d7a97;
}
.cd-right .action-wrapper,.cd-left .action-wrapper {
  display: inline-block;
}
.cd-right .action-wrapper::after,.cd-left .action-wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.cd-right .action-wrapper > * {
  float: left;
}
.cd-left .action-wrapper > * {
  float: left;
}


.cd-btn {
  display: inline-block;
  padding: 1em 2em;
  font-size: 1em;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  background-color: #202e4a;
  border-radius: .5em;
  margin: 1em 0;
}
.cd-btn:nth-of-type(2) {
  margin-right: 0;
}
.cd-btn.main-action {
  background-color: #ff6633;
}
.cd-btn.main-action {color:#fff}
@media only screen and (min-width: 480px) {
  .cd-btn {
    padding: 1em 1.6em;
  }
}
@media only screen and (min-width: 768px) {
  .cd-btn {
    padding: 1em 1.8em;
  }
}

.cd-right h1,
.cd-right h1 span,
.cd-right p,
.cd-right .cd-btn {
  opacity: 0;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.cd-left h1,
.cd-left h1 span,
.cd-left p,
.cd-left .cd-btn {
  opacity: 0;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.no-cssanimations .cd-right h1, .no-cssanimations
.cd-right h1 span, .no-cssanimations
.cd-right p, .no-cssanimations
.cd-right .cd-btn {
  opacity: 1;
}
.no-cssanimations .cd-left h1, .no-cssanimations
.cd-left h1 span, .no-cssanimations
.cd-left p, .no-cssanimations
.cd-left .cd-btn {
  opacity: 1;
}


/* -------------------------------- 

Bouncy 

-------------------------------- */
.bouncy.cd-left h1 {
  -webkit-animation-name: cd-bounce-left;
  -moz-animation-name: cd-bounce-left;
  animation-name: cd-bounce-left;
}
.bouncy.cd-right h1 {
  -webkit-animation-name: cd-bounce-right;
  -moz-animation-name: cd-bounce-right;
  animation-name: cd-bounce-right;
}

.bouncy.cd-left p {
  -webkit-animation-name: cd-bounce-right;
  -moz-animation-name: cd-bounce-right;
  animation-name: cd-bounce-right;
}
.bouncy.cd-right p {
  -webkit-animation-name: cd-bounce-left;
  -moz-animation-name: cd-bounce-left;
  animation-name: cd-bounce-left;
}

.bouncy.cd-left h1,
.bouncy.cd-left p {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.bouncy.cd-right h1,
.bouncy.cd-right p {
  -webkit-animation-duration: 0.6s;
  -moz-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

.bouncy.cd-left .cd-btn,.bouncy.cd-right .cd-btn {
  -webkit-animation-name: cd-bounce-rotate;
  -moz-animation-name: cd-bounce-rotate;
  animation-name: cd-bounce-rotate;
}

.bouncy.cd-left .cd-btn,.bouncy.cd-right .cd-btn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.bouncy.cd-left .cd-btn.main-action,.bouncy.cd-right .cd-btn.main-action {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

@-webkit-keyframes cd-bounce-right {
  0% {
    opacity: .2;
    -webkit-transform: translateX(-200px);
  }
  60% {
    opacity: .7;
    -webkit-transform: translateX(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-right {
  0% {
    opacity: .2;
    -moz-transform: translateX(-200px);
  }
  60% {
    opacity: .7;
    -moz-transform: translateX(15px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-right {
  0% {
    opacity: .2;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -o-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  60% {
    opacity: .7;
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-left {
  0% {
    opacity: .2;
    -webkit-transform: translateX(200px);
  }
  60% {
    opacity: .7;
    -webkit-transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-left {
  0% {
    opacity: .2;
    -moz-transform: translateX(200px);
  }
  60% {
    opacity: .7;
    -moz-transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-left {
  0% {
    opacity: .2;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    -o-transform: translateX(200px);
    transform: translateX(200px);
  }
  60% {
    opacity: .7;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-rotate {
  0% {
    opacity: .2;
    -webkit-transform: perspective(800px) rotateX(-80deg);
  }
  20% {
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(800px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0);
  }
}
@-moz-keyframes cd-bounce-rotate {
  0% {
    opacity: .2;
    -moz-transform: perspective(800px) rotateX(-80deg);
  }
  20% {
    opacity: 1;
  }
  60% {
    -moz-transform: perspective(800px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(800px) rotateX(0);
  }
}
@keyframes cd-bounce-rotate {
  0% {
    opacity: .2;
    -webkit-transform: perspective(800px) rotateX(-80deg);
    -moz-transform: perspective(800px) rotateX(-80deg);
    -ms-transform: perspective(800px) rotateX(-80deg);
    -o-transform: perspective(800px) rotateX(-80deg);
    transform: perspective(800px) rotateX(-80deg);
  }
  20% {
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(800px) rotateX(20deg);
    -moz-transform: perspective(800px) rotateX(20deg);
    -ms-transform: perspective(800px) rotateX(20deg);
    -o-transform: perspective(800px) rotateX(20deg);
    transform: perspective(800px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0);
    -moz-transform: perspective(800px) rotateX(0);
    -ms-transform: perspective(800px) rotateX(0);
    -o-transform: perspective(800px) rotateX(0);
    transform: perspective(800px) rotateX(0);
  }
}

#footer{width:100%;margin:50px auto;font-size:12px;float:left}
#foot{width:100%;margin:20px auto 0 auto;font-size:12px;float:left;background:#ccc;padding:40px 0}



/* -------------------------------- 
home
-------------------------------- */
#en img{padding:0 40px }
#inlogo{margin:0 auto;position:absolute;z-index:100;top:-10px;width:1100px;border:solid 1px #ccc;border-radius:10px;overflow:hidden;background:rgba(0,0,0,.7) url(../images/xx.gif) no-repeat center center;left:50%;margin-left:-550px}
.in-1 a{width:450px;height:90px;float:left;padding:30px 50px 10px 50px;margin-left:40px}
.in-2 a{width:450px;height:90px;float:right;padding:30px 40px 10px 50px;margin-right:40px}
.in-1 a:hover,.in-2 a:hover{background:url(../images/line-2.gif) no-repeat center center;}

/* homeabout --------------------------------------------------------------------*/


.main-right{overflow:hidden;width:50%;height:auto;position:relative;padding-left:50px;float:right}
.top-title{text-align:left;width:100%;line-height:25px}
.top-title-a{font-family:Raleway;font-size:30px;color:#CC0000;font-weight:600;line-height:30px}
.top-title-b{font-family:Raleway;font-size:9px;color:#a0a0a0;}
.top-title-c{font-size:18px;color:#000;line-height:18px;margin-top:6px;}

.top-title2{text-align:center;width:100%;height:76px;line-height:25px;background:url(../images/line.gif) no-repeat center center;}
.top-title2-a{font-family:Raleway;font-size:30px;color:#CC0000;font-weight:600;line-height:30px}
.top-title2-b{font-family:Raleway;font-size:9px;color:#a0a0a0;}
.top-title2-c{font-size:18px;color:#000;margin-top:4px;line-height:18px}

.about{width:100%;margin-top:10px}
.about p{width:100%;padding-top:20px}
.award{width:100%;height:380px;margin-top:30px;padding-top:10px;background:url(../images/xu.gif) repeat-x top;overflow:hidden;position:relative;}
.award .award-li{width:100%;padding:10px 0;background: url(../images/xu.gif) repeat-x bottom;float:left;line-height:22px;}
.award .award-li span{font-size:20px;color:#000;width:110px;float:left}
.award .award-li ul{float:right;width:380px;margin:0}
.award .award-li li{float:left;width:100%;}

/* home news--------------------------------------------------------------------*/
#newsmain{overflow:hidden;width:1200px;height:auto;position:relative;text-align:left;margin:50px auto 50px -600px;left:50%;font-size:13px;line-height:22px}
.homenews{margin:20px 0;position:relative;overflow:hidden}
.homenews dl{width:500px;background:url(../images/xu.gif) repeat-x top;padding:20px 0;float:left;margin:0 50px}
.homenews dl img{width:140px;height:90px;float:left;padding-right:20px;overflow:hidden;}
.homenews dl dt{font-size:15px;font-weight:600;position:relative;}
.homenews dl dd{font-size:12px;color:#999;line-height:1.5em;padding-top:15px;height:65px;overflow: hidden;}
.date{position:absolute;top:0;right:0;color:#ccc;font-size:10px;font-weight:100;font-family:Arial,宋体;}
/* home product--------------------------------------------------------------------*/
#cpmain{overflow:hidden;width:100%;height:auto;position:relative;margin:50px auto;background:url(../images/bg.jpg) no-repeat center center;padding:30px 0}
#cpmain p{padding:20px 0}
#cpmain ul{overflow:hidden;width:1100px;height:auto;position:relative;text-align:left;margin:0 auto 0 -550px;left:50%;font-size:13px;line-height:22px}
#cpmain li a{display:block;padding:10px;overflow:hidden;margin:0 auto}
#cpmain li a:hover{background:#f1f2f4;height:100%}
#cpmain ul li{float:left;margin:16px;width:22%;height:185px;border:solid #ccc 1px;overflow:hidden;background:#fff}
#cpmain ul li a img{width:100%;transition:ease 0.5s all;-moz-transition:ease 0.5s all; -webkit-transition:ease 0.5s all;}
#cpmain li a:hover img{transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9);}
#cpmain h4{font-size:16px;font-weight:100;text-align:center;}




/* about --------------------------------------------------------------------*/
#main-n{overflow:hidden;width:1100px;height:auto;position:relative;text-align:left;margin:10px auto 50px auto;font-size:13px;line-height:22px}
.toppic{width:100%;margin:0 auto;overflow:hidden;position:relative;margin-bottom:-5px}
.toppic img{width:100%;margin:0 auto;}
.toppic h2{position:absolute;top:45%;width:1000px;left:50%;margin-left:-500px;color:#f0efef;font-weight:100;font-size:30px}
.toppic h2 span{font-size:16px;color:#ccc}

.contents{width:100%;margin-top:10px}
.contents p{width:100%;padding:5px 0}
/* product --------------------------------------------------------------------*/
.cp{margin:30px 0;width:100%;float:left}
.cp li a{display:block;padding:10px}
.cp li a:hover{background:#f1f2f4;height:100%}
.cp li{float:left;margin:16px;width:30%;height:230px;border:solid #ccc 1px;overflow:hidden;background:#fff}
.cp li img{width:100%}
.cp h4{font-size:16px;font-weight:100;text-align:center;}

#main-n h1{padding:17px 0;border-bottom: 1px solid #ccc;font-size:20px;color:#666;height:60px;width:100%;float:left}
#main-n h1 a{display:block;padding:10px 30px;float:right;}
#main-n h1 span{display:block;float:left;}
.lg-hover{background:#fff;border: 1px solid #ccc;border-bottom: none}
#page{height: 25px;width:100%;float: left;text-align:left;margin:30px 0;font: 14px Arial, 宋体;padding:10px 0 }
  #page a{height: 15px;padding:5px 10px;border: 1px solid #ccc;background:url(../images/page.gif) repeat-x right bottom;display:inline}
    #page a:hover{text-decoration: none; color:#fff;background: #cc0066;}
  .curpage{background-color: #cc0066;color:#fff;height: 20px;padding:5px 10px ;border: 1px solid #baa38f;}
  .fen{height: 30px;padding:5px 10px;border: 1px solid #baa38f;margin-left:5px;background-color: #ccc;color:#fff;}
  
/* news --------------------------------------------------------------------*/  
.newsnews{margin:30px 0;position:relative;overflow:hidden;width:100%;float:left}
.newsnews dl{width:500px;background:url(../images/xu.gif) repeat-x bottom;padding:20px 0;float:left;margin:0 25px}
.newsnews dl dt{font-size:15px;font-weight:600;position:relative;float:right;width:350px}
.newsnews dl dd{width:350px;font-size:12px;color:#999;line-height:1.5em;padding-top:15px;float:right}
.newsnews dl img{width:150px;height:90px;float:left;padding-right:20px;
transition:ease 0.5s all;-moz-transition:ease 0.5s all; -webkit-transition:ease 0.5s all;
}
.newsnews dl a:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.l-news{width:750px;z-index:100;float:left;position:relative;line-height:1.5em}
.l-news img{max-width:100%}
.l-news h2{width:100%;height:40px;font-size:26px;color:#333;font-weight:500;}
.biaodate{height: 20px;color:#999;text-align:left;padding:0 0 10px 0;width:100%;}
.news-content {width:100%;}
.news-content p{width:100%;font-size:14px;color:#999;line-height:1.7em;padding:8px 0}
.fenxiang{position:absolute;top:55px;right:0}

.r-news{width:245px;z-index:100;float:right;position:relative;line-height:1.5em;}
.r-news li img{width:100%;transition:ease 0.5s all;-moz-transition:ease 0.5s all; -webkit-transition:ease 0.5s all;}
.r-news li a:hover img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.pic2-hover{width:245px;height:150px;overflow:hidden;display:block;float:left}
.r-news h1{width:100%;height:30px;font-size:20px;color:#666;font-weight:500;border-bottom: 1px solid #baa38f}
  .r-news li{width:100%;padding:15px 0 5px 0}
  .r-news li h4{line-height:2em;font-weight:100;}
  .show-line-a{width:100px;border-top:2px solid #cc0066;margin:20px 0}
.show-line-b{width:100px;border-top:1px solid #cc0066;margin:20px 0}


/* contact --------------------------------------------------------------------*/  
#dituContent{width:100%;height:500px;border:#999 solid 1px;margin:0 auto;float:left}
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
	.sp_23{background:url(../images/cursor.gif) no-repeat}
	
.ab{width:50%;z-index:100;float:right;position:relative;margin-top:30px}
.lx img{width:100%}
.lx{float:left;width:40%;margin-top:30px}
form{position:relative;height:440px}
.span12{border: 1px solid #ccc;padding:8px 5px;float:left;width:100%;margin:10px 0;}
.span10{border: 1px solid #ccc;padding:8px 5px;float:left;width:30%;margin:10px 0;}
.btn,.btn:hover {
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.btn:hover {
	background-color: #d4005f;color:#fff
}
.btn{
display: inline-block;
padding: 10px 20px;
font-size: 14px;
line-height: 20px;
text-align: center;
cursor: pointer;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #ccc;position:absolute;left:0;bottom:0
}
.ab h2,.pic1 h2{padding:0 0 10px 0}