@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:630px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:630px; position:relative}
.banner li{ width:100%; height:630px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#666; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}




.baner_b{background: #eee;height: 50px; padding-top: 10px;color: #000; }
.baner_b .w{position: relative;   height: 50px;}
.baner_b .zi p{   font-size: 16px;color: #233357;max-width: 880px	;  margin-top:10px;}
.baner_b .zi a{   font-size: 15px;color: #666; padding:0 10px; border-right:1px solid #999;}

.baner_b .tel{ color: #fff;margin-top: 12px;background-position: left -200px;}
.baner_b .tel h1,.baner_b .tel p{ color: #fff;}
/*搜索*/
.searcher{width:320px;height:40px;float: right;   }
.searcher .submit{width:48px;height:40px;border:0px;color: #fff;cursor:pointer; float: right; }
  
.searcher .txt{width:268px;height:38px;line-height:38px;float:right; text-indent: .5em;  border:1px solid #999;  border-right:none;

}
.searcher .s{background:url(../images/tip.png) no-repeat  right; }




.choose{ padding-bottom: 30px;  border-bottom:1px dashed #ccc; /* background:#fafafa; */}
.choose .content{ padding-top: 30px; width: 1143px; }
.choose .content li{ float: left; cursor: pointer; position: relative; width: 285px; height: 177px; border-right: 1px dashed #ccc; /* border-bottom:1px solid #f3f3f4;  */text-align: center; }
.choose .content li:nth-child(4n){border-right:0;}
.choose .content li:nth-child(5),.choose .content li:nth-child(6),.choose .content li:nth-child(7),.choose .content li:nth-child(8){border-bottom: 0;}
.choose .content li:hover:nth-child(1){background:url(../images/choose_bg1.png);} 
.choose .content li:hover:nth-child(2){background:url(../images/choose_bg2.png);} 
.choose .content li:hover:nth-child(3){background:url(../images/choose_bg3.png);} 
.choose .content li:hover:nth-child(4){background:url(../images/choose_bg4.png);} 
.choose .content li img{ margin-top: 50px; margin-bottom: 19px; }
.choose .content li h3{ font-weight: normal; font-size: 18px; color: #393939; font-weight: bold;}

.choose .content .hidden{display: none; width: 253px;height: 177px; background:#c60d1d; padding: 0 16px;  position: absolute; top: 0; }
.choose .content .hidden span{ display: block; font-size: 16px; color: #f3f3f4;text-align: left; padding-top: 45px; line-height: 16px;}
.choose .content .hidden .fgx{width: 29px; line-height: 0px; height: 2px; background: #dd8089; margin-top: 16px; margin-bottom: 10px;}
.choose .content .hidden p{color: #f3f3f4; text-align: left;}
.choose .content a{ display: block; font-size: 16px; color: #c60d1d; text-align: center; line-height: 16px; margin-top: 40px;}






/* 产品中心 */
.title h3{display: block; font-size: 28px; line-height: 28px; color: #333333; background: url(../images/title-line.png) no-repeat center; margin-bottom: 2px;}
.title h3 em{color: #003eaf;}
.title span{display: block; font-size: 15px; color: #808080;}

.product{margin: 50px 0;}
.product .title{margin-bottom: 23px;}
.product-btn {text-align: center; margin-bottom: 30px;}
.product-btn ul li{display: inline-block; padding: 0 15px;  font-size: 14px; line-height: 40px; color: #737373; text-align: center; cursor: pointer;}
.product-btn ul li.on{background: #003eaf; color: #fff;}
.product-btn ul li:hover{background: #003eaf; color: #fff;}
.product-list ul{width: 1220px;}
.product-list ul li{float: left; width: 283px; border: solid 1px #e6e6e6; margin-left: 20px; margin-bottom: 20px;}
.product-list ul li .pic{padding: 10px; }

.product-list ul li em{display: block; background: #e6e6e6; font-size: 16px; line-height: 49px; color: #666; text-align: center;}
.product-list ul li:hover{border: solid 1px #003eaf; }
.product-list ul li:hover em{background: #003eaf; color: #fff;}

/* 产品中心结束 */



/* 公司介绍 */
.about_yize{background: url(../images/about-bg.jpg) no-repeat center top; height: 556px;  position: relative;  border-bottom:1px dashed #ccc;}
.about_yize .info{width: 46.5%; padding-left: 3.5%; position: absolute; right: 0; top: 0; background:#003eaf;  height: 100%;}
.about_yize .info h3{display: block; margin-top: 32px; font-size: 28px; line-height: 83px; position: relative; color:#fff;}
.about_yize .info h3:after{position: absolute; content: ''; width: 40px; height: 3px; background: #fff; bottom: 0; left: 0;}
.about_yize .info img{display: block; margin: 20px 0 23px;}
.about_yize .info em{display: block; font-size: 18px; line-height: 18px; color:#f2f2f2; }
.about_yize .info p{display: block; font-size: 14px; line-height: 28px; margin: 18px 0 53px; color: #fff; width: 530px; text-align: justify;}
.about_yize-more{display: block; background: url(../images/more-icon2.png) no-repeat 109px center; width: 138px; height: 42px; border: solid 1px #fff; padding-left: 30px; font-size: 16px; line-height: 42px;  color: #fff; transition: 0.6s;}
.about_yize-more:hover{background: url(../images/more-icon1.png) no-repeat 109px center #fff; color: #003eaf;} 
/* 公司介绍结束 */

/*优势*/
.demand{padding:50px 0 50px 0;  background: url(../images/yize_youshi_bg.png) no-repeat center center;}


.dbox-show{ height:404px;width:100%;margin:20px auto 50px auto;box-shadow: 0px 10px 20px #E6E6E6;}
.demand1-fl{width:570px;margin-left:30px;}
.demand1-fr{margin-right:30px;margin-top:10px;width:464px}

.de-fl{ background:#003eaf url(../images/ys-h1.png) no-repeat center center; height:105px;width:90px;text-align: center;}
.de-fl em{font-size:18px;border-bottom:1px solid #fff;width:68px;margin:0 auto;line-height:27px;margin-top:10px;padding-bottom:10px;}
.de-fl em,.de-fl b{ display: block;color:#fff;font-weight:normal;}
.de-fl b{font-size:12px; }
.de-fl b{margin-top:5px;}
.de-fr{width:450px;margin-top:50px}
.de-fr span,.de-fr b{ display: block;}
.de-fr b{font-size:20px;color:#343434}
.de-fr span{font-size:10px;font-family: arial;color:#9E9E9E;letter-spacing: -0.6px;}

.de-two{margin:45px 0 45px 20px;line-height:30px;color:#565656;font-size:15px}
.det-fl{ background: url(../images/tel-ys.png) no-repeat center left; padding-left:60px;margin-left:20px;}
.det-fl em,.det-fl b{ display: block;}
.det-fl em{font-size:16px;}
.det-fl b{color:#003eaf;font-size:28px;line-height:30px;font-weight: normal;}
.det-fr{width:140px;height:40px;line-height: 40px;text-align: center;background: #003eaf;color:#fff;font-size:16px;margin-top:12px;}

.demand2 .demand1-fl{margin-right:20px;}
.demand2 .demand1-fl .de-three{margin-left:20px;}
.demand2 .demand1-fl .de-three a{transition: all .6s;font-size:16px;width:125px;height:40px;line-height:40px;text-align: center;display: inline-block;}
.demand2 .demand1-fl .de-three .a{ background: #003eaf;color:#fff;border:1px solid #003eaf;}
.demand2 .demand1-fl .de-three .b{border:1px solid #003eaf;color:#333;margin-left:30px;}
.demand2 .demand1-fl .de-three a:hover{ background: #003eaf;color:#fff}
.demand2 .demand1-fr{margin-left:50px;margin-top:20px;}

.demand3 .demand1-fr{margin-right:30px;width:489px;margin-top:20px}
.demand4 .demand1-fr{margin-right:30px;width:489px;margin-top:20px}
/*优势*/





.join{background: url(../images/join-bg.jpg) no-repeat center; height: 220px;}
.join strong{display: block; font-size: 16px; line-height: 16px; color: #fff; margin: 71px 0 15px;}
.join strong b{color: #ee9f01; font-size: 22px;}
.join .join-contact{display: block; width: 248px; line-height: 44px; font-size: 18px; color: #fff; text-align: center; background: #ee9f01;}
.join .join-contact:hover{font-weight: bold;}





.case{margin-bottom: 70px;  padding:30px 0 70px 0; /* background:#f2f2f2; */}
.case-list{overflow: hidden;}
.case-list ul{width: 1230px;}
.case-list ul li{float: left; width: 380px;  margin-right: 30px; margin-bottom: 30px;}
.case-list ul li .pic{width: 380px; height: 280px; overflow: hidden; position: relative; }
.case-list ul li .info{ width: 380px; height: 280px; background: rgba(6,62,175,0.8);  position: absolute;  opacity:0;transition: all 0.5s;}
.case-list ul li .info .more-icon{display: block; width: 50px; height: 50px; margin: 80px auto 22px;}
.case-list ul li .info h3{display: block; font-size: 18px; color: #fff; text-align: center; margin-bottom: 12px;}
.case-list ul li .info i{display: block; width: 40px; height: 2px; background: #fff; margin: 0 auto;}
.case-list ul li:hover .info{opacity: 1;}
.case-list ul li .shidden::before,.case-list ul li .shidden::after {position: absolute;content: '';opacity: 0;}
.case-list ul li .shidden::before {top: 10px;right: 10px;bottom: 10px;left: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.case-list ul li .shidden::after {top: 10px;right: 10px;bottom: 10px;left: 10px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.case-list ul li .shidden::before,.case-list ul li .shidden::after{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.case-list ul li:hover .shidden::before,.case-list ul li:hover .shidden::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.case-list ul li:hover .shidden::before,.case-list ul li:hover .shidden::after{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.case .more{display: block; width: 192px; height: 48px; border: solid 1px #ccc; font-size: 15px; line-height: 48px; color: #999999; background: url(../images/more-icon3.png) no-repeat 166px center; padding-left: 96px; border-radius: 25px; margin: 20px auto 0; transition:0.6s;}
.case .more:hover{background: url(../images/more-icon2.png) no-repeat 166px center #003eaf;  border-color: #003eaf; color: #fff;}






.fc{ height: 417px; overflow: hidden; width: 1340px; margin: 0 auto; background:#f2f2f2;}
.fc_h{overflow: hidden; width: 1200px; margin: 0 auto; height: 135px; background: url(../images/news-btn.png) no-repeat center 75px; }
.fc_h ul{ width: 319px; margin: 55px auto 0; height: 40px; overflow: hidden;}
.fc_h ul.hd{display: block;}
.fc_h ul li{ float: left; width: 149px; height: 40px; overflow: hidden; margin-right: 20px;}
.fc_h ul li a{ background: #fff; display: inline-block; width: 147px; height: 38px; overflow: hidden; border: 1px solid #999; font-size: 16px; line-height: 38px; color: #333; font-weight: normal; text-align: center;}
.fc_h ul li a:hover ,.fc_h .cur a{ width: 149px; height: 40px; border: 0; background: #093e96; color: #fff; font-weight: bold; line-height: 40px; text-decoration: none;}
.fc_h .nobot{ margin-right: 0;}

.fc_con{ height: 282px; overflow: hidden;}

.fc_con em{ display: block; width: 35px; height: 75px; overflow: hidden; margin-top: 55px;}
.fc_con em a{ display: block; width: 35px; height: 75px; overflow: hidden;}
.fc_con .e01{ margin-right: 35px;}
.fc_con .e01 a{ background: url(../images/equ_l.gif) no-repeat left top;}
.fc_con .e01 a:hover{ background: url(../images/equ_l01.gif) no-repeat left top;}
.fc_con .e02 a{ background: url(../images/equ_r.gif) no-repeat left top;}
.fc_con .e02 a:hover{ background: url(../images/equ_r01.gif) no-repeat left top;}
.fc_con .fc_n { width:1200px; overflow:hidden;}
.fc_con ul li{ margin-right: 40px; float: left; width: 270px; overflow: hidden; line-height: 0;}
.fc_con ul li img{ width: 270px; height: 195px;}
.fc_con ul li span{ font-weight: normal; display: block; font-size: 14px; line-height: 52px; text-align: center; height:52px; overflow:hidden;}
.fc_con .nobot{ margin-right: 0;}






/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}


/* 新闻中心 */
.news .title span{display: block; font-size: 16px; line-height: 16px; color: #8d8d8d; margin: 16px 0 47px;}
.news-list {overflow: hidden;}
.news-list ul li{float: left; width: 308px;  border: solid 1px #bfbfbf; padding: 21px 35px 33px; margin-right: 30px;}
.news-list ul li em{display: block; font-size: 16px;  color: #333;}
.news-list ul li b{display: block; font-size: 14px; color: #9c9c9c; font-weight: normal; margin: 10px 0 19px;}
.news-list ul li p{display: block; font-size: 14px; color: #888; margin-bottom: 41px;}
.news-list ul li span{color: #888;}
.news-list ul li:hover{border-color: #003eaf;}
.news-list ul li:hover span{color: #003eaf;}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

a.hvr-ripple-out {
  display: block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #003eaf;
  width: 142px; 
  height: 44px; 
  font-size: 16px;
  line-height: 44px;
  color: #fff;
  text-align: center;
  margin: 40px  auto 48px;
}
a.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #003eaf solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
a.hvr-ripple-out:hover:before,a.hvr-ripple-out:focus:before,a.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}















/* 优势 */
.adv_bgs{width: 100%; height: 168px; background: url(../images/youshibgs.png) no-repeat center; overflow: hidden;}




/* 应用领域 */
.lingyu { overflow:hidden; padding-top:60px; width:100%; background:url(Img/Index/lingyu_bg.png) repeat-x left top; padding-bottom:70px;}
.lingyu ul{ overflow:hidden; width:1220px; margin:0 auto; height:400px;}
.lingyu li{ overflow:hidden; float:left; width:285px; margin:0 10px; height:400px; position:relative;}
.lingyu li img{ display:block;}
.lingyu li .imgIcon{ display:block; position:absolute; left:50%; margin-left:-25px; top:305px; z-index:2}
.lingyu li a{ display:block; width:100%; height:70px; position: absolute; left:0; bottom:0; text-decoration:none}
.lingyu li .icon{ margin:0 auto; display:none;}
.lingyu li .a01{ background-color:#019161;}

.lingyu li em{ display:block; margin:0 auto; text-align:center; padding:20px 0; width:120px; font-size:16px; color:#fff; margin-top:-15px;}
.lingyu li p{ width:80%; margin:10px auto; font-size:14px; color:#fff; line-height:20px; height:40px; overflow:hidden; text-align:center}

/* 友情链接
 */

 .link{width: 100%; background:#f2f2f2;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}