*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{ border: none \9; display: inline-block;}
::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #F5F5F5;}
::-webkit-scrollbar-track{ border-radius: 10px; background-color: #E2E2E2;}
::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555;}
.row{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.rows{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.clearfix:after,.clear{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}

/*@font-face{ font-family: 'PINGFANG REGULAR';src: url('../fonts/PINGFANG REGULAR.TTF');font-weight: normal; font-style: normal;}*/

.tywidth{ width: 1200px; margin: 0 auto;}
.more_topic{ width: 1200px; margin: 80px auto 35px; text-align: center;}
.more_topic h3{ color: #333; font-weight: bold; font-size: 36px; line-height: 36px; margin-bottom: 13px;}
.more_topic h3 i{ color: #48b035; font-weight: bold;}
.more_topic h4{ color: #666; font-size: 18px; line-height: 18px;}

/*header*/

.header{ font-size: 0; border-top: 2px solid #48b035;}
.header .header_slogan{ height: 130px; padding-top: 25px;}
.header .header_slogan .hr{ width: 1px; height: 75px; background: #DDDDDD; margin: 6px 45px 0;}
.header .header_slogan .text .t1{ font-size: 21px; color: #666666; letter-spacing: 4px;}
.header .header_slogan .text .t2{ height: 28px; line-height: 28px; font-size: 26px; color: #333; font-weight: bold; margin-top: 15px; letter-spacing: 10px; display: inline-block;}
.header .header_slogan .right>div{ display: inline-block; vertical-align: middle; margin-top: 20px;}
.header .header_slogan .right .texts{margin-left: 10px;}
.header .header_slogan .right .texts .te1{color: #333333;font-size: 15px;}
.header .header_slogan .right .texts .te2{color: #333333;font-size: 32px;font-weight: bold;letter-spacing: 2px;margin-top: 2px;}
.header .header_slogan .right .phones{ line-height: 0; -webkit-animation: msClock 1.3s linear infinite;animation: msClock 1.3s linear infinite;}
.header .nav{ border-top: 2px solid #1B1B1B;}
.header .nav .nav-content{ padding: 11px 0; height: 56px;}
.header .nav .nav-content nav .xz{ position: relative; text-align: center; display: inline-block; vertical-align: top; margin-right: 55px;}
.header .nav .nav-content nav .xz:last-child{margin-right: 0;}
.header .nav .nav-content nav .xz a{ display: block; padding: 0 30px; height: 34px; line-height: 34px; color: #333; font-size: 16px;}
.header .nav .nav-content nav .xz.on a,.header .nav .nav-content nav .xz:hover a{background: #333;color: #fff;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; z-index: 999; width: 100%; background: #fff; border: 1px solid #eee;}
.header .nav .nav-content nav .xz ul li{ font-size: 15px; color: #333; line-height: 15px;}
.header .nav .nav-content nav .xz ul li:first-child{ margin-top: 0;}
.header .nav .nav-content nav .xz ul li:hover{ color: #fff;}
.header .nav .nav-content nav .xz ul li:hover{ background: -webkit-linear-gradient(left, #ccc, #ccc) no-repeat; background: linear-gradient(to right, #ccc, #ccc) no-repeat; background-size: 100% 100%;}
.header .nav .nav-content nav .xz ul li i{ line-height: 20px; padding: 10px 0; display: block; background: -webkit-linear-gradient(left, #48b035, #48b035) no-repeat; background: linear-gradient(to right, #48b035, #48b035) no-repeat; background-size: 0% 100%; -webkit-transition: all .5s; transition: all .5s;}
.header .nav .nav-content nav .xz ul li i:hover{ background: -webkit-linear-gradient(left, #48b035, #48b035) no-repeat; background: linear-gradient(to right, #48b035, #48b035) no-repeat; background-size: 100% 100%;}

/*banner*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 1;}
.slideBox .hd ul li{display: inline-block; vertical-align: top;margin-right: 20px; cursor: pointer; width: 15px; height: 15px; border-radius: 50%; margin-bottom: 15px; background: #ccc; transition: all .3s;}
.slideBox .hd ul li.on{ background: #48b035;}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*search*/

.search{ font-size: 0; height: 70px; line-height: 70px; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.search-content>div{ display: inline-block;vertical-align: top;}
.search-keywords span{ color: #333; font-size: 14px; font-weight: bold; margin-right: 5px; border-left: 3px solid #48b035; padding-left: 10px;}
.search-keywords span img{ vertical-align: middle; margin: -5px 10px 0 0;}
.search-keywords a{ color: #666; font-size: 14px;}
.search-keywords a:hover{ color: #48b035;}
.search-keywords i{ margin: 0 10px; color: #666; font-size: 14px;}
.search-form{ float: right;}
#searchForm{ margin-top: 25px; background: url(../images/search.png)no-repeat right center; width: 220px; height: 24px; display: inline-block; vertical-align: top; text-indent: 10px;}
#searchForm>input{ background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #999;}
#searchForm .search-input{ height: 24px; line-height: 24px; width: 80%;}
.search-form #s_btn{ width: 24px; height: 24px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{ color: #999;}
#searchForm .search-input:-moz-placeholder{ color: #999;}
#searchForm .search-input::-moz-placeholder{ color: #999;}
#searchForm .search-input:-ms-input-placeholder{ color: #999;}

/*solution*/

.solution .bd{ width: 800px; height: 500px; overflow: hidden;}
.solution .bd ul li .pic{ width: 100%; height: 500px; overflow: hidden;}
.solution .bd ul li .pic img{ width: 100%; transition: all .8s;}
.solution .bd ul li:hover .pic img{ transform: scale(1.1);}
.solution .hd{ position: relative; z-index: 2; width: 420px; height: 500px; padding: 15px 0; overflow: hidden; margin-left: -20px; font-size: 0;}
.solution .hd:before{ content: ""; background-color: rgb(51, 51, 51); position: absolute; right: 0; top: 0; width: 358px; height: 2px; z-index: 1;}
.solution .hd:after{ content: ""; background-color: rgb(51, 51, 51); position: absolute; right: 0; bottom: 0; width: 358px; height: 2px; z-index: 1;}
.solution .hd ul li{ cursor: pointer; height: 98px; padding: 19px 19px 0 60px; overflow: hidden; margin-bottom: 26px;}
.solution .hd ul li>div{ display: inline-block; vertical-align: top;}
.solution .hd ul li .icon{ margin-right: 10px; border-radius: 50%; background-color: rgb(51, 51, 51); color: #fff; font-size: 18px; width: 32px; height: 32px; text-align: center; line-height: 32px;}
.solution .hd ul li .by p{ color: #333; font-size: 18px; line-height: 18px; font-weight: bold; margin-bottom: 10px;}
.solution .hd ul li .by .text{ width: 170px; color: #666; font-size: 14px; line-height: 18px;}
.solution .hd ul li.on{ background: #48b035;}
.solution .hd ul li.on p,.solution .hd ul li.on .text{ color: #fff;}

/*product*/

.product{ background: url(../images/cpbg.png) center; width: 100%;/*height: 1033px;*/
	padding-top: 70px; margin-top: 70px; padding-bottom: 66px; font-size: 0; overflow: hidden;}
.product .nr .pro-left{ width: 250px;margin-right: 30px;}
.product .nr .pro-left .top{ width: 100%; height: 120px; text-align: center; background: #333; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.product .nr .pro-left .top h3{ padding: 25px 0 15px; font-weight: bold; color: #fff; font-size: 38px; line-height: 38px;}
.product .nr .pro-left .top h4 i{ display: inline-block; vertical-align: middle; margin: 0 10px; color: #fff; font-size: 22px; line-height: 22px;}
.product .nr .pro-left .top h4 em{ display: inline-block; vertical-align: middle;width: 32px; height: 1px; background: #fff;}
.product .nr .pro-left .sideMenu{ margin: 15px 0;}
.product .nr .pro-left .sideMenu p{ width: 100%; height: 60px; line-height: 60px; background: #48b035; overflow: hidden;}
.product .nr .pro-left .sideMenu p a{ display: block; padding: 0 22px 0 25px; color: #fff; font-size: 18px;}
.product .nr .pro-left .sideMenu p a i{ margin-top: 30px; float: right; background-color: rgb(255, 255, 255); width: 21px; height: 1px;}
.product .nr .pro-left .sideMenu ul{ background: #fff; padding: 24px 0 30px 0;}
.product .nr .pro-left .sideMenu ul li{ margin-bottom: 15px; color: #333; font-size: 16px; cursor: pointer; padding-left: 38px;}
.product .nr .pro-left .sideMenu ul li i{ background: url(../images/cpfk.png)no-repeat; width: 8px; height: 10px; display: inline-block; vertical-align: middle; margin-right: 10px; opacity: 0;}
.product .nr .pro-left .sideMenu ul li:hover{ color: #48b035;}
.product .nr .pro-left .sideMenu ul li:hover i{ opacity: 1;}
/*.product .nr .pro-left .sideMenu ul li:last-child{ margin-bottom: 0;}*/
.product .nr .pro-left .bottom{ width: 100%; height: 134px; padding-top: 27px; text-align: center; background: #333; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.product .nr .pro-left .bottom .icon{ line-height: 0;margin-right: 20px;}
.product .nr .pro-left .bottom>div{ display: inline-block; vertical-align: middle;}
.product .nr .pro-left .bottom .phone b{ display: block; color: #fff; font-size: 16px; line-height: 16px; margin-bottom: 17px;}
.product .nr .pro-left .bottom .phone p{ color: #48b035; line-height: 20px; font-size: 20px; font-family: impact; margin-bottom: 7px;}
.product .nr .right{ width: 920px;}
.product .nr .right .top{ width: 920px; height: 466px; border-radius: 10px;}
.product .nr .right .top .text{ padding: 75px 0 0 70px; width: 440px;}
.product .nr .right .top .text dt{ color: #333; font-size: 30px; line-height: 30px; font-weight: bold;}
.product .nr .right .top .text dt:after{ content: ""; display: block; margin: 25px 0; width: 50px; height: 1px; background: #48b035;}
.product .nr .right .top .text dl dd{ margin-bottom: 15px; color: #333; font-size: 16px; line-height: 16px;}
.product .nr .right .top .text ol{ margin-top: 40px;}
.product .nr .right .top .text ol li{ display: inline-block; vertical-align: top; text-align: center; margin-right: 60px;margin-bottom: 25px;}
.product .nr .right .top .text ol li:nth-child(3n){ margin-right: 0;}
.product .nr .right .top .text ol li .icon span{ background-color: #48b035; position: absolute; animation: boths 2s linear infinite; right: 12px; top: -3px; width: 10px; height: 10px; border-radius: 50%; opacity: 0.9;}
.product .nr .right .top .text ol li .icon{ position: relative; height: 32px; line-height: 0;margin-bottom: 15px;}
.product .nr .right .top .text ol li p{ line-height: 16px; color: #333; font-size: 16px;}
.product .nr .right .bottom dl dd{ border-radius: 5px; display: inline-block; vertical-align: top; background: #fff; width: 300px; height: 307px; overflow: hidden; text-align: center;}
.product .nr .right .bottom dl dd+dd{ margin-left: 10px;}
.product .nr .right .bottom dl dd .pic{ width: 100%; height: 270px; overflow: hidden;}
.product .nr .right .bottom dl dd .pic img{ width: 100%; transition: all .8s;}
.product .nr .right .bottom dl dd:hover .pic img{ transform: scale(1.1);}
.product .nr .right .bottom dl dd .mc{ line-height: 16px; color: #333; font-size: 16px;}
.product .nr .right .bottom dl dd:hover .mc{ color: #48b035;}

/*model1*/

.model1{ background: url(../images/model1bg.png)no-repeat center; width: 100%; height: 746px; overflow: hidden; padding-top: 70px;}
.model1 .right{ float: right; padding-left: 40px; font-size: 0; width: 664px;}
.model1 .right dt{ height: 84px; border-left: 8px solid #fff; padding-left: 30px; font-size: 26px; color: #fff; line-height: 60px; margin-bottom: 46px;}
.model1 .right dt b{ display: block; font-size: 40px; line-height: 40px; font-weight: bold;}
.model1 .right dl{ padding: 40px 0; height: 256px;}
.model1 .right dl dd{ display: inline-block; vertical-align: top;margin-bottom: 40px;}
.model1 .right dl dd>div{ display: inline-block; vertical-align: top;}
.model1 .right dl dd .icon{ width: 64px; margin-right: 20px;}
.model1 .right dl dd .by p{ font-size: 22px; line-height: 22px; font-weight: bold; color: #fff;}
.model1 .right dl dd .by p i{ margin-left: 15px; font-size: 18px; line-height: 18px; color: #fff;}
.model1 .right dl dd .by span{ margin-top: 20px; display: block; font-size: 16px; line-height: 16px; color: #fff;}
.model1 .right dl dd:nth-child(2n){ margin-left: 42px;}
.model1 .nr .video{ width: 1020px; height: 290px; margin-left: -40px; line-height: 290px; text-align: center; overflow: hidden; cursor: pointer;}
.model1 .nr .video video{ width: 100%; height: 100%;}

/*model2*/

.model2{ height: 601px;overflow: hidden;}
.poster-main{ position: relative;margin: 40px auto 0;}
.poster-main a,.poster-main img{ display: block; width: 100%; height: 100%;}
.poster-main img{ width: 100%; height: 100%;}
.poster-main .poster-list{ width: 1200px; height: 372px;}
.poster-main .poster-list .poster-item{ position: absolute; left: 0; top: 0;}
.poster-main:after{ content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: rgba(255, 255, 255, 0.5);}
.poster-main .poster-list .poster-item-titles{background: url(../images/model2bs.png)no-repeat center; width: 55px; height: 71px; line-height: 85px; color: #fff; font-size: 22px; text-align: center; position: absolute; right: 40px; top: -10px;}
.poster-main .poster-list .poster-item-titlex{ position: absolute;width: 100%; height: 62px; line-height: 62px; overflow: hidden; text-align: center; background: url(../images/model2hr.png)no-repeat center #48b035; left: 50%; transform: translateX(-50%);}
.poster-main .poster-list .poster-item-titlex span{ font-size: 18px; color: #fff;}
.poster-main .poster-btn{ position: absolute; top: 160px; cursor: pointer; width: 50px!important;height: 40px!important;transition: all .3s ease;}
.poster-main .poster-prev-btn{ left: -70px; background: url(../images/model2btn1.png)no-repeat center #48b035;}
.poster-main .poster-next-btn{ right: -70px; background: url(../images/model2btn2.png)no-repeat center #494949;}
.poster-main .poster-prev-btn:hover{ background: url(../images/model2btn1.png)no-repeat 15px center #48b035;}
.poster-main .poster-next-btn:hover{ background: url(../images/model2btn2.png)no-repeat 25px center #48b035;}

/*advantage*/

.advantages{ font-size: 0; position: relative; height: 730px; overflow: hidden;}
.advantages .hd{ text-align: center;}
.advantages .hd ul li{ position: relative; cursor: default; display: inline-block; vertical-align: top; width: 20%; height: 100px; padding-top: 25px; border: 1px solid #dcdcdc; border-left: none;}
.advantages .hd ul li>div{ text-align: left; display: inline-block; vertical-align: middle;}
.advantages .hd ul li:first-child{ border-left: 1px solid #dcdcdc;}
.advantages .hd ul li .icon{ width: 38px; height: 38px;margin-right: 15px;}
.advantages .hd ul li .yc{ display: none;}
.advantages .hd ul li.cur .xs{ display: none;}
.advantages .hd ul li.cur .yc{ display: inline-block;}
.advantages .hd ul li .by dt{ position: relative; font-weight: bold; color: #333;font-size: 24px; line-height: 24px;}
.advantages .hd ul li:before{ bottom: -16px; content: ""; position: absolute; left: 50%; margin-left: -8px; float: left; width: 0; height: 0; border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; z-index: 2; opacity: 0;}
.advantages .hd ul li:after{ bottom: -20px; content: ""; position: absolute; left: 50%; margin-left: -10px; float: left; width: 0; height: 0; border-width: 10px; opacity: 0; border-style: solid; border-color: #dcdcdc transparent transparent transparent; background: #fff;}
.advantages .hd ul li.cur:before{ opacity: 1;}
.advantages .hd ul li.cur:after{ opacity: 1;}
.advantages .hd ul li .by dd{ margin-top: 10px; color: #999;font-size: 12px; font-family: arial; line-height: 12px; text-transform: uppercase;}
.advantages .hd ul li.cur dt,.advantages .hd ul li.cur dd{ color: #48b035;}
.advantages .list{ width: 1200px; height: 600px; position: absolute; left: 50%; bottom: 0; margin-left: -600px;}
.advantages .list .tempWrap{ margin-left: -1200px;}
.advantages .list .lists ol{ width: 1200px; height: 600px; position: relative;overflow: hidden;}
.advantages ol.left{ padding-right: 16px;}
.advantages ol.left .pic{background: url(../images/ysgd1.png)no-repeat right center;width: 100%;height: 600px;}
.advantages ol.left .pic img{ display: none;}
.advantages ol.right .pic{ background: url(../images/ysgd2.png)no-repeat left center;width: 340px;height: 600px;margin-left: 16px;}
.advantages ol.right .pic img{ display: none;}
.advantages ol.left .text,.advantages ol.right .text{ display: none;}
.advantages ol .text{ padding: 30px; background-color: rgba(255, 255, 255, 0.961); width: 458px; height: 240px; position: absolute; right: 0; top: 145px; z-index: 1;}
.advantages ol .text dt{ position: relative; padding-bottom: 15px; color: #48b035; font-size: 24px;font-weight: bold; line-height: 24px; border-bottom: 2px solid #ccc;}
.advantages ol .text dt:before{ content: ""; position: absolute; left: 0; bottom: -2px; width: 60px; height: 2px; background: #48b035; transition: all .5s;}
.advantages ol:hover .text dt:before{ width: 150px;}
.advantages ol .text dd{ margin-top: 20px; color: #666; font-size: 16px; line-height: 30px;}

/*case*/

.case .nr{ position: relative;}
.case .nr .bd{ height: 409px; overflow: hidden;}
.case .nr .bd ul li{ float: left; width: 385px; margin-right: 22px;}
.case .nr .bd ul li .title{ color: #333; font-size: 20px; line-height: 20px; margin: 25px 0 15px;}
.case .nr .bd ul li .text{ color: #666; font-size: 14px; line-height: 24px;}
.case .nr .bd ul li .pic{ width: 100%; height: 301px; overflow: hidden;}
.case .nr .bd ul li .pic img{ width: 100%; transition: all .8s;}
.case .nr .bd ul li:hover .pic img{ transform: scale(1.1);}
.case .nr .bd ul li:hover .title{ color: #48b035;}
.case .nr .btn{ position: absolute; width: 50px; height: 40px; top: 130px; cursor: pointer; z-index: 2; transition: all .3s ease;}
.case .nr .prev{ background: url(../images/model2btn1.png)no-repeat center #48b035; left: -70px;}
.case .nr .next{background: url(../images/model2btn2.png)no-repeat center #494949; right: -70px;}
.case .nr .prev:hover{ background: url(../images/model2btn1.png)no-repeat 15px center #48b035;}
.case .nr .next:hover{ background: url(../images/model2btn2.png)no-repeat 25px center #48b035;}

/*about*/

.about{ background: url(../images/aboutbg.png)no-repeat center; width: 100%; height: 800px; margin-top: 70px; padding-top: 70px;}
.about .more_topic hr{ display: block; margin: 30px auto 0; background-color: #48b035; width: 70px; height: 3px; outline: none; border: none;}
.about .nr .text{ text-align: center;}
.about .nr .text dt{ color: #333; font-size: 16px; -webkit-line-clamp: 3; line-height: 28px;}
.about .nr .text .more{ display: block; margin: 35px auto 60px; width: 142px; height: 44px; line-height: 44px; background: #333; color: #fff; font-size: 16px;}
.about .nr .text .more:hover{ background: #48b035;}
.about .nr .bd{ overflow: hidden;}
.about .nr .bd ul li{ position: relative; float: left; width: 284px; margin-right: 20px;}
.about .nr .bd ul li .pic{ width: 100%; height: 200px; overflow: hidden;}
.about .nr .bd ul li .pic img{ width: 100%; transition: all .6s ease;}
.about .nr .bd ul li:hover .pic img{ transform: scale(1.1);}
.about .nr .bd ul li .txt{ padding: 15px 0; position: relative;}
.about .nr .bd ul li .txt em{ display: block; line-height: 16px; text-align: center; overflow: hidden;}
.about .nr .bd ul li .txt i{ position: relative; display: inline-block; color: #333; font-size: 16px; line-height: 16px; transition: all ease-out .3s;}
.about .nr .bd ul li .txt i:after{ position: absolute; left: 0; width: 100%; color: #48b035; content: attr(data-title); transform: translateY(100%); top: 100%; transition: all ease-out .3s;}
.about .nr .bd ul li:hover .txt i:after{ transform: translateY(0);}
.about .nr .bd ul li:hover .txt i{ transform: translateY(-100%);}
.about .nr .bd ul li .txt:before{ content: ""; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 1px; background: #bfbfbf; transition: all .5s ease;}
.about .nr .bd ul li .txt:after{ content: ""; position: absolute; left: 50%; bottom: 0; z-index: 1; width: 0; height: 1px; background: #48b035; transition: all .5s ease;}
.about .nr .bd ul li:hover .txt:before{ left: 50%; width: 0%;}
.about .nr .bd ul li:hover .txt:after{ width: 100%; left: 0;}

/*new*/

.new{ font-size: 0; margin-top: 60px;}
.new .nr>div{ display: inline-block; vertical-align: top; width: 700px; height: 586px; overflow: hidden;}
.new .nr .newlist2{ width: 470px; margin-left: 30px;}
.new .nr .newlist1 .top{ background: url(../images/newlist1bg.png)no-repeat;}
.new .nr .newlist2 .top{ background: url(../images/newlist2bg.png)no-repeat;}
.new .nr .newlist .top{ height: 55px; line-height: 55px; border-bottom: 1px solid #dcdcdc; padding-left: 20px;}
.new .nr .newlist .top ul li{ color: #333; font-size: 18px; position: relative; float: left; cursor: pointer; margin-right: 21px;}
.new .nr .newlist .top ul li:first-child+li{ margin-left: 16px;}
.new .nr .newlist .top ul li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ""; background: #48b035; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;}
.new .nr .newlist .top ul li.on:after{ width: 100%; left: 0;}
.new .nr .newlist .top ul a{ float: right; color: #666; font-size: 14px; margin: 0 20px 0 0;}
.new .nr .newlist .bj{ padding: 20px 20px 0 20px; background: #fff; height: 531px; border: 1px solid #dcdcdc; border-top: none; overflow: hidden;}
.new .nr .newlist .bd .newjs>div{ display: inline-block; vertical-align: top; width: 314px; height: 200px; overflow: hidden;}
.new .nr .newlist .bd .pic img{ width: 100%; transition: all .3s;}
.new .nr .newlist .bd .pic:hover img{ transform: scale(1.1);}
.new .nr .newlist .bd .js{ width: 329px; margin-left: 15px;}
.new .nr .newlist .bd .js h3 a{ display: block; color: #333; font-size: 16px; line-height: 16px;}
.new .nr .newlist .bd .js p{ margin: 10px 0 13px; -webkit-line-clamp: 5; height: 130px;}
.new .nr .newlist .bd .js p a{ display: block; color: #888; font-size: 14px; line-height: 26px;}
.new .nr .newlist .bd .js p:hover{ text-decoration: underline;}
.new .nr .newlist .bd .js .more{ transition: all .3s; width: 100px; height: 30px; border-radius: 15px; background: #48b035; text-align: center; line-height: 30px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top;}
.new .nr .newlist .bd .js .more:hover{ border-radius: 0;}
.new .nr .newlist .bd .js h3 a:hover,.new .nr .newlist .top ul a:hover{ color: #48b035;}
.new .nr .newlist .bd .list{ margin: 25px 0 0; overflow: hidden;}
.new .nr .newlist .bd .list dl{ float: left; width: 100%; padding-right: 25px;}
.new .nr .newlist .bd .list dl dd{ margin-bottom: 21px; display: inline-block; vertical-align: top; width: 50%;}
.new .nr .newlist .bd .list dl dd a:before{ content: ">"; display: inline-block; vertical-align: top; margin: 0 10px 0 0;}
.new .nr .newlist .bd .list dl dd a{ display: inline-block; width: 100%; color: #333; font-size: 14px;}
.new .nr .newlist .bd .list dl dd a:hover{ color: #48b035;}
.new .nr .newlist2 .listbd{ height: 531px; overflow: hidden;background: #fff;border: 1px solid #dcdcdc;border-top: none;}
.new .nr .newlist2 .listbd ul li{ height: 102px!important; padding: 15px 20px 0 20px; margin-bottom: 5px;}
.new .nr .newlist2 .listbd ul li:hover{ background: #333;}
.new .nr .newlist2 .listbd ul li .wen{ margin-bottom: 10px;}
.new .nr .newlist2 .listbd ul li .wen a{ color: #333; font-size: 16px;}
.new .nr .newlist2 .listbd ul li .wen a:before{ content: "Q"; background: #48b035;}
.new .nr .newlist2 .listbd ul li .da a:before{ content: "A"; background: #999;}
.new .nr .newlist2 .listbd ul li:hover .wen a:before{ background: #48b035; color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .da a:before,.new .nr .newlist2 .listbd ul li:hover .wen a{ color: #fff;}
.new .nr .newlist2 .listbd ul li:hover .da a i{ color: #f5f5f5;}
.new .nr .newlist2 .listbd ul li .wen a:before,.new .nr .newlist2 .listbd ul li .da a:before{ border-radius: 50%; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 14px; display: inline-block; vertical-align: top; margin: 1px 7px 0 0;}
.new .nr .newlist2 .listbd ul li .da a i{ color: #888; font-size: 14px; display: inline-block; vertical-align: top; line-height: 22px; width: 395px;}

/*foot*/

.foot{ font-size: 0; margin-top: 50px;}
.foot .link ul li:first-child{ width: 150px;margin-right: 0;}
.foot .link ul li{ display: inline-block; vertical-align: top; margin-right: 40px;}
.foot .link ul li a{ color: #666; font-size: 14px;}
.foot .link ul li:hover a{ color: #48b035;}
.foot .footbg{ background: #323232; width: 100%; height: 405px; margin-top: 25px;}
.foot .nav{ padding: 55px 0 30px; border-bottom: 1px solid rgba(238, 238, 238, 0.102); overflow: hidden;}
.foot .nav ul li:first-child{ width: 160px; height: 20px; text-align: left; margin-right: 0; background: url(../images/footnav.png)no-repeat;}
.foot .nav ul li{ cursor: pointer; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; margin-right: 56px;}
.foot .nav ul li:last-child{ margin-right: 0;}
.foot .nav ul li:hover{ color: #48b035;}
.foot .content{ padding-top: 50px;overflow: hidden;}
.foot .content .left{ width: 515px;}
.foot .content .left ul li{ color: rgba(255, 255, 255, 0.702); font-size: 16px; line-height: 16px; margin-bottom: 15px;}
.foot .content .left ul li a{ color: rgba(255, 255, 255, 0.702); font-size: 16px;}
.foot .content .left ul li a:hover{ color: #fff;}
.foot .content .wechat>div{ display: inline-block; vertical-align: top; color: #fff; font-size: 14px;text-align: center;}
.foot .content .wechat span{ position: relative; display: block; width: 150px; height: 150px; margin-bottom: 10px; overflow: hidden;}
.foot .content .wechat span:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 26px; background: url(../images/light.png)no-repeat center; animation: light 4s linear infinite;}
.foot .content .right{ text-align: right;}
.foot .content .right .morekf{ width: 108px; height: 28px; text-align: center; float: right; display: block; line-height: 28px; background: #48b035; font-size: 14px; color: #fff;}
.foot .content .right .morekf:hover{ background: #48b035;}
.foot .content .right i{ display: block; color: #ccc; font-size: 16px; line-height: 16px; margin: 20px 0;}
.foot .content .right p{ color: #48b035; font-size: 28px; line-height: 28px; font-weight: bold; font-family: arial; margin-bottom: 10px;}
.foot .content .right p b{ color: #48b035; font-size: 14px; line-height: 14px; display: inline-block; vertical-align: middle;}