body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}body{font:12px/1.5 tahoma,arial,simsun,sans-serif;color:#333;background:#FFF}input:focus,a:focus{outline:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}sup{vertical-align:baseline}sub{vertical-align:baseline}button,input,textarea,select{font-family:tahoma,arial,simsun,sans-serif;font-size:inherit;font-weight:inherit;line-height:1.5;vertical-align:middle}button,input,textarea,select{*font-size:100%}textarea{resize:none}legend{color:#000}a{vertical-align:baseline;color:#333;}a,a:visited{text-decoration:none}a:hover{color:#177ebe;text-decoration:underline}.clear{clear:both;overflow:hidden;visibility:hidden;width:0;height:0;border:0;font-size:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{zoom:1}.hide{display:none}.dib-wrap{font-size:0;*word-spacing:-1px}.dib-wrap .dib{font-size:12px;display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;*display:inline;*zoom:1}@media screen and (-webkit-min-device-pixel-ratio:0){.dib-wrap{letter-spacing:-5px}}
body,html{color: #000; font: 12px/1.5 "微软雅黑"; min-width:1200px; overflow-x:hidden ; color: #666;}
a,a:visited{text-decoration:none; color: #666;}
a:hover{text-decoration:none; color: #666;}
i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}

.wrap{background: #f6f8f9;}
.main{width: 1200px; margin: 0 auto;}
.margin25{
	margin-top: 25px;
}
img{width: 100%; display: block;}
.background_fff{background: #fff;}

.hide{display: none;}

.header_wrap{width: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: #f6f8f9; -webkit-transform: translateZ(0); transform: translateZ(0);}
.header_bg{width: 100%; height: 17px; background: url(../images/ico/header_bg.png) 0 0 repeat-x; position: absolute; bottom: -17px; left: 0;}
.header{width: 1200px; margin: 0 auto; position: relative;}
.header .logo{position: absolute; top: 18px; left: 15px;}
.header .logo img{width: 230px; display: block;}
.header .nav li{float: left; padding-left: 48px; color: #666;}
.header .nav li a{font-size: 20px; font-family: "Adobe 黑体 Std"; display: block; line-height: 108px;}
.header .nav li a.cur{color: #ff4e00;}
.header .nav li a:hover{-webkit-animation:pulse .8s ease; animation:pulse .8s ease;}
/*banner*/
.banner{width: 100%; margin-top: 108px;}
.banner .slideBox{width: 100%; overflow:hidden; height: auto; position:relative;}
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; left: 50%; margin-left: -45px;  bottom:20px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .slideBox .hd ul li{ float:left; margin: 0 5.5px;  width:8px; height:8px; border: 1px solid #fff; cursor:pointer;}
.banner .slideBox .hd ul li.on{background: #fff;}
.banner .slideBox .bd{ position:relative; z-index:0; clear: both;}
.banner .slideBox .bd li{width: 100%; zoom:1; vertical-align:middle; float: left;}
.banner .slideBox .bd li img{width: 100%; display: block;}
/*video*/
.video_wrap{padding: 20px 0 100px; width: 100%;}
.video_wrap .title span{display: block; width: 48px; height: 9px; background: url(../images/ico/video.png) 0 0 no-repeat; margin: 0 auto; margin-bottom: 10px;}
.video_wrap .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 46px; text-align: center;}
/*.video_wrap .video li{padding: 40px 40px 50px; width: 320px; height: 225px; background: url(../images/video_bg.png) 0 0 no-repeat; float: left;}*/
.video_wrap .video{width: 1170px; margin: 15px auto 0; position: relative;}
.video_wrap .video .video_bg{position: absolute; bottom: -50px; left: 0; width: 1170px; height: 56px; background: url(../images/video_bg.png) 0 0 no-repeat;}


/*zixun*/
.zixun{padding: 50px 0 90px; }
.zixun .title span{display: block; width: 110px; height: 9px; background: url(../images/ico/zixun.png) 0 0 no-repeat; margin: 0 auto; margin-bottom: 23px;}
.zixun .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 46px; text-align: center;}

.zixun .picScroll-left{width: 1200px; position:relative; padding-top: 36px;}
.zixun .picScroll-left .hd{ overflow:hidden; background:#f4f4f4; position: absolute; top: -30px; right: 15px;}
.zixun .picScroll-left .hd .prev,.zixun .picScroll-left .hd .next{ display:block;  width:40px; height:40px; float:right; margin-right:5px; overflow:hidden;
       cursor:pointer; background:url("../images/ico/back.png") no-repeat;}
.zixun .picScroll-left .hd .next{background:url("../images/ico/next.png") 0 0 no-repeat;}
.zixun .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.zixun .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.zixun .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.zixun .picScroll-left .bd ul li{width: 370px; padding: 0 15px; float:left; _display:inline; overflow:hidden;}
.zixun .picScroll-left .bd ul li .pic{ text-align:center; }
.zixun .picScroll-left .bd ul li img{width: 370px; height: 256px; display: block;}
.zixun .picScroll-left .bd ul li h2{font-size: 18px; line-height: 60px; font-family: "黑体"; width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zixun .picScroll-left .bd ul li p{font-size: 14px; line-height: 23px; color: #888; padding-bottom: 20px;}
.zixun .picScroll-left .bd ul li span{ font-size: 12px; line-height: 14px; border-bottom: 1px solid #555;}




/*精选产品*/
.product_wrap{padding-top: 62px; background: #fff;}
.product_wrap .title span{display: block; width: 46px; height: 9px; background: url(../images/ico/shangpin.png) 0 0 no-repeat; margin: 0 auto;}
.product_wrap .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 100px; text-align: center;}
.product_wrap .product{width: 1200px;}
.product_wrap .product li{width: 282px; margin: 0 9px 65px; float: left; cursor: pointer; position: relative;}
.product_wrap .product li .img{width: 270px; padding: 3px 6px 9px; background: url(../images/sp_bg.png) 0 0 no-repeat;}
.product_wrap .product li .img img{width: 270px; height: 377px; display: block; margin-bottom: 34px;}
.product_wrap .product li .bg{width: 270px; height: 377px; background: url(../images/ico/bg2.png); display: none; position: absolute; top: 3px; left: 6px; z-index: 9; }
.product_wrap .product li .text{width: 100%;}
.product_wrap .product li .text p{font: 14px/27px "Adobe 黑体 Std"; text-align: center;}
.product_wrap .product li .text p.overflow{width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 auto;}
.product_wrap .product li .text p span{display: inline-block; padding-left: 5px; font: 14px/23px "Myriad Pro"; text-decoration: line-through; color: #b5b5b5;}
.product_wrap .product li:hover .bg{display: block;}
.product_wrap .product li .bg img{width: 150px; height: 150px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px;}

/*footer*/
.footer_wrap{width: 100%; background: #fff; padding: 20px 0; position: relative;}
.footer{width: 1200px; margin: 0 auto;}
.footer .ewm{width: 165px; padding-left: 164px; float: left;}
.footer .ewm img{width: 100%; display: block;}
.footer .contact{padding-right: 20px; margin-left: 660px;}
.footer .contact span{display: block; font-size: 18px; line-height: 72px; color: #333;}
.footer .contact p{font-size: 14px; line-height: 24px; color: #333;}
.footer_wrap #back{cursor: pointer; position: absolute; right: 0; bottom: 0; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 38px; border-style: solid; border-color: #fff #333 #333 #fff;}
.footer_wrap #back span{display: block; text-align: center; font-size: 14px; line-height: 34px; color: #fff;}

/*project*/
.project .title span{display: block; width: 153px; height: 9px; background: url(../images/ico/qiye.png) 0 0 no-repeat; margin: 0 auto;}
.project .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 96px; text-align: center;}
/*.project .logo{width: 87px; height: 111px; margin: 5px auto 47px; background: url(../images/pro_logo.png);}
.project .text{padding: 0 88px;}
.project .text p{font-size: 20px; line-height: 40px; color: #424242;}*/
.project .bg{width: 100%; max-width: 1920px; margin: 0 auto; height: 1061px; padding-top: 68px; background: url(../images/pro_bg.png) center top no-repeat;}
.project .bg .text{width: 1144px; height: 899px; margin: 0 auto; background: url(../images/pro_text.png) 0 0 no-repeat;}


/*about*/
.about .team{padding: 53px 15px 110px;}
.about .team .title{padding-bottom: 30px;}
.about .team .title span{display: block; width: 42px; height: 9px; background: url(../images/ico/team.png) 0 0 no-repeat; margin: 0 auto;}
.about .team .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 92px; text-align: center;}
.about .team .con img{width: 445px; display: block; float: left; padding-top: 16px;} 
.about .team .con .text{padding-left: 550px;}
.about .team .con .text p{font-size: 16px; line-height: 60px;}
.about .good{padding: 30px 0 60px; }
.about .good .title span{display: block; width: 42px; height: 9px; background: url(../images/ico/team.png) 0 0 no-repeat; margin: 0 auto;}
.about .good .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 90px; text-align: center; padding-bottom: 70px;}
.about .good ul{padding-left: 138px;}
.about .good ul li{padding-left: 70px; width: 250px; margin-right: 100px; margin-bottom: 90px; background: url(../images/ab_1.png) left center no-repeat; float: left;}
.about .good ul li.width{width: 472px;}
.about .good ul li.bg2{background: url(../images/ab_2.png) left center no-repeat;}
.about .good ul li.bg3{background: url(../images/ab_3.png) left center no-repeat;}
.about .good ul li.bg4{background: url(../images/ab_4.png) left center no-repeat;}
.about .good ul li h4{font-size: 14px; line-height: 25px; color: #444; font-weight: 500;}
.about .good ul li p{font-size: 14px; line-height: 25px; color: #888;}
/*app*/
.app{width: 100%; max-width: 1920px; min-width: 1200px; margin: 108px auto 0;}
.app img{width: 100%; display: block;}
/*企业信息*/
.in{width: 100%; padding-top: 45px;}
.in .title span{display: block; width: 92px; height: 9px; background: url(../images/ico/ruzhu.png) 0 0 no-repeat; margin: 0 auto;}
.in .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 93px; text-align: center;}
.in .ruzhu{width: 100%; height: 937px; background: url(../images/in_bg.png) center top no-repeat; }
.zhengce{padding-top: 78px;}
.zhengce .title span{display: block; width: 56px; height: 9px; background: url(../images/ico/ruzhu2.png) 0 0 no-repeat; margin: 0 auto;}
.zhengce .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 93px; text-align: center;}

/*new_article*/
.new{width: 1170px;}
.new .title{padding: 25px 0 19px; border-bottom: 2px solid #666666;}
.new .title h2{font-size: 28px; line-height: 82px; text-align: center; color: #2c2c2c;}
.new .title span{display: block; text-align: center;}
.new .title span .time{margin: 0 auto; width: 150px; padding-left: 30px; background: url(../images/ico/new_time.png) 0 0 no-repeat; font-size: 16px; line-height: 17px;}
.new .con{width: 840px; margin: 0 auto; padding-top: 38px; color: #2c2c2c;}
.new .con p{font-size: 20px; line-height: 42px; text-indent: 2em;}
.new .con img{margin: 0 auto; width: 50px auto; }
.new .back_index{width: 840px; margin: 0 auto; padding: 77px 0 230px;}
.new .back_index a{display: block; padding-left:30px; background: url(../images/ico/new_back.png) 0 center no-repeat; font-size: 20px; line-height: 22px; text-decoration: underline; color: #666;}

/*企业介绍 news*/
.qiye_new .list{width: 100%;}
.qiye_new .list li{width: 370px; padding: 0 15px; float:left; _display:inline; overflow:hidden; margin-bottom: 30px;}
.qiye_new .list li img{width: 370px; height: 256px; display: block;}
.qiye_new .list li h2{font-size: 18px; line-height: 60px; font-family: "黑体"; width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.qiye_new .list li p{font-size: 14px; line-height: 23px; color: #888; padding-bottom: 20px;}
.qiye_new .list li span{ font-size: 12px; line-height: 14px; border-bottom: 1px solid #555; display: block; float: left;}
.qiye_new .list li span.date{float: right; border-bottom: none;}
.qiye_content img{width: auto; display: block;}
.qiye_content1 img{width: auto; margin: 0 auto;}
/*首页修改板块*/

/*精彩板块*/
.atv_wrap{padding: 40px 0 88px; display: none;}
.atv_wrap .title span{display: block; width: 46px; height: 9px; background: url(../images/ico/shangpin.png) 0 0 no-repeat; margin: 0 auto;}
.atv_wrap .title h2{font-size: 28px; color: #444; font-weight: 500; line-height: 100px; text-align: center; padding-bottom: 36px;}
.atv_wrap .atv{width: 1200px;}
.atv_wrap .atv li{width: 290px; margin: 0 5px 23px; position: relative; float: left; overflow: hidden;}
.atv_wrap .atv li .img_wrap{width: 278px; padding: 3px 6px 9px; background: url(../images/BG.png) 0 0 no-repeat;}
.atv_wrap .atv li .img_wrap .img{width: 278px; overflow: hidden;}
.atv_wrap .atv li .img_wrap .img img{width: 278px; height: 264px; display: block; transition:all 1s; overflow: hidden;}
.atv_wrap .atv li p{font: 26px/48px "微软雅黑"; text-align: center;}
.atv_wrap .atv li .bg{background: url(../images/ico/bg2.png); width: 278px; height: 264px; position: absolute; top: 3px; left: 5px; display: none;}
.atv_wrap .atv li .bg img{display: block; width: 150px; height: 150px; position: absolute; top: 50%; left: 50%; margin: -75px 0 0 -75px;}
.atv_wrap .atv li:hover .img_wrap .img img{ transform:scale(1.1,1.1);}
.atv_wrap .atv li:hover .bg{display: block;}


@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}



@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}