﻿/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide { color: #fff; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 32px!important; } 
.ind-banner .swiper-pagination-bullet {width: 13px; height: 13px; opacity: 1; background: url(../images/ico1.png) center no-repeat; margin-left:12px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: url(../images/ico1on.png) center no-repeat!important; } 
.ind-banner .one{position: absolute; left: 50%; top:26%; margin-left: -600px;} 
.ind-banner .one .txt{font-size: 48px;color:#fff; line-height: 48px;} 
.ind-banner .one .msg{ font-size: 36px; color: #fff; padding-top: 40px; } 
.ind-banner .two{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -130px; font-family:thin;} 
.ind-banner .two .msg{  font-size: 18px; color: #37c3e3; border: #37c3e3 solid 2px; width: 166px; height: 28px; border-radius: 24px; -moz-border-radius: 24px; text-align: center; line-height: 28px;} 
.ind-banner .two .txt{ color: #f7f7f7; font-size: 72px; line-height: 72px; padding: 25px 0 10px;}
.ind-banner .two .txt em{ padding-right: 16px; }
.ind-banner .two .wen{ font-size: 30px; color: #f7f7f7;} 
.ind-banner .two .ico{ margin-top: 30px; display: block; width: 169px; height: 49px; background: url(../images/btn1.png) no-repeat center; text-indent: 32px; line-height: 48px; color: #fff; font-size: 18px;} 
.ind-banner .txt3{text-align: center; top:40vh; left: 0; right: 0;} 
.ind-banner .txt3 em{font-size: 20px;color: #283b59}
.ind-banner .swiper-button-prev{ left: 5%; margin-top: -44px; } 
.ind-banner .swiper-button-next{ right: 5%; margin-top: -44px; } 

.ind-banner .scrollBtn{ width:30px; height:44px; position:absolute; left:50%; bottom:60px; margin-left:-15px; z-index: 22;}
.ind-banner .scrollBtn a{ display:block; width:30px; height:44px;}

/*banner结束*/

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0px; bottom:12px; width:100%; text-align:center;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 6px; width:13px; height:13px; background:url(../images/ico1.png) no-repeat center; cursor:pointer; background-size: 10px;}
.indexFlashTel .slick-dots .slick-active{ background:url(../images/ico1on.png) no-repeat center; background-size: 10px;}

.indexTitle{ text-align: center; padding-bottom: 55px; position: relative;line-height:110px;}
.indexTitle .txt{ font-size: 36px; line-height: 36px; color: #000; position: relative; z-index: 2;}
.indexTitle .limg{ font-size:60px; color:#000; text-align: center; text-transform:uppercase; font-family:"微软雅黑"}

.indexPart1{ padding: 80px 0; }
.indexPart1 .box1{ padding-top: 40px; position: relative; overflow: hidden;}
.indexPart1 .box1 .imgDiv{ width: 320px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.indexPart1 .box1 .imgDiv:hover{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.indexPart1 .box1 .content{ width: 790px; padding-top: 30px; line-height: 24px; font-size: 14px; }
.indexPart1 .box1 .kouhao{ position: absolute; left: 373px; bottom: 53px; z-index: 1; letter-spacing: 10px; width: 845px; height: 124px; background: #fafafa; color: #000; font-size: 39px; text-align: center; line-height: 124px;}
.indexPart1 .box2{ overflow: hidden; position: relative;}
.indexPart1 .box2 .limg{ position: absolute; left: 110px; top: 55px; }
.indexPart1 .box2 .imgDiv{transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.indexPart1 .box2 .imgDiv:hover{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.indexPart1 .box2 .btnDiv{ position: absolute; left: 50%; bottom: 0px; margin-left: -70px; }
.indexPart1 .box2 .btnDiv a{ display: block; width: 140px; height: 0px; line-height: 42px; font-size: 14px; text-indent: 30px; color: #999; background: #f7f7f7 url(../images/nimg10_1.png) 106px center no-repeat; }
.indexPart1 .box2 .btnDiv a:hover{ color: #fff; background: #07a73c url(../images/nimg10_1on.png) 106px center no-repeat; }

.indexPart2{ padding: 80px 0 70px; background: #fafafa; }
.indexProduct{ padding-top: 70px; }
.indexProduct .slick{ margin: 0 27px; }
.indexProduct .slick.other{ padding-top: 73px; }
.indexProduct .slick .imgDiv img{ width: 100%; }
.indexProduct .slick .name{ padding-top: 38px; height: 30px; line-height: 30px; overflow: hidden; font-size: 24px; }
.indexProduct .slick .name a{ color: #333; display: block; }
.indexProduct .slick .type{ font-size: 16px; color: #999; padding-bottom: 45px; }
.indexProduct .slick .more{ font-size: 14px; }
.indexProduct .slick .more a{ display: block; width: 86px; color: #999; background:url(../images/nimg10_1.png) no-repeat right center;}
.indexProduct .slick-dots{text-align:center; padding-top:70px;}
.indexProduct .slick-dots li{display:inline-block; margin:0 15px; width:50px; height:3px; background:#dedede; cursor: pointer;}
.indexProduct .slick-dots .slick-active{background:#07a73c;}
.indexProduct .slick:hover .name a, .indexProduct .slick:hover .more a{ color: #07a73c; }
.indexPart2 .moreBtn{ text-align: center; padding-top: 78px; }
.indexPart2 .moreBtn a{ font-size: 14px; color: #999; }
.indexPart2 .moreBtn a:hover{ color: #07a73c; }

.indexPart3{ padding: 80px 0 70px; }

/*.indexPart3 .listBox{ height: 582px; position: relative; margin-top: 58px; }
.indexPart3 .listBox li{ position: absolute; }
.indexPart3 .listBox li .name{ position: absolute; left: 0px; bottom: 0px; width: 184px; height: 42px; background: #f7f7f7; padding-left: 16px; font-size: 14px; color: #666;}
.indexPart3 .listBox li .name p{ padding-left: 24px; background:url(../images/nimg12_1.png) no-repeat left center; line-height: 42px;overflow: hidden; }
.indexPart3 .listBox li .layerDiv{ width: 86%; height: 86%; background-color: rgba(7,167,60,0.8); position: absolute; left: 7%; top: 7%; text-align: center; display: none; }
.indexPart3 .listBox li .wen{ position: absolute; text-align: center; color: #fff; height: 30px; line-height: 30px; overflow: hidden; font-size: 22px; width: 100%; top: 37.5%; }
.indexPart3 .listBox li .ico{ position: absolute; left: 50%; margin-left: -11px; width: 22px; top: 64.5%; }  */
                                                                                                    .indexPart3 .listBox{ position: relative; padding-top: 58px; overflow:hidden; }
.indexPart3 .listBox ul{ margin-right:-24px;}
.indexPart3 .listBox li{ float:left; width:33.33%; margin-bottom:24px; }
.indexPart3 .listBox li .box{ margin-right:24px; position:relative;}
.indexPart3 .listBox li .name{ position: absolute; left: 0px; bottom: 0px; width: 184px; height: 42px; background: #f7f7f7; padding-left: 16px; font-size: 14px; color: #666;}
.indexPart3 .listBox li .name p{ padding-left: 24px; background:url(../images/nimg12_1.png) no-repeat left center; line-height: 42px;overflow: hidden; }
.indexPart3 .listBox li .layerDiv{ width: 86%; height: 86%;  position: absolute; left: 7%; top: 7%; text-align: center; display: none; }
.indexPart3 .listBox li .wen{ position: absolute; text-align: center; color: #fff; height: 30px; line-height: 30px; overflow: hidden; font-size: 22px; width: 100%; top: 37.5%; }
.indexPart3 .listBox li .ico{ position: absolute; left: 50%; margin-left: -11px; width: 22px; top: 64.5%; }


.indexPart3 .listBox .li01{ left: 0px; top: 187px; }
.indexPart3 .listBox .li02{ left: 267px; top: 0; }
.indexPart3 .listBox .li03{ left: 267px; top: 301px; }
.indexPart3 .listBox .li04{ right: 267px; top: 76px; }
.indexPart3 .listBox .li05{ right: 267px; bottom: 0; }
.indexPart3 .listBox .li06{ right: 0px; top: 187px; }
.indexPart3 .moreBtn{ text-align: center; padding-top: 36px; }
.indexPart3 .moreBtn a{ font-size: 14px; color: #999; }
.indexPart3 .moreBtn a:hover{ color: #07a73c; }

.indexPart3 .listTel{ padding-top: 25px; }
.indexPart3 .toutou{ position: relative; overflow: hidden; }
.indexPart3 .toutou li{ float: left; width: 55.5%; position: relative;}
.indexPart3 .toutou .li01{ position: absolute; right: 0px; bottom: 0px; width: 41.5%; }
.indexPart3 .toutou li .imgDiv img{ width:374px;height:281px; }
.indexPart3 .toutou li .name{ position: absolute; left: 0px; bottom: 0px; background: #f7f7f7; width: 100px; height: 30px;  padding-left: 10px; font-size: 12px;}
.indexPart3 .toutou li .name p{ line-height: 30px; }
.indexPart3 .botbot{ position: relative; overflow: hidden; padding-top: 10px; }
.indexPart3 .botbot li{ float: left; width: 41.5%; position: relative;}
.indexPart3 .botbot .li01{ float: right; width: 55.5%; }
.indexPart3 .botbot li .imgDiv img{ width: 100%; }
.indexPart3 .botbot li .name{ position: absolute; left: 0px; bottom: 0px; background: #f7f7f7; width: 100px; height: 30px;  padding-left: 10px; font-size: 12px;}
.indexPart3 .botbot li .name p{ line-height: 30px; }


.indexPart4{ padding: 75px 0; background: #fafafa; }
.indexPart4 .list{ margin-top: 60px; border-top: #dedede solid 1px;}
.indexPart4 .list li{ border-bottom: #dedede solid 1px; height: 189px; }
.indexPart4 .list li a{ display: block; height: 189px; padding-left: 320px; position: relative; -webkit-transition:background 400ms; transition:background 400ms;}
.indexPart4 .list li .imgDiv{ position: absolute; left: 40px; top: 30px; }
.indexPart4 .list li .imgDiv img{ width:232px; height:130px;}
.indexPart4 .list li .time{ font-size: 18px; color: #333; padding-top: 30px; }
.indexPart4 .list li .name{ padding-top: 15px; font-size: 24px; color: #333; overflow: hidden; height: 30px; line-height: 30px; }
.indexPart4 .list li .content{ font-size: 14px; color: #666; line-height: 24px; height: 48px; padding-top: 15px; }
.indexPart4 .list li:hover a{ background: #f4f4f4; }
.indexPart4 .moreBtn{ text-align: center; padding-top: 45px; }
.indexPart4 .moreBtn a{ font-size: 14px; color: #999; }
.indexPart4 .moreBtn a:hover{ color: #06a73c; }

.proSearch{ border: #dedede solid 1px; width: 270px; height: 46px; position: relative; margin-bottom: 48px; }
.proSearch .input1{ padding-left: 20px; width: 200px; height: 46px; line-height: 46px; font-size: 14px;	}
.proSearch .btn1{ position: absolute; right: 0px; top: 0px; width: 50px; height: 46px; background:#ebebeb url(../images/nimg16_1.png) no-repeat center;}

.proLeft .txt{ font-size: 24px; color: #333; }
.proLeft .list{ padding-top: 45px; width: 175px; }
.proLeft .list li{ margin-bottom: 18px; font-size: 18px;}
.proLeft .list li a{ display: block; height: 38px; line-height: 38px; border-bottom: #fff solid 2px; color: #333;}
.proLeft .list li a:hover, .proLeft .list li .aNow{ border-bottom: #06a73c solid 2px; color: #06a73c; }

.product{ padding-bottom: 5px; }
.product ul{ margin-right: -48px; }
.product li{ float: left; width: 50%; margin-bottom: 48px;}
.product li .box{ margin-right: 48px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; }
.product li .imgDiv img{ height:256px;overflow:hidden; }
.product li .botDiv{ padding: 0 20px; height: 100px; background: #ebebeb; }
.product li .name{ padding-top: 22px; height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #333; }
.product li .type{ font-size: 16px; color: #999; padding-top: 5px; }
.product li .box:hover{ -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);}
.product li .box:hover .botDiv{ background: #06a73c; }
.product li .box:hover .name, .product li .box:hover .type{ color: #fff; }

.productPart1{ position: relative; overflow: hidden;}
.productPart1 .bigImg{ width: 540px; }
.productPart1 .conBox{ width: 622px; }
.productPart1 .type{ padding-top: 30px; font-size: 24px; color: #333; }
.productPart1 .txt{ padding-top: 12px; color: #999; font-size: 16px; }
.productPart1 .name{ font-size: 24px; color: #999; padding-top: 30px; }
.productPart1 .rightBot{ position: absolute; right: 0px; bottom: 0px; width: 622px;}
.productPart1 .prev{position:absolute; left:0px; bottom:0px; display:block; width:45px; height:110px; background:url(../images/nimg45_left.jpg) left top no-repeat;}
.productPart1 .next{position:absolute; right:0px; bottom:0px; display:block; width:45px; height:110px; background:url(../images/nimg45_right.jpg) left top no-repeat;}
.productPart1 .prev:hover{ background:url(../images/nimg45_lefton.jpg) left top no-repeat; }
.productPart1 .next:hover{ background:url(../images/nimg45_righton.jpg) left top no-repeat; }
.productPart1 .list{width:528px; overflow:hidden; position:relative; margin:0 auto;}
.productPart1 ul{width:2000%;}
.productPart1 li{float:left; width:172px; height:110px; overflow:hidden; margin:0 2px;}
.productPart1 li img{ width:172px; height:110px;}

.productPart2{ padding-top: 70px; }
.productPart2 .tab2{ overflow: hidden; border-bottom: #dedede solid 1px; }
.productPart2 .tab2 li{ float: left; font-size: 24px; color: #333; width: 152px; margin-right: 58px; position: relative; height: 40px; line-height: 24px;}
.productPart2 .tab2 li:after{ content: ''; display: none; width: 100%; height: 2px; background: #06a73c; position: absolute; left: 0px; bottom: 0px; }
.productPart2 .tab2 .liNow{ color: #06a73c; }
.productPart2 .tab2 .liNow:after{ display: block; }
.productPart2 .box1{ padding-top: 95px; }
.productPart2 .box2{ padding: 30px 0 0 13px; }
.productPart2 .box2 li{ margin-bottom: 25px; font-size: 14px; padding-left: 18px; background:url(../images/nimg8_1.png) left 5px no-repeat;}
.productPart2 .box3{ padding-top: 70px; }
.productPart2 .box4{ padding-top: 45px; }
.productPart2 .box4 th{ height: 60px; background: #e6e9ec; font-size: 18px; color: #333; font-weight: 400;}
.productPart2 .box4 th.other{ background: #f4f4f4; }
.productPart2 .box4 td{ height: 62px; border-bottom: #dedede solid 1px; text-align: center; line-height: 62px; font-size: 18px; color: #333; }

.productPic{ position:relative; padding-bottom:20px;}
.productPic .agentlist{ padding:10px 20px;}
.productPic .agentlist .slick-slide{float:left; margin:0 3px;}
.productPic .slick-slide .ico{ border:#fff solid 1px;}
.productPic .slick-slide img{ width:100%;}
.productPic .agentlist .slick-current .ico{ border:#06a73c solid 1px;}
.productPic .slick-prev{ cursor:pointer; position:absolute; background:url(../images/nimg9_left.png) no-repeat left center; width:9px; height:16px; top:50%; margin-top:-8px; left:0px; z-index:22}
.productPic .slick-next{ cursor:pointer; background: url(../images/nimg9_right.png) no-repeat right center; width: 9px; height: 16px; position: absolute; top:50%; margin-top:-8px; right: 0px; z-index:22}
.productPic .slider-for .box{ position:relative;}
.productPic .slider-for .imgDiv{ border:#ececec solid 1px;}
.productPic .slider-for .imgDiv img{ width:100%;}

.productPart1Tel .type{ padding-top: 5px; font-size: 18px; color: #333; }
.productPart1Tel .txt{ padding-top: 10px; color: #999; font-size: 14px; }
.productPart1Tel .name{ font-size: 18px; color: #999; padding-top: 20px; }

.scenario{ padding: 65px 0 20px; }
.scenario .list ul{ margin-right: -38px; }
.scenario .list li{ float: left; width: 33.33%; margin-bottom: 40px; }
.scenario .list li .box{ margin-right: 38px; background: #f7f7f7; }
.scenario .list li .imgDiv img{ width: 374px;height:281px; }
.scenario .list li .name{ padding-left: 18px; height: 80px; line-height: 80px; overflow: hidden; font-size: 18px; color: #666;}
.scenario .list li .name p{ padding-left: 25px; background: url(../images/nimg12_1.png) no-repeat left center; }
.scenario .list li:hover .name{ color: #06a73c; }

.about{ padding-top: 65px; }
.about .leftDiv{ width: 750px; }
.about .txt{ font-size: 60px; color: #333; text-transform: uppercase; line-height: 60px; padding-bottom: 20px; }
.about .name{ font-size: 24px; color: #333; padding-bottom: 45px; }
.about .contentBox{ background: #f4f4f4; padding: 40px 42px 57px; }
.about .content{ font-size: 14px; line-height: 24px; }
.about .msg{ padding-top: 30px; font-size: 18px; color: #333; }

.culture{ padding-top: 65px; }
.culture .part1{ overflow: hidden; }
.culture .leftCon{ width: 435px; padding-top: 40px; }
.culture .txt{ font-size: 24px; color: #333; padding-bottom: 40px; }
.culture .content{ font-size: 14px; line-height: 24px; }
.culture .part2{ padding-top: 40px; }
.culture .part2 ul{ margin-right: -40px; }
.culture .part2 li{ float: left; width: 33.33%; margin-bottom: 40px; }
.culture .part2 .li01{ width: 66.66%; }
.culture .part2 li .box{ margin-right: 40px; background: #f4f4f4; height: 165px; padding: 0 40px; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.culture .part2 li .wen{ padding-top: 30px; color: #333; font-size: 18px; }
.culture .part2 li .msg{ padding-top: 25px; font-size: 14px; line-height: 24px; }
.culture .part2 li .msg em{ padding-left: 48px; }
.culture .part2 li .msg span{ display: block; padding-top: 10px; }
.culture .part2 li .box:hover{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}

.history{ padding-top: 65px; }
.history .mxfDiv{ padding: 35px 100px 0; position: relative; }
.history .mxfDiv .wen{ text-align: right; color: #f0f0f0; font-size: 48px; line-height: 48px; padding-bottom: 30px; text-transform: uppercase; }
.history .mxfDiv .yearDiv{ position: absolute; left: 0px; top: 0px; width: 140px; z-index: 2;}
.history .mxfDiv .bigRound{ width: 140px; height: 140px; background: #333; color: #fff; border-radius: 50%; -moz-border-radius:50%; }
.history .mxfDiv .bigRound .num{ text-align: center; font-size: 48px; line-height: 48px; padding-top: 40px; }
.history .mxfDiv .bigRound p{ font-size: 24px; line-height: 24px; text-transform: uppercase; padding: 5px 0 0 18px; }
.history .mxfDiv .littleRound{ background: #06a73c;  border-radius: 50%; -moz-border-radius:50%; width: 32px; height: 32px; position: absolute; right: 7px; top: 0px;}
.history .mxfDiv .content{ font-size: 14px; line-height: 24px; background: #fafafa; padding: 40px 132px;}
.history .tab{ margin-top: 60px; position: relative;}
.history .tab:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 14px; background: #f0f0f0; border-radius: 8px; -moz-border-radius: 8px;}
.history .tab li{ position: relative; float: left; width: 16.66%; padding-top: 42px; color: #333; font-size: 24px; text-align: center; }
.history .tab li:before{ content: ''; display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 14px; background: #06a73c; border-radius: 8px; -moz-border-radius: 8px;}
.history .tab .liNow:before{ display: block; }

.network{ padding-top: 65px; }
.network .imgDiv{ padding-bottom: 60px; }
.network .txt{ text-align: center; font-size: 24px; color: #333; height: 60px; position: relative; }
.network .txt:after{ content: ''; bottom: 0px; position: absolute; left: 50%; margin-left: -25px; width: 50px; height: 4px; background: #23ca5b; border-radius: 8px; -moz-border-radius: 8px; }
.network .tel{ text-align: center; padding-top: 45px; font-size: 48px; background: linear-gradient(to right, #14863a, #06a73c);
    -webkit-background-clip: text;
    color: transparent;}

.honor{ padding: 65px 0 50px; }
.honor .list li{ float: left; width: 25%; }
.honor .list li .box{ height: 417px; background: #f2f2f2; padding: 0 38px; }
.honor .list .li01 .box{ background: #f8f8f8; }
.honor .list li .imgDiv{ padding-top: 38px; }
.honor .list li .imgDiv img{ width: 100%; }
.honor .list li .name{ height: 64px; line-height: 64px; text-align: center; font-size: 18px; color: #333; }

.letter{ padding-top: 65px; }
.letter .contentBox{ padding: 60px 50px; background: #f8f8f8; }
.letter .txt{ font-size: 30px; color: #333; padding-bottom: 50px; text-align: center; }
.letter .content{ font-size: 14px; line-height: 24px; }

.aftersales{ padding-top: 65px; }
.aftersales .contentBox{ padding: 65px 58px; background: #f8f8f8; overflow: hidden; }
.aftersales .leftDiv{ width: 572px; }
.aftersales .rightImg{ padding-top: 65px; }
.aftersales .txt{ font-size: 22px; padding-bottom: 25px; }
.aftersales .form li{ margin-bottom: 25px; }
.aftersales .form li .box{ padding-left: 86px; border-bottom: #dedede solid 1px; height: 54px; position: relative;}
.aftersales .form .li01 .box{ height: 190px; }
.aftersales .form li .wen{ position: absolute; left: 0px; top: 0px; line-height: 54px; font-size: 16px; }
.aftersales .form li .input1{ width: 100%; height: 54px; line-height: 54px; font-size: 14px; }
.aftersales .form li textarea{ width: 100%; height: 190px; }
.aftersales .btnDiv{ padding-top: 25px; }
.aftersales .btnDiv a{ display: block; font-size: 16px; width: 224px; height: 60px; text-align: center; line-height: 60px; color: #fff; background: #07a73c; border-radius: 30px; -moz-border-radius: 30px; }

.news{ padding: 65px 0 50px;}
.news .list{ border-top: #dedede solid 1px;}
.news .list li{ border-bottom: #dedede solid 1px; height: 189px; }
.news .list li a{ display: block; height: 189px; padding-left: 320px; position: relative; -webkit-transition:background 400ms; transition:background 400ms;}
.news .list li .imgDiv{ position: absolute; left: 40px; top: 30px; }
.news .list li .time{ font-size: 18px; color: #333; padding-top: 30px; }
.news .list li .name{ padding-top: 15px; font-size: 24px; color: #333; overflow: hidden; height: 30px; line-height: 30px; }
.news .list li .content{ font-size: 14px; color: #666; line-height: 24px; height: 48px; padding-top: 15px; }
.news .list li:hover a{ background: #f4f4f4; }

.newsBox .touDiv{ background: #f4f4f4; padding: 70px 0 30px; }
.newsBox .touDiv .name{ font-size: 30px; color: #333; padding-bottom: 25px; }
.newsBox .touDiv .tjDiv{ height: 40px; position: relative; }
.newsBox .touDiv .time{ line-height: 40px; font-size: 16px; color: #999; }
.newsBox .touDiv .time em{ padding-right: 30px; }
.newsBox .touDiv .share{ position: absolute; right: 0px; top: 0px; padding-left: 58px;}
.newsBox .touDiv .share em{ font-size: 14px; position: absolute; left: 0px; top: 0px; line-height: 40px; }
.newsBox .touDiv .share li{ float: left; margin-left: 11px; }
.newsBox .botDiv{ padding: 60px 0 80px; }
.newsBox .botDiv .content{ font-size: 14px; line-height: 30px; }
.newsBox .botDiv .imgDiv{ padding: 30px 0; }
.newsBox .botDiv .content img{ max-width: 740px; }

.sideNews .title{ background: #07b043; text-align: center; font-size: 24px; color: #f4f4f4; height: 120px; line-height: 120px; }
.sideNews .list{ padding-top: 10px; }
.sideNews .list li{ border-bottom: #dedede solid 1px; }
.sideNews .list li a{ display: block; padding: 40px 30px;transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.sideNews .list li .name{ line-height: 30px; font-size: 18px; color: #333; height: 60px; overflow: hidden; }
.sideNews .list li .content{ line-height: 30px; color: #666; height: 60px; overflow: hidden; font-size: 14px; padding-top: 15px; }
.sideNews .list li .time{ font-size: 14px; color: #999; padding-top: 15px; }
.sideNews .list li:hover{ border-bottom: #fff solid 1px; }
.sideNews .list li:hover a{-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);}

.pageDown{ position:relative; padding-bottom: 25px;}
.pageDown .box{ border-top:#ddd dashed 1px; padding-top:45px;}
.pageDown .btn{position:absolute; display:block; top:74px; right:0px; width:128px; height:48px; background:url(../images/btn1.png) center no-repeat; text-indent:33px; line-height:48px; color:#fff; font-size:16px;}
.pageDown .btn:hover{ background:url(../images/btn1on.png) no-repeat;}
.pageDown li{ height:46px; line-height:46px; overflow:hidden; position:relative; font-size:18px;}
.pageDown li b{ color:#333;}

.contact{ padding: 35px 0 100px; }
.contact .name{ text-align: center; font-size: 30px; color: #333; }
.contact .wen{ font-size: 16px; text-align: center; }
.contact .mxfDiv{ padding-top: 130px; overflow: hidden; }
.contact .leftDiv{ width: 428px; margin-right: 112px; }
.contact .midDiv{ width: 278px; }
.contact .rightDiv{ width: 282px; }
.contact .title{ height: 52px; border-bottom: #dedede solid 1px; color: #333; font-size: 24px; }
.contact .title em{ padding-left: 25px;}
.contact .msgList{ padding-top: 45px; }
.contact .msgList li{ line-height: 48px; color: #333; font-size: 18px; }
.contact .btnDiv{ padding-top: 35px; }
.contact .btnDiv a{ display: block; width: 224px; height: 60px; color: #fff; font-size: 16px; text-align: center; line-height: 60px; background: #07a73c; border-radius: 28px; -moz-border-radius: 28px; }
.contact .ewm{ padding-top: 66px; }
.contact .btnGroup{ padding-top: 66px; }
.contact .btnGroup li{ margin-bottom: 30px; }
.contact .btnGroup li a{ display: block; width: 222px; height: 58px; line-height: 58px; border: #ececec solid 1px; font-size: 16px; text-indent: 92px; background: #fafafa url(../images/nimg22_3.png) 45px center no-repeat; border-radius: 28px; -moz-border-radius: 28px; }
.contact .btnGroup li a:hover{ border: #07a73c solid 1px; color: #fff; background: #07a73c url(../images/nimg22_3on.png) 45px center no-repeat;}

.scenarioBox .touDiv{ background: #f4f4f4; padding: 70px 0; }
.scenarioBox .touDiv .name{ font-size: 30px; color: #333; }
.scenarioBox .botDiv{ padding: 60px 0 80px; }
.scenarioBox .part1{ padding-bottom: 75px; overflow: hidden; }
.scenarioBox .leftDiv{ width: 350px; }
.scenarioBox .txt{ font-size: 24px; color: #333; padding-bottom: 20px; }
.scenarioBox .content{ font-size: 14px; line-height: 24px; }
.scenarioBox .title{ font-size: 24px; color: #333; padding-bottom: 56px; }
.scenarioBox .list ul{ margin-right: -60px; }
.scenarioBox .list li{ float: left; width: 33.33%; }
.scenarioBox .list li .box{ margin-right: 60px; }
.scenarioBox .list li .imgDiv img{ width: 100%; }
.scenarioBox .list li .wen{ padding: 38px 0 15px; color: #07a73c; font-size: 14px; }
.scenarioBox .list li .name{ font-size: 18px; color: #333; height: 28px; line-height: 28px; overflow: hidden; }
.scenarioBox .list li .type{ font-size: 16px; color: #999; }
.scenarioBox .list li:hover .name{ color: #07a73c; }

.scenarioBox .rightDiv{ width: 660px; overflow: hidden;}

.economic{ position: relative; width: 770px;}
.economic .swiper-slide .container{ display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column;}
.economic .swiper-slide .container{  justify-content: center; -webkit-justify-content: center;}
.economic .swiper-slide { min-height: 413px; position: relative; }
.economic .swiper-slide .img { width: 550px;  position: relative; opacity:0.8;}
.economic .swiper-slide .img img{ width: 660px;height: 513px; }
.economic a.arrow { display: block; width: 11px; height: 20px; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; margin-top: -10px; background: center no-repeat; }
.economic a.arrow.prev { left: 18px; background-image: url("../images/nimg11_left.png"); }
.economic a.arrow.next { right:129px; background-image: url("../images/nimg11_right.png"); }
.economic .list { /* width: 1130px; */ position: relative; /* left: 37%; */ }
.economic .swiper-slide img { position: relative;}
.economic .swiper-slide-active .img {width: 550px; opacity: 1;}

.scenarioBox .ewmDiv .msgList li{  font-size: 15px; line-height: 26px; }
.visionLayer{ width:760px; height:506px; background:#fff; position:absolute; z-index:111; display:none;}
.visionLayer .close{ display:block; width:26px; height:25px; background:url(../images/close2.png) no-repeat; right:20px; top:20px; position:absolute; z-index:222;}
.visionLayer .imgDiv{ padding-top:60px; text-align:center;max-height: 100%;height: 100%;}
.visionLayer .imgDiv img{ height:100%;height: calc(100% - 120px );}
.returnBtn{ padding-top:50px;}
.returnBtn a{ display:block; width:120px; height:40px; background:#07A73C url(../images/nimg24_1.png) 70px center no-repeat;; font-size:16px; text-indent:25px; line-height:40px; color:#fff;}
















































