@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;}
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;}
.w1440{width:1400px;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:#cc0001; color:#fff; border-radius:0px;}
.page a:active {  background:#cc0001; color:#fff; border-radius:0px;}
.page a.page-num-current { background:#cc0001; color:#fff; display:inline-table; border-radius:0px; line-height:40px; padding:0 15px; margin:0 5px;}
.page span.current { background:#cc0001; 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:80px;background: #fdaf29;box-shadow:0px 1px 16px #555;position: absolute;z-index:999;top:0}
.logo{float: left;width:20%;height:80px;display: flex;align-items: center;}
.menu{float:right;width:75%;}
.menu ul{display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;}
.menu ul li{padding:20px;text-align: center;font-size:16px;box-sizing: border-box;}
.menu ul li a{color:#fff;}
.menu ul li span{color: #fff;display: block;font-size:16px;text-transform:uppercase;margin-top:5px;}
.banner{height:923px;background: #feb100 url(../images/indexbg.jpg) top right no-repeat;background-size:90%;overflow: hidden;}
.banner .txt{margin-top:340px;color:#fff;line-height:25px;float:left;width:360px;font-size:14px}
.banner .pimg{margin-top:20px;}
.banner .pimg p{margin:10px 0;}
.banner .pimg p:nth-child(1) img{width:360px;}
.banner .pimg p:nth-child(1){text-align: left;margin-top:30px;}
.banner .pimg abbr{color:#fff;font-weight:bold;font-size: 24px;display: block;margin-top:180px;margin-bottom:8px;}
.banner .pimg span{color: #fff;font-size: 14px;display: block;}
.banner p{color:#fff}
.foot{height:50px;line-height: 50px;background: #feb100;text-align: center;color:#000}
.foot a{color:#000}

.indexabout{margin-top:120px;margin-bottom: 40px;}
.indexaboutl{width:48%;float:left;background: url(../images/indexabout.jpg) no-repeat;height:640px;}
.indexaboutr{width:52%;float:right;background:#f39800;height:640px;padding:40px 70px;box-sizing: border-box;}
.aboutlogo{width:389px;margin:0 auto 30px auto;text-align: center;}
.indexaboutr img{max-width: 100%;}
.indexaboutr p{line-height:30px;color: #fff;font-size:14px;}
.indexaboutr .tel{font-size:25px;color:#fff;font-weight:bold;line-height:44px;}
.indexaboutr .tel i{display: inline-block;width:44px;height:44px;background: url(../images/tel.png) no-repeat;margin-right:20px;float:left;}

.aboutmenu{margin-top:30px;height:50px}
.aboutmenu ul li{margin-right:25px;height:30px;line-height:30px;width:130px;background: #feb100;text-align: center;float: left;}
.aboutmenu ul li a{color:#fff}
.aboutmenu ul li a::before{content:"-";color:#fff;font-size:16px;padding-right:3px;}
.pinpail{width:50%;float: left;height:738px}

.pinpair{width:50%;float: left;height:738px;background: #ecebe6;overflow: hidden;}
.pinpair .pimg{margin-top:90px;background: #e9d5b0;}
.pinpair .pimg img{padding-top:8px;}
.pinpair .txt{background: url(../images/youshisbg.jpg) top center no-repeat;height:382px;width:100%;padding-left:180px;padding-right:20px;box-sizing: border-box;}
.pinpair .txt p{color:#3f3f3f;line-height:30px;font-size:15px;}


.mendian ul li{text-align:center;border-top-left-radius:50px;border-bottom-right-radius:50px;width:23%;height:430px;padding:40px 30px;box-sizing: border-box;float:left;color:#fff;font-size:16px;line-height:20px;margin:1%;background:#feb100}
.mendian .pimg{width:190px;height:190px;overflow: hidden; border-radius: 50%;box-shadow: 1px 0px 1px #ccc;margin:30px auto;text-align: center;}
.mendian ul li p{margin-top:15px;}
.mendian ul li strong{font-size:18px;display:block}

.gushil{width:50%;float: left;height:738px;background: #ecebe6 url(../images/youshisbg1.jpg) top center no-repeat;}
.gushil .txt{height:382px;width:100%;padding-left:180px;padding-right:20px;box-sizing: border-box;}
.gushil .txt p{color:#3f3f3f;line-height:30px;font-size:15px;}
.gushir{width:50%;float: right;height:738px;}

.youshi{background: #ecebe6 url(../images/ico3.png) right bottom no-repeat;background-size:25%;height:440px;}
.youshi .txt{width:280px;padding-left:0;box-sizing: border-box;}
.youshi .txt span{padding-left: 60px;}
.youshi ul{padding:0 10%;display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;}
.youshi ul li{margin-top:20px;padding-top:20px}
.youshi h3{float:left;background:url(../images/ico2.jpg) center center no-repeat;background-size:80%;width:63px;height:151px;padding:32px 18px 20px 18px; writing-mode: vertical-lr;-webkit-writing-mode:vertical-lr;letter-spacing: 3px;font-size: 20px;box-sizing: border-box;}
.youshi p{float: left;width: 120px;display: flex; align-content: center;align-items: center;}
.youshi abbr{display: inline-block;float: left;width: 40px; writing-mode: vertical-lr;-webkit-writing-mode:vertical-lr;color:#313031;letter-spacing: 1px;padding-left:10px;}
.youshi small{display: inline-block;float: left;width:20px; writing-mode: vertical-lr;-webkit-writing-mode:vertical-lr;color:#313031;font-size:14px;letter-spacing: 2px;}
.youshi .yuan ul{margin-top:30px;padding:0}

.baozhang{height: 872px;background: url(../images/baozhangbg.png) top center no-repeat;background-size: 80%;}
.baozhang .txt{padding:50px 20px 0 0;box-sizing: border-box;margin-left:15%;width:270px;overflow: hidden;}
.baozhang dl{margin:10px 70px 20px 0px;box-sizing: border-box;display: flex;display:-webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;width:720px;}
.baozhang dl dd{width:45%;text-align: center;margin:0;padding:0 2%;box-sizing: border-box;}
.baozhang dl dd abbr{display: block;color:#0e050a;font-size:14px;margin:20px 0;}

.xuqiu{height:703px;background:#feb100 url(../images/xiuqubg.jpg) right center no-repeat}
.xuqiul{width:46.1%;float: left;height:100%;border-right:6px solid #fff;}
.xuqiul .txt{padding:36px 13%;line-height:25px;color:#0e050a;font-size:14px;border-bottom: 7px solid #fff;}
.xuqiul .txt p{color:#0e050a;}
.xuqiul .yuan{margin:0 auto;}
.xuqiul .yuan span{color:#0e050a}

.xuqiur{width:53%;float: right;padding:50px 0;}
.xuqiur .txt{margin:0 auto;color:#0e050a;width:300px;margin:0 auto;line-height: 25px;}
.xuqiur h3{width:100%;text-align: center;color:#0e050a;font-size:20px;}
.xuqiur .yuan{margin:0 auto;}
.xuqiur .yuan span{color:#0e050a}
.xuqiur .yuan p{color:#0e050a;margin-top:20px;}
.xuqiur .yuan ul{margin-top:20px;}
.product{margin-top:30px;}
.product .yuan{width:300px;}
.product .yuan ul{margin-top:0px;padding-top:0;float:left;margin-left:20px;}
.product i{width:35px;height:35px;display: inline-block;background: url(../images/ico.png) no-repeat;float:left;}
.prolist{margin-top: 20px;}
.prolist ul li{float:left;width:228px;height:270px;margin:15px 26px;}
.prolist .pimg{width:250px;height:250px;overflow: hidden;}
.prolist .pimg img{max-width: 100%;}
.prolist ul li p{height:22px;line-height: 22px;text-align: center;color:#676767;background: url(../images/ico1.png) left center no-repeat;margin:0 30px;}
.prolist ul li a{color:#676767}
.jiameng{background: url(../images/jiamengbg.jpg) center center no-repeat;height:754px}
.jiameng .yuan{margin-top:86px;margin-left:86px;}
.jiameng .yuan span{color:#0e050a}
.jiamengl{float: left;width:300px;}
.jiamengc{float:left;width:410px;margin-left: 150px;margin-top: 40px;}
.jiamengr{float:right;width:443px;height:720px;margin-top:20px;margin-right:40px;background: url(../images/jiamengright.png) center no-repeat;padding:96px 30px 20px 30px;box-sizing: border-box;}
.jiamengr h3{font-size:25px;font-weight:bold;color:#3e3a39}
.jiamengr span{display: block;color:#3e3a39;text-transform: uppercase;margin:10px 0}
.jiamengr p{line-height: 30px;font-size:15px;color:#3e3a39;}
.contact .yuan{margin-left:50px;width:100%}
.contact .yuan span{margin-bottom: 30px;text-align: left;margin-left:10%}
.contact .yuan p{line-height: 30px;color:#0e050a}

.yuan{width:250px;}
.yuan ul{margin-top:70px;padding-top:30px;}
.yuan ul li{width:45px;height:45px;line-height:45px;border-radius: 50%;border:3px solid #000;text-align: center;font-weight:bold;float: left;font-size: 33px;color: #000;margin-right:5px;padding-top:0}
.yuan span{color:#72716c;font-size:13px;text-align: center;display: block;clear: both;height:30px;line-height:30px;text-transform: uppercase;}

.syuan{width:290px;margin:0 auto;}
.syuan ul{padding-top:30px;display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;}
.syuan ul li{width:35px;height:35px;line-height:35px;border-radius: 50%;border:3px solid #000;text-align: center;font-weight:bold;float: left;font-size: 25px;color: #000;margin-right:7px;padding-top:0}
.syuan span{color:#72716c;font-size:13px;text-align: center;display: block;clear: both;height:30px;line-height:30px;}
.syuan p{color:#3f3f3f;line-height:30px;font-size:15px;}

/*新闻列表*/
.newslist{width:100%;}
.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;height:70px;}
.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:87%;float: left;margin-left:30px;padding-top:0;border-top:none;background:none;}
.newslist ul li:hover .txt a{color:#cc0001}
.newslist .txt small{display: block;color:#bbb;}
.newslist .txt .down{width:80px;text-align: center;height: 30px;line-height:30px;background: #1d2088;border-radius: 20px;font-size:14px;margin-top:12px;}
.newslist .txt .down a,.newslist ul li:hover .down a{color: #fff;}
.nview{line-height:25px;min-height:350px}
.nview h1{font-size:24px;text-align:center;}
.nview a{color:#746d51}

.huanjing{background: #f39800;height:640px;}
.huanjingl{width:60%;float:left;}
.huanjingl .ev1{width:48%;height:344px;line-height:344px;text-align: center;float:left;}
.huanjingl .ev1 img{ vertical-align: middle;}
.huanjingl .ev2{width:52%;height:344px;background:url(../images/huanjing5.jpg) center no-repeat;overflow: hidden;float:right;}
.huanjingl .ev3{float:left;width:48%;height:297px;background:url(../images/huanjing4.jpg) center no-repeat;}
.huanjingl .ev4{width:52%;padding:30px 40px;box-sizing: border-box;height:297px;float:right;color:#fff;}
.huanjingl .ev4 p{font-size:16px;border-bottom: 1px solid #fff;width:80px;line-height:40px;}
.huanjingl .ev4 abbr{display: block;font-size:16px;font-weight:bold;line-height:30px;margin:15px 0;}

.huanjingr{width:40%;float:right;}

.btn-nav{display: none;}

@media screen and (max-width:1441px){
	.banner{height:740px;}
	.banner .txt{margin-top:200px;}
	.banner .pimg abbr{margin-top:135px}
	.baozhang{background-size: 100%;}
}
@media screen and (max-width:1221px){
header{height:auto;overflow: visible !important;}
.btn-nav{display: block;}	
.w1440{width:100%}
.menu{float: none;width:100%;position: absolute;z-index: 9999;}
.menu ul{display: block;display:-webkit-block;}
.banner{background-size:cover;    background: #feb100 url(../images/indexbg.jpg) top right no-repeat;height:auto}
.banner .txt{width:100%;float:none;padding:42% 10%;box-sizing: border-box;}
.banner .txt>p>img{display: none;}
.banner .pimg{padding:0 10%}
.banner .pimg>a>p>img{display: none;}
.banner .pimg>p>a>img{display: none;}
.banner .fr{float: none;}
.banner .fl{float: none;}
.banner .ct{display: none;}
.aboutmenu ul li{margin-left:0;margin-right:0px;width:22%;}
.aboutmenu ul{display: flex;display:-webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;padding:0 10px}
.pinpail,.pinpair,.gushil,.gushir{float: none;width:100%;height:auto}
.pinpail img{max-width: 100%;}
.pinpair .pimg{text-align: center;margin-top:20px}
.pinpair .pimg img{max-width: 100%;}
.pinpair .txt,.gushil .txt{padding-left: 20px;padding-right:15px;}
.gushil .yuan ul{margin-top:0;}
.xuqiu{height:100%;    background: #feb100 url(../images/xiuqubg.jpg) center bottom no-repeat;}
.xuqiul,.xuqiur{width:100%;height:auto;float:none;}
.xuqiul .yuan ul{margin-top:20px;}
.xuqiur{padding:70px 0}
.baozhang{background: none;height:auto;}
.baozhang .txt{padding:0 0 0 0;margin-left:0;margin:0 auto;width:225px}
.baozhang .yuan{width:100%}
.baozhang .yuan ul{margin-top:0}
.baozhang dl{width:100%}
.baozhang dl dd{width:100%}
.youshi{height:100%;background-size:60%}
.youshi .txt{width:100%}
.youshi .yuan{margin:0 auto;}
.youshi .txt span{padding-left:0;}
.youshi ul{display: block;display:-webkit-block;padding: 0 2%;}
.youshi ul li{float: left;height: 211px;}
.youshi .yuan ul li{height: 45px;}
.prolist ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content:space-between;flex-wrap: wrap;padding:0 20px}
.prolist ul li{margin:15px 0;width:48%;height:auto;box-sizing: border-box;}
.prolist .pimg{width:100%;height:100%}
.jiameng{height:auto;background: none;}
.jiameng .yuan ul,.jiameng .yuan{margin-top:0;margin-left:0;margin:0 auto;}
.jiamengl,.jiamengc,.jiamengr{float:none;width:100%}
.jiamengl p{text-align: center;}
.jiamengc{margin-left:0;text-align: center;}
.contact .yuan{margin:0 10px;box-sizing: border-box;}
.contact .yuan ul{margin-top:0}
.foot{line-height: 20px;}
.btn-nav {
	display: block;
	position: absolute;
	top: 20px;
	right: 30px;
	background: transparent;
	border: none;
	padding: 10px 0 0 10px;
	box-sizing: border-box;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	z-index: 99999;
	color: #000;
	
  }
  
  .btn-nav:focus {
	outline: 0;
  }
  
  .icon-bar {
	display: block;
	margin: 6px 0;
	width: 29px;
	height: 5px;
	background-color: #000;
  }
  
  .btn-nav:hover .icon-bar {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background-color: #000;
  }
  
  .nav-content {
	position: fixed;
	top: -100%;
	bottom: 0;
	z-index: 9999;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	display: block;
	height: 100%;
  }
  .nav-content ul{margin-top: 20%;}
  .nav-list {
	list-style: none;
	padding: 0;
	position: relative;
	top: 5%;
  }
  
  .item-anchor:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 0;
	bottom: 0;
	z-index: 9;
	background: transparent;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
  }
  
  .item-anchor {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	text-decoration: none;
	padding: 10px;
  }
  
  .item-anchor:hover,
  .item-anchor:focus {
	color: #fff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
  }
  
  .item-anchor:hover:after,
  .item-anchor:focus:after{
	width: 100%;
	background: #fff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
  }
  
  .nav-item {
	margin: 20px auto;
	text-align: center;
	height:50px;
  }
  
  .animated {
	display: block;
	margin: 0 auto;
  }
  
  .animated:hover .icon-bar,
  .animated:focus .icon-bar
  {
	background-color: #fff;
  }
  .animated:focus p{color: #fff;}
  .animated:focus {
	cursor: pointer;
	z-index: 9999;
  }
  
  .middle {
	margin: 0 auto;
  }
  
  .icon-bar {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
	z-index: 999999;
  }
  
  .animated .icon-bar {
	z-index: 999999;
	background-color: #fff;
  }
  
  .animated .top {
	-webkit-transform: translateY(10px) rotateZ(45deg);
	-moz-transform: translateY(10px) rotateZ(45deg);
	-ms-transform: translateY(10px) rotateZ(45deg);
	-o-transform: translateY(10px) rotateZ(45deg);
	transform: translateY(10px) rotateZ(45deg);
  }
  
  .animated .bottom1 {
	-webkit-transform: translateY(-11px) rotateZ(-45deg);
	-moz-transform: translateY(-11px) rotateZ(-45deg);
	-ms-transform: translateY(-11px) rotateZ(-45deg);
	-o-transform: translateY(-11px) rotateZ(-45deg);
	transform: translateY(-11px) rotateZ(-45deg);
  }
  
  .animated .middle {
	width: 0;
  }
  
  @keyframes showNav {
	from {
	  top: -100%;
	}
	to {
	  top: 0;
	}
  }
  
  @-webkit-keyframes showNav {
	from {
	  top: -100%;
	}
	to {
	  top: 0;
	}
  }
  
  @-moz-keyframes showNav {
	from {
	  top: -100%;
	}
	to {
	  top: 0;
	}
  }
  
  @-o-keyframes showNav {
	from {
	  top: -100%;
	}
	to {
	  top: 0;
	}
  }
  
  .showNav {
	-webkit-animation: showNav 1s ease forwards;
	-moz-animation: showNav 1s ease forwards;
	-o-animation: showNav 1s ease forwards;
	animation: showNav 1s ease forwards;
  }
  
  @keyframes hideNav {
	from {
	  top: 0;
	}
	to {
	  top: -100%;
	}
  }
  
  @-webkit-keyframes hideNav {
	from {
	  top: 0;
	}
	to {
	  top: -100%;
	}
  }
  
  @-moz-keyframes hideNav {
	from {
	  top: 0;
	}
	to {
	  top: -100%;
	}
  }
  
  @-o-keyframes hideNav {
	from {
	  top: 0;
	}
	to {
	  top: -100%;
	}
  }
  
  .hideNav {
	-webkit-animation: hideNav 1s ease forwards;
	-moz-animation: hideNav 1s ease forwards;
	-o-animation: hideNav 1s ease forwards;
	animation: hideNav 1s ease forwards;
  }
  .hidden1 {
	display: none;
  }
  .nav-item:hover{border: none;}
  .nav-item:hover a{color: #FFF;}
}
@media screen and (max-width:768px){
	.menu ul li{padding:10px 20px}
	.indexabout{margin-bottom: 0;}
	.aboutlogo{width:auto}
	.indexaboutl{background-size:100% 100%;height:400px;float:none;}
	.indexaboutr{float:none;height:auto;}
	.indexaboutr img{max-width:70%}	
	.indexaboutr span{display: block;text-align: center;font-size:35px}
.indexaboutl{width:100%;}
.indexaboutr{width:100%;padding:40px 20px}	
.mendian ul li{padding:20px 20px;width:48%;height:360px;margin:15px 1%}
.mendian .pimg{width:140px;height:140px;}
.mendian ul li strong{font-size:16px;}
.mendian ul li p{font-size:14px;}

.huanjingl,.huanjingr{width:100%}
.huanjingl .ev1,.huanjingl .ev2,.huanjingl .ev3,.huanjingl .ev4{width:100%;margin-bottom: 10px;}
.huanjingl .ev4{background:#f39800}
.huanjingr img{max-width:100%;width:auto;}
.foot{line-height:23px;font-size:14px}
.prolist .pimg{height:185px}
}
@media screen and (max-width:415px){

	.mendian ul li{width:98%;height:370px;}
	.mendian .pimg{width:190px;height:190px;}
}