/*公用样式*/
body { font-family: "Microsoft Yahei"; font-size:12px; color:#000;margin:0;padding:0; background:#fff; min-width: 1164px;}
div,ul,li,h1,h2,h3,h4,h5,h6,img,p,dl,dt,dd,ol,th,td{margin: 0px;padding: 0px;}
li {list-style-type: none;}
form,input,button,option,textarea,select{ margin: 0px;padding: 0px;}
input,button,textarea,select{font:100% Tahoma,Helvetica,Arial,sans-serif;}
a {text-decoration: none;color:#000; font-family: "Microsoft Yahei"}
a:link,a:visited {text-decoration: none;}
a:hover{text-decoration: none;}
table {font-size:inherit;font:100%;}
th { font-weight:normal;}
img{ border: 0;}
h3{ font-size:14px; color:#000; font-weight:bold;}
h4 { font-size: 12px;}
.clear { clear: both; height: 0px; overflow: hidden;}
.section { width: 100%; clear:both; overflow: hidden;}
.ny_section { width: 100%; clear:both; overflow: hidden;}
.copy{ font-family:Arial, Helvetica, sans-serif;}
.fl{ float:left;}
.fr{ float:right;}
.white{ color:#fff;}
.pr{ position:relative;}
.pa{ position:absolute;}
input::-webkit-input-placeholder {color:#999999;}
input:-moz-placeholder {color:#999999;}/*改变描述性文字默认的颜色*/
textarea::-webkit-input-placeholder {color:#999999;}/*改变描述性文字默认的颜色*/
textarea:-moz-placeholder {color:#999999;}/*改变描述性文字默认的颜色*/


/*清除浮动*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix{display:inline-table;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}/* 结束 hide from IE-mac */
*+html .clearfix{min-height:1%;}/* IE7 */

.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.wrap1000{ width:1000px; margin:0px auto;}


/*头部样式*/
.topbar{height: 116px; overflow: hidden; background: url(../images/header_bg.jpg) center top no-repeat;}
.logo{left: 0px; top: 0px; z-index: 2; height: 116px; line-height: 116px;}
.logo img{vertical-align: middle;}
.slogan{right: 0px; top: 0px; z-index: 2; height: 116px; line-height: 116px;}
.slogan img{vertical-align: middle;}
.nav{height: 50px; line-height: 50px; overflow: hidden; background: #70bb2a;}
.nav ul{display: flex; display: -webkit-flex; justify-content: space-between!important; width: 100%;}
.nav ul li a{font-size: 14px; color: #fff; font-weight: bold; height: 50px; display: inline-block;}
.nav ul li:not(.nav_on) a::before{content: ""; height: 2px; background: #397005; width: 0px; display: block; transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s;}
.nav ul li:not(.nav_on) a:hover::before{width: 100%;}
.nav ul li.nav_on a::before{content: ""; height: 2px; background: #397005; display: block; width: 100%;}

/*底部样式*/
#footer{margin-top: 138px;}
.footer{width: 100%; padding: 433px 0 0 0; background: url(../images/footer_bg.png) center top no-repeat;}
.footer>div{background: #1b1b1b;}
.footer>div>div .text{width: 464px; overflow: hidden; margin: 136px 0 0 0;}
.footer>div>div .text .te01{font-size: 30px; color: #5f615a; font-weight: bold; font-family: "Arial";}
.footer>div>div .text .te02{font-size: 16px; color: #5f615a; font-family: "Arial"; line-height: 24px; margin: 46px 0 0 0;}
.footer_contact{width: 500px; overflow: hidden;}
.footer_contact form>div{margin: 0 0 39px 0;}
.footer_contact form>div>span{width: 70px; text-align: right; height: 52px; line-height: 52px; overflow: hidden;}
.footer_contact form>div>span i{color: #bfbfbf; font-size: 32px;}
.footer_contact form>div div input[type="text"]{width: 392px; height: 50px; line-height: 50px; border: 1px solid #272727; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; behavior: url(ie-css3.htc);  overflow: hidden; background: #212121; text-align: center; font-size: 16px; font-weight: bold; outline: none; color: #fff; padding: 0 10px 0 14px;}
.footer_contact form>div div textarea{width: 392px; height: 156px; border: 1px solid #272727; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; behavior: url(ie-css3.htc);  overflow: hidden; background: #212121; text-align: left; font-size: 16px; font-weight: bold; outline: none; color: #fff; padding: 12px 10px 0 14px; resize: none;}
.footer_contact form>div div textarea::-webkit-input-placeholder {line-height: 156px; text-align: center;}/*改变描述性文字默认的颜色*/
.footer_contact form>div div textarea:-moz-placeholder {line-height: 156px; text-align: center;}/*改变描述性文字默认的颜色*/
.footer_contact form .di_last>div{text-align: center; width: 416px; }
.footer_contact form .di_last>div input[type="submit"]{width: 184px; height: 52px; line-height: 52px; text-align: center; overflow: hidden; background: #70bb2a; border: none; outline: none; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; behavior: url(ie-css3.htc); font-size: 24px; font-weight: bold; color: #fff; font-family: "Arial"; cursor: pointer;}
.copyright{height: 140px; line-height: 140px; background: #484747; overflow: hidden; font-size: 14px; color: #bfbfbf; text-align: center;}

/*首页*/
#content{width: 100%; background: url(../images/content_bg.jpg) center top no-repeat;}
.about{padding: 164px 0 85px 0; background: url(../images/index_about_tragle.png) 306px 164px no-repeat;}
.about .con_l{width: 452px; overflow: hidden;}
.about .con_l .te01{font-size: 52px; font-family: "Aparajita bold"; height: 61px; overflow: hidden; line-height: 61px;}
.about .con_l .te02{font-size: 18px; line-height: 24px; font-family: "Calibri"; height: 240px; overflow: hidden;}
.about .con_l .te02 .sp01{font-family: "Aparajita bold";}
.about .con_l .te03{margin: 71px 0 0 0; text-align: center;}
.mode01{width: 116px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; border: 1px solid #aa272f; display: inline-block; border-bottom: 7px solid #aa272f; font-size: 18px; color: #aa272f; font-weight: bold; font-family: "Arial"; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s;}
.mode01 span{left: 0px; top: 0px; z-index: 3; display: block; width: 116px; height: 30px;}
.mode01 i{left: 0px; top: 30px; z-index: 2; width: 116px; height: 30px; background: #aa272f; transition: all 0.1s ease-in 0s; display: block;}
.mode01:hover i{top: 0px;}
.mode01:hover{color: #fff;}
.about .con_r .img{width: 510px; height: 350px; margin: 60px 0 0 0;}
.product .title{margin: 112px 0 0 0; height: 102px; line-height: 102px; overflow: hidden; font-size: 52px; color: #fff; font-family: "Aparajita bold";}
.product .cont{background: url(../images/index_product_bg.png) 169px 88px no-repeat; height: 695px;}
.product .cont .con_l{width: 500px; height: 472px; overflow: hidden;}
.product .cont .con_r{width: 334px; overflow: hidden; margin: 88px 0 0 36px; display: inline;}
.product .cont .con_r .tit{height: 100px; font-size: 36px; font-family: "Aparajita bold"; text-align: center; width: 100%; overflow: hidden; line-height: 110px;}
.mode03 .di01 ul li{height: 40px; line-height: 40px; overflow: hidden;}
.mode03 .di01 ul li i{float:left; margin: 0 12px 0 0; color: #d18b04; font-size: 24px; width: 24px;}
.mode03 .di01 ul li span{float:left; font-size: 20px; color: #009b48; font-family: "Arial"; width: 298px;}
.mode03 .di02{width: 300px; overflow: hidden; margin: 32px 0 0 0; padding: 0 0 0 34px;}
.mode03 .di02 ul li{width: 100%; height: 35px; line-height: 40px; overflow: hidden; border-bottom: 1px solid #bfdd96; font-size: 14px; color: #78520a; font-family: "Arial";}
.mode03 .di03{margin: 48px 0 0 0; text-align: center;}
.mode02{width: 128px; height: 40px; overflow: hidden; display: inline-block;}
.mode02 span{display: block; width: 128px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; behavior: url(ie-css3.htc); font-size: 18px; color: #fff; font-weight: bold; font-family: "Arial"; transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.mode02 .sp01{background: #aa272f;}
.mode02 .sp02{background: #252524;}
.mode02:hover .sp01{margin-top: -40px;}
.video{margin-top: 115px;}
.video .title .te01{width: 190px; height: 344px; background: #aa272f; top: 0px; left: -48px; z-index: 2;}
.video .title .te02{height: 83px; line-height: 90px; overflow: hidden; font-size: 52px; color: #fff; font-family: "Aparajita bold"; top: 0px; left: 0px; z-index: 3;}
.video .cont{margin: 83px 0 0 0;}
.news{margin: 122px 0 0 0; padding: 0 0 60px 0; background: #dbdcdc;}
.news .title{height: 123px; line-height: 123px; overflow: hidden; margin: 0 0 0 -30px; font-family: "Aparajita bold"; font-size: 52px;}
.news .cont ul{width: 1101px;}
.news .cont ul li{width: 270px; margin: 0 97px 0 0; float: left; display: inline;}
.news .cont ul li .img{width: 270px; height: 398px;}
.news .cont ul li .img1{width: 270px; height: 398px; transform: rotate(7deg); -webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); position: absolute; left: 0px; top: 0px; z-index: 1; transition: transform 0.35s ease-in-out 0s; -webkit-transition: transform 0.35s ease-in-out 0s; -moz-transition: transform 0.35s ease-in-out 0s; -o-transition: transform 0.35s ease-in-out 0s;}
.news .cont ul li .img2{width: 270px; height: 398px; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 2;}
.news .cont ul li.li01 .img1{background: #42524f;}
.news .cont ul li.li02 .img1{background: #9dc42d;}
.news .cont ul li.li03 .img1{background: #55c1cd;}
.news .cont ul li .info .date{height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; font-weight: bold; color: #009b48; font-family: "Arial";}
.news .cont ul li .info .text{font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; font-family: "Arial";}
.news .cont ul li:hover .img1{transform: rotate(187deg);}

/*about*/
#ny_banner>div{width: 100%; height: 240px; overflow: hidden;}
.ny_title .tit01{margin: 96px 0 0 0; height: 50px; overflow: hidden; width: 100%;}
.ny_title .tit01 span{height: 50px; line-height: 50px; background: #707173; display: inline-block; padding: 0 8px 0 12px; font-size: 16px; color: #fff; font-family: "Arial";}
.ny_title .tit01 span a{color: #fff;}
.ny_title .tit01 span a:hover{color: #70bb2a;}
.ny_title .tit02{height: 145px; line-height: 145px; overflow: hidden; font-size: 48px; color: #70bb2a; font-family: "Arial";}
.ny_main{min-height: 486px;}
.ny_main .text01{font-size: 16px; font-family: "Arial"; line-height: 30px;}
.ny_main .text01 img{vertical-align: top; display: block; /* margin: 0 auto; */ max-width: 100%;}

/*product*/
.ny_main .list01>ul>li{height: 335px; overflow: hidden; background: #e7e7e6; width: 902px; border-bottom: 20px solid #b4d397; padding: 0 98px 0 0;}
.ny_main .list01>ul>li .con_r .title{font-size: 36px; height: 82px; line-height: 82px; overflow: hidden; font-family: "Aparajita bold";}
.ny_main .list01>ul>li .con_r .di01 ul li{height: 24px; line-height: 24px;}
.ny_main .list01>ul>li .con_r .di02{margin: 14px 0 0 0;}
.ny_main .list01>ul>li .con_r .di02 ul li{height: 28px; line-height: 34px;}
.ny_main .list01>ul>li .con_r .di_more{text-align: right; margin: 16px 0 0 0;}
.ny_main .list01>ul>li .con_r .di_more a{width: 72px; height: 18px; line-height: 18px; border-bottom: 5px solid #aa272f; font-size: 12px;}
.ny_main .list01>ul>li .con_r .di_more a span{width: 72px; height: 18px;}

/*product_detail*/
.ny_main .text02{margin: 40px 0 0 0;}
.ny_main .text02 .di02{width: 966px;}

/*news*/
.ny_main .list02 ul li{margin: 0 0 22px 0; width: 928px; padding: 13px 57px 13px 13px; border: 1px solid #e3e0e0; overflow: hidden; height: 181px;}
.ny_main .list02 ul li .img{border: 1px solid #e3e0e0; overflow: hidden; width: 382px; height: 179px;}
.ny_main .list02 ul li .info{width: 488px; height: 181px; overflow: hidden;}
.ny_main .list02 ul li .info .text01{line-height: 24px; color: #010101; font-family: "Arial"; height: 96px; overflow: hidden; margin: 12px 0 0 0;}
.ny_main .list02 ul li .info .text02{height: 24px; line-height: 24px; overflow: hidden; font-family: "Arial"; color: #333;}
.ny_main .list02 ul li .info .text02 .date{max-width: 60%; overflow: hidden;}
.ny_main .list02 ul li .info .text02 .more a{color: #ff0000; font-family: "Microsoft YaHei"; padding: 0 14px 0 0; background: url(../images/news_arrows.png) right center no-repeat;}

.page{margin: 60px 0 0 0; text-align: center;}
.page a{height: 28px; display: inline-block; line-height: 28px; margin: 0 4px; border: 1px solid #dbdbdb; padding: 0 10px; color: #666; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url(ie-css3.htc);}
.page a.page_on{background: #e4e4e4; border-color: #e4e4e4; color: #000;}
.page a.a01{color: #000; padding: 0 14px;}

/*news_detail*/
.fanye{margin: 40px 0 0 0;}
.fanye>div{line-height: 32px; font-size: 16px; font-family: "Arial";}
.fanye>div a:hover{color: #70bb2a;}

/*contact*/
.ny_main .text03 .con_l{width: 424px; border: 1px solid #b4b4b4; overflow: hidden; background: #f3f3f3;}
.ny_main .text03 .con_l .hd{height: 146px; border-bottom: 1px solid #b4b4b4; background: #e4e3e3; overflow: hidden; text-align: center;}
.ny_main .text03 .con_l .hd .te01{height: 110px; line-height: 110px; overflow: hidden;}
.ny_main .text03 .con_l .hd .te01 img{vertical-align: middle;}
.ny_main .text03 .con_l .hd .te02{font-size: 16px; color: #666666; font-family: "Arial";}
.ny_main .text03 .con_l .bd ul{padding: 0 10px; width: 404px; overflow: hidden;}
.ny_main .text03 .con_l .bd ul li{width: 404px; height: 75px; line-height: 75px; overflow: hidden;}
.ny_main .text03 .con_l .bd ul li+li{border-top: 1px solid #d5d5d5;}
.ny_main .text03 .con_l .bd ul li span{width: 34px; height: 34px; line-height: 38px; text-align: center; overflow: hidden; background: #363636; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius:50%; behavior: url(ie-css3.htc); margin: 19px 25px 0 0;}
.ny_main .text03 .con_l .bd ul li span i{font-size: 20px; color: #ffffff;}
.ny_main .text03 .con_l .bd ul li div{height: 75px; width: 312px; overflow: hidden; font-size: 14px; color: #363636; line-height: 16px;}
.middle-box{display: table;}
.middle-inner{display: table-cell; vertical-align: middle;}
.ny_main .text03 .con_r{width: 554px; overflow: hidden;}
.ny_main .text03 .con_r form>div{margin: 0 0 22px 0;}
.ny_main .text03 .con_r form>div span{width: 142px; overflow: hidden; text-align: right; height: 40px; line-height: 40px; font-size: 16px; color: #999999; margin: 0 16px 0 0;}
.ny_main .text03 .con_r form>div div input[type="text"]{width: 224px; height: 38px; line-height: 38px; overflow: hidden; border: 1px solid #b4b4b4; outline: none; padding: 0 0 0 12px; font-size: 14px;}
.ny_main .text03 .con_r form>div div textarea{width: 372px; height: 115px; overflow: hidden; border: 1px solid #b4b4b4; outline: none; padding: 10px 0 0 12px; outline: none; resize: none; font-size: 14px;}
.ny_main .text03 .con_r form>div .di_tj{width: 386px; text-align: right;}
.ny_main .text03 .con_r form>div div input[type="submit"]{width: 140px; height: 40px; line-height: 40px; text-align: center; overflow: hidden; outline: none; cursor: pointer; background: #808080; font-size: 16.5px; color: #fff; border: none;}
.map{margin: 85px 0 0 0; width: 1000px; /* border: 1px solid #b4b4b4; */ overflow: hidden;}