@charset "gb2312";
.container, .wrap {
    width: 1200px;
    margin: 0 auto;
}
A.A2:link {
		background: #D41816; margin-left:15px; margin-right:15px;
	padding: 5px 15px 5px 15px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 18px;
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 150px; height:45px; line-height:45px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
A.A2:visited {
		background: #D41816; margin-left:15px; margin-right:15px;
	padding: 5px 15px 5px 15px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 18px;
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 150px; height:45px; line-height:45px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
A.A2:hover {
		background: #D41816;  margin-left:15px; margin-right:15px;
	padding: 5px 15px 5px 15px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 18px;
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 150px; height:45px; line-height:45px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
A.A2:active {
	background: #D41816; margin-left:15px; margin-right:15px;
	padding: 5px 15px 5px 15px;
	color: rgb(255, 255, 255);
	overflow: hidden;
	font-size: 18px;
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 150px; height:45px; line-height:45px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
/*--banner--*/
.banner{height:500px;position:relative;overflow:hidden; z-index:1; min-width:1200px;}
.banner .bd{width:1920px;height:500px;position:absolute;left:50%;top:0;margin-left:-960px;overflow:hidden}
.banner img{width:1920px;height:500px}
.banner a{display: block}
.pagination{position:absolute;z-index:2;left:0;bottom:10px;width:100%;text-align:center;}
.swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:50%;background:#bbb;margin-right:10px;cursor:pointer}
.swiper-visible-switch{background:#bbb}
.swiper-active-switch{background:#ff001e;}

/*--/banner end--*/
.nav-category { margin-top: 30px; overflow: hidden; }
.nav-category ul { width: 1250px; margin-left: -9px; }
.nav-category li {
	float: left;
	margin-left: 10px;
	width: 110px;
	height: 110px;
	background: #ccc;
	overflow: hidden;
}
.nav-category a { display: block; position: relative; }
.nav-category a img { transition: all .4s; -webkit-transition: all .4s; }
.nav-category a:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
.nav-category a span { position: absolute; left: 0; bottom: -30px; width: 100%; height: 30px; line-height: 30px; text-align: center; background: #f00; background: rgba(255, 0, 0, 0.8); color: #fff; }
/*
.text h3 { font-size: 48px; color: #00132b; line-height: 1; -webkit-text-stroke-width: 0.2px;font-weight: normal;}
.text h4 { margin: 10px 0; font-size: 32px; color: #00132b; line-height: 1; font-weight: normal;padding-bottom: 4px;}
*/
.text h3 { font-size: 48px; color: #00132b; line-height: 1; -webkit-text-stroke-width: 0.2px;font-weight: normal;margin-bottom: 10px; padding-bottom:4px;}
.text h3 span,.text a h4 { margin: 10px 0; font-size: 32px;  line-height: 1; font-weight: normal;}
.text a:hover h3{ color:#f00;} 
.text p { line-height: 26px; font-size: 14px; color: #666; }
.section {position: relative;z-index: 1}
/*制造*/
.section1 {  margin-top: 55px; height: 367px; }
.section1 .img { width: 890px; height: 367px; overflow: hidden; display:block;}
.section1 .text { width: 292px; position: absolute; right: 0; top: 0; }

/*科技*/
.section2 {  margin-top: 55px; height: 347px; }
.section2 .img { width: 528px; height: 347px; display: block; overflow: hidden;}
.section2 .text {
	width: 580px;
	position: absolute;
	left: 577px;
	bottom: 0;
}
.section2 .img2 { position: absolute; right: 0; bottom: -100px; z-index: 0; width: 338px; height: 705px; background: url("../images/section2-2.png") no-repeat; }

/*创新*/
.section3 {  margin-top: 55px; height: 472px; overflow: hidden; }
.section3 p.title{font-size:42px; line-height:60px; display: block; width: 100%; padding-bottom: 10px;}
.section3 p.title span{float: right; border: 1px solid #f00; color: #f00; border-radius:4px; font-size:16px; line-height: 24px; margin-top: 30px; margin-right: 15px; padding: 0 3px 0 22px; background: url(../img/sx.png) no-repeat 3px center; cursor: pointer;}
.section3 a h3{font-size: 22px; line-height:40px; padding-top: 5px; font-weight: normal;color: #00132b; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.section3 a:hover h3{ coplor: #f00; }
.section3 p{line-height: 26px;font-size: 14px; color: #666; width: 100%; height: 52px; overflow: hidden;}
.section3 img{display: block; width: 100%; height:  100%; overflow: hidden;}
.section3 .pleft{width: 500px; float: left;}
.section3 .pleft a.img{
	display: block;
	width: 100%;
	height: 200px;
}
.section3 .pright{width: 620px; float: right;}
.section3 .pright ul{width: 620px;display: block;position:relative; height: 400px; overflow: hidden;}
.section3 .pright li{width:3100px; display: block; height: 200px; position: absolute; }
.section3 .pright li.f{ top: 0; }
.section3 .pright li.s{ top: 200px; }
.section3 .pright li .content{width: 620px; float: left;}
.section3 .pright p.info{padding-top: 6px; height: 137px;}
.section3 .pright  p.info .img{width:230px; height: 137px; display: block; overflow: hidden;float: left; margin-right: 15px;}
.section3 .col1 { position: absolute; left: 0; top: 70px; width: 565px; }
.section3 .col1 .img { width: 242px; height: 349px; overflow: hidden; }
.section3 .col1 .text { width: 280px; position: absolute; right: 0; bottom: 0; }
.section3 .col2 { position: absolute; right: 0; top: 70px; }
.section3 .col2 li { margin-bottom: 34px; width: 580px; height: 157px; overflow: hidden; }
.section3 .col2 .img { float: left; width: 192px; height: 157px; }
.section3 .col2 .text { float: right; width: 360px; }
.section3 .col2 .text h4 { margin: 0; font-weight: normal; font-size: 22px; color: #00132b; line-height: 1; }
.section3 .col2 .text p { margin-top: 15px; font-size: 14px; color: #666; line-height: 24px; }

/*未来展望*/
.section4 { margin-top: 53px; padding-bottom:80px; }
.section4 .title { font-size:48px; color: #00132b;  -webkit-text-stroke-width: 0.2px;}
.section4 .title a.vedio{padding-left:8px; font-size:28px; color:#00132b;-webkit-text-stroke-width: 0;}
.section4 .title a.vedio .icon{margin-left:8px; color:#333; font-size:32px;}
.section4 .title a:hover .icon{ color:#f00;}
.section4 ul { width: 1250px; margin-left: -45px; margin-top: 20px; }
.section4 li { margin-left: 45px; float: left; width: 369px; }
.section4 .img { width: 369px; height: 269px; }
.section4 .img2 { width: 369px; height: 369px; }
.section4 .desc h4 { margin-top:15px; line-height: 1; font-weight:normal; font-size: 32px; color: #00132b; }
.section4 .desc p { margin-top: 15px; line-height: 26px; font-size: 14px; color: #666; }







.section5 { margin-top: 53px; padding-bottom:80px; }
.section5 .title { font-size:48px; color: #00132b;  -webkit-text-stroke-width: 0.2px;}
.section5 .title a.vedio{padding-left:8px; font-size:28px; color:#00132b;-webkit-text-stroke-width: 0;}
.section5 .title a.vedio .icon{margin-left:8px; color:#333; font-size:32px;}
.section5 .title a:hover .icon{ color:#f00;}
.section5 ul { width: 1280px; margin-left: -45px; margin-top: 20px; }
.section5 li { margin-left: 45px; float: left; width: 270px; }
.section5 .img { width: 270px; height: 180px; }
.section5 .img2 { width: 270px; height: 180px; }
.section5 .desc h4 { margin-top:15px; height:45px; line-height:20px; font-weight:normal; font-size: 32px; color: #00132b; }
.section5 .desc p { margin-top: 15px; line-height: 35px; font-size: 15px; color: #666; }



.right-bt-ad{ position: fixed; bottom: 0; right: 0; width: 260px;}
.close-ad{ font-size: 32px; width: 40px;  line-height: 40px; color: #fff; position: absolute; 
  top: -12px; right:-15px;  transition:color 1s;}
.close-ad:hover{ /*color: #f00;*/ transform:scale(1.1); }

.shade {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 9998;
    cursor: pointer;
    background-color: #000;
    display: none;
}

.popup-video {
    width: 640px;
    background: #000;
    height: 420px;
    position: fixed;
    margin: auto;
    z-index: 9999;
    opacity: 1;
    display: none;
    left: 50%;
    top: 50%;
    margin-left: -320px;
    margin-top: -210px;
}

.video-close {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 0;
    top: 0;
	margin:-0 -0 0 0;
	background: url(../img/close_button_white.png) no-repeat -15px -15px #999;
/*	background: url(../layer/skin/default/icon.png) no-repeat;
	background-position: -180px -31px;
*/	
	z-index:1003;
}
.img img { transition: all 1s; -webkit-transition: all 1s; }
.img:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

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

.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container {  position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;height: 500px; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0;height: 500px; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }


.intro {
	min-width: 500px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
  .intro .container {

}
  .intro .title {
    padding-top: 65px; }
  .intro .text {
	margin-top: 29px;
	text-align: left;
}
  .intro p {
	font-size: 16px;
	color: #33333;
	text-align: left;
	line-height: 2em;
}
  .intro p + p {
    margin-top: 34px; }

.area {
	padding-top: 0px;
}
  .area .title h2 {
    border-color: #484848;
    color: #484848; }
  .area .title span {
    font-size: 16px;
    color: #9d9d9d; }
  .area .map {
	  margin:60px 0; position:relative; z-index:9999;}
	  
.title h2 {
    padding: 0 48px;
    line-height: 1;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    font-weight: normal;
    font-size: 30px;
    width: 220px;
    display: block;
    margin: 0 auto;
}
h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.title {
	text-align: center;
	color: #333333;
}

.area .title h2 {
    border-color: #484848;
    color: #484848;
}

.width-1200{
	width:1200px;
	margin:0 auto;
}
/*新闻中心*/
.part-news{ padding: 50px 0px;}

#part-xw{ width: 100%; padding: 30px 0px; margin: 0px auto;}
.part-xwl{width:437px;}
.part-xwr{width:720px;}

.newslist1{ width: 720px;}
.xwcon{ width: 720px;  border-bottom: 1px solid #e6e6e6;}
.xwcon .date { float: left; padding-top: 20px; width: 86px; height: 79px; 
  font-size: 48px; 
    color: #333333; text-align: center; line-height: 30px; }
.xwcon .date span{ font-size: 14px; font-weight:normal; color: #333333;  }

.xwcon .connr{ float: right; width: 601px; height: 110px; }
.xwcon .connr h1{ 
    padding: 5px 0px; 
    width: 292px; 
    height: 30px; 
    line-height: 30px; 
    margin: 0px;
    border: none;
    color: #484848;
    font-size: 24px; 
    color: #484848; 
    text-align: left;  
    }
.xwcon .connr h1 a{ color: #231815;font-size: 18px; color: #484848; font-weight: normal;}
.xwcon .connr p{ color: #757575; font-size: 14px; line-height: 22px;  }
.xwcon .connr p a{ color: #757575; font-size: 14px; }
.xmsy{
	width:1200px;
	height:auto;
	margin:0px auto;
}
.xmsy ul{}
.xmsy ul li{ margin-bottom:10px; margin-right:20px; float:left; padding:5px 5px 25px 5px; 
    width:550px; border-bottom: 1px solid #eeeeee;}
.xmsy .pic{padding-top: 10px; float:left; width:182px;}

.xmsy .pic img{ border: 5px solid #eaeaea; }
.xmsy .pic .date{
	width: 166px;
	height: 45px; background: #cd081a;  line-height: 45px; font-family: Impact;
	text-align: center; color: #ffffff; font-size: 28px;}
.xmsy .con{ float:right; width:353px;}
.xmsy .con span{
	display: block;
	height: 35px;
	font-size: 18px;
	line-height: 35px;
	font-family: "华文细黑";
}
.xmsy .bt{
	height:34px;
	line-height:34px;
	font-size:16px;
	text-align:left;
}
.xmsy .bt a{ font-size:18px; color:#1d1d1d;}
.xmsy .intro{font-size:12px; color:#959595; line-height:20px;}
.xmsy .intro a{ font-size:12px; color:#959595; line-height:20px;}

.xmsy li:hover .con span{
	display: block;
	height: 35px;
	color: #cd0817;
	font-size: 18px;
	line-height: 35px;
	font-family: "华文细黑";
}

.xmsy li:hover .bt a{
	font-size:18px;
	color:#cd0817;
}

.xmsy1{ width:100%; height:auto; margin:0px auto;}
.xmsy1 ul li{ margin-bottom:10px; margin-right:20px; float:left; padding:5px 5px 10px 5px; 
    width:850px; border-bottom: 1px solid #eeeeee;}
.xmsy1 .pic{ float:left; width:182px; height:134px;}
.xmsy1 .con{ float:right; width:619px; height:114px;}
.xmsy1 .bt{ height:44px;  line-height:44px; font-size:18px; text-align:left;}
.xmsy1 .bt a{ font-size:18px; color:#1d1d1d;}
.xmsy1 .intro{font-size:12px; color:#959595; line-height:20px;}
.xmsy1 .intro a{ font-size:12px; color:#959595; line-height:20px;}


.r-nyra{
	width:1200px; margin:0 auto; padding:0;
	line-height:30px;
	font-size:16px;
	color:#484848;
}

#demo{
	overflow:hidden;
	height:100%;
	width:1200px;
	margin:10px auto;
	color:#336699;
	text-align:left;
	padding:10px;
}
#demo1 ul,#demo2 ul{
	display:block;
	width:1200px;
	overflow:hidden;
}
#demo1 ul li,#demo2 ul li{width:390px;margin:5px; float:left;}
#demo1 ul li a h3,#demo2 ul li a h3{width:390px;height:270px ; overflow:hidden;}
#demo1 ul li a h3 img,#demo2 ul li a h3 img{width:390px;height:270px;transition:all .5s ease;}
#demo1 ul li a h3:hover img,#demo2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demo1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease;background:#4c4c4c; color:#fff;overflow:hidden;}
#demo1 ul li a:hover ol,#demo2 ul li a:hover ol{ background:#ce1210; color:#fff;overflow:hidden;}



#demoA1 ul,#demoA2 ul{
	display:block;
	width:1200px;
	overflow:hidden;
}
#demoA1 ul li,#demoA2 ul li{width:230px;margin:5px; float:left;}
#demoA1 ul li a h3,#demoA2 ul li a h3{width:230px;height:159px ; overflow:hidden;}
#demoA1 ul li a h3 img,#demoA2 ul li a h3 img{width:230px;height:159px;transition:all .5s ease;}
#demoA1 ul li a h3:hover img,#demoA2 ul li a h3:hover img{transform: scaleX(1.1) scaleY(1.1);}
#demoA1 ul li a ol,#demo2 ul li a ol{ text-align:center; height:35px; line-height:35px;transition:all .5s ease;background:#4c4c4c; color:#fff;overflow:hidden;}
#demoA1 ul li a:hover ol,#demoA2 ul li a:hover ol{ background:#ce1210; color:#fff;overflow:hidden;}