@font-face{font-family: "Montserrat"; src: url("../fonts/montserrat-regular.ttf");}

body{font-family:"Arial","Helvetica","Microsoft Yahei";}

*{font-family:"Arial","Helvetica","Microsoft Yahei";font-size: 15px;}

ul li{list-style: none;}

a{color: #4d4d4d;}

a:hover{text-decoration: none;}

.header{width: 85%; margin: 0 auto; margin-top: 20px;}

.header .logo img{width: 260px;}

.header .topnav{margin-top: 16px; margin-left: 5%;}

.header .topnav ul li{float: left; font-size: 20px; margin: 0 30px;}

.header .topnav ul li a{color: #4d4d4d; padding: 10px 0; font-size: 18px; position: relative;font-family: "Montserrat","Arial","serif";}

.header .topnav ul li a:after{width: 0; content: ""; transition: .8s}

.header .topnav ul li a:hover:after{position: absolute; width: 100%; height:2px; background: #6cc04a; content: ""; bottom: 0; left: 0;}

.header .contact{margin-top: 16px;}

.header .contact .pxp{font-size: 18px;font-family: "Montserrat","Arial","serif"!important;}

.header .contact span a, .header .contact p a{font-size: 18px;font-family: "Montserrat","Arial","serif"!important;}

.header .contact span span, .header .contact p span{font-size:20px;margin-right:10px;top:5px; display:inline-block;}

.mnavcommon{display: none;}

.banner{margin-top: 20px; position: relative;}

.banner .box{position: absolute; width: 65%; top: 20%; left: 0; right: 0; margin: 0 auto; color: #fff; text-align: center; }

.banner .box h3, .banner .box h1{font-size: 66px; font-weight: bold; line-height: 1.3;}

.banner .first{top:30%;}

.index-h3{font-size: 40px; font-weight: bold; color: #6cc04a;}

.index-about{padding: 0 100px; margin-top: 50px;}

.index-about .content{display:flex; display: -webkit-flex;flex-wrap:wrap;justify-content:space-between;}

.index-about .list{padding: 0 20px; margin-top: 20px; width:31%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.16);}

.index-about .list1{background:#31402a;}

.index-about .list3{background:#6cc04a;}

.index-about .box{ padding: 30px 40px; }

.index-about .box h4{font-family: "Montserrat","Arial","serif"; text-align: center; font-size: 30px; font-weight: bold; line-height: 1.5; margin-bottom: 35px; color: #1a1a1a;}

.index-about .list1 h4, .index-about .list3 h4{color:#fff;}

.middle-banner{margin-top: 70px;}

.index-products{width: 75%; margin: 0 auto;margin-top: 40px;}

.index-products .top{width: 92%; margin: 0 auto; background: #6cc04a; border-radius: 5px; margin-top: 30px;}

.index-products .top p{ line-height: 50px; height: 40px;}

.index-products .top p a{color: #fff; font-size: 18px; font-weight: bold; display: block; transition: .5s;font-family: "Montserrat","Arial","serif"; }

.index-products .top p:hover a{background: #0081ea;}

.index-products ul{padding-left: 0; width: 98%; margin: 0 auto;}

.index-products ul li{margin-top: 30px;}

.index-products ul li img{width: 100%;}

.index-products ul li span{display: block; text-align: center; background: #f0f0f0; padding: 10px 0; transition: .5s;font-family: "Montserrat","Arial","serif"; }

.index-products ul li:hover span{background: #6cc04a; color: #fff;}

.index-news{margin-top: 40px;}

.index-news .row{width: 74%; margin: 0 auto; padding-left: 0;}

.index-news li{margin-top: 20px;}

.index-news p{font-family: "Montserrat","Arial","serif";}

.index-news h4{font-family: "Montserrat","Arial","serif";}

.index-news p.tips{font-size: 18px; font-weight: bold; color: #6cc04a;}

.index-news p.tips span{margin-right: 10px;}

.index-news p.date{font-size: 16px; margin: 15px 0 25px 0;}

.index-news h5 a{font-family: "Montserrat","Arial","serif";font-weight: bold; font-size: 30px; color: #1a1a1a; line-height: 1.2;}

.index-news p.desc{font-weight: normal; font-size: 16px; color: #999; margin: 20px 0 30px 0; line-height: 1.7;}

.index-news p.more{font-size: 16px; font-weight: bold; color: #6cc04a; transition: .5s;}

.index-news p.more span{margin-right: 10px; top: 2px;}

.index-news p.more a{color: #6cc04a;font-family: "Montserrat","Arial","serif"; font-size: 18px;}

.index-news p.more:hover{margin-left: 10px;}

.index-news p.cate-more a{display: block; width: 200px; margin: 0 auto;text-align: center; background: #6cc04a; color: #fff; font-size: 16px; font-weight: bold;font-family: "Montserrat","Arial","serif"; margin-top: 40px; padding: 10px 0; border-radius: 5px; transition: .5s;}

.index-news p.cate-more a:hover{background: #333;}

.footer{background: #31402a; padding: 50px 0 20px 0; margin-top: 40px;}

.footer .row{width: 74%; margin: 0 auto; padding-left: 0;}

.footer .logo img{width: 213px;}

.footer .info p{color: #fff;font-family: "Montserrat","Arial","serif";}

.footer .info p a{color: #fff;font-family: "Montserrat","Arial","serif";}

.footer .info p.title{font-size: 20px;}

.footer .quick-nav{padding-left: 60px;}

.footer .quick-nav dt{font-size: 20px; color: #fff;font-family: "Montserrat","Arial","serif";}

.footer .quick-nav dd{margin-top: 10px;}

.footer .quick-nav dd a{font-size: 16px; color: #fff;font-family: "Montserrat","Arial","serif"; transition: .5s;}

.footer .quick-nav dd:hover a{color: #aaa;}

.footer .link p.title{font-size: 20px; color: #fff;font-family: "Montserrat","Arial","serif"; font-weight: bold; margin-bottom: 20px;}

.footer .link .ico a{margin-right: 15px;}

.footer .link .ico a img{width: 50px;}

.footer .link .ico a.wechat{position: relative; cursor: pointer;}

.footer .link .ico a.wechat span img{display: none;}

.footer .link .ico a.wechat:hover span img{display: block; width: 100px; position: absolute; top: -40px; right: -120px;}

.footer .copyright{width: 74%; margin: 0 auto; color: #fff;font-family: "Montserrat","Arial","serif"; font-size: 16px; margin-top: 20px;}

#gotop{display: none; position: fixed; z-index:999999; bottom:5%; right: 10px; width: 40px; height: 50px; cursor:pointer; text-align:center; font-size:15px; background:#fff; transition:.5s; border-radius:3px;}

#gotop i{display:block;}

#gotop img{width: 20px;}

#gotop:hover{background:#6cc04a;}

/*sub*/

.flex{display: flex;display: -webkit-flex;flex-wrap:wrap;justify-content:center;}

.flex-center{justify-content:center; align-items: center;}

.subbanner{background: url("../images/detail_CapitalControl.jpg") no-repeat; height: 400px; margin-top: 15px;}

.subbanner h1, .subbanner h2{font-size: 60px; font-weight: bold; color: #fff;}

.indexproduct ul li{margin-top: 30px;}

.indexproduct ul li a{display: block;}

.indexproduct ul li img{max-width: 100%;}

.indexproduct ul li span{display: block; text-align: center; background: #90c43c; padding: 8px 10px; color: #fff; font-size: 16px; transition: .5s;}

.indexproduct ul li:hover span{background: #555;}

.indexproduct .row{padding-inline-start:0;}

.pronr-top h1{text-align: center; font-weight: bold; margin-top: 30px;font-family: "Montserrat","Arial","serif";  color: #4d4d4d;}

.pronr-top{border-top: 1px solid #eee; margin-top: 15px;}

.pronr-top .content{width: 49%; float: left;}

.pronr-top .container{margin-top: 40px;}

.pronr-top .js_tab{width: 50%; float: right; margin-top: -9px;}

.pronr-top .js_tab{padding-inline-start:0;}

.pronr-top .js_tab li{width: 50%; float: left; padding: 10px;}

.pronr-top .js_tab li img{opacity:0.5;}

.pronr-top .js_tab li.active img{opacity: 1;}

.pro-content .content .row{padding-inline-start:0;}

.pro-content .content .row li{text-align: center; margin-bottom: 10px;}

.pro-content .content .row li a{display: block;}

.pro-content .content .row li span{display: block; background: #6cc04a; padding: 5px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.pro-content .content p{font-size: 16px; line-height: 1.8; color: #4d4d4d;}

.pro-content .content .nrcss img{margin:10px 0;}

.pro-content h3{font-size: 26px; font-family: "Montserrat","Arial","serif"; color: #4d4d4d; margin: 20px 0; font-weight: bold;}

.pro-content .canshu table{width: 100%; text-align: center;}

.quotation h3{font-size: 26px; font-family: "Montserrat","Arial","serif"; color: #4d4d4d; font-weight: bold; text-align: center;}

.quotation form{margin-top: 30px; padding: 0 100px;}

.quotation form button{background: #6cc04a; color: #fff; font-weight: bold; font-size: 18px; border: none;}

.quotation form button:hover{background: #6cc04a;}

.news-banner{background: url("../images/news-banner.jpg") no-repeat;}

.list-news{margin-top: 10px;}

.list-news ul{ flex-wrap:wrap;justify-content:flex-start;padding-inline-start:0;}

.list-news ul li{width: 31%; margin:20px 1.16% 0 1.16%;}

.list-news ul li a{display: block;}

.list-news ul li span{ font-family: "Montserrat","Arial","serif";padding: 5px 10px; color: #fff; display: inline-block; background: #6cc04a;}

.list-news ul li p{ font-family: "Montserrat","Arial","serif"; font-size: 16px; line-height: 1.6; color: #4d4d4d; margin-top: 10px;}

.article-content h1{font-size: 32px; font-family: "Montserrat","Arial","serif"; font-weight: bold;line-height: 1.5; color: #4d4d4d;}

.article-content .info{ font-family: "Montserrat","Arial","serif"; color: #777; border-bottom: 1px solid #eee; padding-bottom: 15px;}

.article-content .body{line-height: 1.8; color: #4d4d4d; margin-top: 25px;font-size: 16px;}

.article-content .fnews{margin-top: 30px;}

.article-content .fnews p{background: #eee; padding: 10px;}

.farticle{margin-top: 30px;}

.farticle h3{position: relative;}

.farticle h3:after{position: absolute;width: 100px; height: 3px; background: #6cc04a; content: ""; left: 0; bottom: -10px;}

.farticle .flex{flex-wrap:wrap;justify-content:space-between;}

.farticle .flex .list{width: 47%; margin-top: 15px;}

.farticle .flex .list p a{font-family: "Montserrat","Arial","serif";font-size: 16px; line-height: 1.6; color: #333;transition: .5s;}

.farticle .flex .list p:hover a{color: #6cc04a;}

.farticle .flex .list span{display: block; color: #777; line-height: 1.6;}

.farticle .flex .list i{color: #555; margin-top: 10px; display: block;}

.about-banner{background: url("../images/about-banner.jpg") no-repeat;}

.about-content{margin-top: 30px;}

.about-content .right h2{font-size: 32px; font-family: "Montserrat","Arial","serif"; font-weight: bold;line-height: 1.5; color: #4d4d4d; position: relative; margin-bottom:40px;}

.about-content .right h2:after{position: absolute; width: 120px;height: 6px; background: #6cc04a; content: ""; left: 0; bottom: -20px;}

.about-content .right h3{font-size: 20px; font-family: "Montserrat","Arial","serif"; font-weight: bold;line-height: 1.5; color: #4d4d4d; }

.about-content .right p{font-size: 16px; line-height: 1.8; margin-top: 10px; color: #666;}

.single-about .box{padding: 15px 0px;}

.single-about .box h4{font-size: 24px;}

.single-about .box img{width: 30%;}

.single-about p.info{font-size: 16px; line-height: 1.8; color: #666; margin-top: 40px; font-family: "Montserrat","Arial","serif"; }

.single-content{margin-top: 20px;}

.single-content h3{font-size: 28px; font-family: "Montserrat","Arial","serif"; font-weight: bold;line-height: 1.5; color: #4d4d4d; position: relative;}

.single-content h3:after{position: absolute; width: 120px;height: 5px; background: #6cc04a; content: ""; left: 0; bottom: -15px;}

.single-content form{margin-top: 50px; padding-right: 40px;}

.single-content form button{background: #6cc04a; color: #fff; border: none; padding: 10px 30px; font-size: 18px; font-weight: bold; transition: .5s;}

.single-content form button:hover{background: #4ac0aa;}

.single-content .right p{ font-family: "Montserrat","Arial","serif"; font-size: 18px;}

.single-content .right p.name{font-size: 20px; font-weight: bold; color: #4d4d4d; margin-top: 40px; margin-bottom: 20px;}

.single-content .right a{ font-family: "Montserrat","Arial","serif"; font-size: 16px;}

.single-content .right p span{margin-right: 10px;}

.about-img .flex{ flex-wrap:wrap;justify-content:space-between;}

.about-img .flex p{width:24%;  background:#eee; padding:10px; margin-top:10px;}



@media (max-width: 1650px){

}

@media (max-width: 1200px){

}



@media (max-width: 768px){

	

	.mnavcommon{display: block;}

	.mbtn{position: absolute; top: 20px; right: 40px; display: block; width: 40px; height: 40px; background: url(../images/btn.png) no-repeat; background-size: cover; cursor: pointer; z-index: 9999;}

	.mnavcommon nav{display: none;}

	.mnavcommon nav{ float: none;position: absolute; margin-right: 0; top: 80px; right: 40px; z-index: 9999; width: auto; padding: 0; height: 100%;}

	.mnavcommon ul{ background: #f4f4f4; border: 1px solid #ddd; padding: 10px 0; border-radius: 10px;}

	.mnavcommon ul li{float: none; text-align: center;}

	.mnavcommon ul li.none{display: block;}

	.mnavcommon ul li a{font-size: 17px; padding: 20px 30px; line-height: 60px; color: #000; text-align: center; border-bottom: 1px solid #ddd;}

}

@media (max-width: 414px){

	.header .logo img{width: 170px;}

	.header{width: 100%; padding: 0 10px; margin-top: 13px;}

	.mbtn{top: 13px; right: 10px; display: block; width: 30px; height: 30px; background: url(../images/btn.png) no-repeat; background-size: cover; cursor: pointer; z-index: 9999;}

	.mnavcommon nav{ float: none;position: absolute; margin-right: 0; top: 57px; right: 10px; z-index: 9999; width: auto; padding: 0; height: 100%;}

	.banner .box{width: 100%; padding: 0 10px; top: 14%;}

	.banner .box h3{font-size: 18px;}

	.index-about{width: 100%; padding: 0 10px;}

	.index-h3{font-size: 26px;}

	.index-about .list{width:100%;}

	.index-about .box{padding: 20px;}

	.index-about .box h4{font-size: 20px;}

	.index-about .box img{width: 30%;}

	.middle-banner{margin-top: 30px;}

	.index-news h5 a{font-size: 26px;}

	.index-products{width: 100%; padding: 0 10px; margin-top: 20px;}

	.index-products .top p{height: auto;}

	.index-products .top{width: 100%; background: none; margin-top: 15px;}

	.index-products .top p{line-height: 1.5; margin-top: 2px; background: #6cc040; padding: 10px 0;}

	.index-products ul{width: 100%;}

	.index-products ul li{padding: 0; margin-top: 10px;}

	.index-news .row{width: 100%;}

	.footer{padding: 20px 0 10px 0;}

	.footer .row{width: 100%; padding: 0 10px;}

	.footer .info{margin-top: 20px;}

	.footer .link{margin-top: 20px;}

	.subbanner{height: 200px;}

	.subbanner h1, .about-banner h2{font-size: 36px;}

	.pronr-top h1{font-size: 22px; line-height: 1.5; margin-top: 20px;}

	.pronr-top .content{width: 100%;}

	.pronr-top .container{margin-top: 20px;}

	.pronr-top .js_tab{width: 100%; float: none;}

	.pronr-top .js_tab li{width: 25%;}

	.pro-content h3{font-size: 20px;}

	.quotation form{padding: 0;}

	.quotation h3{font-size: 22px;}

	.list-news ul li{width: 100%;}

	.article-content h1, .farticle h3{font-size: 22px;}

	.farticle .flex .list{width: 100%;}

	.about-content{margin-top: 0;}

	.about-content .right h2, .single-content h3{font-size: 22px;}

	.single-content form{padding: 0;}

	.single-content form button{width: 100%;}

	.about-img .flex p{width:49%; margin-top:0;}

	

}

@media (max-width: 375px){

	.header .logo img{width: 150px;}

	.banner .box h3{font-size: 16px;}

	.index-h3{font-size: 24px;}

	.index-products .top p a{font-size: 16px;}

	.index-news h5 a{font-size: 24px;}

	.pronr-top h1{font-size: 22px;}

	.article-content h1, .farticle h3{font-size: 20px;}

	.article-content .body{margin-top: 15px;}

	

}