﻿.bannerSilder{ width:100%; height:607px; overflow:hidden; position:relative; margin:0px auto; z-index:2 }

.silderImg{ width:2000px; height:607px; position:absolute; top:0px; left:50%; margin-left:-1000px;}

.silderImg ul{ height:607px; width:2000px;  overflow:hidden;  position:relative;}

.silderImg li{ width:100%; height:607px; position:absolute; top:0px; left:0px; z-index:5; }

.silderImg li a{ display:block; width:100%; height:607px;}

.silderImg li.zc{ z-index:10;}

.con_top{ width:100%; background-color:#dddddd; position:relative; z-index:60;}

.con_topInner{ width:1300px; margin:0 auto; padding:84px 0; position:relative; z-index:60;} 

.seBanner{ float:left; width:800px; overflow:hidden;}

.madeTitle{ height:84px; background-color:#fff; line-height:84px; position:absolute;top:0px; left:0px;  z-index:60; overflow:hidden; width:0px;}

.madeTitle h2{ float:right; font-size:24px;}

.madeTitle h2 span{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#000; font-size:24px;  font-weight:700;  padding:0 40px 0 10px;}



.madeTitle2{ height:84px; background-color:#dddddd; line-height:84px; position:absolute;bottom:0px; left:0px;  z-index:60; overflow:hidden; width:0px;}

.madeTitle2 h2{ float:right; font-size:24px;}

.madeTitle2 h2 span{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#000; font-size:24px;  font-weight:700;  padding:0 40px 0 10px;}



.madeTitle3{ height:60px; background-color:#dddddd; line-height:60px; position:absolute;top:20px; left:0px;  z-index:60; overflow:hidden; width:0px;}

.madeTitle3 h2{ float:right; font-size:24px; width:440px;}

.madeTitle3 h2 span{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#000; font-size:24px;  font-weight:700;  padding:0 20px 0 10px;}



.madeTitle4{ height:60px; background-color:#fff; line-height:60px; position:absolute;top:20px; left:0px;  z-index:60; overflow:hidden; width:0px;}

.madeTitle4 h2{ float:right; font-size:24px; width:430px;}

.madeTitle4 h2 span{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#000; font-size:24px;  font-weight:700;  padding:0 40px 0 10px;}







.rightMade{ background:linear-gradient(to right, #004eaa 0%,#192148 100%); background-size:100% 100%;  height:803px; position:absolute; z-index:50; right:0px; top:-136px; width:100%; }

.madePro{position:absolute; width:500px; height:660px; z-index:100; top:-136px; right:0px; }

.madePro ul{position:relative;  width:500px; height:660px;}

.madePro ul li{ float:left; width:250px; height:220px; position:absolute;}

.madePro ul li a{ display:block; position:relative; width:100%; height:100%; overflow:hidden; z-index:100; }

.madePro ul li a .p_pic{ position:absolute; top:0px; left:0px; transition: all 0.4s ease-in-out 0s;}

.madePro ul li a i{ width:120px; height:120px; display:block; position:absolute; z-index:110; left:0px; top:0px;}

.madePro ul li a:hover .p_pic{  -webkit-transform:scale(1.1) ;transform:scale(1.1) ;}

.madePro .newBut{ width:250px; height:220px; display:block; position:absolute; z-index:280; top:440px; right:250px; text-align:center; overflow:hidden;   }

.madePro .newBut a{ position:relative; display:block; width:250px; height:220px;  }

.madePro .newBut span.font1{ position:absolute; width:250px; height:220px; left:0px; top:0px;  background-color:#4d4d4d;  transition: all 1s ease-in-out 0s;}

.madePro .newBut i{background:url("../images/newp_Icon.gif") no-repeat 0 0; width:80px; height:80px; margin:0 auto; display:block; margin-top:35px;}

.madePro .newBut span.font2{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#fff; font-size:16px; display:block; padding-top:10px; padding-bottom:6px;}

.madePro .newBut em{ color:#fff;}

.madePro .newBut em b{ font-family:Georgia;}

.madePro .newBut a:hover span.font1{-webkit-transform:rotateY(360deg) translateZ(0px) ;transform: rotateY(360deg) translateZ(0px) ; z-index:900; color:#f1f1f1; }





.proshow{ width:100%; background-color:#f1f1f1; margin-top:60px; position:relative; z-index:200;}

.showInner{ width:1300px; margin:0 auto; overflow:hidden; padding:30px 0 16px;min-height:388px;_height:388px; }

.showInner ul{ width:105%; display:none; position:relative;}

.showInner li{ float:left; width:240px; height:180px; margin:0px 14px 14px 0; position:absolute; left:254px; top:0px;}

.showInner li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}

.showInner li a img{ position:absolute; top:0px; left:0px; transition: all 0.4s ease-in-out 0s;}

.showInner li a span{ width:100%; height:100%; position:absolute;left:0px; top:0px; z-index:10; background-color:#ddd19f; filter:Alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; display:none; cursor:pointer;}

.showInner li a em{ display:block; width:100%; position:absolute; left:0px; top:0px; z-index:20; color:#000; text-align:center; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:18px; padding-top:60px; display:none; cursor:pointer;}

.showInner li a em i{ background:url("../images/proIcon.png") no-repeat 0 0; width:20px; height:20px; display:block; margin:10px auto 0;}

.showInner li.stat_on span,.showInner li.stat_on a em{display:block;}

.showInner li.stat_on img{ -webkit-transform:rotate(-5deg) scale(1.1) ;transform: rotate(-5deg) scale(1.1) ;}




.pro_tab{ position:absolute; left:0; top:-61px; z-index:200; background:linear-gradient(to right, #004eaa 0%,#192148 100%); height:60px; overflow:hidden; width:0px;}

.pro_tab ul{ float:right; width:1300px; height:60px;}

.pro_tab ul li{ float:left; width:249px; height:60px; text-align:center; font-size:18px; line-height:40px; cursor:pointer;}

.pro_tab ul li a{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; display:block; position: relative; padding-top:12px; font-weight: bold.conBottom; color:#000; height:48px; }

.pro_tab ul li a em{ font-size:10px; display:block; line-height:14px; color:#aaaaaa;}

/* .pro_tab ul li a:hover,.pro_tab ul li.stat_on a{ background:url("../images/proTabHover.gif") repeat-x 0 0;} */
.pro_tab ul li a::before{
    content: ""; width: 100%; top: 0; left: 0; height: 2px; background: #000; position: absolute; display: block;
}
.pro_tab ul li.se_bg{ background-color:#fff;}



.madel_show{ background-color:#ddd; position:relative; width:100%;}

.madelInner{ width:1300px; margin:0 auto;position:relative; height:422px;}

.madelInner .madel_item{ width:424px; height:300px; left:438px; bottom:30px; position:absolute; z-index:2;}

.madelInner .madel_item a{ width:424px; height:300px; position:relative; display:block; overflow:hidden;}

.madelInner .madel_item a img{ position:absolute; left:0px; top:0px;  z-index:10;  transition: all 0.4s ease-in-out 0s;}

.madelInner .madel_item a:hover img{  -webkit-transform:rotate(-5deg) scale(1.2) ;transform: rotate(-5deg) scale(1.2) ;}

.madelInner .madel_item .madel_name{ width:424px; background:linear-gradient(to bottom, #004eaa 0%,#192148 100%); height:90px; position:absolute; z-index:20; left:0px; bottom:0px; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#fff; font-weight:700; font-size:20px; display:block; text-align:center; line-height:22px; padding-top:16px;}

.madelInner .madel_item .madel_name b{ font-size:16px; font-weight:400; display:block;} 

.madelInner .madel_item .madelBg{ width:100%; height:100%; position:absolute;left:0px; top:0px; z-index:30; background:url("../images/modelLayerBg.png"); display:none;cursor:pointer;}

.madelInner .madel_item .layerName{ display:none; width:100%; position:absolute; left:0px; top:200px; z-index:50; color:#fff; text-align:center; font-family:"Impact"; font-size:18px; font-weight:700; font-size:40px; cursor:pointer;}

.madelInner .madel_item .layerName i{ background:url("../images/proIcon.png") no-repeat 0 0; width:20px; height:20px; display:block; margin:10px auto 0;}

.madelInner .madel_item .madel_name2{ background-position:-438px 0;}

.madelInner .madel_item .madel_name3{ background-position:-876px 0;}

.madelInner .madel_item2{ z-index:10;}

.madelInner div.stat_on .madelBg,.madelInner div.stat_on .layerName{ display:block;}



.conNews{ width:100%; overflow:hidden; position:relative; padding:90px 0 30px;}

.conNewsInner{ background-color:#eee; width:1300px; margin:0px auto 0; position:relative;}

.newsSilder{ height:240px; width:1300px; overflow:hidden; position:relative;}

.newsSilder ul{ height:240px; position:absolute;}

.newsSilder li{ float:left; height:240px; overflow:hidden; width:1300px;}

.newsSilder li .inewImg{ float:left; width:280px; overflow:hidden;}

.newsSilder li .inewText{ float:right;  width:960px; padding-right:30px; padding-top:30px;}

.newsSilder li .inewText h2{ font-size:24px; line-height:28px; padding-bottom:16px;border-bottom:1px solid #ccc;}

.newsSilder li .inewText h2 a{font-family:Arial, Helvetica, sans-serif, "微软雅黑"; display:inline-block; height:40px; overflow:hidden; }

.newsSilder li .inewText p{ line-height:20px; padding-top:16px;}

.newsBut{ width:25px; height:25px; display:block; position:absolute; bottom:20px; left:310px; font-family:\5B8B\4F53; background:url("../images/newsBut.png") no-repeat 0 0; line-height:25px; text-align:center; cursor:pointer; z-index:100;}

.newsButNext{ left:340px;}

.conNewsInner span.stat_on{ background-position:-27px 0; color:#fff;}



.conBottom{ background:linear-gradient(to bottom, #004eaa 0%,#192148 100%); padding:30px 0;}

.conBottomInner{ width:1300px; margin:0 auto;}

.conBottomInner dl{ float:left; color:#fff; line-height:30px;  width:170px;}

.conBottomInner dl dt{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:14px;}

.conBottomInner dl a{ color:#ccc; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; transition:all 0.3s ease 0s;}

.conBottomInner dl i{ background:url("../images/bottomIcon.png") no-repeat 0 0; width:33px; height:33px; display:inline-block; vertical-align:middle;}

.phone span,.email span{ display:inline-block; vertical-align:middle; line-height:18px; padding-left:6px;color:#fff}

.phone span b,.email span b{ font-family:"Impact"; font-size:22px; display:block; line-height:26px; color:#ccc;}

.conBottomInner dl .email i{ background-position:0 -64px;}

.email,.phone{ padding-top:16px; display:block;}

.conBottomInner dl a:hover{ color:#ccc; text-decoration:underline;}





/*---------------------------*/

.innerBanner{width:100%; height:360px; position:relative; overflow:hidden;}

.innerBanner .bannerImg{ position:absolute; left:50%; top:0px; margin-left:-1000px; width:2000px; height:360px; overflow:hidden; display:block;}

.innerBanner .bannerImg img{ float:left;}

.Inner_tit{ width: 230px; height: 130px; background: linear-gradient(to bottom, #004eaa 0%,#192148 100%); right:50%; margin-right: -650px;  bottom:0; z-index:6; position:absolute; box-sizing: border-box; padding: 45px 52px 0 0;}
.Inner_tit .cn{ display: block; color: #fff; text-align: right; font-size: 30px; letter-spacing: 2px;}
.Inner_tit .en{ display: block; color: #fff; text-align: right; font-size: 18px; letter-spacing: 1px;}

.m_inner{ width:1300px; margin:0 auto; padding-top:20px; min-height:600px;_height:600px;}



.innerLeftNav{ width:240px;}

.innerLeftNav h2{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:28px; color:#111111; line-height:30px; border-bottom:2px solid #ddd; padding-bottom:20px;}

.innerLeftNav li a{ display:block; line-height:52px; font-size: 14px; border-bottom:2px solid #ddd; color:#999; padding-left:4px;}

.innerLeftNav li a:hover,.innerLeftNav li.active a{ color:#004eaa; border-bottom:2px solid #192148;}



.innerRIghtCon{ width:1010px;}

.lujin{ border-bottom:1px solid #eee; line-height:50px; position:relative; height:50px;}

.lujin b{ border-top:1px solid #9b9b9b; width:200px; height:1px; left:0px; bottom:-2px; display:block; position:absolute;}

.lujin a i{ background:url("../images/homeIcon.gif") no-repeat 0 0; width:13px; height:12px; display:inline-block; vertical-align:middle; margin-right:4px;}

.lujin em{ font-family:\5B8B\4F53; padding:0 6px;}

.lujin a{ color:#999; transition:all 0.3s ease 0s;}

.lujin a:hover{ color:#000;}

.lujin span{ color:#333;}



.rightCon{ padding-top:20px; overflow:hidden; line-height:24px; color:#5c5c5c;}

.brandCon{ border:1px solid #ddd; border-bottom:none; margin-top:160px; padding:30px 30px 100px; position:relative; }

.leftText{ width:280px; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px; text-align:justify; }

.brandImg{ width:430px; height:440px; overflow:hidden; position:absolute; z-index:10; right:-1px; top:-94px;}



.news_Tit{ font-size:14px; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#333; border-bottom:2px solid #ececec; line-height:26px; padding-bottom:6px; position:relative;}

.news_Tit em{ float:right; font-family:Arial, Helvetica, sans-serif, "微软雅黑";}

.news_Tit span{ position:absolute; left:0px;top:0px; border-bottom:2px solid #000; width:100px; display:block; padding-bottom:6px;}

.newsList li{ line-height:40px; height:40px; border-bottom:1px solid #ddd; position:relative;}

.newsList li a{ transition:all 0.3s ease 0s;}

.newsList li span{ font-family:\5B8B\4F53; position:absolute; right:10px; top:0px;}

.newsList li a:hover{ text-decoration:underline;}



.newsDeCon{ padding:0 20px; background:url("../images/newsDeBg.gif") repeat-x 0 50px; padding-bottom:80px;}

.newsDeTit{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; color:#999; font-size:20px; line-height:50px; padding-bottom:10px;}

.j_jie{ color:#666; padding-bottom:10px; border-bottom:1px solid #ddd;}

.newsDeCon p.bd{ border-bottom:1px solid #ddd; }

.newsDeCon p{padding-bottom:10px; padding-top:10px;}



.procon{  padding:14px 0px 100px; }

.proconInner{padding-bottom:20px; overflow:hidden;}

.proconInner ul{ width:105%; }

.proconInner li{ float:left; width:235px; height:176px; margin:0px 34px 34px 0; border:1px solid #eee;}

.proconInner li a{ display:block; width:100%; height:100%; position:relative; overflow:hidden;}

.proconInner li a img{ position:absolute; top:0px; left:0px; transition: all 0.4s ease-in-out 0s;}

.proconInner li a span{ width:100%; height:100%; position:absolute;left:0px; top:0px; z-index:10; background-color:#00540f; filter:Alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; display:none; cursor:pointer;}

.proconInner li a em{ display:block; width:100%; position:absolute; left:0px; top:0px; z-index:20; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:18px; padding-top:60px; display:none;}

.proconInner li a em i{ background:url("../images/proIcon.png") no-repeat 0 0; width:20px; height:20px; display:block; margin:10px auto 0;}

.proconInner li.stat_on span,.proconInner li.stat_on a em{display:block;}

.proconInner li.stat_on img{ -webkit-transform:rotate(-5deg) scale(1.1) ;transform: rotate(-5deg) scale(1.1) ;}



.contactText{padding-bottom:150px;}

.contactText table{float:right; border-top:2px solid #333;}

.contactText th,.contactText td{ line-height:37px; padding-left:20px; border-bottom:1px solid #ddd;}

.contactText th{ background-color:#eeeeee; color:#666;}

.contactText td span{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:14px;}

.contactLeft{ background:url("../images/contactLeft.gif") no-repeat 0 0; width:150px; height:162px; float:left;}

.contactMap{ width:770px;margin-bottom:30px;}



.pro_top{ overflow:hidden;}

.sliderImg{ width:400px; float:left; }

.bigImgBg{ width:400px; height:300px; display:block; position:relative; }

.gracefulBig{ width:400px; height:300px; position:relative; margin:0px auto 0px auto;}

.gracefulSmall{ width:400px; margin:0px auto; height:75px; margin-top:15px;}

.jcarousel-list-horizontal{ height:75px; width:100%; }

.jcarousel-list-horizontal li{ float:left; position:relative; margin-right:15px;}

.jcarousel-list-horizontal li a{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7; }

.jcarousel-list-horizontal li a.zoomThumbActive{ filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}

.gracefulBigJ {background: url("../images/p_but.gif") no-repeat  0px 0px; cursor: pointer; display: block; height: 61px;margin-top: -32px; position: absolute; top: 50%; width: 31px; display:none;}

.gracefulBigJLeft {left: 0px;}

.gracefulBigJRight {background-position: right center; right: 0px;}



.pro_topRight{ float:right; width:350px;}

.pro_topRight h2{ font-weight:700; color:#333; font-size:14px; border-bottom:1px solid #ddd; padding-bottom:6px; line-height:40px;}

.pro_topRight strong{ color:#333; }

.pro_topRight ul{ padding-top:16px; line-height:28px;}

.prodeTit{ height:30px; position:relative; background-color:#f7f7f7; border-top:2px solid #eee; margin-top:80px;}

.prodeTit span{ color:#666; font-weight:700; width:70px; text-align:center; line-height:30px; border-top:2px solid #000; position:absolute; left:0px; top:-2px;}

.prode_js{ padding:10px 10px 100px;}



.pro_innerLeft{ width:190px;}

.pro_innerLeft h2{ font-family:Arial, Helvetica, sans-serif, "微软雅黑"; font-size:28px; color:#111111; line-height:30px; border-bottom:2px solid #ddd; padding-bottom:20px;}

.pro_innerLeft .firstA{ display:block; height:47px; line-height:47px; border-bottom:1px solid #dadada; cursor:pointer;}

.pro_innerLeft .firstA span{ font-size:12px; float:left; color:#999;}

.pro_innerLeft .firstA i{ display:none; float:right;width:17px; height:17px; background:url("../images/navIcon.gif") no-repeat 0 0; margin-top:15px;}







.pro_innerLeft dl{ display:none;}

.pro_innerLeft dt a{ display:block; padding-left:4px; font-weight:bold; overflow:hidden; padding-top:10px; cursor:pointer;}

.pro_innerLeft dt a i{ background:url("../images/navsmIcon.gif") no-repeat 0 bottom; width:8px; height:8px; display:inline-block; margin-right:8px;}

.pro_innerLeft dd{ display:none; padding-top:8px;}

.pro_innerLeft dd a{ display:block; line-height:18px; height:18px; overflow:hidden; padding-left:29px; color:#888;}

.pro_innerLeft dd a:hover,

.pro_innerLeft dd a.active{ color:#467748;}



.pro_innerLeft .firstA:hover span,

.pro_innerLeft li.active .firstA span{ color:#467748; font-weight:bold; font-size:14px; }

.pro_innerLeft li.active .firstA,

.pro_innerLeft .firstA:hover{border-bottom:1px solid #467748;}

.pro_innerLeft .firstA:hover i{ display:block;}



.pro_innerLeft li.active dl{ }

.pro_innerLeft li.active dl.active dd{ }

.pro_innerLeft li.active dl.active dt a i{ background-position:0 2px;}

.pro_innerLeft li.active dl.active dt a span{ color:#467748;}


.rightCon .tit{
    display: block;
    width: 100%;
    font-size: 0;
    background:  linear-gradient(to right, #004eaa 0%,#192148 100%);
}
.rightCon .tit span{
    width: 20%;
    display: inline-block;
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
.rightCon .list{
    display: table;
    width: 100%;
    font-size: 0;
    margin-bottom: 2px;
}
.rightCon .list div{
    display: table-cell;
    width: 20%;
    line-height: 1.5;
    color: #666;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    padding: 5px;
    background: #f5f5f5;
}
.rightCon .list div:nth-child(2n){
    background: #eee;
}
.rightCon .list div img{
    max-width: 100%;
}

.company{
    display: block;
}
.company p{
    font-size: 14px; line-height: 1.75; text-indent: 2rem;
    margin-bottom: 10px;
}
.eqlist{
    display: block; font-size: 0; width: 100%;
}
.eqlist .img{
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    box-sizing: border-box;
    padding: 3px;
    border: 1px solid #ccc;
    display: inline-block;
}
.eqlist .img:nth-child(3n){
    margin-right: 0;
}
.eqlist .img img{
    max-width: 100%;
}
