html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
@charset "utf-8";
/* CSS Document 2016.3 */
body { font-family:微软雅黑; margin:0;padding:0;font-size:12px;color:#333; width:auto; background-position:top; background-repeat:repeat-x;margin:0 auto; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
a {color:#333;}
img{border:0;vertical-align:middle;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a,span{text-decoration:none; }
a:hover {text-decoration:none;transition: all 300ms ease 0s;}
a:link, a:visited { text-decoration: none; transition: all 300ms ease 0s; outline:none;}
i,em,b{ font-style:normal;display: inline-block;}
.nomr { margin-right:0px!important;}
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.fl{float:left;}
.fr{float:right;}
/*.mauto{width:1200px; margin:0 auto;}*/

.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml25{ margin-left:25px;}


.mt5{margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mb10{ margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mtb10{ margin:10px 0px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.plr15{padding: 0px 15px;}
.ptb10{padding:10px 0px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{padding-left:20px;}
.pb10{ padding-bottom:10px;}
.ptm10{ padding:10px 0px;}

.ov{ overflow:hidden;}
.db{ display:block;}
.dib{ display:inline-block;}
.dn{ display:none;}
.abs{position:absolute;}
.rel{position:relative;}
.ftb{font-weight:bold;}
.mb10{margin-bottom:10px;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.tal{ text-align:left;}
.w{ width:100%;}
.w1200 { width:1200px; margin:0px auto;}
.w1240 { width:1240px; margin:0px auto;}

/* Font  */
.f10px{font-size:10px;}
.f11px{font-size:11px;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f15px{font-size:15px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.li20px{line-height:20px;}
.li22px{line-height:22px;}
.li24px{line-height:24px;}
.li26px{line-height:26px;}
.li28px{line-height:28px;}
.li30px{line-height:30px;}
.li40px{line-height:40px;}
.li50px{line-height:50px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f22px{font-size:22px;}
.f24px{font-size:24px;}
.f30px{font-size:30px;}
.f36px{font-size:36px;}
.yahei{font-family:微软雅黑;}
.song{font-family:"宋体";}
.heiti{font-family:"黑体";}

.breadnav { font-size:12px; color:#999;}
.breadnav a { font-size:12px; color:#999;}

/*top*/
.top { background:#025093; height:5px; }
.top a { color:#ababab; width:44px; height:20px; line-height:20px; display:inline-block; margin-top:6px; margin-left:5px; text-align:center; border-radius:6px; border:1px solid #ababab;}
.logo { margin-top:12px;}
.nav {  margin-left:190px;}
.lan { background:url(/static/images/lan.png) left center no-repeat;color:#999; height:36px; line-height:36x; padding-left:30px; margin-top:40px;}
.lan a { line-height:36px; color:#999; padding:0px 5px;}
.nav > ul > li { float:left;height:120px;position:relative;}
.nav > ul > li > a { display:block; height:120px; line-height:120px; font-size:14px; color:#3c3c3c;padding:0px 37px; font-weight: bold;}
.nav > ul >  li:hover > a{ background:#325ea9; color:#fff;}

.sub { width:100%;  display:none; position:absolute; top:120px; left:0px; z-index:9999; background:#325ea9; }
.sub li { width:100%;color:#666;}
.sub li a{ width:100%; text-align:center; font-size:12px; height:36px; line-height:36px; display:block; color:#fff;}
.sub a:hover {  color:#FFF; background:#1a4e97;font-size:12px;}



/*企业简介*/
.i-about {margin-top:50px;}
.i-about .t1 em { font-size:24px; color:#000000; width:100%; font-weight:bold;margin-top:10px;}
.i-about .t1 span { display:block; width:100%;}
.i-about .i-con { width:680px; color:#333; line-height:28px; text-align:justify;}
.i-about .con2 { background:#fff;top:102px; left:0px; height:327px;border-bottom:4px solid #f2f2f2;}
.i-about .i-icons {}
.i-about .i-icons dl { float:left; width:190px; margin-right:54px;}
.i-about .i-icons dl dt { float:left; margin-right:20px; }
.i-about .i-icons dl dd{ color:#445ea5; font-size:18px; font-weight:bold;width:133px; float:right;}
.i-about .i-icons dl dd span { font-size:10px; color:#95a3c0; font-weight:normal;text-transform: uppercase;}
.i-about .i-pic1 { margin-right:10px;}
.i-about .i-pic2 {}

/*产品*/
.i-pro { background:url(/static/images/i-pro-bg.jpg) top center no-repeat; height:615px; margin-top:80px; padding-top:60px; }
.i-pro .tt { color:#445ea5;}
.i-pro .tt em {font-size:24px;font-weight:bold; width:100%; margin-top:10px;}
.i-pro dl { width:285px; position: absolute; text-align:center;}
.i-pro .dl-1 { top:38px; left:0px;}
.i-pro .dl-2 { top:120px; left:456px;}
.i-pro .dl-3 { top:38px; right:0px;}
.i-pro dl dt { }
.i-pro dl dd { margin-top:30px; }
.i-pro dl dd span { font-size:24px; color:#333;}
.i-pro dl dd p {color:#666; line-height:24px; width:256px; margin:0px auto;height: 150px;overflow: hidden;}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}




/*生产空间*/
.i-fac { margin-top:50px; text-align:center; background:#f9f9f9; height:450px; padding-top:50px;}
.i-fac .t1 em { font-size:24px; color:#000; width:100%; text-align:center; font-weight:bold;margin-top:10px;}
.i-fac .t1 span { display:block; width:100%; text-align:center; font-size:12px; color:#999999; }

.cont_right{width:1240px; float:right; margin-top:50px;}
.pro_list{ width:1240px;height:252px; float:left; overflow:hidden;}
.links{width:1240px; float:left;overflow:hidden;}
.mr_frbox { height:252px;}
.mr_frBtnL { float: left; cursor: pointer; display: inline; }
.mr_frUl { float: left;width:1120px; height:252px;overflow:hidden;}
.mr_frBtnR { float: right; cursor: pointer; }
.mr_frUl ul a { width:270px; height:252px; margin-right:14px; font-family: "微软雅黑"; font-size:13px; color:#333; line-height:28px; overflow:hidden; text-align:center; float:left;}
.mr_frUl ul a:hover{color:#00358b;}
.mr_frUl ul li { display: inline; float: left; width:270px; height:252px; overflow: hidden; background:#000; position:relative;}
.mr_frUl ul li i { width:49px; height:49px; background:url(/static/images/zoom1.png); position:absolute; top:79px; left:117px; display:none; z-index:9999;}
.mr_frUl ul li img { width:270px; height:188px;  display: block; }
.mr_frUl ul li span { display:block; width:270px; height:64px; background:#fff; line-height:64px; text-align:center; font-size:14px; font-weight:bold; color:#333333;}
.mr_frUl ul li:hover img{  opacity:0.5;}
.mr_frUl ul li:hover span { background:#445ea5; color:#fff;}
.mr_frUl ul li:hover i { display:block;}
.prevs{width:45px; height:45px; float:left; background:url(/static/images/left.png); margin-top:70px; margin-right:15px;}
.nexts{width:45px; height:45px;float:right; background:url(/static/images/right.png); margin-top:70px; margin-left:15px;}


/*新闻*/
.i-news { margin-top:40px; padding-bottom:80px;}
.i-news .tt { font-size:24px; font-weight:bold; color:#000; background:url(/static/images/tt4.png) top center no-repeat; padding-top:30px;}
.i-newslist dl { float:left; width:288px; margin-right:15px; margin-top:38px;transition:all 0.5s ease-out 0s;}
.i-newslist dl:hover h3 { color:#025093; transition:all 0.5s ease-out 0s;}
.i-newslist dl:hover {margin-top:30px;transition:all 0.5s ease-out 0s;}
.i-newslist dl dd { margin-top:10px; color:#666; }
.i-newslist dl dd  h3 { font-size:14px; color:#333;}
.i-newslist dl dd p { line-height:24px;}
.i-newslist dl dd i { background:#025093; height:3px; width:32px;}
/*底部*/
.bottom {  background:#373737;color:#a7a7a7; padding:15px 0px 20px 0px;}
.bt-nav { border-bottom:1px solid #4f4f4f; padding-bottom:15px;}
.bt-nav ul li {float:left;}
.bt-nav ul li a{ color:#a7a7a7;  padding-right:20px; margin-left:15px; display:inline-block; height:12px; line-height:12px;}
.copyright {}
.bt-contact {}
.bt-links a { display:inline-block;color:#a7a7a7;}

/*内页公用*/
.in-banner { height:170px; z-index:9999;  padding-top:90px;}
.in-banner h1 {color:#fff; font-size:20px;}
.in-banner i { width:32px; height:1px; background:#fff; display: block; margin:10px auto;}
.in-banner span { font-size:12px; margin-top:18px;color:#fff;}

.in-nav { height:68px; border-bottom:1px solid #e5e5e5; padding-top:32px;}
.in-nav ul { width:100%; float:left; text-align:center;}
.in-nav  li { display:inline-block; margin:0px 10px; position:relative;}
.in-nav  li a { display:inline-block; padding:0px 15px; height:38px; line-height:38px; border:1px solid #dcdcdc; border-radius:19px; color:#666; font-size:14px;}
.in-nav  li span { position:absolute; background:url(/static/images/innav-h.png); width:10px; height:30px; display:block; bottom:-33px; left:45%; display:none;}
.in-nav  li:hover span { display:block;}
.on {}
.in-nav  li a:hover {border:1px solid #325EA9; background:#325EA9; color:#fff;}
.in-nav  li a.active {border:1px solid #325EA9; background:#325EA9; color:#fff;}
.in-nav  li.active span { display:block;}
.in-con { padding:54px 0px; font-size:14px; color:#333;}

/*内页发展历程*/
.in-dev-list { width:1200px; border-left:1px solid #a2d5b8; }
.in-dev-list ul li { position:relative; padding-left:10px; float:left; margin-bottom:30px;}
.in-dev-list ul li i { position:absolute; width:9px; height:9px; background:#00913E; border-radius:9px; left:-4px; top:8px;}
.in-dev-list ul li span { font-size:16px; font-weight:bold; color:#00913E; display:block; float:left; width:80px;}
.in-dev-list ul li em { float:right; width:1108px; color:#666666; font-size:13px; line-height:30px; margin-top:-6px;}

/*荣誉资质*/

.honor-list ul li { float:left; width:390px; height:286px; overflow:hidden; margin-right:15px; margin-bottom:15px;}
.honor-list ul li img {width:390px; height:286px;transition: all 300ms ease 0s;}
.honor-list ul li a:hover img { opacity:0.8;}
.honor-list ul li .pro-t {width:360px; height:286px; line-height:50px; text-align:center;background:url(/static/images/pro-t-bg.png) repeat; top:236px; left:0px; padding:0px 15px; color:#fff; font-size:16px; display:block;}


/*新闻*/
.in-newslist .more { margin-top:30px;}
.in-newslist .more a{ background:url(/static/images/news-more.png); display:block; width:46px; height:46px;}
.in-newslist li { padding:38px 0px; border-bottom:1px solid #e5e5e5; float:left;}
.in-newslist li:hover .more a{background:url(/static/images/news-more-h.png);}
.in-newslist li:hover .newlist-t a {color:#325EA9;}
.newlist-time { width:92px; font-size:36px; color:#333; margin-right:33px;}
.newlist-time span { display:block; width:92px; text-align:right; font-size:14px; color:#999999;}
.newlist-pic { margin-right:46px;}
.newlist-pic img { width:230px; height:120px;}
.newlist-t { width:653px; margin-right:100px; }
.newlist-t a {color:#333; font-size:18px;}
.newlist-t a span { display:block; font-size:14px; color:#666666; margin-top:15px; line-height:24px;}
/*新闻详情*/
.news-tt { height:60px; line-height:60px; font-size:16px; font-weight:bold; color:#000; }
.news-at {border-bottom:1px dashed #eee; padding-bottom:20px;border-bottom:1px dashed #ccc; color:#666}
.news-con { padding:40px 0px;}
/*产品*/
.in-prolist {}
.in-prolist ul li { float:left; width:360px; height:480px; overflow:hidden; margin-right:59px; margin-bottom:20px;transition:all 0.5s ease-out 0s;}
.in-prolist ul li img {width:360px; height: auto;}
.in-prolist ul li:hover  { box-shadow:0px 0px 10px #333;transition:all 0.5s ease-out 0s; }
.in-prolist ul li .pro-t {width:360px; height:267px; line-height:50px; text-align:center;background:url(/static/images/pro-t-bg.png) repeat; top:214px; left:0px; padding:0px 15px; color:#fff; font-size:16px; display:block;}


/*page*/
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 30px 0;padding:30px 0px;height:40px;clear:both;text-align:center;}
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:10px;font-size:12px;height:40px;line-height:40px;background:#fff;}
#dcms_pager .pages a:hover {border:1px solid #dcdcdc;}
#dcms_pager .pages .pgempty {border:1px solid #dcdcdc;color:#999999;background:#fff;}
#dcms_pager .pages .pgcurrent {border:1px solid #325EA9;color:#fff;font-weight:bold;background-color:#325EA9;}

/*友情链接*/
.link-list dl { width:228px; float:left; margin-right:15px; margin-bottom:15px;}
.link-list dl dt img { width:228px; height:117px; border:1px solid #eee;}
.link-list dl dd { width:228px; text-align:center; line-height:36px;}