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

body { font-size: 14px; font-family: "microsoft yahei"; color: #414141; background: #fff; }
input, select, textarea { vertical-align: middle; outline:none; }
h1, h2, h3, h4, h5, h6, em{font-weight:normal; font-style:normal;}
img { border: 0; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #414141; }
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size:0; line-height:0; height:0;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.mag { margin: 0 auto; width:1200px;}


/***head***/
.head{ height:88px; border-bottom:3px #314e45 solid;}
.head .logo{ padding-top:24px;}

.nav{ padding-top:30px;}
.nav li{ float:left; padding:0 28px; text-align:center;}
.nav li span{ display:block; color:#666; font-family:Corbel; text-transform:uppercase; padding-top:10px; font-size:12px;}


.banner{ width:100%; margin:0px auto; overflow:hidden; position:relative; -webkit-box-shadow:2px 1px 4px rgba(50,50,50,.75); -moz-box-shadow:2px 1px 4px rgba(50,50,50,.75); box-shadow:2px 1px 4px rgba(50,50,50,.75);}
.banneritem li{overflow:hidden; display:none;}
.banneritem img{ display: block; width: 100%;}
.bx-wrapper .bx-pager{ position:absolute; width:100%; text-align:center; bottom:28px; z-index: 100;}
.bx-wrapper .bx-pager .bx-pager-item{ display:inline-block;}
.bx-wrapper .bx-pager a { background:#e2cf01; text-indent:-9999px; display:block; width:16px; height:16px; margin:0 25px; outline:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -webkit-box-shadow:inset 4px 3px 5px rgba(183,183,183,.75); -moz-box-shadow:inset 4px 3px 5px rgba(183,183,183,.75); box-shadow:inset 4px 3px 5px rgba(183,183,183,.75);}
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active {background:#fff;}
.banner .bx-wrapper .bx-next,.banner .bx-wrapper .bx-prev{  display:none;}


.about{ background:url(../images/aboutBg.jpg) no-repeat bottom center; text-align:center; padding:40px 0 45px 0;}
.about-tit{ font-size:32px; color:#505050; font-family:"Microsoft Yi Baiti"; text-transform:uppercase;}
.about-txt{ line-height:38px; font-size:16px; color:#505050; font-family:"宋体"; padding-top:25px;}


.board-main{ padding-top:40px;}
.board{ width:581px; text-align:center;}
.board .img{ width:581px; height:218px; display:block;}
.board .txt{ line-height:32px; padding-top:10px;}


.news{ width:586px; padding-top:6px;}
.news .img{ width:586px; height:163px; display:block;}
.news .list{ padding-top:10px;}
.news .list li{ background:url(../images/newsIco.jpg) no-repeat 4px center; padding-left:24px; line-height:40px; height:40px; overflow:hidden; vertical-align:middle;}
.news .list li span{ float:right;}


.case{ padding-top:40px;}
.case-tit{ background:url(../images/case-titBg.jpg) repeat-x; height:41px; line-height:41px; text-align:center;}
.case-tit .cn{ background:#fff; padding:0 10px; font-size:20px;}
.case-tit .cn img{ vertical-align:middle; margin-left:5px;}
.case-list{ padding-top:30px; padding-bottom:60px; position:relative; margin-left:-60px;}
.case-list li{ width:254px; height:311px; position:relative; float:left; margin-left:61px;}
.case-list li .bg{ background:url(../images/caseImgBg.png) no-repeat; width:100%; height:100%;  position:absolute; left:0; top:0; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.case-list li .info{  position:absolute; left:0; top:0; padding:80px 90px 60px 105px; -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
.case-list li .info > div{ float:left; width:20px;  letter-spacing:6px; color:#fff; font-size:18px; line-height:30px; font-family:"宋体";}
.case-list li .info .rt{ padding-top:55px; padding-left:10px;}
.case-list li:hover .bg{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0;}
.case-list li:hover .info{ opacity:0; filter:alpha(opacity=0); -moz-opacity:0;}


.base{ position:relative; margin-top:60px; height:437px;}
.base-tit{ background:url(../images/base-tit.png) no-repeat; width:185px; height:450px; text-align:center; position:absolute; top:0; left:48px; z-index:10;}
.base-tit .cn{ font-size:22px; color:#484848; padding-top:55px;}
.base-tit .en{ font-family:Arial; font-size:12px; padding:10px 0; text-transform:uppercase; border-bottom:1px #363636 solid;}
.base-info{ width:533px; height:182px; position:absolute; top:0; left:273px;}
.base-info .tit{ font-size:16px; padding-top:10px;}
.base-info .en{ font-family:Corbel; color:#6e6e6e; padding-top:11px;}
.base-info .txt{ line-height:34px; color:#484848; font-family:"宋体"; padding-top:20px;}
.base-more{ width:29px; height:53px; position:absolute; right:0; top:0;}
.base-item{ position:absolute;}
.base-item .bg{ background:#2e483f; width:100%; height:47px; filter: alpha(opacity=50); opacity:0.5; -moz-opacity:0.50; position:absolute; left:0; bottom:0;}
.base-item .label{ height:47px; font-size:20px; color:#fff; line-height:47px; position:absolute; right:10px; bottom:0; z-index:1;}
.base-item .label img{ vertical-align:middle; margin-left:5px;}
.base-big{ width:805px; height:253px; left:0; bottom:0;}
.base-big .img{ width:805px; height:253px; display:block;}
.base-big .bg{ height:70px; bottom:90px;}
.base-big .label{ height:70px; line-height:70px; bottom:90px;}
.base-small{ width:315px; height:258px; top:0; right:55px;}
.base-small .img{ width:315px; height:258px; display:block;}
.base-normal{ width:371px; height:161px; right:0; bottom:0;}
.base-normal .img{ width:371px; height:161px; display:block;}


.product{ margin-top:50px; height:306px; position:relative; }
.product .item{ position:absolute; border:2px #96a29d solid;}
.product .item .bg{ background:#000; width:100%; height:68px; position:absolute; left:0; bottom:0; filter: alpha(opacity=40); opacity:0.4; -moz-opacity:0.40;}
.product .item .label{ width:100%; height:58px; padding-top:10px; font-size:20px; color:#fff; text-align:center; position:absolute; right:0; bottom:0; z-index:1;}
.product .item .label img{ vertical-align:middle;}
.product .item-big{ width:470px; height:302px; position:absolute; left:0; top:0;}
.product .item-big .img{ width:470px; height:302px; display:block;}
.product .item-big .bg{ height:56px; bottom:118px;}
.product .item-big .label{ height:56px; line-height:56px; bottom:118px; padding:0;}
.product .item-big .label img{ margin-left:5px;}
.product .item-small{ width:350px; height:255px; top:0; right:349px;}
.product .item-small .img{ width:350px; height:255px; display:block;}
.product .item-normal{ width:328px; height:255px; top:0; right:0;}
.product .item-normal .img{ width:328px; height:255px; display:block;}
.product-more{ background:url(../images/product-moreBg.jpg) repeat-x; width:670px; height:14px; padding-right:33px; text-align:right; position:absolute; right:0; bottom:14px;}
.product-more a{ background:#fff; display:inline-block; padding:0 18px;}


.link{ margin-top:50px; position:relative;}
.link .hd a{ width:10px; height:21px; display:block; position:absolute; top:50%; margin-top:-10px;}
.link .hd a.prev{ background:url(../images/link-lt.png) no-repeat; left:0;}
.link .hd a.next{ background:url(../images/link-rt.png) no-repeat; right:0;}
.link .bd{ width:1110px; margin:auto;}
.link .bd li{ float:left; width:145px; height:40px; padding:0 20px;}
.link .bd li img{ width:145px; height:40px; display:block;}
.bottom{ background:#374e4b; height:38px; font:12px/38px "宋体"; margin-top:20px; color:#fff;}


/**关于我们**/
.ny-banner{ width:100%; min-width:1200px; min-height:396px;}

.left{ width:258px;}
.left-top{ background:#486e61; min-height:65px; color:#fff; text-align:center; padding-top:14px; margin-top:-6px; position:relative; z-index:1;}
.left-top .cn{ font-size:22px; }

.left-nav{ border:2px #eaeaea solid; border-top:0; padding:20px 54px 0 45px; min-height:470px; }
.left-nav h3{ background:url(../images/left-nav.jpg) no-repeat; display:block; height:42px; line-height:42px; margin-top:20px; font-size:18px; color:#5d5d5d; text-align:center; cursor:pointer;}
.left-nav h3 a{ color:#5d5d5d;}
.left-nav h3.on{ background:url(../images/left-navH.jpg) no-repeat;}
.left-nav ul{ padding:15px 0 15px 0; display:none; }
.left-nav ul li{ height:45px; line-height:45px; font-size:16px; text-align:center; vertical-align:middle; overflow:hidden;}
.left-nav ul li a{ color:#626262; display:block;}
.left-nav ul li a.current, .left-nav ul li a:hover{ color:#486e61; text-decoration:underline;}


.right{ width:910px; padding-top:30px;}
.right-top{ height:24px; border-bottom:2px #486e61 solid; font-size:16px; color:#626262; padding-left:40px; position:relative;}
.right-top .imglt{ background:url(../images/right-topBg.jpg) no-repeat; width:39px; height:26px; position:absolute; left:0; bottom:-2px;}
.right-top .imgrt{ background:url(../images/right-topBg01.jpg) no-repeat; width:33px; height:26px; position:absolute; right:0; bottom:-2px;}
.right-about{ padding:30px 34px 0 39px; line-height:28px; color:#636363;}


/**人才招聘**/
.re-cont{ padding:30px 34px 0 39px; font-family:"宋体";}
.re-cont-hd{ background:#d6d6d6; height:35px; line-height:35px; position:relative; padding-left:19px; color:#929292; cursor:pointer; border:1px #c9c9c9 solid; border-top:0;}
.re-cont-hd .tit{ font-size:14px; float:left; }
.re-cont-hd .arrow{ background:url(../images/re-arrow.png) no-repeat; background-position:0 0; width:20px; height:20px; display:block; position:absolute; right:18px; top:9px;}
.re-cont-hd.on{ background:#486e61; color:#fff;}
.re-cont-hd.on .arrow{ background-position:0 -35px;}
.re-cont-bd{ display:none; padding:11px; font-size:12px; color:#94908f; line-height:25px;}


.right-industry{ padding:30px 7px; line-height:28px; color:#636363;}
.right-industryImg li{ float:left; width:448px; height:294px; position:relative; margin:7px 0 0 7px;}
.right-industryImg li img{ width:448px; height:294px; display:block;}
.right-industryImg li .bg{ background:#000; width:113px; height:37px; position:absolute; right:0; bottom:0; opacity:0.5; filter: alpha(opacity=50); -moz-opacity:0.50;}
.right-industryImg li h3{ width:113px; height:37px; line-height:37px; color:#fff; font-size:14px; text-align:center; position:absolute; right:0; bottom:0;}


.page{ padding:30px 45px; color:#9e9e9e;}
.page a{ padding:0 5px;}
.page a:hover{ color:#9e9e9e;}


.right-news{ padding:30px 33px 0 39px;}
.right-news li{ font-size:16px; line-height:26px; vertical-align:middle; overflow:hidden; position:relative; padding-left:10px;}
.right-news li a{ color:#7a7a7a;}
.right-news li a:hover{ color:#486e61;}
.right-news li span{ padding-left:25px; color:#7a7a7a;}
.right-news li:before{ content:''; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; width:5px; height:5px; background:#5a5a5a; position:absolute; left:0; top:10px;}
.right-news-cont{ padding:30px 34px 30px 39px;}
.right-news-cont .title{ font-size:16px; color:#1d1d1d; padding-bottom:10px; text-align:center; border-bottom:1px #f3f3f3 solid;}
.right-news-cont .label{ text-align:center; padding-top:15px; color:#6b6b6b;}
.right-news-cont .label .label-item{ padding:0 27px;}
.right-news-cont .cont{ color:#6b6b6b; line-height:40px; padding:20px;}


.right-product{ padding:30px 0;}
.right-product li{ width:363px; /*height:231px;*/ float:left; border:2px #486e61 solid; padding:2px; margin:20px 37px; }
.right-product li img{ width:363px;/* height:231px;*/ display:block;}


.products-con {  position:fixed; top:0; left:0; bottom:0; right:0; margin:auto; z-index: 9999;display:none; }
.products-con-img{  background:url(../images/productBg.png) repeat; padding:35px 20px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.products-con .close { font-size:24px; color:#fff; position:absolute; top:5px; right:10px; }