@import url(font/siyuan.css);
html, body {
	font-size: 16px;
	color:#666;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family:"siyuan",airal;
	background: #fff;
	-webkit-text-size-adjust: none;
}
*{margin: 0 ;padding: 0;}
a,a:focus,a:active {color: #fff;	text-decoration: none;outline: 0px none;}
.m30{margin-top: 30px;}
.m15{margin-top: 15px;}
.m35{margin-top: 35px;}
.m100{margin-top: 120px;}
.p20{padding-top:20px;}
.p50{padding-top:50px;}
h1,h2,h3,h4{margin:0;padding:0;}
a:hover,a:active{text-decoration: none;}
ul,dl,dl dd{padding:0;margin:0;}
ul li{list-style:none;}
.fl{float:left;}
.fr{float:right}
.ct{text-align: center}
.clear{clear:both;}
.pr{position: relative;}
div{padding:0;margin:0;}
.w100{width:100%;overflow:hidden}
.clear{clear: both;}
.w1326{width:1326px;margin:0 auto;overflow: hidden;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
	-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-button-next, .swiper-button-prev{outline: none;}

.page { width:100%; float:left;padding:30px 0; font-size:14px; overflow:hidden; text-align:center; }
.page a { color:#333; background:#f1f1f1; margin:5px; padding:0 15px; line-height:40px; display: inline-table; }
.page a:hover { background:#91c642; color:#fff; border-radius:0px;}
.page a:active {  background:#91c642; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#91c642; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#91c642; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.no { background:#f1f1f1; color:#333; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.disabled { padding:0 9px 0 0px; }
header{height:100px;}
.logo{height: 40px;margin-top:40px;}
.logo span{height:35px;line-height:35px;padding:5px 15px; border-radius: 15px;background:#ebebeb;color:#808080;font-size:15px;margin-left:15px;}
.tel{width:280px;height:50px;padding:15px 20px;color:#fff;font-size:18px;font-weight:bold;line-height:50px;background:#91c642;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.tel i{width:30px;height:30px;background: url(../images/tel.png) no-repeat;display: inline-block;margin-right:10px;float:left;margin-top:10px;}
.tel span{display: inline-block;}
.language{float:right;width:80px;height:160px;margin-right:30px;}
.language ul{display: inline-block;}
.language ul li{height: 30px;line-height: 30px;justify-content: left;align-items: center;display: flex;}
.language ul li a{color:#000;display: block;float: left;}
.language ul li i{background: url(../images/language.png) left center no-repeat;display: block;width:30px;height:30px;float: left;margin-top:20px;}
.language ul li:nth-child(1) i{background-position: -3px 0px;}
.language ul li:nth-child(2) i{background-position: -40px 0px;}
.language ul li:nth-child(3) i{background-position: -72px 0px;}

nav{height:60px;line-height: 60px;margin-top:15px !important;margin-bottom:10px !important;}
.menu{width:60%;float:left;}
.menu ul li{float:left;font-weight:bold;padding-right:12px;}
.menu ul li::after{content:"/";display: inline-block;padding-left:14px;}
.menu ul li a{color:#000;}
.newsico{width:320px;float:right;margin-top:15px;}
.newsico i{width:27px;height:27px;background: url(../images/laba.png) no-repeat;display: inline-block;margin-right:10px;float:left;}
.newsico .swiper-container {width:280px;float:left;height:30px;line-height:30px;overflow: hidden;}
.newsico .swiper-slide a{display:block;color:#828282;height:30px;float:left;}
.newsico .swiper-slide{height:27px;display: block;overflow:hidden}

.banner{}
.cat{}
.cat ul{width:1326px;position: absolute;margin-top:-100px;right:0;}
.cat ul li{float:left;box-shadow: 0px 1px 12px rgb(62 62 62 / 60%);padding:20px;box-sizing: border-box;border-top-left-radius: 5px;text-transform: uppercase;}
.cat ul li:nth-child(1){width:232px;height:162px;background: url(../images/fl1.png) no-repeat;margin-top:25px;}
.cat ul li:nth-child(2){width:273px;height:182px;background: url(../images/fl2.png) no-repeat;margin-top:15px;}
.cat ul li:nth-child(3){width:342px;height:214px;background: url(../images/fl3.png) no-repeat;}
.cat ul li:nth-child(4){width:260px;height:182px;background: url(../images/fl4.png) no-repeat;margin-top:20px;}
.cat ul li p{color:#fff;padding:7px;}
.cat ul li:nth-child(1) p{font-size:21px;}
.cat ul li:nth-child(1) img{margin-right: -25px;}
.cat ul li:nth-child(2) p{font-size:24px}
.cat ul li:nth-child(2) img{margin-top: -60px;}
.cat ul li:nth-child(3) p{font-size:28px;}
.cat ul li:nth-child(3) img{margin-top: -10px;margin-right:15px;}
.cat ul li:nth-child(4) p{font-size:21px;}
.cat ul li:nth-child(4) img{margin-right: -15px;margin-top: -20px;}
.cat ul li abbr{display:block;width:18%;height:20px;line-height:20px;margin-top:20px;margin-left:20px;text-align: center;color:#fff;border:1px solid #fff;float:left;font-size:20px;}
.cat ul li abbr>a{width:100%;height:100%;display: block;}
.cat ul li:nth-child(3) abbr{background:#e4f2f0;}
.cat ul li:nth-child(3) abbr>A{color:#86c1ac}
.cat ul li img{display: block;float:right;margin-top:-40px;overflow: hidden;}

.about{background:url(../images/indexabout.jpg) left center no-repeat;height:857px;text-align: right;}
.about p{font-size:32px;color:#000;padding:220px 0 20px 0;font-weight: bold;}
.about abbr{display: block;font-size: 18px;color:#1aa974;padding:5px 0 20px 0;font-weight: bold;}
.about span{display: block;font-size:18px;color:#6d6d6d;padding:10px 0 10px 0;}

.news{height:385px;background: url(../images/newsbg.jpg) top center no-repeat;margin-top:50px;padding-top:130px;}
.newsleft{float:left;}
.newsleft ul{width:940px;height:290px;display: flex;display: -webkit-flex;justify-content: space-between;}
.newsleft ul li{float:left;width:300px;height:230px;padding:30px 20px;box-sizing: border-box;background: #fff;}
.newsleft ul li abbr{border-radius: 20px;border:1px solid #a9d173;width:136px;height:35px;line-height:35px;text-align: center;color:#a9d173;display: inline-block;font-size:14px;}
.newsleft ul li time{width:100px;height:35px;line-height: 35px;float: right;color:#4e4e4e;}
.newsleft ul li p{color:#616161;line-height: 30px;padding:10px 0;height:100px;overflow: hidden;}
.newsleft ul li a{font-size:14px;color:#616161;display:block}
.newsright{float:right;text-align: right;width:380px;overflow: hidden;}
.newsright p{font-size:32px;color:#000;padding:20px 0 10px 0;font-weight: bold;}
.newsright abbr{display: block;font-size: 20px;color:#35af7f;padding:5px 0 20px 0;font-weight: bold;}
.newsright a{display: block;font-size:14px;color:#6d6d6d;padding:5px 0 5px 0;text-align:center;border-radius: 20px;border:1px solid #35af7f;width:100px;float:right}

footer{height:200px;background: #282828;box-sizing: content-box;}
footer ul{background:url(../images/ico.jpg) right no-repeat;padding:45px 0;border-bottom:1px solid #333;}
footer ul li{float:left;line-height:30px;padding-right:20px;text-align: left;}
footer ul li a{color:#696969;}
footer p{color:#696969;font-size:12px;margin-top: 20px;}
footer p>A{color: #696969;}
footer span{display: inline-block;float: right;color:#696969;font-size:12px;}
/*关于我们*/
.aboutbanner{background: url(../images/aboutbanner.jpg) top center no-repeat;height: 716px;text-align: center;color:#fff;}
.aboutbanner h3{border:5px solid #fff;padding:15px;width:900px;margin:15% auto;height:130px;line-height: 80px;font-size:36px;display: flex; justify-items: center;text-transform: uppercase}
.aboutbanner span{padding:20px;border:1px solid #fff;display: block;width:850px;margin:0 auto;}
.aboutview{height:980px;background: url(../images/about1.jpg) left center;}
.aboutview h2{font-size:36px;text-align: center;color:#000;}
.aboutview abbr{display: block;text-align: center;color:#bbb;font-size:20px;margin:15px auto;}
.aboutview small{display: block;width:70px;height:4px;border-top:4px solid #91c642;margin:0 auto;}
.aboutview small::before{width:150px;content:"";height:1px;background:#aaa;display:block;margin-left:-40px;margin-top:-2px}
.aboutcontent{float:right;width:700px;margin-right:20px;text-align: left;margin-top:80px;}
.aboutcontent h3{font-size:26px;color:#000;margin-bottom: 30px;}
.aboutcontent h3>span{color:#91c642;}
.aboutcontent h3::after{display: block;height:5px;background: #91c642;width:60px;content:"";margin-top: 15px;}
.aboutcontent p{line-height: 45px;color:#000;text-indent: 30px;font-size: 18px;}
.aboutlinian{height:885px;background: url(../images/about2.jpg) left top no-repeat;padding-top:10px;}
.aboutlinian i{width:133px;height:171px;display: inline-block;background: url(../images/linian.png);float:left;margin-right:30px;}
.aboutlinian h2{font-size:36px;color:#000;display: inline-block;margin-top: 30px;}
.aboutlinian abbr{display: block;color:#bbb;font-size:20px;margin:10px auto;text-transform: uppercase;}
.aboutlinian abbr::after{display: block;height:3px;background: #91c642;width:60px;content:"";margin-top: 15px;}
.aboutlinian span{color:#aaa;display: block;}
.aboutlinian p{line-height:45px;color:#000;font-size: 18px;padding:10px 0;}
.aboutlinian small{display: block; text-align: right;color:#91c642;font-size:26px;width:680px;}
.linian{padding-top:30px;}
.linian p{line-height:35px;width:1100px;margin:5px auto;list-style: url(../images/ln1.png);font-size: 15px; }
.linian img{padding-right:10px;float:left;}


/*精选产品*/
.probanner {height:600px;background: url(../images/probanner.jpg) top center no-repeat;text-align: center;}
.probanner  h3{font-size:36px;color:#0778b2; font-family: "pangmen";height:65px;line-height: 65px;display: block;margin-top: 15%; text-transform: uppercase;}
.probanner  p{color: #0778b2;display: block;height:45px;line-height: 45px;}

.promenu{margin-top:60px;margin-bottom: 60px;}
.promenu .menuleft{font-size:36px;line-height:35px;color:#000;font-family: "pangmen";float:left;text-transform: uppercase;width:270px;}
.promenu .menuleft span{display: block;margin-top:20px;color:#000;font-size:24px;font-family: "siyuan";}
.promenu .menuright ul{line-height:50px;background: url(../images/proico.png) right center no-repeat;float:right;padding-right:120px;max-width:100%;width: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.promenu .menuright ul li{float:left;font-size:14px;margin:0 10px;}
.promenu .menuright ul li a{color:#909090;}

.promenu .menuright ul li.active>a{color:#91c642;border-bottom: 1px solid #91c642;padding-bottom: 15px;}

.jingxuan{}
.jinxuan ul{}
.jinxuan ul li{height:430px;background: #f2f2f2;border-radius: 15px;margin:0 auto 80px auto;}
.jinxuan ul li:nth-child(2){background: url(../images/jingxuanbg.png) left top no-repeat #f2f2f2;}
.jinxuan .jinxuanleft{width:640px;padding:50px 0 80px 105px;float:left;box-sizing: border-box;}

.jinxuan .jinxuanleft small{display: block;font-size: 18px;color:#000;text-transform: uppercase;font-weight: bold;}
.jinxuan .jinxuanleft h2{font-size:40px;color:#000;margin-top:20px;}
.jinxuan .jinxuanleft span{display: block;font-size:15px;color:#a2a2a2;margin:10px 0;}
.jinxuan .jinxuanleft abbr{display: inline-block;font-size:25px;color:#8c8c8c;}
.jinxuan .jinxuanleft p{width:230px;height:65px;line-height: 65px;padding:0 25px;border-radius: 5px;border:2px solid #000;margin-top: 40px;box-sizing: border-box;}
.jinxuan .jinxuanleft p>A{color:#000}
.jinxuan .jinxuanright{width:600px;float: right;}
.jinxuan .jinxuanright img{width:100%;}

.prolist{margin-top:0px;margin-bottom: 10px;}
.prolist ul li{float:left;width:300px;height:350px;margin:0 20px 40px 0;box-sizing: border-box;overflow: hidden;}
.prolist .pimg{width:300px;height:282px;overflow: hidden;display: flex; align-content: center; align-items: center;border:1px solid #eee;border-bottom:none;box-sizing: border-box;}
.prolist .pimg img{max-width:100%;width:auto;}
.prolist .txt{height:60px;line-height: 45px;text-align: center;box-sizing: border-box;border:1px solid #eee;transition:ease 0.5s;}
.prolist .txt a{color:#ccc}
.prolist ul li:hover .txt{border-bottom:3px solid #91c642;height:58px;}
.prolist ul li:hover .pimg{margin-top:5px;}

.proview .txt{margin:20px 0 20px 50px; line-height: 30px;color:#000;width:400px;float:left;}
.proview .txt h1{font-size:20px;margin:15px auto;color:#000;padding-bottom: 30px;}
.proview .txt p{line-height:70px;border-top:1px solid #ccc;border-bottom: 1px solid #ccc;padding:30px 0;}
.proview .txt p>a {display: block;background: #91c642;text-align: center;line-height:35px;width:120px;color:#fff;border-radius: 5px;}
.proview .txt abbr{color:#999;font-size:14px;}
.picFocus{float: left; width:600px;position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ padding-top:5px; height:100px; overflow:hidden;}
.picFocus .hd ul{ overflow:hidden; zoom:1;display: flex;display: -webkit-flex; margin:0;float:left;width:100%;}
.picFocus .hd ul::after{width:180px;content:"";}
.picFocus .hd ul li{text-align:center; width:73px; height:73px; margin-right:8px;border:2px solid #ccc;display: flex;display: -webkit-flex;justify-content: center; align-items: center;box-sizing: border-box;}
.picFocus .hd ul li img{ width:auto;max-width:100%;height:auto;max-height:100%;cursor:pointer;}
.picFocus .hd ul li.on{border:2px solid #91c642;}
.picFocus .bd{border:1px solid #ccc;display: block;margin-bottom: 20px;overflow: hidden;}
.picFocus .bd ul::after{widows: 600px;content:"";}
.picFocus .bd ul li{ vertical-align:middle;width:600px; height:600px; border:none;vertical-align: middle;margin-bottom:0;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center; align-items: center;}
.picFocus .bd img{ width:auto;max-width:100%;height:auto;max-height:100%; display:block;  }
.picFocus .sPrev,.picFocus .sNext{ display:none;float:left;width:20px; height:30px;font-weight:bold;color:#1d2088;margin-top:30px;margin-right:10px;line-height:30px; border:1px solid #ddd;text-align: center; }
.picFocus .sNext{ float: right;}

.textcontent .tabs{height:60px;line-height:60px;margin-top:50px;border-bottom:2px solid #91c642;}
.textcontent .tabs ul{width:600px;background: #eee;display: flex;justify-content: space-between;text-align: center;}
.textcontent .tabs .active,.textcontent .tabs ul li:hover a{background: #fff;color:#91c642;font-weight: bold;}
.textcontent .tabs ul li{color: #000;text-align: center;border-right:1px solid #ddd;width:100%;}
.textcontent .tabs ul li a{width:100%;display: block;color:#000}
.textcontent .swiper-container {margin-top:30px;}
.textcontent .swiper-container .swiper-slide{text-align: left;display: block;line-height:30px;}

.proview .txtico{width:150px;height:45px;line-height:45px;background: #91c642;text-align: center;color:#fff;margin-bottom: 20px;;}
.proview .next{margin-top:30px;margin-bottom:30px;}
.proview .next a{color:#CCC;display: inline-block;}

.newsview h1{font-size:20px;margin:15px auto;color:#000;padding-bottom: 10px;text-align: center;}
.newsview abbr{display: block;color:#999;font-size:14px;border-bottom:1px solid #ccc;text-align: center;padding-bottom: 10px;}
.newsview  .txt{line-height:30px;padding:20px 0;}
.newsview .next{padding:20px 0;}
.newsview .next a{color:#CCC;display: inline-block;}
/*新闻列表*/

.newslist{}
.newslist .panel {float:left;width:80px; margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);border-color: #ddd;}
.newslist blockquote { padding: 0 20px;  margin: 0 0 20px;  font-size: 17.5px; border-left: 5px solid #eee;display: inline-block;}
.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd;text-align: center;height: 30px;line-height: 30px;}
.panel-body { height:40px;line-height:40px;text-align: center}
.panel-body::before,.panel-body:after{display: table;content: " ";}

.newslist ul li{width:100%;height:85px;border: none;line-height:25px;clear:both;}
.newslist ul li .txt a{color: #555;}
.newslist ul li:hover{border:none;}
.newslist ul li:hover .txt{border-top:none;background:none;}
.newslist .txt{width:89%;float: left;margin-left:30px;padding-top:0;border-top:none;background:none;}
.newslist ul li:hover .txt a{color:#91c642}
.newslist .txt small{display: block;color:#bbb;}
.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #0081cc;border-radius: 20px;font-size:14px;margin-top:12px;}
.newslist .txt .down a,.newslist ul li:hover .down a{color: #fff;}




@media screen and (max-width:1441px){
.w100{width:100%;}
.cat ul{right:inherit;margin-right: 0;}
}
@media screen and (max-width:1221px){
	.w100{width:1326px;}
}