html { padding: 0; margin: 0; font:  16px Arial,'微软雅黑',tahoma, arial, \5b8b\4f53, sans-serif; }
body { padding: 0; margin: 0; background:#fff; }
ul,ol,dd,ld,li { padding: 0; margin: 0; list-style: none; }
input,textarea { padding: 0; margin: 0; outline: none; border: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a { text-decoration: none; color: #2c2c2c; }
p { padding: 0; margin: 0; }
/*清除浮动*/
.clearfix:after { content: ''; display: table; clear: both; }
/*pt*/
.p-top-40 { padding-top: 40px; }
.m-top-60 { margin-top:60px; }
.m-botton-60 { margin-bottom:60px; }
/*图片查看*/
#img-view { position: absolute;  z-index: 1000; background:#fff; border: 2px solid #ff7300; display: none; box-shadow: 0 0 10px #666; border-radius: 3px; }
#img-view img { max-width: 500px; max-height: 500px; display: block; margin: 0; padding: 0; }
/*头部*/
#header { width: 100%; height: 80px; background:#fff; position: relative; }
#header-container { width: 1200px; height: 80px; margin: auto; background:#fff; z-index: 2; }
#header-container > .logo { float: left;width: auto; height: 80px; }
#header-container > .logo > img { max-height: 100%; }
#header-container > .nav { float: right; width:auto; height: 80px;}
#header-container > .nav > li { width: auto; float: left; padding: 20px 20px 0 20px; height: 60px; line-height: 60px; transition: background 0.3s; -webkit- transition: background 0.3s;-o- transition: background 0.3s; }
#header-container > .nav > li > a { color: #2c2c2c; display: block; text-decoration: none; cursor: pointer; }
#header-container > .nav > li.cursor { background:#ff7300; }
#header-container > .nav > li.cursor > a { color: #fff; }
#header-container > .nav > li:hover { background:#ff7300; }
#header-container > .nav > li:hover > a { color: #fff; }
#big-show:hover > .big-class { display: block; -webkit-animation: bigshow 1s forwards; -o-animation: bigshow 1s forwards; animation: bigshow 1s forwards; }
/*产品大分类*/
.big-class { position: absolute;  width: 100%; height: auto; padding: 20px 0; left: 0; top: 80px; background:#141414; z-index: 6; display: none; }
.big-class > .class { width: 1200px; height: auto; margin: auto; }
.big-class > .class > li { float: right; margin-left: 20px; width: auto; height: auto; }
.big-class > .class > li > a { display: block; color: #fff; }
.big-class > .class > li > a > .imgbox { width: 180px; height: 120px; background: center no-repeat; background-size: cover; }
.big-class > .class > li > a > .title { width: 180px; height: 30px; font-size:14px; line-height: 30px; padding-top: 8px; text-align: center; text-transform: uppercase; }
@-webkit-keyframes bigshow{
	0% { opacity:0 }
	100% { opacity:1 }
}
@-o-keyframes bigshow{
	0% { opacity:0 }
	100% { opacity:1 }
}
@keyframes bigshow{
	0% { opacity:0 }
	100% { opacity:1 }
}
/*图片滑动容器*/
#swiper-container { width: 100%; height: auto; overflow: hidden; position: relative;  }
#swiper-container img { display: block; }
/*分页容器*/
#page-box { width: 1200px; height: auto; padding: 10px 0; margin: auto; text-align: center; }
#page-box a.cur{ display: inline-block; width: auto; height: 30px; padding: 0 10px; border: 1px solid #ff7300; color: #fff; line-height: 30px;background: #ff7300;}
#page-box a { display: inline-block; width: auto; height: 30px; padding: 0 10px; border: 1px solid #ccc; background:#fff; color: #999; line-height: 30px;margin-left: 10px; }
/*大容器*/
.container { width: 100%; height: auto; }
.container > .content { width: 1200px; height: auto; margin: auto; color: #434343; min-height: 450px; }
#list-box { width: 1200px; height: auto; margin: auto; }
#list-box:after { content: ''; display: table; clear: both; }
/*四个图标*/
.popShow > .list { width: 250px; }
.popShow > .pop-show { width: 400px; }
.popShow > .pop-show > .pop-main { display: block; animation: pop 1s forwards; -o-animation: pop 1s forwards; -webkit-animation: pop 1s forwards; }
@keyframes pop {
	from { transform: scale(0.9); opacity:1; }
	to { transform: scale(1); opacity:1; }
}
@-webkit-keyframes pop {
	from { -webkit-transform: scale(0.9); opacity:1; }
	to { -webkit-transform: scale(1); opacity:1; }
}
@-o-keyframes pop {
	from { -o-transform: scale(0.9); opacity:1; }
	to { -o-transform: scale(1); opacity:1; }
}
.list { width: 300px; float: left; height: 548px; box-shadow: 0 0 1px #999 inset; position: relative; margin-left: -1px; transition: all 0.3s; }
.list > .top { width: 100%; height: auto; padding: 40px 0; background:#ebebec; text-align: center; }
.list > .top > .title { font-size: 18px; text-transform:  uppercase; }
.list > .list-main-1 { width: 100%; height: auto; padding: 30px 0; line-height: 75px; text-align: center; }
.list > .list-main-1 > a { display: block; position: relative;  }
.list > .list-main-1 > a > span { position: absolute;  display: block; width: 100%; height: 30px; line-height: 30px; left: 0; top: 0; font-weight: bolder; font-size: 18px; }
.list > .list-main-2 { width: 80%; height: 300px; padding: 30px 10%;  }
.list > .list-main-2 > .address-1 { padding-bottom: 30px; border-bottom: 1px solid #ebebeb; line-height: 32px; font-size: 14px; }
.list > .list-main-2 > .address-2 { padding-top: 30px; line-height: 32px; font-size: 14px; }
.list-main .events-list{display: flex;justify-content: space-around;}

/*about*/
.list > .pop-main { position: absolute;   width: 400px; height: 600px; left: 0; top:-26px; background:#fff; z-index: 1; border: 1px solid #ff7300; box-shadow: 0 0 24px 1px #666; display: none; }
.list > .pop-main > .top { width: 100%; height: auto; padding: 36px 0; background:#ff7300; text-align: center; }
.list > .pop-main > .top > .title { font-size: 18px; text-transform:  uppercase; color: #fff; }
.list > .pop-main > .list-main {
	width: 95%;
	height: 360px;
	margin: auto;
	padding: 20px 0; }
.com-title { width: 100%; height: auto; font-weight: bolder; text-transform: uppercase; padding-bottom: 20px; }
.com-info { width: 100%; height: auto; font-size: 12px; line-height: 18px; overflow: hidden; text-overflow:hidden; display: -webkit-box;  }
.com-more { width: 100%; height: auto; padding: 20px 0 35px 0; border-bottom: 1px solid #ebebec; }
.com-more > a { display: block; width: 120px; height: 30px; border: 1px solid #ff7300; color: #ff7300; font-size: 14px; line-height: 30px; text-align: center;}
.com-more > a:hover { background:#ff7300; color: #fff; }
.com-other { width: 100%; height: 150px; padding-top: 23px; }
.com-other > li { width: 50%; height: 75px; float: left; overflow: hidden; }
.com-other > li > .title { text-transform:  uppercase; margin-bottom:15px; }
.com-other > li > a { font-size: 12px; color: #ff7300; }
.com-other > li > a:hover { text-decoration: underline; }
.pro-list { width: 95%;margin: auto; height: 360px; overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap; }
.pro-list li { width: 170px; height: 170px; float: left; }
.pro-list li .imgbox { width: 170px; height: 130px; overflow: hidden; background:#ff7300 center; background-size: cover; }
.pro-list li .title { width: 170px; height: 40px; line-height: 40px; overflow: hidden; text-transform: uppercase;  }
.pro-list li:nth-of-type(2n) { padding-left: 20px; }
.pro-list li:nth-child(1),.pro-list li:nth-child(2) { margin-bottom:20px; }
.events-list li { width: 170px; height: 170px; }
.events-list li .imgbox { width: 170px; height: 120px; overflow: hidden; background:#ff7300 center; background-size: cover; }
.events-list li .time { width: 170px; height: 25px; line-height: 25px; font-size: 18px; font-weight:bolder; }
.events-list li .title { width: 170px; height: 25px; line-height: 25px; font-size: 14px; overflow: hidden; text-transform: capitalize;  }
.events-list li:nth-of-type(2n) { }
.events-list li:nth-child(1),.events-list > li:nth-child(2) { margin-bottom:20px; }
.code { width: 100%; height: 150px; text-align: center; }
.code > img { max-height: 100%; }
.code-title { width: 100%; height: 30px; line-height: 30px; padding: 20px 0; margin-bottom:20px; border-bottom: 1px solid #ebebec; text-align: center; }
.code-address { width: 100%; height: 50px; line-height: 25px; font-size: 14px; margin-bottom:20px; }
.code-content { width: 100%; height: 50px; }
.code-content:after { content: ''; display: table; clear: both; }
.code-content > li { float: left; width: 50%; height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; }

/*底部*/
#footer { width: 100%; height: auto; background:#f2f2f2; }
#footer-container { width: 1200px; height: auto; margin: auto; padding: 50px 0 30px 0;}
#footer-copyright { width: 100%; height: 70px; line-height: 70px; background:#252525; color: #ebebeb; text-align: center; font-size: 12px; }
#footer-content { width: 100%; height: auto; background: url('../image/footer-code.png') no-repeat center right; }
#footer-content:after { content: ''; display: table; clear: both; }
#footer-content > li { float: left; }
#footer-content > li.logo { width: 400px; height: auto; }
#footer-content > li.logo > .logo { width: 400px; height: auto; }
#footer-conttent img { max-width: 100%; }
#footer-content > li.logo > .line { width: 30%; height: 1px; background:#686868; margin: 30px 0; }
#footer-content > li.logo > .content { width: 100%; height: auto; line-height: 30px; font-size: 12px; color: #5d5d5d; }
#footer-content > li.nav { width: 170px; height: auto; }
#footer-content > li.nav > .title { width: 170px; height: auto; font-weight: bolder; text-transform: capitalize; }
#footer-content > li.nav > .line { margin: 20px 0; width: 20%; height: 1px; background:#1f2127; opacity: 0.2; }
#footer-content > li.nav > a { display: block; width: 100%; height: auto; font-size: 12px; color: #999; padding-bottom: 25px; }
#footer-content > li.nav > a:hover { color: #ff7300; }
#footer-content > li.contact { width: 260px; height: auto; }
#footer-content > li.contact > .title { width: 260px; height: auto; font-weight: bolder; text-transform: capitalize; }
#footer-content > li.contact > .line { margin: 20px 0; width: 20%; height: 1px; background:#1f2127; opacity: 0.2; }
#footer-content > li.contact > .address { font-size: 12px; line-height: 22px; padding-bottom: 25px; color: #999; }
#footer-content > li.contact > .address-line { font-size: 12px; line-height: 25px; color: #999; }

#caption-img { width: 100%; height: 300px; margin-bottom:30px; background:#fff center no-repeat; background-size: cover; }
#caption-img img { display: block; max-width: 100%; }
/*关于我们*/
.about-nav { width: 1200px; height: 50px; line-height: 50px; font-size: 14px; border-bottom: 1px solid #ff7300; margin: auto; }
.about-nav > .nav-link { width: auto; float: left; height: 50px; }
.about-nav > .nav-link > li { width: auto; float: left; height: 50px; text-align: center; }
.about-nav > .nav-link > li > a { display: block; padding: 0 20px; transition: background 0.3s; -webkit-transition: background 0.3s; text-transform: capitalize; }
.about-nav > .nav-link > li > a:hover { background:#ff7300; color: #fff; }
.about-nav > .nav-link > li > a.cursor { background:#ff7300; color: #fff; }
.about-nav > .class { float: right; font-size: 14px; text-align: right; color: #999; text-transform: capitalize; }
/*about*/
.a-title { text-align: center; font-size: 36px; font-weight: bolder; padding: 50px 0 20px 0; text-transform: uppercase; }
.a-line { width: 100px; height: 3px; background:#ff7300; margin: auto; }
.a-tip { text-align: left; font-size: 32px; padding-top: 50px; }
.a-tip-line { width: 120px; height: 1px; background:#434343; margin: 30px 0; }
.a-content { font-size: 16px; line-height: 30px; padding-bottom: 50px; word-break: keep-all; }
.a-video { width: 500px; height: 250px; background:#000; float: right; margin-left: 30px; margin-bottom:30px; }
.a-logo { width: 100%; height: auto; padding: 70px 0 40px 0; text-align: center; }
.a-text { width: 100%; height: auto; text-align: center; line-height: 44px; font-size: 20px; }
.a-http { width: 100%; height: auto; text-align: center; line-height: 70px; font-size: 30px; color: #ff7300; }
.a-code { width: 100%; height: auto; padding-top: 20px; text-align: center;  }
/*history*/
.h-title { font-size: 50px; color: #ff7300; margin-top:50px; font-weight: bolder;}
.h-tip-title { font-size: 36px; margin-bottom:30px; font-weight: bolder; }
.h-content { font-size: 16px; line-height: 30px; padding-bottom: 50px; word-break: keep-all; }
.his-content { width: auto; height: auto; padding-left: 30px; overflow: hidden; position: relative;  }
.his-content > .title { width: 100%; height: 40px; line-height: 40px; font-size: 26px; text-transform: uppercase; overflow: hidden; }
.his-content > .imglist { width: 100%; height: auto; padding: 20px 0; }
.his-content > .imglist > li { float: left; width: 160px; height: auto; background:#fff center no-repeat; background-size: cover; margin-right:15px; margin-bottom:15px; border-radius: 5px; overflow: hidden; cursor: pointer}
.his-content > .imglist > li:after { content: ''; display: block; padding-top: 88%;  }
.his-content > .circle { position: absolute;  width: 16px; height: 16px; background:#ff7300; border-radius: 8px; top: 12px; left: 0px; }
.his-content > .line { position: absolute;  width: 2px; left: 7px; top: 0; bottom: -800px; background:#ff7300; z-index: 10; }
/*生产流程*/
.process { width: 100%; height: auto; position: relative;  }
.process > .left-content { width: 560px; height: 100%; float: left; padding-top: 20px; position: relative;  }
.process > .right-content { width: 560px; height: 100%; float: right; padding-top: 20px; position: relative;  }
.left-text-20 { position: absolute; right: 640px; top: 50%; margin-top:-10px; width: auto; height: 20px; font-size: 14px; line-height: 20px; text-align: right; }
.left-text-40 { position: absolute; right: 640px; top: 50%; margin-top:-20px; width: auto; height: 40px; font-size: 14px; line-height: 20px; text-align: right; }
.left-text-60 { position: absolute; right: 640px; top: 50%; margin-top:-30px; width: auto; height: 40px; font-size: 14px; line-height: 20px; text-align: right; }
.right-text-20 { position: absolute; left: 640px; top: 50%; margin-top:-10px; width: auto; height: 20px; font-size: 14px; line-height: 20px; }
.right-text-40 { position: absolute; left: 640px; top: 50%; margin-top:-20px; width: auto; height: 40px; font-size: 14px; line-height: 20px; }
.right-text-60 { position: absolute; left: 640px; top: 50%; margin-top:-30px; width: auto; height: 40px; font-size: 14px; line-height: 20px; }
.left-imglist { width: 100%; height: auto; }
.left-imglist > li { float: right; width: 120px; height: 100px; background:#fff center no-repeat; background-size: cover; margin-right:15px; margin-bottom:15px; border-radius: 5px; cursor: pointer; }
.right-imglist { width: 100%; height: auto; }
.right-imglist > li { float: left; width: 120px; height: 100px; background:#fff center no-repeat; background-size: cover; margin-right:15px; margin-bottom:15px; border-radius: 5px; cursor: pointer; }
.process > .circle-1 { position: absolute;   width: 26px; height: 26px; background:#ff7300; border-radius: 13px; top: 50%; margin-top:-13px; left: 50%; margin-left: -13px; z-index: 10; }
.process > .circle-2 { position: absolute;   width: 16px; height: 16px; background:#fff; border-radius: 8px; top: 50%; margin-top:-8px; left: 50%; margin-left: -8px; z-index: 11; }
.process > .line { position: absolute;  width: 4px; background:#ff7300; z-index: 9; top: 0; left: 50%; margin-left: -2px; bottom: 0; }

/*产品分类页面*/
.pro-class-box { width: 920px; height: auto; padding-left: 280px; margin: auto; margin-top:30px; position: relative;  }
.class-nav { width: 100%; height: auto; }
.class-nav > li { width: 260px; height: 195px; background:#fff center no-repeat; background-size: cover; float: left; margin-left: 20px; margin-bottom:20px; position: relative; overflow: hidden; }
.class-nav > li > a { display: block; cursor: pointer; width: 100%; height: 100%; }
.class-nav > li > .title { position: absolute; width: 240px; height: 40px; line-height: 40px; font-size: 16px; padding: 0 10px; left: 0; bottom: -40px; background:#000; opacity: 0.8; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; transition: bottom 0.3s; color: #fff; }
.class-nav > li:hover > .title { bottom: 0; }
.pro-class-box > .line { width: 120px; height: 2px; background:#ff7300; left: 0; top: 0; position: absolute;  left: 0; top: 0; }
.pro-class-box > .title { position: absolute;   width: 250px; height: auto; left: 0; top: 20px; text-transform: uppercase; }
.pro-class-box > .title > .blue { display: block; font-size: 30px; margin-bottom:5px; color: #ff7300; }
/*产品列表页面*/
.pro-class-nav { width: 1200px; height: 50px; padding-top: 30px; margin: auto; line-height: 50px; border-bottom: 1px solid #ff7300; position: relative; background:#fff;  }
.pro-class-nav > .nav { width: auto; height: 50px; float: left; background:#fff; }
.pro-class-nav > .nav > li { width: auto; float: left; height: 50px; }
.pro-class-nav > .nav > li > a { display: block; padding: 0 20px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; text-transform: uppercase; }
.pro-class-nav > .nav > li > a:hover { background:#ff7300; color: #fff; }
.pro-class-nav > .nav > li > a.cursor { background:#ff7300; color: #fff;}
.pro-class-nav > .class { float: right; font-size: 14px; color: #999; text-transform: capitalize; background:#fff }
.pro-class-nav > .nav > li:hover > .small-box { display: block; animation: bigshow 1s forwards; -o-animation: bigshow 1s forwards; -webkit-animation: bigshow 1s forwards; }
/*三级分类*/
.pro-class-nav .small-box { position: absolute; left: 0; top:81px; background: #ff7300; opacity: 0.9; width: 1200px; height: auto; display: none; z-index: 2; }
.pro-class-nav .small-nav { width: 1200px; height: auto; }
.pro-class-nav .small-nav > li { float: left; width: 200px; height: 80px; }
.pro-class-nav .small-nav > li > a { display: block; padding: 10px; width: 180px; height: 60px; color: #fff; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
.pro-class-nav .small-nav > li > a:hover { background:#fff; color: #434343; }
.pro-class-nav .small-nav > li > a > .imgbox { float: left; width: 60px; height: 60px; overflow: hidden; background:#fff no-repeat center; background-size: cover; }
.pro-class-nav .small-nav > li  img { max-width: 100%; max-height: 100%; }
.pro-class-nav .small-nav > li > a > .title { float: left; width: 110px; height: 60px; margin-left: 10px; overflow: hidden; font-size: 14px; line-height: 25px; text-transform: uppercase; }

.pro-info-contain{background: #f9f9f9;}
.pro-info { width: 1200px; height: auto; padding: 35px 0; margin: auto; z-index: -2; }
.pro-info > .video { float: left; width: 500px; height: 250px; margin-right:50px; background:#999; z-index: -9; background:#fff url('../image/video.jpg') no-repeat center; background-size: cover; position: relative; z-index: 1; }
.pro-info > .content { float: right; width: 650px; height: 180px; overflow: hidden; padding-top: 70px; position: relative;  }
.pro-info > .content:after { content: ''; display: block; width: 150px; height: 2px; background:#666; position: absolute;  left: 0; top: 40px; }
.pro-info > .au-imgbox { float: left; width: 200px; height: 200px; background:#666; background:#fff no-repeat center; background-size: 80% 80%; }
.pro-info > .au-title { float: left; width: 980px; padding-left: 20px; line-height: 35px; font-size: 22px; }
.pro-info > .au-info { float: left; width: 980px; padding-left: 20px; line-height: 25px;  }
#pro-list { width: 1200px; height: auto; margin: auto; overflow: hidden; }
.pro-list-show { width: 1225px; height: auto; margin-left: -25px; }
.pro-list-show > li { float: left; width: 218px; height: 258px; overflow: hidden; position: relative; margin-left: 25px; margin-bottom:20px; cursor: pointer; border: 1px solid #999; background:#fff center; background-size: cover; }
.pro-list-show > li img { display: block; max-width: 100%; max-height: 100%; }
.pro-list-show > li > .title { width: 198px; height: 40px; line-height: 40px; padding: 0 10px; background:#adadad; color: #fff;  }
.pro-list-show > li:hover { border-color: #ff7300; }
.pro-list-show > li:hover > .title { background:#ff7300; opacity: 0.8; }

.index-case-contain ul{width: 1200px;display: flex;margin:50px auto 20px auto;justify-content: space-between;align-items: center;height: 75px;}
.index-case-contain ul li{width: 25%;text-align: center;position: relative;height: 100%;line-height: 75px;}
.index-case-contain ul li:after{content: "";position: absolute;right: 0;height: 100%;width: 1px;background: #e3e3e3;}
.index-case-contain ul li a{position: relative;}
.index-case-contain ul li:hover a:after{content:'';position: absolute;left: 0;bottom: -10px;width: 100%;height: 3px;background: #ff7300;}
.index-case-title{width: 100px;font-weight: bold;position: relative;}
.index-case-title:after{position: absolute;content: "";left: 0;bottom: -5px;width: 100%;height: 3px;background: #ff7300;}
.index-case-title a{color: #393939;font-size: 18px;}

.index-pro-contain{width: 1200px;margin: 10px auto 20px auto;display: flex;}
.index-pro-contain ul{display: flex;flex-wrap: wrap}
.index-pro-contain .index-pro-left li{margin-left: 2px;margin-bottom: 2px;}
.index-pro-contain ul li img{display: block;}
.index-pro-contain ul li a{display: block;}
.index-pro-right {flex-flow: column;}
.index-pro-right li{margin-bottom: 2px;}

/*events-view*/
.events-big-img { width: 100%; height: auto; padding: 40px 0; border-bottom: 1px solid #ccc; overflow: hidden; }
.events-big-img img { display: block; max-width: 100%; }
.events-content { width: 100%; height: auto; padding: 40px 0; font-size: 14px; color: #999; line-height: 25px; }
.events-content img { max-width: 100%; }
/*荣誉证书*/
#auth-list { width: 1200px; height: auto; padding: 30px 0; }
#auth-list:after { content: ''; display: table; clear: both; }
#auth-list > li { width: 600px; height: auto; padding: 20px 0; border-bottom: 1px solid #ccc; float: left; }
#auth-list > li:last-child { border: none; }
#auth-list > li > .imgbox { float: left; width: 200px; height: 200px; overflow: hidden; background:#fff no-repeat center; background-size: 80% 80%; }
#auth-list > li > .imgbox img { max-width: 100%; }
#auth-list > li > .info { width: 380px; height: 200px; float: left; margin-left: 20px; }
#auth-list > li > .info > .title { width: auto; height: 30px; font-weight: bolder; font-size: 20px; }
#auth-list > li > .info > .content { width: 360px; height: 110px; padding-right: 20px; overflow: hidden; word-break:  keep-all; font-size: 14px; line-height: 22px; }
#auth-list > li > .info > .link { width: auto; height: 40px; padding-top: 20px; }
#auth-list > li > .info > .link > a { display: block; width: 200px; height: 38px; padding: 0 20px; line-height: 38px; text-align: center;  border: 1px solid #ff7300; -webkit-transition: backgroud 0.3s; -o--transition: backgroud 0.3s; transition: backgroud 0.3s; }
#auth-list > li > .info > .link > a:hover { background:#ff7300; color: #fff; }
.search{margin: 22.5px 0;float: right; bottom: 0;width: 250px;}
.search .search_input{border-radius: 3px;border: 1px solid #eee;width: 150px;height: 33px;line-height: 33px;color: #999;padding:0 5%;display: block;float: left;}
.search .reset_input{display: block;width:60px;text-align: center;background: #ff7300;color: #fff;height: 35px;line-height: 35px;border-radius: 3px;border: 1px solid #ff7300;float: right;}

.article-contain{
	margin: 100px auto;
	width: 75%;
}
.article-item a{
	display: flex;
	border-bottom: 1px solid #b5b5b5;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.article-item .article-time{
	width: 100px;
	height: 100px;
	text-align: center;
}
.article-time .create-date{
	font-size: 28px;
	font-weight: bold;
	margin: 0 auto;
	line-height: 60px;
}
.article-time .create-year{
	font-weight: bold;
	margin: 0 auto;
}
.article-item .article-text{
	width: 85%;
	margin-left: 5%;
}
.article-title{
	font-size: 18px;
	color: #ff7300;
	margin: 0;
}
.article-desc{
	margin-top: 10px;
	line-height: 30px;
	color: #383838;
	letter-spacing: 1px;
}
.pageLocation{
	text-align: right;
	margin: 20px auto;
}
.pageLocation a{
	color: #ff7300;
}
.news-title{
	color: #ff7300;
}
.news-contain{
	text-align: center;
	margin: 50px auto;
}
.news-content{
	margin: 30px auto;
	letter-spacing: 1px;
}
.inner-next-pre{
	display: flex;
	justify-content: space-between;
	color: #ff7300;
}
.inner-next-pre a{
	color: #ff7300;
}
.bg{
	background: #ff7300;
	color: #fff;
}
.article-warp{
	width: 80%;
	margin: auto;
}