﻿/*banner*/
.ind-banner{width: 100%; overflow: hidden; position: relative;z-index: 112;} 
.ind-banner .swiper-slide { color: #fff;position: relative; } 
.ind-banner .img img{ width:100%;}
.ind-banner .scrollBtn a{ display:block; width:41px; height:22px;} 
.ind-banner .swiper-slide p{position: absolute; left: 0; top: 50%; z-index: 9; color: #fff; text-align:  center; width:  100%; height: 100px; margin-top: -50px; } 
.ind-banner .swiper-slide em{font-size:72px;display: inline-block;vertical-align: top;margin-right: 10px;} 
.ind-banner .swiper-slide b{font-size: 44px;display: inline-block;} 
.ind-banner .swiper-pagination-bullet {width: 16px; height: 16px; display: block; float: none; background: url(../images/ico1.png) no-repeat; opacity: 1; margin:17px 50px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: url(../images/ico1on.png) no-repeat!important;} 
.ind-banner .swiper-pagination{ top: 50%; left: 0px!important; bottom: auto; text-align: left;} 
.ind-banner .scrollBtn{width:41px; height:22px; position:absolute; left:50%; bottom:32px; margin-left:-20px; z-index: 22; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; } 
.ind-banner .swiper-button-prev{/*background: url("../images/z5_1.png") no-repeat center center;*/width: 200px; height: 88px; left: -3%; margin-top: -44px; } 
.ind-banner .swiper-button-next{/*background: url("../images/z5_2.png") no-repeat center center;*/width: 200px; height: 88px; right: -3%; margin-top: -44px; } 
/*.ind-banner .swiper-button-prev:hover{background:rgba(109, 109, 109,.4) url("../images/z5_1.png") no-repeat center center; } 
.ind-banner .swiper-button-next:hover{background:rgba(109, 109, 109,.4) url("../images/z5_2.png") no-repeat center center;}*/
/*banner结束*/

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 5px; width:12px; height:12px; background: url(../images/ico1.png) no-repeat; background-size: 12px;}
.indexFlashTel .slick-dots .slick-active{ background: url(../images/ico1on.png) no-repeat; background-size: 12px;}

.indexLayer{ position: fixed; z-index: 222; left: 70px; top: 50%; width: 16px; height: 150px; margin-top: -75px;}
.indexLayer li{ margin: 17px 0; }
.indexLayer a{ width: 16px; height: 16px; display: block; background: url(../images/ico1.png) no-repeat; }
.indexLayer .aNow{ background: url(../images/ico1on.png) no-repeat; }

.indexPart1{ background: #161616; padding: 70px 0 40px; position: relative;}
.indexPart1 .txt{ text-align: center; font-size: 30px; color: #fff; padding-bottom: 30px; }
.indexPart1 .list{ padding-bottom: 10px; overflow: hidden;}
.indexPart1 .list ul{ margin-right: -30px; }
.indexPart1 .list li{ float: left; width: 33.33%; margin-bottom: 30px;}
.indexPart1 .list .li01{ width: 50%; }
.indexPart1 .list li .box{ margin-right: 30px; position: relative; overflow: hidden;}
.indexPart1 .list li .imgDiv img{ width: 100%; transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;}
.indexPart1 .list li:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.indexPart1 .list li .hideBox{ display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/bg1.png) repeat; z-index: 3;}
.indexPart1 .list li .name{ position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; margin-top: -15px; height: 30px; line-height: 30px; color: #fff; font-size: 24px; z-index: 4;}
.indexPart1 .list li.on .name{ margin-top: -55px; }
.indexPart1 .list li .more{ position: absolute; left: 0px; top: 55%; text-align: center; width: 100%; color: #ccc; font-size: 14px; text-decoration: underline; }
.indexPart1 .btnDiv{ background: url(../images/line1.png) center no-repeat; height: 48px;}
.indexPart1 .btnDiv .btn{ width: 220px; height: 48px; margin: 0 auto;}
.indexPart1 .btnDiv .btn a{ display: block; width: 218px; height: 46px; line-height: 46px; text-align: center; border:#666 solid 1px; color: #fff; font-size: 16px;}
.indexPart1 .btnDiv .btn a:hover{ background: #3a983e; border: #3a983e solid 1px; color: #fff;}
.indexPart1 .leftImg{ position: absolute; top: 25%; left: 50%; margin-left: -900px; }

.indexPart2{ padding: 35px 0 100px; background:#161616; overflow: hidden;}
.indexPart2 .txt{ text-align: center; font-size: 30px; color: #fff; padding-bottom: 30px; }
.indexPart2 .leftDiv{ width: 50%; }
.indexPart2 .leftDiv .bigBox{ padding-right: 10px; }
.indexPart2 .leftDiv .list li{ height: 260px; padding: 0 45px; background: #fff;}
.indexPart2 .leftDiv .list li .name{ font-size: 24px; padding-top: 40px; height: 40px; line-height: 40px; overflow: hidden;}
.indexPart2 .leftDiv .list li .name a{ color: #333;}
.indexPart2 .leftDiv .list li .name a:hover{ text-decoration: underline;color: #3a983e; }
.indexPart2 .leftDiv .list li .content{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; padding-top: 16px; }
.indexPart2 .leftDiv .list li .more{ padding-top: 30px; }
.indexPart2 .leftDiv .list li .more a{ display: inline-block; border-bottom: #dedede solid 1px; height: 25px; color: #999; font-size: 14px; }
.indexPart2 .leftDiv .list li .more a:hover{ border-bottom: #3a983e solid 1px; color: #3a983e;}

.indexPart2 .rightDiv{ width: 50%; }
.indexPart2 .rightDiv .bigBox{ padding-left: 10px; }
.indexPart2 .rightDiv .topBox{ position: relative; overflow: hidden; margin-bottom: 10px;}
.indexPart2 .rightDiv .topBox .imgDiv img{ width: 100%; }
.indexPart2 .rightDiv .topBox .btnDiv{ position: absolute; right: 20px; bottom: 20px; z-index: 2; } 
.indexPart2 .rightDiv .topBox .btnDiv a{ text-align: center; display: block; width: 218px; height: 46px; border:#fff solid 1px; font-size: 16px; color: #fff; line-height: 46px; }
.indexPart2 .rightDiv .topBox .btnDiv a:hover{ background: #3a983e; border: #3a983e solid 1px; color: #fff;}
.indexPart2 .rightDiv .list ul{ margin-right: -10px; }
.indexPart2 .rightDiv .list li{ float: left; width: 50%; margin-bottom: 10px; }
.indexPart2 .rightDiv .list li .box{ margin-right: 10px; position: relative;}
.indexPart2 .rightDiv .list li .imgDiv{overflow:hidden;}
.indexPart2 .rightDiv .list li .imgDiv img{ width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.indexPart2 .rightDiv .list li .hideBox{ display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/bg2.png) repeat; z-index: 3;}
.indexPart2 .rightDiv .list li:hover .imgDiv img{-webkit-transform: scale(1.2);transform: scale(1.2); }
.indexPart2 .rightDiv .list li:hover .hideBox{opacity: 1;}
.indexPart2 .rightDiv .list li .txtDiv{ width: 100%; left: 0px; position: absolute; top: 15%; text-align: center;}
.indexPart2 .rightDiv .list li .timeDiv{ font-size: 24px; color: #fff; padding-bottom: 10px;}
.indexPart2 .rightDiv .list li .timeDiv em{ font-size: 60px; display: block; }
.indexPart2 .rightDiv .list li .name{ font-size: 18px; color: #fff; height: 30px; line-height: 30px; overflow: hidden; padding: 0 10px;}

.case .bigBox{ height: 400px; position: relative; background: #fff; margin-bottom: 40px; padding:0 30px 0 750px;}
.case .bigBox .name{ padding-top: 40px; height: 60px; line-height: 30px; overflow: hidden; font-size: 18px; color: #333; }
.case .bigBox .msgList li{ font-size: 14px; line-height: 36px; }
.case .bigBox .more{position: absolute; left: 750px; bottom: 52px;}
.case .bigBox .more a{ display: inline-block; height: 24px; font-size: 14px; color: #999; border-bottom: #999 solid 1px; }
.case .bigBox .more a:hover{ border-bottom: #3a983e solid 1px; color: #3a983e;}
.casePic{ position: absolute; width: 700px; height: 400px; left: 0px; top: 0px;}
.casePic .swiper-slide .imgDiv{ overflow: hidden; }
.casePic .swiper-slide .imgDiv img{ width: 100%; }
.casePic .swiper-pagination{ position: absolute; left: 0px; bottom: 0px; width: 100%; font-size: 36px; color: #fff; height: 88px; line-height: 88px; background: url(../images/bg3.png) repeat;} 
.casePic .swiper-button-prev{ position: absolute; top: auto; left: 30px; bottom: 30px; width: 17px; height: 30px; background: url(../images/nimg17_left.png) no-repeat; }
.casePic .swiper-button-next{ position: absolute; top: auto; right: 30px; bottom: 30px; width: 17px; height: 30px; background: url(../images/nimg17_right.png) no-repeat; }

.typeChoose{ background: #fff; padding: 35px 0 45px; }
.typeChoose .txt1{ text-align: center; font-size: 24px; color: #333; padding-bottom: 5px;}
.typeChoose .txt2{ text-align: center; font-size: 24px; color: #333; text-transform: uppercase; padding-bottom: 30px;}
.typeChoose .list{ text-align: center; }
.typeChoose .list li{ display: inline-block; font-size: 16px; padding: 0 22px;}
.typeChoose .list li a{ display: block; color: #999; }
.typeChoose .list li a:hover{ color: #000; }

.plank .bigImg{ padding-bottom: 40px; }
.plank .bigImg img{ width: 100%; }
.plank .list{ overflow: hidden; }
.plank .list ul{ margin-right: -40px; }
.plank .list li{ float: left; width: 50%; margin-bottom: 40px;}
.plank .list li .box{ margin-right: 40px; position: relative; overflow: hidden;}
.plank .list li .imgDiv{overflow: hidden;}
.plank .list li .imgDiv img{ width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s;}
.plank .list li .hover{ z-index: 2; background: url(../images/bg3.png) repeat; width: 100%; height: 100%; position: absolute; top: 0;opacity: 0;}
.plank .list li:hover .imgDiv img{-webkit-transform: scale(1.2);transform: scale(1.2); }
.plank .list li:hover .hover{opacity: 1;}
.plank .list li .contentBox{ position: absolute; left: 0px; top: 50%; width: 100%; height: 90px; margin-top: -45px; overflow: hidden;}
.plank .list li .name{ text-align: center; font-size: 24px; color: #fff; margin-bottom: 25px; height: 36px; line-height: 36px; overflow: hidden;}
.plank .list li .icoList{ text-align: center; }
.plank .list li .icoList dd{ display: inline-block; padding: 0 8px; }

.color .list{ overflow: hidden; padding-bottom: 40px;}
.color .list li{ float: left; width: 25%;}
.color .list .li01{ width: 50%; }
.color .list li .box{ position: relative; overflow: hidden;}
.color .list li .imgDiv{overflow: hidden;}
.color .list li .imgDiv img{ width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.color .list li .hover{ z-index: 2; position: absolute; top: 0;opacity: 0; background: url(../images/bg3.png) repeat; width: 100%; height: 100%; }
.color .list li:hover .imgDiv img{-webkit-transform: scale(1.2);transform: scale(1.2); }
.color .list li:hover .hover{opacity: 1;}
.color .list li .contentBox{ position: absolute; left: 50%; top: 50%; width: 220px; margin-left: -110px; height: 150px; margin-top: -75px; overflow: hidden;}
.color .list li .name{ font-size: 18px; color: #fff; margin-bottom: 10px; height: 36px; line-height: 36px; overflow: hidden;}
.color .list .li01 .name{ font-size: 24px; }
.color .list li .msgList{ height: 48px; overflow: hidden; }
.color .list li .msgList dd{ font-size: 14px; height: 24px; line-height: 24px; color: #999; overflow: hidden; }
.color .list li .icoList{ text-align: center; padding-top: 20px;}
.color .list li .icoList dd{ display: inline-block; padding: 0 8px; }

.productCenter .list{ overflow: hidden;}
.productCenter .list ul{ margin-right: -40px; }
.productCenter .list li{ float: left; width: 50%; margin-bottom: 40px; }
.productCenter .list li .box{ position: relative; margin-right: 40px; overflow: hidden;}
.productCenter .list li .imgDiv{overflow: hidden;}
.productCenter .list li .imgDiv img{ width: 100%;-webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.productCenter .list li .nameDiv{position: absolute;left: 0px;top: 50%;height: 90px;margin-top: -45px;width: 100%;z-index: 3;}
.productCenter .list li .name1{ text-align: center; font-size: 24px; color: #fff; padding-bottom: 20px; text-transform: uppercase;}
.productCenter .list li .name2{ text-align: center; font-size: 24px; color: #fff;}
.productCenter .list li .hideBox{z-index: 2; background: url(../images/bg2.png) repeat; width: 100%; height: 100%; position: absolute; top: 0;opacity:0;}
.productCenter .list li:hover .imgDiv img{-webkit-transform: scale(1.2);transform: scale(1.2); }
.productCenter .list li:hover .hideBox{ opacity:1;}
.productCenter .list li:hover .nameDiv{ margin-top: -155px; }
.productCenter .list li .contentBox{ position: absolute; left: 0; top: 48%; overflow: hidden; width: 100%;}
.productCenter .list li .more{ text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 3px;}
.productCenter .list li .more a{ color: #ccc; }
.productCenter .list li .more a:hover{ text-decoration: underline; }
.productCenter .list li .links{ padding: 40px 80px 0; overflow: hidden;}
.productCenter .list li .links dd{ float: left; width: 25%; font-size: 18px; height: 28px; padding-bottom: 26px;}
.productCenter .list li .links dd a{ color: #ccc; display: inline-block; height: }
.productCenter .list li .links dd a:hover{ color: #3a983e; border-bottom: #3a983e solid 1px; }

.space .list{ overflow: hidden; padding-bottom: 20px;}
.space .list ul{ margin-right: -13px; }
.space .list li{ float: left; width: 25%; margin-bottom: 13px;}
.space .list .li01{ width: 50%; }
.space .list li .box{ position: relative; overflow: hidden; margin-right: 13px;}
.space .list li .imgDiv{overflow:hidden;}
.space .list li .imgDiv img{ width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.space .list li .hover{ z-index: 2; background: url(../images/bg3.png) repeat; width: 100%; height: 100%; position: absolute; top: 0; opacity: 0;}
.space .list li:hover .imgDiv img{-webkit-transform: scale(1.2);transform: scale(1.2); }
.space .list li:hover .hover{opacity: 1;}
.space .list li .contentBox{ position: absolute; left: 50%; top: 50%; width: 220px; margin-left: -110px; height: 150px; margin-top: -75px; overflow: hidden;}
.space .list li .name{ font-size: 18px; color: #fff; margin-bottom: 10px; height: 36px; line-height: 36px; overflow: hidden;}
.space .list .li01 .name{ font-size: 24px; }
.space .list li .msgList{ height: 48px; overflow: hidden; }
.space .list li .msgList dd{ font-size: 14px; height: 24px; line-height: 24px; color: #999; overflow: hidden; }
.space .list li .icoList{ text-align: center; padding-top: 20px;}
.space .list li .icoList dd{ display: inline-block; padding: 0 8px; }

.search .classtitle{font-size: 35px;text-align: center;color: white;}
.search .list{ overflow: hidden; padding-bottom: 20px;}
.search .list ul{ margin-right: -13px; }
.search .list li{ float: left; width: 25%; margin-bottom: 13px;}
.search .list .li01{ width: 50%; }
.search .list li .box{ position: relative; overflow: hidden; margin-right: 13px;}
.search .list li .imgDiv{overflow:hidden;}
.search .list li .imgDiv img{ width: 390px;height:293px;  -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.search .list li .hover{ z-index: 2; background: url(../images/bg3.png) repeat; width: 100%; height: 100%; position: absolute; top: 0; opacity: 0;}
.search .list li:hover .imgDiv img{-webkit-transform: scale(1.2);transform: scale(1.2); }
.search .list li:hover .hover{opacity: 1;}
.search .list li .contentBox{ position: absolute; left: 50%; top: 50%; width: 220px; margin-left: -110px; height: 150px; margin-top: -75px; overflow: hidden;}
.search .list li .name{ font-size: 18px; color: #fff; margin-bottom: 10px; height: 36px; line-height: 36px; overflow: hidden;}
.search .list .li01 .name{ font-size: 24px; }
.search .list li .msgList{ height: 48px; overflow: hidden; }
.search .list li .msgList dd{ font-size: 14px; height: 24px; line-height: 24px; color: #999; overflow: hidden; }
.search .list li .icoList{ text-align: center; padding-top: 20px;}
.search .list li .icoList dd{ display: inline-block; padding: 0 8px; }

/*.search .list{ overflow: hidden; padding-bottom: 20px;}
.search .list ul{ margin-right: -13px; }
.search .list li{ float: left; width: 25%; margin-bottom: 13px;}
.search .list .li01{ width: 50%; }
.search .list li .box{ position: relative; overflow: hidden; margin-right: 13px;}
.search .list li .imgDiv img{ width: 390px;height:293px; }
.search .list li .hover{ z-index: 2; background: url(../images/bg3.png) repeat; width: 100%; height: 100%; position: absolute; top: -100%;
 transition:all 0.5s; -moz-transition:all 0.5s;  -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; opacity: .3;}
.search .list li:hover .hover{ top: 0; opacity: 1;}
.search .list li .contentBox{ position: absolute; left: 50%; top: 50%; width: 220px; margin-left: -110px; height: 150px; margin-top: -75px; overflow: hidden;}
.search .list li .name{ font-size: 18px; color: #fff; margin-bottom: 10px; height: 36px; line-height: 36px; overflow: hidden;}
.search .list .li01 .name{ font-size: 24px; }
.search .list li .msgList{ height: 48px; overflow: hidden; }
.search .list li .msgList dd{ font-size: 14px; height: 24px; line-height: 24px; color: #999; overflow: hidden; }
.search .list li .icoList{ text-align: center; padding-top: 20px;}
.search .list li .icoList dd{ display: inline-block; padding: 0 8px; }
.search .classtitle{color: #fff;text-align: center;margin-bottom: 10px;font-size: 30px;}*/

.spacenew .classtitle{font-size: 35px;text-align: center;color: white;}
.spacenew .list{ overflow: hidden; padding-bottom: 20px;}
.spacenew .list ul{ margin-right: -13px; }
.spacenew .list li{ float: left; width: 25%; margin-bottom: 13px;}
.spacenew .list .li01{ width: 50%; }
.spacenew .list li .box{ position: relative; overflow: hidden; margin-right: 13px;}
.spacenew .list li .imgDiv{overflow:hidden;}
.spacenew .list li .imgDiv img{ width: 100%; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.spacenew .list li .hover{ z-index: 2; background: url(../images/bg3.png) repeat; width: 100%; height: 100%; position: absolute; top: 0; opacity: 0;}
.spacenew .list li:hover .imgDiv img{-webkit-transform: scale(1.2);transform: scale(1.2); }
.spacenew .list li:hover .hover{opacity: 1;}
.spacenew .list li .contentBox{ position: absolute; left: 50%; top: 50%; width: 220px; margin-left: -110px; height: 150px; margin-top: -75px; overflow: hidden;}
.spacenew .list li .name{ font-size: 18px; color: #fff; margin-bottom: 10px; height: 36px; line-height: 36px; overflow: hidden;text-align: center;}
.spacenew .list .li01 .name{ font-size: 24px; }
.spacenew .list li .msgList{ height: 48px; overflow: hidden; }
.spacenew .list li .msgList dd{ font-size: 14px; height: 24px; line-height: 24px; color: #999; overflow: hidden; }
.spacenew .list li .icoList{ text-align: center; padding-top: 20px;}
.spacenew .list li .icoList dd{ display: inline-block; padding: 0 8px; }



.productShow .name{ color: #fff; font-size: 24px; padding-bottom: 45px; }
.productShow .imgList{ padding-bottom: 40px; }
.productShow .imgList li{ float: left; width: 50%;}
.productShow .imgList li img{ width: 100%; }
.productShow .txt{ border-bottom: #333 solid 1px; font-size: 18px; color: #ccc; padding-bottom: 16px;}
.productShow .content{ font-size: 14px; line-height: 30px; color: #999; padding: 25px 0 45px; }
.productShow .content2{ border-bottom: #333 solid 1px; padding: 25px 0 100px;}
.productShow .msgList{ padding: 30px 0 60px; border-bottom: #333 solid 1px; }
.productShow .msgList li{ font-size: 14px; line-height: 24px; }
.productShow .title{ margin-bottom: 15px; text-align: center; padding: 70px 0 24px; position: relative; text-align: center; font-size: 24px; color: #fff;}
.productShow .title em{ position: absolute; left: 50%; bottom: 0px; background: #dedede; width: 18px; height: 2px; display: block; margin-left: -9px; }
.productShow .bigImg{ padding: 5px 0; }
.productShow .bigImg img{ width: 100%; }
.productShow .list ul{ margin-right: -13px; }
.productShow .list li{ float: left; width: 25%; }
.productShow .list li .box{ margin-right: 13px; }
.productShow .list li .imgDiv img{ width: 100%; }
.productShow .list li .lname{ padding-top: 15px; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; }
.lx-box{padding-bottom: 102px; border-bottom: 1px solid #333333; } 
.lx-box .tab-le{width: 600px; } 
.lx-box .tab-le .img1{width: 100%; } 
.lx-box .tab-le .img1 img{width: 600px;height: 451px; } 
.lx-box .tab-le .imgs{overflow: hidden; margin-top: 22px; } 
.lx-box .tab-le .imgs img{overflow: hidden; margin-top: 22px; width: 186px;height: 141px; } 
.lx-box .tab-le .img{float: left; width: 185px; margin-right: 18px; cursor:pointer;} 
.lx-box .tab-le .img:last-child{margin-right: 0; } 
.lx-box .txt-rg{width: 570px; } 
.lx-box .txt-rg .t1{font-size: 18px; color: #ccc; padding-bottom: 20px; border-bottom: 1px solid #333333; } 
.lx-box .txt-rg .t1 span{font-size: 14px; color: #333; text-transform: uppercase; } 
.lx-box .txt-rg p{font-size: 14px;color: #999; line-height: 30px; padding: 22px 0 25px; }


.innovation{ padding-bottom: 20px; }
.innovation .txtDiv .txt1{ font-size: 36px; color: #fff; text-transform: uppercase; }
.innovation .txtDiv .txt2{ font-size: 36px; color: #3a983e; }
.innovation .list{ padding-top: 5px; overflow: hidden;}
.innovation .list ul{ margin-right: -20px; }
.innovation .list li{ float:  left; width: 20%; margin: 40px 0;}
.innovation .list li .box{ margin-right: 20px; }
.innovation .list li .imgDiv{ overflow: hidden; }
.innovation .list li .imgDiv img{ width: 100%; }
.innovation .list li .contentBox{ height: 100px; overflow: hidden; text-align: right;}
.innovation .list li .name{ padding-top: 10px; height: 45px; line-height: 45px; font-size: 24px; color: #ccc; }
.innovation .list li .more{ font-size: 14px; margin-top: 10px; padding-right: 30px; background: url(../images/nimg22_3.png) right center no-repeat;}

.innovativeWay{ overflow: hidden; }
.innovativeWay .leftDiv{width: 55%;overflow: hidden;}
.innovativeWay .leftDiv li{float: left;width: 30%;margin-right: 5%;position:  relative;}
.innovativeWay .leftDiv li:last-child{margin-right: 0;}
.innovativeWay .leftDiv li .img-1{overflow:  hidden; width: 100%; } 
.innovativeWay .leftDiv li img{width: 100%; } 
.innovativeWay .leftDiv li span{font-size: 1.8em;color: #fff;position: absolute;right: 6%;top: 51%;}

.innovativeWay .rightDiv{ width: 35%; }
.innovativeWay .rightDiv .contentBox{ padding-right: 68px; }
.innovativeWay .rightDiv .txt1{ font-size: 36px; color: #fff; text-transform: uppercase; padding-top: 15px;}
.innovativeWay .rightDiv .txt2{ font-size: 36px; color: #3a983e; }
.innovativeWay .rightDiv .msg{ padding: 50px 0 25px; font-size: 16px; color: #ccc; }
.innovativeWay .rightDiv .content{ font-size: 14px; line-height: 30px; }
.innovativeWay .rightDiv .list{ padding-top: 35px; overflow: hidden;}
.innovativeWay .rightDiv .list ul{ margin-right: -10px; }
.innovativeWay .rightDiv .list li{ float: left; width: 25%; margin-bottom: 10px; font-size: 14px;}
.innovativeWay .rightDiv .list li .box{ margin-right: 10px; background: #dedede; height: 40px; line-height: 40px; text-align: center; color: #333; }
.innovativeWay .rightDiv .list li .box a{ display: block; color: #333; }
.innovativeWay .rightDiv .list li:hover .box a{ background: #3a983e; color: #fff; }

.creative{ overflow: hidden; }
.creative .leftDiv{ width: 510px; }
.creative .leftDiv .txt1{font-size: 36px; color: #fff; text-transform: uppercase;}
.creative .leftDiv .txt2{font-size: 36px; color: #3a983e; padding-bottom: 60px;}
.creative .leftDiv .msg{ font-size: 14px; line-height: 30px; color: #999; padding-bottom: 25px; width: 380px;}
.creative .leftDiv .more{ padding: 100px 0 20px; }
.creative .leftDiv .more a{ font-size: 14px; color: #dedede;}
.creative .leftDiv .more a:hover{ color: #3a983e; }
.creative .leftDiv .list ul{ margin-right: -10px; }
.creative .leftDiv .list li{ float: left; width: 25%; margin-bottom: 10px; font-size: 14px;}
.creative .leftDiv .list li .box{ margin-right: 10px; background: #dedede; height: 40px; line-height: 40px; text-align: center; color: #333; }
.creative .leftDiv .list li .box a{ display: block; color: #333; }
.creative .leftDiv .list li:hover .box a{ background: #3a983e; color: #fff; }
.creative .rightDiv{ width: 690px; }
.creative .rightDiv .imgDiv1 img{ width: 690px; }
.creative .rightDiv .content{ padding: 50px 0 40px; font-size: 14px; line-height: 30px; color: #ccc; }
.creative .rightDiv .imgDiv2{ float: right; }

.question{ background: #fff; margin-bottom: 20px;}
.question .title{ padding-left: 48px; height: 100px; line-height: 100px; font-size: 24px; color: #333; }
.question .list li{height: 160px;padding: 0 190px 0 228px;position: relative;background: #fafafa;}
.question .list li .imgDiv{ position: absolute; left: 30px; top:30px;}
.question .list li .name{ padding-top: 28px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; }
.question .list li .name a{ color: #333; }
.question .list li .name a:hover{ color: #3a983e; }
.question .list li .content{ padding-top: 15px; height: 60px; line-height: 30px; overflow: hidden; font-size: 14px; }
.question .list li .more{ position: absolute; right: 40px; top: 55px; width: 72px; background: url(../images/nimg22_4.png) center top no-repeat; }
.question .list li .more a{display: block;padding-top: 46px;font-size: 14px;color: #ccc;border-bottom: #ccc solid 1px;height: 22px;text-align: center;}
.question .list li:hover{box-shadow:0 0 16px 2px #bfbfbf;z-index: 10;background: #fff;}
.question .list li:hover .name a,.question .list li:hover .content{color: #3a983e;}
.question .list li:hover .more{background: url(../images/nimg22_4on.png) center top no-repeat; }
.question .list li:hover .more a{ color: #3a983e;border-bottom: #3a983e solid 1px;}

.questionShow{ padding-bottom: 40px; }
.questionShow .name{ font-size: 24px; color: #fff; padding-bottom: 20px; }
.questionShow .time{ border-bottom: #333 solid 1px; padding-bottom: 26px; }
.questionShow .time em{ color: #999; padding-right: 40px; }
.questionShow .content{ padding: 45px 0 30px; font-size: 14px; color: #999; line-height: 30px;}
.questionShow .imgDiv{ padding-bottom: 35px; }
.questionShow .content img{ max-width: 750px; }
.questionShow .share{ position: relative; padding-left: 58px; overflow: hidden;}
.questionShow .share em{ position: absolute; left: 0px; top: 0px; line-height: 27px; font-size: 14px;}
.questionShow .share li{ width: 27px; height: 27px; margin-right:10px; float: left;}

.download{ background: #fff; margin-bottom: 20px;}
.download .title{ padding-left: 48px; height: 100px; line-height: 100px; font-size: 24px; color: #333; }
.download .list li{height: 160px;padding: 0 190px 0 228px;position: relative;background: #fafafa;}
.download .list li .imgDiv{ position: absolute; left: 30px; top:30px;}
.download .list li .name{ padding-top: 28px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; }
.download .list li .name a{ color: #333; }
.download .list li .name a:hover{ color: #3a983e; }
.download .list li .content{ padding-top: 15px; height: 60px; line-height: 30px; overflow: hidden; font-size: 14px; }
.download .list li .more{ position: absolute; right: 40px; top: 55px; width: 72px; background: url(../images/xiazai.png) center top no-repeat; }
.download .list li .more a{display: block;padding-top: 46px;font-size: 14px;color: #ccc;border-bottom: #ccc solid 1px;height: 22px;text-align: center;}
.download .list li:hover{box-shadow:0 0 16px 2px #bfbfbf;z-index: 10;background: #fff;}
.download .list li:hover .name a,.question .list li:hover .content{color: #3a983e;}
.download .list li:hover .more{background: url(../images/xiazai.png) center top no-repeat; }
.download .list li:hover .more a{ color: #3a983e;border-bottom: #3a983e solid 1px;}

.antifake .msg{font-size: 30px;color: #fff;line-height: 60px;}
.antifake .list{ padding-top: 30px; overflow: hidden;}
.antifake .list ul{ margin-right: -27px; }
.antifake .list li{ float: left; width: 25%; }
.antifake .list li .box{ margin-right: 27px; height: 260px; background: #fff; text-align: center;}
.antifake .list li .ico{ padding: 45px 0 36px; }
.antifake .list li .ico img{ -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; transition: .5s all;}
.antifake .list li:hover .ico img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
.antifake .list li .txt{ font-size: 14px; padding-bottom: 22px; color: #666;}
.antifake .list li .btnDiv{ display: none; width: 100px; height: 34px; margin: 0 auto; }
.antifake .list li .btnDiv a{ font-size: 14px; display: block; width: 100px; height: 34px; line-height: 34px; background: #3a983e; color: #fff; text-align: center; line-height: 34px; border-radius: 3px; -moz-border-radius:3px; }
.antifake .list li.on .ico{ padding-top: 25px; }

.ewmLayer{ width: 1020px; height: 650px; background: #fff; position: absolute; z-index: 22; display: none; }
.ewmLayer .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.ewmLayer .txt{ font-size: 24px; color:#3a983e; padding: 100px 0 40px 100px;}
.ewmLayer .content{ font-size: 30px; text-align: center; padding-bottom: 50px;}
.ewmLayer .imgDiv{ text-align: center; }
.ewmLayer .imgDiv img{ max-width: 800px; }

.abb0{ width: 1020px; height: 650px; background: #fff; position: absolute; z-index: 22; display: none; }
.abb0 .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.abb0 .txt{ font-size: 24px; color:#3a983e; padding: 100px 0 40px 100px;}
.abb0 .content{ font-size: 30px; text-align: center; padding-bottom: 50px;}
.abb0 .imgDiv{ text-align: center; }
.abb0 .imgDiv img{ max-width: 800px; }

.antifakeLayer{ width: 1020px; height: 432px; background: #fff; position: absolute; z-index: 22; display: none; }
.antifakeLayer .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.antifakeLayer .leftDiv{ padding: 100px 0 0 100px; }
.antifakeLayer .txt{ font-size: 24px; color:#3a983e; padding-bottom: 15px;}
.antifakeLayer .content{ font-size: 14px; }
.antifakeLayer .imgDiv{ padding: 118px 90px 0 0; }

.abb2{ width: 1020px; height: 432px; background: #fff; position: absolute; z-index: 22; display: none; }
.abb2 .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.abb2 .leftDiv{ padding: 100px 0 0 100px; }
.abb2 .txt{ font-size: 24px; color:#3a983e; padding-bottom: 15px;}
.abb2 .content{ font-size: 14px; }
.abb2 .imgDiv{ padding: 100px 90px 0 0; }

.phoneLayer{ width: 1020px; height: 432px; background: #fff; position: absolute; z-index: 22; display: none; }
.phoneLayer .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.phoneLayer .txt{ font-size: 24px; color:#3a983e; padding: 100px 0 50px 100px;}
.phoneLayer .content{ text-align: center;}
.phoneLayer .tel{ text-align: center; color: #e11414; font-size: 36px; padding-top: 10px;}

.abb1{ width: 1020px; height: 432px; background: #fff; position: absolute; z-index: 22; display: none; }
.abb1 .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.abb1 .txt{ font-size: 24px; color:#3a983e; padding: 100px 0 50px 100px;}
.abb1 .content{ text-align: center;}
.abb1 .tel{ text-align: center; color: #e11414; font-size: 36px; padding-top: 10px;}

.labelLayer{ width: 1020px; height: 650px; background: #fff; position: absolute; z-index: 22; display: none; }
.labelLayer .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.labelLayer .txt{ font-size: 24px; color:#3a983e; padding: 100px 0 40px 100px;}
.labelLayer .content{ font-size: 30px; text-align: center; padding-bottom: 50px;}
.labelLayer .imgDiv{ text-align: center; }
.labelLayer .imgDiv img{ max-width: 800px; }

.abb3{ width: 1020px; height: 650px; background: #fff; position: absolute; z-index: 22; display: none; }
.abb3 .close{ display: block; width: 24px; height: 24px; background: url(../images/close2.png) center top no-repeat; position: absolute; right: 20px; top: 20px;}
.abb3 .txt{ font-size: 24px; color:#3a983e; padding: 100px 0 40px 100px;}
.abb3 .content{ font-size: 30px; text-align: center; padding-bottom: 50px;}
.abb3 .imgDiv{ text-align: center; }
.abb3 .imgDiv img{ max-width: 800px; }

.commitment .list{ overflow: hidden; }
.commitment .list ul{ margin-right: -20px; }
.commitment .list li{ float: left; width: 50%; margin-bottom: 20px;}
.commitment .list li .box{ margin-right: 20px; position: relative; height: 240px; background: #fff; padding: 0 110px 0 130px;}
.commitment .list li .num{ position: absolute; left: 40px; top: 36px; font-size: 60px; color: #3a983e; }
.commitment .list li .msg{ font-size: 24px; color: #161616; padding-top: 100px; }

.afterSales .part1{ padding-right: 670px; position: relative; min-height: 360px; }
.afterSales .part1 .ico{ padding-top: 20px; }
.afterSales .part1 .txt{ font-size: 36px; color: #ccc; position: relative; padding-bottom: 55px; width: 220px; padding-top: 20px; }
.afterSales .part1 .txt em{ position: absolute; left: 0px; bottom: 0px; width: 220px; height: 2px; background: #3a983e; display: block; }
.afterSales .part1 .content{ padding-top: 24px; font-size: 14px; line-height: 30px; }
.afterSales .part1 .imgDiv{ position: absolute; right: 0px; top: 0px; overflow: hidden;}
.afterSales .part2{ padding-top: 60px; }
.afterSales .part2 .txt{ font-size: 24px; color: #ccc; padding-bottom: 26px; }
.afterSales .part2 .msg{ font-size: 16px; color: #ccc; padding-bottom: 30px; }
.afterSales .part2 .list{ background: url(../images/line3.jpg) 6px top repeat-y;  padding: 50px 0 25px; position: relative;}
.afterSales .part2 .ico{ position: absolute; left: 0px; top: 0px; width: 14px; height: 14px; background: url(../images/nimg14_2.png) no-repeat;}
.afterSales .part2 li{ padding-left: 50px; font-size: 14px;  background: url(../images/nimg10_1.png) 1px 6px no-repeat; padding-bottom: 25px;}
.afterSales .part2 li em{ font-size: 16px; color: #999; }

.branches .form{ height: 46px; position: relative; padding-left: 196px; }
.branches .form em{ position: absolute; left: 18px; top: 0px; line-height: 46px; font-size: 16px; color: #3a983e; }
.branches .form .box{ float:left; height: 46px; margin-right: 20px; }
.branches .select{ width: 260px; position: relative;}
.branches .select dt{height: 46px;line-height: 46px;display: inline-block; width: 100%; background:#fff url(../images/selectIco.jpg) no-repeat right center; cursor: pointer; overflow: hidden;position: relative;z-index: 25; border-radius: 3px; -moz-border-radius:3px;}
.branches .select dt a{  font-size: 16px;color: #3a983e; position: relative; padding-left: 20px; display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.branches .select dd{ margin: 0;position: absolute;left: 0px;top: 46px;z-index: 100; width: 100%;} 
.branches .select dd ul {list-style: none; overflow: auto; padding: 0 20px;background: #f7f7f7;} 
.branches .select dd ul li{line-height: 38px; height: 38px; cursor: pointer; border-bottom: 1px solid #ebebeb; color: #505050; font-size: 14px;}
.branches .select dd ul li:hover{ color: #000;}
.branches .select{ height: 46px;}

.branches .box .suosou{line-height: 46px;width: 70px;background: #fff;display: block;text-align: center;font-size: 15px;}

.branches .list{ padding-top: 40px; overflow: hidden;}
.branches .list ul{ margin-right: -30px; }
.branches .list li{ float: left; width: 33.33%; margin-bottom: 30px; }
.branches .list li .lbox{background: #fff; height: 176px; padding: 0 30px; margin-right: 30px;}
.branches .list li .name{ padding-top: 24px; height: 35px; line-height: 35px; font-size: 18px; color: #333; overflow: hidden; }
.branches .list li .address{ padding-top: 10px; font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; }
.branches .list li .more{ margin-top: 10px; font-size: 14px; padding-left: 50px;  background:url(../images/nimg28_1.png) no-repeat left center; height: 28px; line-height: 28px;}
.branches .list li .more a{ display: block;  background:url(../images/nimg20_1.png) no-repeat right center;}

/*.download{ padding: 80px 0 420px; }
.download .contentBox{ margin: 0 auto; width: 720px; height: 250px; background: #fff; }
.download .msg{ padding: 58px 0 30px; text-align: center; color: #333; font-size: 24px;}
.download .msg em{ padding-left: 15px; }
.download .tel{ text-align: center; font-size: 48px; color: #3a983e; }*/

.history{ padding-bottom: 30px; }
.history .list li{ height: 248px; background: #f3f3f3; padding:0 540px 0 56px; position: relative; }
.history .list li .imgDiv{ position: absolute; right: 0px; top: 0px;  overflow: hidden;}
.history .list li .year{ font-size: 36px; padding: 35px 0 10px; color: #333;}
.history .list li .content{ font-size: 14px; line-height: 30px; }
.history .list .li01{ background: #ebebeb; }

.partner .title{ border-bottom: #666 solid 1px; font-size: 24px; color: #fff; padding-bottom: 15px;}
.partner .title2{ padding-top: 40px; }
.partner .list{ padding-top: 60px; overflow: hidden;}
.partner .list ul{ margin-right: -20px; }
.partner .list li{ float: left; width: 50%; margin-bottom: 20px; }
.partner .list li .box{ margin-right: 20px; height: 157px; background: #fff; padding: 0 30px 0 270px; position: relative;}
.partner .list li .imgDiv{ position: absolute; left: 0px; top: 20px; height: 117px; line-height: 117px; width: 239px; border-right: #dedede solid 1px; text-align: center; }
.partner .list li .content{ padding-top: 30px; font-size: 14px; line-height: 24px; overflow: hidden; height: 96px; color: #666;}

.link .title{ border-bottom: #666 solid 1px; font-size: 24px; color: #fff; padding-bottom: 15px;}
.link .title2{ padding-top: 40px; }
.link .list{ padding-top: 60px; overflow: hidden;}
.link .list ul{ margin-right: -20px; }
.link .list li{ float: left; width: 25%; margin-bottom: 20px; }
.link .list li .box{ margin-right: 20px; height: 157px; background: #fff; padding: 0 30px 0 270px; position: relative;}
.link .list li .imgDiv{ position: absolute; left: 0px; top: 20px; height: 117px; line-height: 117px; width: 280px; /*border-right: #dedede solid 1px;*/ text-align: center; }
.link .list li .content{ padding-top: 30px; font-size: 14px; line-height: 24px; overflow: hidden; height: 96px; color: #666;}

.development .part1{ overflow: hidden; padding-bottom: 50px;}
.development .part1 .txt1{ font-size: 36px; color: #fff; text-transform: uppercase; padding-bottom: 40px;}
.development .part1 .txt2{ font-size: 36px; color: #fff; }
.development .part1 .content{ font-size: 14px; line-height: 30px; color: #999; width: 832px; padding-top: 15px;}
.development .part2{ padding: 60px 0 0 270px; position: relative; }
.development .part2 .imgDiv{ position: absolute; left: 0px; top: 0px; }
.development .part2 .contentBox{ background: #fff; padding: 55px 35px 40px 256px; }
.development .part2 li{ padding-bottom: 25px; }
.development .part2 li .txt{ font-size: 18px; color: #333; padding-bottom: 15px; }
.development .part2 li .msg{ font-size: 14px; line-height: 30px; }
.development .part3{ padding-top: 70px; }
.development .part3 li{ height: 360px; background: #fff; padding: 0 640px 0 40px; position: relative; }
.development .part3 .li01{ padding: 0 40px 0 640px;}
.development .part3 li .imgDiv{ position: absolute; right:  0px; top: 0px; overflow: hidden;}
.development .part3 .li01 .imgDiv{ right: auto; left: 0px; }
.development .part3 li .name{ padding: 50px 0 45px; font-size: 24px; color: #333;}
.development .part3 li .content{ font-size: 14px; line-height: 30px; color: #999; }

.story{ overflow: hidden; }
.story .part1{ overflow: hidden; background: #fff; padding: 40px 52px 35px 65px; margin-bottom: 90px; }
.story .part1 .txt1{ font-size: 32px; color: #333; padding: 15px 0 10px; text-transform: uppercase;}
.story .part1 .txt2{ font-size: 24px; color: #333; letter-spacing: 42px; }
.story .part1 .content{ font-size: 14px; line-height: 30px; width: 790px; }
.story .leftDiv{ width: 600px; }
.story .leftDiv .imgDiv{ overflow: hidden; }
.story .leftDiv .txt{ padding: 40px 0 25px; font-size: 24px; color: #fff; }
.story .leftDiv .content{ font-size: 14px; line-height: 30px; color: #999; width: 507px; }
.story .rightDiv{ width: 500px; }
.story .rightDiv .imgDiv{ overflow: hidden; }
.story .rightDiv .content{ font-size: 14px; line-height: 30px; color: #999; width: 310px; padding: 30px 0 70px;}

.about .touDiv{ height: 504px; position: relative;}
.about .touDiv .imgDiv{ width: 730px; }
.about .touDiv .rightDiv{ width: 418px; height: 504px; position: relative;}
.about .touDiv .txtDiv{ position: relative; padding-bottom: 100px;}
.about .touDiv .txt1{ text-align: right; font-size: 55px; color: #f3f3f3; padding-bottom:10px; text-transform: uppercase;}
.about .touDiv .txt2{ font-size: 24px; text-align: right; color: #f3f3f3; }
.about .touDiv .line{ position: absolute; right: 50px; bottom: 0px; width: 2px; height: 90px; display: block; background: #f3f3f3; }
.about .touDiv .content{ font-size: 14px; line-height: 30px; color: #999; position: absolute; right: 0px; bottom: -50px;}
.about .botDiv .leftDiv{ width: 580px; padding-right: 50px; padding-top: 50px; font-size: 14px; line-height: 30px; color: #999;}
.about .botDiv .rightDiv{ width: 570px; }
.about .botDiv .dngss{ height: 100px; }
.about .botDiv .ico{ width: 100px; height: 100px; background: #3a983e; text-align: center; line-height: 100px; }
.about .botDiv .ico img{ -webkit-transition: .5s all; -moz-transition: .5s all; -ms-transition: .5s all; transition: .5s all;}
.about .botDiv .ico:hover img{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}

.base .list li{ padding-right: 770px; position: relative; min-height: 300px; margin-bottom: 70px;}
.base .list li .imgDiv{ position: absolute; right: 0px; top: 0px; }
.base .list li .name{ padding-bottom: 26px; position: relative; font-size: 24px; color: #fff; }
.base .list li .name a{ color: #fff; }
.base .list li .name em{ display: block; width: 105px; height: 2px; background: #333; position: absolute; left: 0px; bottom: 0px;}
.base .list li .msgList{ padding-top: 45px; }
.base .list li .msgList dd{ color: #999; font-size: 16px; line-height: 34px; }
.base .list li .msgList dd a{ color: #999; }

.objective{ overflow: hidden; }
.objective .leftDiv{ width: 480px; background: #fff;}
.objective .leftDiv .imgDiv{ overflow: hidden; }
.objective .leftDiv .txt1{ padding: 30px 35px 25px; font-size: 36px; color: #333; text-transform: uppercase; line-height: 60px;}
.objective .leftDiv .txt2{ padding: 0 35px 45px; font-size: 36px; color: #333; }
.objective .rightDiv{ width: 664px; }
.objective .content1{ font-size: 14px; color: #ccc; line-height: 30px; padding: 15px 0 35px;}
.objective .content2{ font-size: 14px; line-height: 24px; padding-bottom: 30px;}

.honor{ overflow: hidden; }
.honor .leftDiv{ width: 400px; background: #fff;}
.honor .leftDiv .txt1{ padding: 40px 35px 25px; line-height: 48px; font-size: 36px; color: #333; font-weight: bold; text-transform: uppercase;}
.honor .leftDiv .txt2{padding: 0px 35px 35px;font-size: 26px;color: #000;}
/*.honor .leftDiv .line{ width: 2px; height: 80px; background: #333; margin-left: 57px; }*/
.honor .leftDiv .content{ font-size: 14px; line-height: 30px; padding: 0 35px 85px; }
.honor .list{ width: 780px;padding-bottom: 300px; }
.honor .list ul{ margin-right: -20px; }
.honor .list li{ float: left; width: 50%; margin-bottom: 20px;}
.honor .list li .box{ margin-right: 20px; height: 380px; background: #1e1e1e; }
.honor .list .li01{ float: right; }
.honor .list .li02{ padding-top: 100px; }
.honor .list li .imgDiv{ padding-top: 40px; height: 276px; line-height: 276px; text-align: center; position: relative;}
.honor .list li .imgDiv img{ max-width: 260px; max-height: 276px; }
.honor .list li .name{ text-align: center; padding-top: 20px; height: 24px; line-height: 24px; color: #fff; font-size: 14px; overflow: hidden; }
.honor .leftDiv.fixed{position: fixed;top: 67px;}

.group .part1{ height: 200px; background: #fff; padding-left: 440px; position: relative;}
.group .part1 .imgDiv{ position: absolute; left: 0px; top: 0px; overflow: hidden; }
.group .part1 .txt{ padding: 35px 0 25px; font-size: 24px; color: #333; }
.group .part1 .content{ font-size: 14px; line-height: 30px; color: #999; }
.group .bigImg{ padding-top: 35px; }
.group .bigImg img{ max-width: 1200px; }

.process .bigImg img{ max-width: 1200px; }
.process .bigImgTel{ display: none; }
.process .bigImgTel img{ width: 100%; }

.condition .title{ height: 70px; line-height: 70px; background: url(../images/nimg1200Bg.jpg) no-repeat left top; color: #fff; font-size: 24px; padding-left: 50px; letter-spacing: 3px;}
.condition .contentBox{ padding: 30px 50px; background: #fafafa; }
.condition .txt{ font-size: 16px; color: #333; padding-bottom: 15px;}
.condition .content{ font-size: 14px; line-height: 30px; padding-bottom: 30px;}

.advantage .list{ overflow: hidden; }
.advantage .list ul{ margin-right: -20px; }
.advantage .list li{ float: left; width: 25%; margin-bottom: 20px; }
.advantage .list li .ico{ position: relative; }
.advantage .list li .box{ background: #fff; height: 280px; position: relative; margin-right: 20px; overflow: hidden;}
.advantage .list li .num{ position: absolute; right: 0px; top: 0px; font-size: 80px; color: #dedede; width: 132px; text-align: center; padding-top: 20px;}
.advantage .list li .msg{ text-align: center; font-size: 16px; padding-top: 40px;font-weight: bold;color: #3a983e;}

.job .part1{ height: 504px; padding-bottom: 90px;}
.job .part1 .rightDiv{ position: relative; width: 470px; height: 504px;}
.job .part1 .txt1{ text-align: right; font-size: 60px; color: #fff; text-transform: uppercase; }
.job .part1 .txt2{ text-align: right; padding-top: 30px; color: #f3f3f3; font-size: 24px; }
.job .part1 .msg{ position: absolute; left: 50px; bottom: 0px; font-size: 14px; line-height: 30px;}
.job .part1 .imgDiv{ overflow: hidden; }
.job .titleDiv{ padding-bottom: 45px; }
.job .title1{ text-align: center; font-size: 36px; color: #f3f3f3; font-weight: bold; text-transform: uppercase;}
.job .title2{ text-align: center; font-size: 24px; color: #f3f3f3; padding-bottom: 18px; position: relative; }
.job .title2 em{ position: absolute; left: 50%; bottom: 0px; width: 54px; height: 2px; margin-left: -27px; background: #f3f3f3; display: block; }
.job .part2{ overflow: hidden; padding-bottom: 70px;}
.job .part2 .content{ width: 530px; font-size: 14px; line-height: 24px; }
.job .part2 .content em{ font-size: 18px; }
.job .table{ border-left: #999 solid 1px;}
.job .table th{ height: 50px; background: #f2f2f2; font-size: 16px; color: #333; font-weight: 400; width: 20%; }
.job .table td{ height: 58px; border-right: #999 solid 1px; border-bottom: #999 solid 1px; color: #999; font-size: 14px; text-align: center; width: 20%;}
.job .table td a{ color: #999; }
.job .table td a:hover{ color: #3a983e; }

.jobShow{ background: url(../images/nimg76_1.png) no-repeat right bottom; }
.jobShow .name{ font-size: 24px; color: #fff; padding-bottom: 60px; }
.jobShow .msgList{ overflow: hidden; }
.jobShow .msgList li{ float: left; width: 33.33%; font-size: 14px; padding-bottom: 48px; color: #999;}
.jobShow .msgList li em{ color: #dedede; padding-right: 20px; }
.jobShow .txt{ font-size: 16px; color: #fff; padding-bottom: 10px; }
.jobShow .content{ font-size: 14px; line-height: 36px; color: #999; padding-bottom: 45px; }
.jobShow .list{ padding-top: 10px; }
.jobShow .list li{padding-left: 48px; position: relative; height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 16px; color: #999;}
.jobShow .list li img{ position: absolute; left: 0px; top: 0px; }
.jobShow .btnGroup{ padding-top: 60px; overflow: hidden;}
.jobShow .btnGroup li{ float: left; margin-right: 30px;}
.jobShow .btnGroup a{ display: block; width: 150px; height: 50px; font-size: 14px; background: #f5f5f5; border-radius: 4px; -moz-border-radius:4px; line-height: 50px; text-align: center; }
.jobShow .btnGroup a:hover{ background: #3a983e; color: #fff; }

.contact{ overflow: hidden; }
.contact .leftDiv{ width: 350px; }
.contact .txt{ font-size: 14px; color: #fff; }
.contact .tel{ font-size: 36px; color: #ccc; font-weight: bold; padding-bottom: 15px; }
.contact .msgList li{ font-size: 14px; color: #999; line-height: 36px; }
.contact .btnDiv{width: 300px;height: 42px;background: #ccc;position: relative;font-size: 14px;margin-top: 51px;}
.contact .btnDiv a{ display: block; height: 42px; padding-left: 25px; color: #161616; line-height: 42px; }
.contact .btnDiv .ico{ position: absolute; right: 0px; top: 0px; width: 42px; height: 42px; background: url(../images/nimg42_1.jpg) no-repeat;}
.contact .mapDiv .map{ width:813px;height:385px;}

.lyb{ overflow: hidden; }
.lyb .leftDiv{ width: 356px; margin-right: 65px; }
.lyb .title{ font-size: 24px; color: #fff; padding-bottom: 18px; position: relative; margin-bottom: 55px;}
.lyb .title em{ position: absolute; left: 0px; bottom: 0px; display: block; width: 80px; height: 1px; background: #fff; }
.lyb .msg{ font-size: 14px; line-height: 30px; }
.lyb .txt{ font-size: 18px; color: #ccc; padding: 50px 0 30px; }
.lyb .msgList li{ font-size: 14px; line-height: 24px; }
.lyb .midDiv{ width: 360px; margin-right: 70px; }
.lyb .rightDiv{ width: 349px;}
.lyb .ewm{ padding-top: 25px; }
.lyb .form{ padding-top: 10px; }
.lyb .form li{ margin-bottom: 16px;}
.lyb .form li .box{ height: 46px; position: relative; padding-left: 105px; border-bottom: #333 solid 1px; }
.lyb .form .li01 .box{ height: 150px; }
.lyb .form li .name{ position: absolute; left: 0px; top: 0px; font-size: 16px; color: #ccc; line-height: 46px;}
.lyb .form li .name img{ padding-right: 10px; }
.lyb .form li .input1{ width: 100%; height: 46px; line-height: 46px; overflow: hidden; font-size: 14px; }
.lyb .form li textarea{ width: 100%; padding-top: 10px; height: 140px; font-size: 14px; line-height: 28px;}
.lyb .btnGroup{ overflow: hidden; }
.lyb .btnGroup ul{ margin-right: -10px; }
.lyb .btnGroup li{ float: left; width: 50%; font-size: 16px;}
.lyb .btnGroup li div{ margin-right: 10px; }
.lyb .btnGroup li a{ display: block; width: 100%; height: 46px; line-height: 46px; text-align: center; background: #f2f2f2;}
.lyb .btnGroup li a:hover{ background: #3a983e; color: #fff; }

.knowledge{ padding-bottom: 40px; }
.knowledge .list li{ height: 200px; margin-bottom: 20px; background: #fff; position: relative; padding: 0 35px 0 360px; }
.knowledge .list li .imgDiv{ position: absolute; left: 0px; top: 0px; overflow: hidden;}
.knowledge .list li .name{ padding-top: 20px; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px;}
.knowledge .list li .name a{ color: #333; }
.knowledge .list li .name a:hover{ color: #3a983e; }
.knowledge .list li .content{ font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; padding-top: 15px; }
.knowledge .list li .more{ padding-top: 20px;}
.knowledge .list li .more a{ display: inline-block; height: 24px; border-bottom: #dedede solid 1px; font-size: 14px; color: #999; }
.knowledge .list li .more a:hover{ border-bottom: #3a983e solid 1px; color: #3a983e; }

.newShow{ padding-bottom: 40px; }
.newShow .name{ font-size: 24px; color: #fff; padding-bottom: 20px; }
.newShow .time{ border-bottom: #333 solid 1px; padding-bottom: 26px; }
.newShow .time em{ color: #999; padding-right: 40px; }
.newShow .content{ padding: 45px 0 30px; font-size: 14px; color: #999; line-height: 30px;}
.newShow .imgDiv{ padding-bottom: 35px; }
.newShow .content img{ max-width: 750px; }
.newShow .share{ position: relative; padding-left: 58px; overflow: hidden;}
.newShow .share em{ position: absolute; left: 0px; top: 0px; line-height: 27px; font-size: 14px;}
.newShow .share li{ width: 27px; height: 27px; margin-right:10px; float: left;}

.pageDown{height:120px; position:relative;}
.pageDown .box{ border-top:#333 solid 1px; padding-top:25px;}
.pageDown .btn{position:absolute; display:block; top:42px; right:0px; width:105px; height:40px; background:url(../images/btn1.jpg) no-repeat;; text-indent:20px; line-height:40px; color:#fff; font-size:16px;}
.pageDown li{ height:30px; line-height:30px; overflow:hidden; position:relative; font-size:14px;}
.pageDown li b{ color:#444;}

.sideNews .title{ font-size: 24px; color: #3a983e; padding-bottom: 25px; }
.sideNews .list li{ border-bottom: #333 solid 1px; background: #1a1a1a; margin-bottom: 30px; padding-bottom: 25px;}
.sideNews .list li .imgDiv img{ width: 100%; }
.sideNews .list li .name{ padding: 25px 28px 0; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; }
.sideNews .list li .name a{ color: #fff; }
.sideNews .list li .name a:hover{ text-decoration: underline; }
.sideNews .list li .content{ padding: 15px 28px 0; color: #999; font-size: 14px; line-height: 24px; height: 48px; overflow:  }
.sideNews .list li .time{ padding: 15px 28px 0; color: #5a5a5a; }

.newsLeft{ padding-left: 4%; width: 10%; }
.newsTab{ width: 58px; position: relative; padding-bottom: 20px;}
.newsTab .slick a{ color:#666; display:block; height:60px; font-size:24px;}
.newsTab .slick a.aNow{ color:#fff;}
/*.aboutTab .slick-prev{ display:block; width:20px; height:20px; background:url(../images/nimg9_left.png) center no-repeat; position:absolute; left:0px; top:50%; margin-top:-10px; z-index:22;}
*/
.newsTab .slick-next{ display:block; width:22px; height:12px; background:url(../images/nimg22_1.png) center no-repeat; position:absolute; left:18px; bottom:0; z-index:22;}

.newsList{ width: 86%; padding-bottom: 30px;}
.newsList li{ height: 278px; background: #ebebeb; padding: 0 56px 0 510px; position: relative; }
.newsList .li01{ background: #fff; }
.newsList li .imgDiv{ position: absolute; left: 0px; top: 0px; overflow: hidden;}
.newsList li .time{ padding: 35px 0; font-size: 18px; color: #333; }
.newsList li .name{ font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; }
.newsList li .name a{ color: #333; }
.newsList li .name a:hover{ color: #3a983e; }
.newsList li .content{ padding-top: 10px; height: 48px; line-height: 24px; overflow: hidden; font-size: 14px; }
.newsList li .more{ padding-top: 40px; font-size: 14px; }
.newsList li .more a{ color: #3a983e; }
.newsList li .more a:hover{ text-decoration: underline; }

.bigPicLayer1{ width:700px; height:526px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer1 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer1 .imgDiv{overflow: hidden;}
.bigPicLayer1 .imgDiv img{ width:700px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer1 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

.bigPicLayer2{ width:700px; height:527px; background:#fff; position:absolute; z-index:111; display:none;}

.bigPicLayer2 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer2 .imgDiv{overflow: hidden;}
.bigPicLayer2 .imgDiv img{ width:700px;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer2 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

.bigPicLayer3{ width:700px; height:526px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer3 .imgDiv{overflow: hidden;}
.bigPicLayer3 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer3 .imgDiv img{ width:700px;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer3 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }.bigPicLayer1{ width:700px; height:526px; background:#fff; position:absolute; z-index:111; display:none;}



.bigPicLayer1 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer1 .imgDiv{overflow: hidden;}
.bigPicLayer1 .imgDiv img{ width:700px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer1 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

.bigPicLayer2{ width:700px; height:527px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer2 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer2 .imgDiv{overflow: hidden;}
.bigPicLayer2 .imgDiv img{ width:700px;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer2 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

.bigPicLayer3{ width:700px; height:526px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer3 .imgDiv{overflow: hidden;}
.bigPicLayer3 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer3 .imgDiv img{ width:700px;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer3 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }{ width:700px; height:526px; background:#fff; position:absolute; z-index:111; display:none;}


.bigPicLayer1 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer1 .imgDiv{overflow: hidden;}
.bigPicLayer1 .imgDiv img{ width:700px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer1 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

.bigPicLayer2{ width:700px; height:527px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer2 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer2 .imgDiv{overflow: hidden;}
.bigPicLayer2 .imgDiv img{ width:700px;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer2 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

.bigPicLayer3{ width:700px; height:526px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer3 .imgDiv{overflow: hidden;}
.bigPicLayer3 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer3 .imgDiv img{ width:700px;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer3 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }


.bigPicLayer4{ width:700px; height:400px; background:#fff; position:absolute; z-index:111; display:none;}
.bigPicLayer4 .imgDiv{overflow: hidden;}
.bigPicLayer4 .close{ display:block; width:24px; height:24px; background:url(../images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
.bigPicLayer4 .imgDiv img{ width:700px;-webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.bigPicLayer4 .imgDiv:hover img{-webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }.bigPicLayer1{ width:700px; height:526px; background:#fff; position:absolute; z-index:111; display:none;}

.netMap .list li{ margin-bottom:10px;}
.netMap .list li .name{ font-weight:bold; color:#fff; padding-bottom:6px; font-size:14px;}
.netMap .list li .name a{ color:#fff; }
.netMap .list li .box{ border:#525050 solid 1px; overflow:hidden; padding:10px;}
.netMap .list li dd{ float:left; width:20%; height:28px; line-height:28px; font-size:14px;}
.netMap .list li dd a{ color:#fff;}




  /*.imgChange img
    {
    width:700px; height:400px;
    }*/


.bigLayer2{ position:absolute; width:960px; height:585px; background:#fff; z-index:15;display:none;}
.yzl{-webkit-animation: proRotate 0.3s ease-in-out 10ms alternate none 1;
    animation: proRotate 0.3s ease-in-out 10ms alternate none 1;}

	
.show-swiper{  width:960px; height:585px; z-index: 2; position: relative;}
.imgChange {  width:960px; height:585px; margin: 0 auto; text-align: center;}
.imgChange img{  width:960px; height:585px;}
.swiper-btn { }
.device .prevBtn { position:absolute; left:0px; top:50%; margin-top:-15px; background: url(../images/nimg17_left.png);}
.device .nextBtn { position:absolute; right:0px; top:50%; margin-top:-15px; background: url(../images/nimg17_right.png);}
.device .imgBtn { display: block; width: 17px; height: 30px; cursor: pointer;}

@-webkit-keyframes proRotate { 
    0%{-webkit-transform:perspective(2000px) rotateY(-60deg);} 
    100%{-webkit-transform:perspective(2000px) rotateY(0deg);} 
}
@keyframes proRotate { 
    0%{transform:perspective(2000px) rotateY(-60deg);} 
    100%{transform:perspective(2000px) rotateY(0deg);} 
}



.headD{ height:88px;}

























