@charset "utf-8";
/* CSS Document */

.jjfa{ width:1180px;  margin:30px auto;}
.title1{ width:100%;}
.title1 span{ display:block; width:100%; text-align:center; font-size:36px; color:#2a2b2e; font-weight:bold;}
.title1 span i{ font-style:normal; color:#ea3600;}
.title1 label{ display:block; float:left; text-align:center;width:100%; height:30px; padding-top:5px;line-height:30px; color:#adacac; font-size:18px;}


.jjfaBox{ width:1180px; position:relative; float:left; margin:30px 0px; height:450px;}
.jjfaBox ul li{ display:block; position:absolute;}

.item1{ width:380px; height:448px; position:absolute; left:0px; top:0px;}
.item2{ width:385px; height:218px; position:absolute; left:394px; top:0px;}
.item3{ width:385px; height:218px; position:absolute; right:0; top:0px;}

.item4{ width:385px; height:218px; position:absolute; left:394px; top:230px;}
.item5{ width:385px; height:218px; position:absolute; right:0; top:230px;}

.item6{ width:778px; height:220px; position:absolute; left:0px; top:462px;}
.item7{ width:385px; height:220px; position:absolute; right:0px; top:462px;}


.work,.work .work-overlay{position:relative}
.work .work-content,.work .work-overlay:before{position:absolute;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);left:0}
.work .work-overlay:before{top:0;width:100%;height:100%;background:0 0;content:" "}
.work .work-content{bottom:0;opacity:0;padding:25px;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.work:hover .work-overlay:before{background:rgba(0,0,0,.5);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.work:hover .work-content{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}



.work .work-content,.work .work-overlay:before{position:absolute;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);left:0}
.work .work-overlay:before{top:0;width:100%;height:100%;background:0 0;content:" "}
.work .work-content{bottom:0;opacity:0;padding:25px;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
.work:hover .work-overlay:before{background:rgba(0,0,0,.5);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.work:hover .work-content{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}

.margin-b-5 {margin-bottom: 5px!important;}
.color-white {color: #fff;}
.work-content h3{ font-size:24px;}


.proBox{ width:1180px; float:left;}
.proBox ul { margin-left:-35px;}
.proBox ul li{ width:365px; display:block; float:left; margin:40px 0px 0px 39px;}
.proBox ul li a { width:365px; display:block; float:left;}
.proBox ul li a img{width:365px;height:310px;display:block; margin:0 auto;border:solid 1px #ccc;}
.proBox ul li a span{ display:block; float:left; width:367px; height:30px; line-height:30px; text-align:center; font-size:16px;}

.proBox1{ width:1180px; float:left;}
.proBox1 ul { margin-left:-35px;}
.proBox1 ul li{ width:365px; display:block; float:left; margin:40px 0px 0px 39px;}
.proBox1 ul li a { width:365px; display:block; float:left; text-align:center;}
.proBox1 ul li a img{ width:auto;max-width:365px; height:320px; display:block; margin:0px auto; border:solid 1px #ccc;}
.proBox1 ul li a span{ display:block; float:left; width:367px; height:30px; line-height:30px; text-align:center; font-size:16px;}


.hyal{ width:1180px; margin:30px auto;}

.hyalBox{ width:1180px; position:relative; margin:30px 0px; float:left;height:552px;}
.hyalBox ul li{ display:block; position:absolute;}

.hyalBox ul li .wrap{ position:relative;}
.hyalBox ul li .link{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; color:#fff;filter:alpha(opacity=0); 
-moz-opacity:0; 
-khtml-opacity: 0;
opacity: 0;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease }
.hyalBox ul li .link h3{ width:90%; margin:0 auto; margin-top:29%; font-weight:100; padding-bottom:13px; margin-bottom:13px; border-bottom:1px #01b0ff solid;}
.hyalBox ul .i-01 .link h3,.hyalBox ul .i-12 .link h3{ margin-top:45%}
.hyalBox ul li h4{ font-size:12px; font-weight:100; color:#bac6d4}
.hyalBox ul li h4 a{ color:#bac6d4}
.hyalBox ul li h4 a:hover{ color:#fff}
.hyalBox ul li .BG{position:absolute; top:0; left:0; width:100%; height:100%; width:100%; height:100%; background:#2b384b;filter:alpha(opacity=0); 
-moz-opacity:0; 
-khtml-opacity: 0;
opacity: 0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease }
.hyalBox ul li a:hover .link{filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity: 1;
opacity: 1;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}
.hyalBox ul li a:hover .BG{filter:alpha(opacity=90); 
-moz-opacity:0.9; 
-khtml-opacity: 0.9;
opacity: 0.9;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}


.hyalBox ul li.i-1{ width:383px; height:360px; position:absolute; left:0px; top:0px;}
.hyalBox ul li.i-2{ width:182px; height:171px; position:absolute; left:401px; top:0px;}
.hyalBox ul li.i-3{ width:182px; height:171px; position:absolute; left:601px; top:0px;}
.hyalBox ul li.i-4{ width:182px; height:171px; position:absolute; left:801px; top:0px;}
.hyalBox ul li.i-5{ width:182px; height:171px; position:absolute; right:0px; top:0px;}

.hyalBox ul li.i-6{ width:182px; height:171px; position:absolute; left:401px; top:189px;}
.hyalBox ul li.i-7{ width:182px; height:171px; position:absolute; left:601px; top:189px;}
.hyalBox ul li.i-8{ width:182px; height:171px; position:absolute; left:0px; top:378px;}

.hyalBox ul li.i-9{ width:182px; height:171px; position:absolute; left:200px; top:378px;}
.hyalBox ul li.i-10{ width:182px; height:171px; position:absolute; left:401px; top:378px;}
.hyalBox ul li.i-11{ width:182px; height:171px; position:absolute; left:601px; top:378px;}

.hyalBox ul li.i-12{ width:383px; height:360px; position:absolute; right:0px; top:189px;}


.hyalBox ul .i-1 img , .hyalBox ul .i-12 img{  width:382px; height:360px;}
.hyalBox ul .i-2 img ,.hyalBox ul .i-3 img , .hyalBox ul .i-4 img
.hyalBox ul .i-5 img , .hyalBox ul .i-6 img , .hyalBox ul .i-7 img ,
.hyalBox ul .i-9 img , .hyalBox ul .i-10 img , .hyalBox ul .i-11 img{width:182px; height:171px;}


.aboutBg{ width:100%; background:url(../images/about_bg.jpg) top center repeat-x; height:500px; padding-top:37px;}

.about_box{ width:1180px; margin:0 auto;}
#title_02 h1{ color:#fff;}
#title_02 h2{ color:#fff;}
.about_content{ margin-top:50px; float:left;}
.about_img{ float:left;}
.about_left{float:left; width:580px;}
.about_right{ float:right; width:540px; padding-left:50px; background:#f5f5f5; height:364px; text-align:left;}
.about_right h3{ font-size:22px; font-family:"微软雅黑"; color:#333333; margin-top:40px;}
.about_right h4{ font-size:14px; font-family:"微软雅黑"; color:#898989; line-height:14px; margin-bottom:14px;}
.about_right p{ font-size:14px; font-family:"微软雅黑"; color:#4d4d4d; width:500px; line-height:26px; float:left;}
.about_more{ width:100px; height:32px; background:url(../images/text_bg2.png) no-repeat center center; display:block; float:left;margin-top:20px;}

.xwzx{ width:1180px; margin:30px auto;}
.bz-news-main{ width:1180px; float:left; margin-top:30px; margin-bottom:30px;}
.bz-news-main .bz-news-xs {float: left;width:600px;}
.bz-news-main .bz-news-xs .news-list { width:600px; display:block; float:left; height:120px; margin-bottom:30px;}
.bz-news-main .bz-news-xs .news-list .news-img {float: left;overflow: hidden;width:180px; height:120px; border:solid 1px #f2f2f2;}
.bz-news-main .bz-news-xs .news-list .news-img img {width:180px; height:120px;}


.bz-news-main .bz-news-xs .news-list .news-mess{margin-left:15px;border-bottom:1px solid #ccc; height:105px;padding-top:14px;width:400px;float:right;}
.bz-news-main .bz-news-xs .news-list .news-mess .news-title{float:left;width:295px;font-size:16px;line-height:16px;color:#333;font-weight:lighter}
.bz-news-main .bz-news-xs .news-list .news-mess .news-time{float:right;font-size:14px;line-height:16px;color:#666;font-weight:lighter}
.bz-news-main .bz-news-xs .news-list .news-mess .news-mess-con{margin-top:15px;padding-right:20px;font-size:14px;line-height:24px;color:#666;font-weight:lighter;width:380px; float:left; height:48px; overflow:hidden;}
.bz-news-main .bz-news-xs .news-list .news-mess .news-mess-con:after{content:"";position:absolute;right:0;bottom:8px;width:15px;height:10px;background:url(../images/icon-index.png) -52px -12px no-repeat}
.bz-news-main .bz-news-xs .news-list:hover .news-mess .news-title{color:#ea3600}
.bz-news-main .bz-news-xs .news-list:hover .news-mess .news-time{color:#ea3600}
.bz-news-main .bz-news-xs .news-list:hover .news-mess .news-mess-con:after{opacity:.5}
.bz-news-main .bz-news-lg{display:block;float:right;width:550px;position:relative; height:420px;}
.bz-news-main .bz-news-lg .news-lg-img{overflow:hidden; width:550px; height:420px;}
.bz-news-main .bz-news-lg .news-lg-img img{ width:550px; height:420px; float:left;}
.bz-news-main .bz-news-lg .news-lg-mess{position:absolute;left:65px;bottom:25px;right:0;padding-right:145px}
.bz-news-main .bz-news-lg .news-lg-mess .lg-title{font-size:16px;line-height:16px;color:#fff;font-weight:lighter;margin-bottom:15px; float:left;}
.bz-news-main .bz-news-lg .news-lg-mess .lg-main{font-size:14px;line-height:24px;color:#fff;font-weight:lighter; float:left;}
.bz-news-main .bz-news-lg .news-lg-mess .lg-time{position:absolute;right:0;bottom:0;background:#ea3600;padding:10px 20px 10px 25px;text-align:right}.bz-news-main .bz-news-lg .news-lg-mess .lg-time .time-date{font-family:Arial;font-size:24px;color:#fff}
.bz-news-main .bz-news-lg .news-lg-mess .lg-time .time-year{font-family:Arial;font-size:14px;color:#fff;line-height:16px}
.bz-news-main .bz-news-lg:hover .lg-title{color:#fff; text-decoration:underline;}


.bz-news-main .bz-news-lg .news-lg-mess{left: 0!important;bottom: 0!important;width: 515px;padding: 20px 0 25px 35px!important;background: rgba(0,0,0,0.5);}
.bz-news-main .bz-news-lg .news-lg-mess .lg-time{bottom: 25px!important;}
.bz-news-main .bz-news-lg .news-lg-img{width: 550px;}



.hzkh{ width:1180px; margin:0 auto;}

.hzkhBox{ width:1180px; float:left; margin-top:30px;}
.hzkhBox .bd ul li{ width:152px; height:57px; display:block; float:left; margin:20px 22px;}


.hzkhBox .hd ul{ text-align:center;  padding-top:15px;  }
.hzkhBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1;border-radius: 50%;background:#333;width:15px;height:15px;margin: 0 6px; overflow:hidden; line-height:9999px; }
.hzkhBox .hd ul .on{ background:#e62129; }



/*------INtitle--------*/
.index-wrap{ min-width:1180px;}
.INtitle{ width:1180px; margin:30px auto;}
.INtitle label{ width:1185px; display:block; float:left; font-size:12px; color:#999;height:30px; line-height:30px; text-align:center; margin:20px auto; clear:both;}
.w400{ width:400px;}
.w100{ width:100px;}
.w200{ width:200px;}
.cl{ clear:both;}
.h24{ height:24px;}
.h40{ height:40px;}
.h10{ height:10px;}
.h20{ height:20px;}
.f24{ font-size:24px;}
.tc{ text-align:center;}
.b{ font-weight:bold;}
.g0{ color:#000;}
.g9{ color:#999;}
.auto{ margin:0 auto;}
.ml10{ margin-left:10px;}
.ml30{ margin-left:30px;}
.mr5{ margin-right:5px;}

.news-info{ width:460px; margin:30px auto; height:40px; clear:both;}

.news-info ul li a{width:120px;height:30px;background:#aaa;font-size:16px;float:left;line-height:30px; margin:0px 10px;color:#fff;border-radius: 2px;}

.news-info ul li a:hover{ background:url(../images/news_box.png) top center no-repeat; padding-bottom:6px;}
.news-info ul li a.hover{ background:url(../images/news_box.png) top center no-repeat; padding-bottom:6px;}



.pro-info{ width:700px; margin:30px auto; height:40px; clear:both;}

.pro-info ul li a{width:120px;height:30px;background:#aaa;font-size:16px;float:left;line-height:30px; margin:0px 10px;color:#fff;border-radius: 2px;}

.pro-info ul li a:hover{ background:url(../images/news_box.png) top center no-repeat; padding-bottom:6px;}
.pro-info ul li a.hover{ background:url(../images/news_box.png) top center no-repeat; padding-bottom:6px;}



.about-info{ width:560px; margin:30px auto; height:40px; clear:both;}
.jjfa-w{width:800px;}

.about-info ul li a{width:120px;height:30px;background:#aaa;font-size:16px;float:left;line-height:30px; margin:0px 10px;color:#fff;border-radius:2px;}

.about-info ul li a:hover{ background:url(../images/news_box.png) top center no-repeat; padding-bottom:6px;}
.about-info ul li a.hover{ background:url(../images/news_box.png) top center no-repeat; padding-bottom:6px;}

/*-------*/
.green-news-block{height: 256px;border-top: 1px solid #e6e7e8;border-bottom: 1px solid #e6e7e8;background: url(../images/news_bg.jpg) repeat-y;}
.green-news-block:hover {background: #fff;}
.green-img{ width:250px;}
.green-img img{ width:250px; height:180px;}
.green-txt{ width:880px; float:right;}
.green-txt .f16{ margin-bottom:10px;}
.green-txt a{ margin-top:14px; display:block;}
.f16{ font-size:16px;}


/*----解决方案--------*/
.fringe-bg {background: url(../images/fringe_bg.jpg) no-repeat; width:100%; height:420px; clear:both;}
.fringe-bg ul{ display:block; float:left; padding-top:40px;}
.fringe-bg ul .frImg{ width:500px; float:left;} 
.fringe-bg ul .frImg img{ width:490px; height:340px; display:block; margin:0 auto;}
.fringe-bg ul .frBox{ width:500px; float:left;}
.fringe-bg ul .frBox .frTitle{border-bottom: 1px solid #000;padding-bottom: 10px; display:block; float:left;width:340px; height:33px; margin:50px 100px 0px 100px; font-size:18px; font-weight:bold; text-align:center;}
.fringe-bg ul .frBox .frTxt{ display:block; float:left;width:220px; margin:20px 140px; text-align:center; font-size:12px;}
.search-more {width: 131px; display:block; clear:both; text-align:center;height: 33px;border: 2px solid #000;line-height: 33px; margin:30px auto 0px auto;}

.bgwh{ width:100%; background:#fff; clear:both;}

.bgwh ul{ display:block; float:left; padding-top:40px;}
.bgwh ul .frImg{ width:500px; float:left;} 
.bgwh ul .frImg img{ width:490px; height:340px; display:block; margin:0 auto;}
.bgwh ul .frBox{ width:500px; float:left;}
.bgwh ul .frBox .frTitle{border-bottom: 1px solid #000;padding-bottom: 10px; display:block; float:left;width:340px; height:33px; margin:50px 100px 0px 100px; font-size:18px; font-weight:bold; text-align:center;}
.bgwh ul .frBox .frTxt{ display:block; float:left;width:220px; margin:20px 140px; text-align:center; font-size:12px;}



/*----------about  --------*/
.aboutBg2{ background:url(../images/about_bg2.jpg) top center no-repeat; padding:35px 0px; min-height:600px;}

.aboutBox{ width:1180px; float:left; margin:30px auto; line-height:30px;}

/*---honor------*/

.in_honor{ width:1180px; float:left; margin:30px 0px 0px 0px;}
.in_honor ul{ width:1198px; margin-left:-18px;}
.in_honor ul li{ width:280px; height:240px;margin-left:18px; float:left; margin-bottom:20px;}
.in_honor ul li  span{ width:280px; display:block; float:left; text-align:center; line-height:40px; height:40px;}
.in_honor ul li a{ width:280px; height:246px; display:block; float:left;}
.in_honor ul li a .honorImg{ width:274px; height:195px; display:block; float:left; border:solid 3px #ccc; overflow:hidden;}
.in_honor ul li a .honorImg img{ height:200px; display:block; margin:0 auto;}
.in_honor ul li a p{ width:280px; display:block; float:left; text-align:center; height:40px; line-height:40px;}

.in_honor ul li .portfolio-img {overflow: hidden; height:200px; width:280px; float:left;}
.in_honor ul li .portfolio-img a {position: relative;}
.in_honor ul li .portfolio-img a, .in_honor ul li .portfolio-img img {width: 100%;display: block;overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; height:100%;}
.in_honor ul li .portfolio-img a:hover img {transform: scale(1.2, 1.2) rotate(10deg);-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.INbanner{width:100%; height:350px;}