@charset "utf-8";
html,body{ font:14px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#fff; -webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#fb9723; text-decoration:none;}
img { max-width:100%; height:auto;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
/*头部*/
.inner{ width:100%; max-width:1280px; margin:0 auto; position:relative;}
/*顶部导航*/
.top-nav{ font-size:12px; line-height:40px; background:#fff;}
.top-nav a{ color:#555;}
.top-nav li.t{ float:right;}
.top-nav li.t span{ padding:0px 20px; color:#b7b7b7;}
header{ background:#2e2f2f; background:url(../images/nbg.jpg); zoom:1}
.top-logo{ min-height:90px; _height:90px; margin-top:-40px; float:left;}
#web_logo{ display:block; font-size:0px; position:relative; z-index:99;}
.top-logo img { display:block;}
/*导航*/
nav{ float:right; height:60px;}
nav i { display:none;}
nav ul li{ float:left; text-align:center; height:60px; line-height:60px; overflow:hidden; }
nav ul li a{ display:block; color:#fff; font-size:18px;}
nav ul li a:hover{ color:#fff;}
nav ul li.line{ display:none;}
nav ul li.hover a,nav ul li.navdown a{ color:#fb9723;}
nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#fb9723;}
.menu_h { display:none; background:none; border:none; outline:none; width:35px; height:35px; position:absolute; right:0; z-index:99; cursor:pointer;}
.menu_h::before,.menu_h::after,.menu_h span { background: #fff;}
.menu_h::before,.menu_h::after {content: '';position: absolute;height: 3px;width: 100%;left: 0;top: 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: -webkit-transform 0.25s;transition: transform 0.25s;}
.menu_h span {position: absolute;width: 100%;height: 3px;left: 0;overflow: hidden;text-indent: 200%;-webkit-transition: opacity 0.25s;transition: opacity 0.25s;}
.menu_h::before {-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
.menu_h::after {-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
.menu-open .menu_h span {opacity: 0;}
.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
.met_flash{ font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 
.met_flash .metinfo-banner1 { height:auto !important;}
.met_flash .metinfo-banner1 img { height:auto !important;}


/*首页*/
/*关于我们*/
.aboutus{ margin-top:50px;}
.aboutus .about-img { float:left; width:68.75%;}
.aboutus .about-img img { display:block; float:left; width:50%; height:auto;}
.aboutus .about-text { width:31.25%; height:28.5%; float:right; background:url(../images/about_bg.jpg) no-repeat right bottom; box-sizing:border-box; padding:2.11% 2.73% 7% 2.73%; }
.aboutus .about-text h3 { font-weight:normal; font-size:50px; line-height:1; color:#00132b;}
.aboutus .about-text h4 { font-weight:normal; font-size:32px; line-height:2; color:#00132b; animation-delay:0.3s;}
.aboutus .about-text p { line-height:2; color:#666; animation-delay:0.5s;}
/*标题*/
.style-1 a.title{ display:block; color:#00132b; line-height:2;}
.style-1 a.title h3 { display:inline-block; font-size:50px; font-weight:normal; margin-right:30px;}
.style-1 a.title h4 { display:inline-block; font-size:28px; font-weight:normal; animation-delay:0.3s;}

/*产品分类*/
.pro-kind { margin-top:50px;}
.pro-kind li { float:left; width:33%; box-sizing:border-box; padding-right:4%;}
.pro-kind li:nth-child(2) { animation-delay:0.3s;}
.pro-kind li:nth-child(3) { animation-delay:0.6s;}
.pro-kind li img { display:block; width:100%; height:auto;}
.pro-kind li h3 { font-size:30px; color:#00132b; font-weight:normal; line-height:2;}
.pro-kind li p { color:#666; line-height:2;}
/*新闻*/
.index-news{ float:left; width:46.87%; margin-top:50px;}
.index-news a.title h3 { border-bottom:2px solid #fb9723; line-height:1.5;}
.index-news li { width:75%; border-bottom:1px solid #e9e9e9; padding:20px 0;}
.index-news li:nth-child(2) { animation-delay:0.3s;}
.index-news li:nth-child(3) { animation-delay:0.6s;}
.index-news li:nth-child(4) { animation-delay:0.9s;}
.index-news li a { display:block;}
.index-news li span { color:#999;}
.index-news li h3 { color:#333; line-height:2;}
.index-news li p { color:#666; line-height:2; height:4em; overflow:hidden;}
/*产品*/
.index-product{ width:53.13%; float:right; margin-top:100px;}
.index-product .profld{ margin:0px; position:relative; min-height:672px; overflow:hidden;}
.index-product h3 span{ float:left; }
.index-product ol{ position: absolute; width:400%; height:auto !important;}
.index-product ol::after { clear:both;}
.index-product ol li{ float:left; width:25%; text-align:center; height:auto !important;}
.index-product ol li a.img{ display:block; text-align:center; font-size:12px;}
.index-product ol li a.img img{ display:block; width:100%; margin:auto;}
.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.index-product .flip{ position:absolute; right:0; bottom:0;}
#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:#dddbde; width:15px; height:15px; font-size:0px; display:inline-block; overflow:hidden; margin-right:10px;}
#trigger a.current{ background:#dd0000;}
/*底部*/
footer { margin-top:20px;}
.foot-contact { background:url(../images/foot_bg.jpg) no-repeat center; background-size:100% 100%; padding:5% 0;}
.foot-contact img { display:block;}
.foot-contact .con-img { float:left; width:50%;}
.foot-contact .con-img img { width:100%; height:264px;}
.foot-contact .con-text { float:left; width:50%; height:264px; box-sizing:border-box; padding:2% 1.5%; background:#fb9723; position:relative; color:#fff;}
.foot-contact .con-border { border:1px solid #fff; height:100%; box-sizing:border-box; padding:20px 35px;}
.foot-contact .con-text h3 { font-size:18px;}
.foot-contact .con-text p { line-height:2;}
.foot-contact .con-text img { position:absolute; top:0; right:10px;}
.foot-content {  background:#2e2f2f; color:#fff;}
.foot-content a { color:#fff;}
.foot-content img { display:block; float:left; margin-right:40px;}
.foot-content .foot-text { padding-top:15px; float:left;}
.foot-content ul { float:right; margin-top:40px;}
.foot-content li { float:left; margin-right:40px; padding-left:30px;}



/*内页侧栏*/
.wrap { width:100%; max-width:1440px; margin:0 auto; position:relative;}
.sidebar .sb_nav{ width:100%;position:relative; height:85px; line-height:85px; border-bottom:1px solid #e5e5e5;}
.sidebar .sb-title { float:left; width:280px; text-indent:30px; position:relative;}
.sidebar .sb-title h3.title{ background:#2e2f2f; font-size:28px; font-weight:normal; color:#fff;}
.sidebar .sb-title h3.title::before {content: ''; width:55px; border-top:3px solid #fff ;position:absolute; top:0; left:35px;}
.sidebar .sb-title ul { position:absolute; width:100%; bottom:100%; background:rgba(46,47,47,.6); padding:25px 0; box-sizing:border-box; z-index:199;}
.sidebar .sb-title li a { display:block; font-size:18px; line-height:2; color:#fff;}
#sidebar { float:left;}
.sidebar .sidebar1200 h3.title { display:none;  text-align:center; font-weight:normal; font-size:16px; color:#fff; height:46px; line-height:46px; padding:0px 10px; background:url(../images/navmore.png) no-repeat 95% center; background-size:12px;}
#sidebar dl{ float:left; padding:0 20px; position:relative; display:inline-block}
#sidebar dl dt a{ display:block;font-size:16px;}
#sidebar dl dt.on a,.sidebar .sb_nav dl dt.all a{ color:#fb9723;}
#sidebar dl dt a::before { display:inline-block;content:"";width:0px;vertical-align: middle; border-top:1px solid #fb9723; margin-right: 5px; transition:.4s;}
#sidebar dl dt:hover a::before,#sidebar dl dt.on a::before { width:25px;}
#sidebar dl dd{ display:none !important; position:absolute; left:0px; top:100%;}
#sidebar dl dd h4{ float:left; font-weight:normal; padding:0 20px;}
#sidebar dl h4 a { display:block;line-height:40px;font-size:1.14em;}
#sidebar dl h4.on a{ color:#a27c48;}
#sidebar dl h4 a::before { display:inline-block;content:"";width:0px;vertical-align: middle; border-top:1px solid #a27c48; margin-right: 5px; transition:.4s;}
.sidebar .sb_nav .position{ float:right; font-weight:normal;}
.sidebar .sb_nav .position a{ color:#999;}
.sidebar .sb_nav .moresidebar { display:none; float:right; font-weight:normal; font-size:18px; padding:0 10px 0 20px; background:url(../images/side.png) no-repeat left center; background-size:14px;}
.sidebar .sb_box .active { width:94%; max-width:1440px; margin:0 auto; position:relative; overflow:hidden; box-sizing:border-box;}

/*关于我们内页*/
#showtext .num_box { background:url(../images/num_bg.jpg) no-repeat center; padding:60px; margin:0 0 50px 0;}
#showtext .introduce h1 { font-size:48px; font-weight:normal;}
#showtext .introduce h3 { font-size:26px; font-weight:normal;}
#showtext .num_box ul::after { content:""; display:block; clear:both;}
#showtext .num_box li{ float:left; width:33%; text-align:center; line-height:1.5;}
#showtext .introduce li font { font-size:60px; color:#fb9723;}
#showtext .introduce li span { font-size:16px; color:#fb9723}
#showtext .introduce li p { font-size:16px;}
/*新闻列表页*/
#newslist li { padding:46px 60px 40px; background:#fff; position:relative;}
#newslist li::after { content:""; width:88%; border-bottom:1px solid #e5e5e5; position:absolute; bottom:0; right:0;}
#newslist li .news-time { float:left; width:55px; color:#666; padding:1% 2% 1% 0; margin-top:25px; border-right:1px solid #e5e5e5; line-height:1; white-space:nowrap; overflow:hidden;}
#newslist li span.time01 { display:block; font-size:50px; color:#fb9723;}
#newslist li span.time02 { display:block; width:100%; overflow:hidden;}
#newslist li a { display:block; float:left; width:85%; padding:0 0 0 5%; margin:0;}
#newslist li a img { display:block; float:right; width:216px; height:140px; margin-left:100px;}
#newslist li h3 { font-size:20px; font-weight:normal;}
#newslist li .hits-num { color:#999; padding:10px 25px; background:url(../images/hits_bg.png) no-repeat left center; background-size:18px;}
#newslist li p { color:#333; height:3.6em; overflow:hidden;}
/*产品列表*/
#productlist { padding:60px 10px 15px;}
#productlist li { width:30% !important; height:auto !important; margin:0 1.6% 20px 1.6% !important;}
#productlist li a.img {display: block;overflow: hidden;position: relative; font-size:inherit;}
#productlist li a.img img { display:block; width:100%; border:none; transform:scale(1,1); transition:0.4s;}
#productlist li:hover a.img img { transform:scale(1.1,1.1);}
#productlist li .mask{ width: 100%; height:100%;position:absolute;left:0; top:0;background:rgba(251,151,35,.9); color:#fff;opacity:0;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}
#productlist li:hover .mask{display:block\9;opacity:1; box-sizing:border-box; padding-top:25%;}
#productlist li .mask:before{position:absolute;top:2.5%;left:2.5%;display:block;width:94%;height:94%;border:1px solid #fff;content:"";}
#productlist li .mask h4{ font-weight:normal; font-size:24px; line-height:1; margin-bottom:20px;}
#productlist li .mask p{ line-height:1.7; padding:0px 35px;}
#productlist li .mask .more{width:44px;height:44px;margin:0 auto; margin-top:6%; background:url(../images/pro_more.png) no-repeat center; background-size:100% 100%;}
#productlist li a.text { display:block;}
#productlist li a.text h3 { color:#666; font-size:18px; font-weight:bold; line-height:3;}
#productlist li a.text span { display:block; color:#666; margin-top:3px; padding: 0 55px 0 0; background:url(../images/pro_more2.png) no-repeat center;overflow: hidden; transition:.4s;}
#productlist li:hover a.text span { background-position:right center;}
/*产品内容页*/
#showproduct { padding-top:60px;}
#showproduct .pshow dt { width:50% !important;}
#showproduct #imgqwe { display:block;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:100% !important;}
#showproduct .smallimg span.spic { display:inline-block; width:12.5%;}
#showproduct .smallimg .spic a img { width:100%;}
#showproduct .pshow dd { width:50% !important;}
#showproduct .pshow dd ul { padding-left:20px;}
#showproduct h1.title { font-size:30px; line-height:2.3; font-weight:normal; padding:0;}
#showproduct .ctitle { font-size:16px; font-weight:normal; border-bottom:1px solid #ccc; margin:40px 0px 0px; padding:0 20px; background:none;}
#showproduct .ctitle span { display:inline-block; background:#fb9723; padding:10px 30px; color:#fff;}
#showproduct .editor { padding:0 20px}

/*响应式开始*/
@media screen and (max-width:1440px)
{
	/*内页*/
	.wrap{ width:94%;}
	#newslist li { padding:46px 20px 40px}
}
@media screen and (max-width:1280px)
{
	.inner { width:94%;}
	nav{ display:none; position:absolute; right:0; top:70px; width:200px; height:auto; float:none; margin:0; background:rgba(0,0,0,.8); padding:30px 0; z-index:199; border-radius:10px;}
	nav i {display:block; width:0; height:0; border:solid 11px; border-color:transparent transparent rgba(0,0,0,0.8); position:absolute; top:-22px; right:16px; margin-left:-9px;}
	nav ul li { float:none; width:100% !important;}
	nav ul li a { font-size:16px;}
	.menu_h { display:block; top:10px;}
	.index-product .profld{ min-height:591px;}
	.foot-content { padding:10px 0;}
	.foot-content img { margin-top:20px; margin-left:120px;}
	.foot-content ul { float:left; margin-top:20px;}
}
@media screen and (max-width:1200px)
{
	.top-nav { line-height:30px;}
	.top-logo { min-height:60px; _height:60px;}
	.top-logo img { height:85px; width:auto;}
	nav { top:55px;}
	.menu_h { width:30px; height:30px; top:5px;}
	.menu_h::before {-webkit-transform: translate3d(0, -8px, 0);transform: translate3d(0, -8px, 0);}
	.menu_h::after {-webkit-transform: translate3d(0, 8px, 0);transform: translate3d(0, 8px, 0);}
	.aboutus { margin-top:40px;}
	.aboutus .about-text { padding:2.11% 2.73%;}
	.aboutus .about-text h3 { font-size:45px;}
	.aboutus .about-text h4 { font-size:28px;}
	.style-1 a.title h3 { font-size:45px;}
	.style-1 a.title h4 { font-size:25px;}
	.pro-kind { margin-top:40px;}
	.pro-kind li h3 { font-size:26px;}
	.index-news li { width:90%;}
	.index-product .profld{ min-height:481px;}
	.foot-contact .con-img img { height:230px;}
	.foot-contact .con-text { height:230px;}
	/*内页*/
	.sidebar .sb_nav .position { display:none;}
	.sidebar .sb_nav .sidebar1200 { display:none; width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; background:#3d3d3d; opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9; z-index:199;}
	.sidebar .sb_nav .moresidebar { display:block;}
	.sidebar .sidebar1200 h3.title { display:block;}
	#sidebar dl {width:100%; padding:0;}
	#sidebar dl dt { border-bottom:1px solid #303030; background: url(../images/navmore.png) no-repeat 95% center; background-size:12px; margin-top:0; line-height:1.4;}
	#sidebar dl dt.on { background-color:#865340;}
	#sidebar dl dt a { padding:12px 3%; color:#fff;}
	#sidebar dl dt.on a { color:#fff;}
	#sidebar dl dt a::before { display:none;}
	#sidebar dl dt span { display:block;}
	
}
@media screen and (max-width:980px)
{
	.aboutus .about-img { width:100%;}
	.aboutus .about-text { width:100%;}
	.index-product .profld{ min-height:392px;}
	.foot-content img { margin-left:0;}
	/*内页*/
	.introduce img { width:40% !important; margin:15px 30px !important;}
	#newslist li { padding:46px 0px 40px}
	#newslist li a { width:80%;}
	#newslist li a img { width:180px; height:116px; margin-left:60px;}
}
@media screen and (max-width:800px)
{
	.pro-kind a.title { padding-left:2%;}
	.pro-kind ul { display:table; text-align:center;}
	.pro-kind li { display:inline-block; float:none; text-align:left; width:100%; padding:0 2%; margin:15px 0;}
	.pro-kind li img { width:25%; float:left; margin-right:30px;}
	.index-news { width:100%; margin-top:30px;}
	.index-product { width:100%; margin-top:50px;}
	.index-product .profld{ min-height:312px;}
	.index-product ol li { width:12.5%; margin:0 !important;}
	.foot-contact .con-img { width:100%;}
	.foot-contact .con-img img { height:280px;}
	.foot-contact .con-text { width:100%;}
	.foot-contact .con-text { height:280px;}
	/*内页*/
	.sidebar .sb-title ul { display:none;}
	.sidebar .sb-title h3.title::before { display:none;}
	.sidebar .sb_nav { height:70px; line-height:70px;}
	.introduce img { width:100% !important; margin:0px !important;}
	#showtext .num_box { padding:40px; margin:0 0 20px 0;}
	.introduce .num_box ul { padding:0;}
	#productlist li { width:46% !important; margin:0 2% 20px 2% !important;}
}
@media screen and (max-width:680px)
{
	.index-product .profld{ min-height:256px;}
	.foot-contact .con-img img { height:240px;}
	.foot-contact .con-text { height:240px;}
	/*内页*/
	#showtext .introduce h1 { font-size:42px;}
	#showtext .introduce h3 { font-size:24px;}
	#showtext .num_box { padding:40px 20px; margin:0;}
	#showtext .introduce li font { font-size:54px;}
	#showtext .introduce li span { font-size:15px;}
	#showtext .introduce li p { font-size:15px;}
}
@media screen and (max-width:560px)
{
	.index-product .profld{ min-height:218px;}
	.foot-contact .con-img img { height:200px;}
	.foot-contact .con-text { height:200px;}
	/*内页*/
	.sidebar .sb-title { width:240px;}
	#showtext .num_box { background-size:auto 100%;}
	#showtext .num_box li { width:100%; margin:10px 0;}
	#newslist li .news-time { margin-top:150px;}
	#newslist li a { width:75%;}
	#newslist li a img { float:none; margin-left:0;}
}
@media screen and (max-width:480px)
{
	.top-nav li.t span { padding:0 5px;}
	.aboutus .about-text h3 { font-size:40px;}
	.aboutus .about-text h4 { font-size:24px;}
	.style-1 a.title h3 { font-size:40px; margin-right:10px;}
	.style-1 a.title h4 { font-size:24px;}
	.pro-kind li { margin:10px 0;}
	.pro-kind li h3 { font-size:22px; line-height:1.2;}
	.pro-kind li p { line-height:1.8;}
	.index-news li { padding:15px 0;}
	.index-product { margin-top:35px;}
	.index-product .profld{ min-height:180px;}
	.foot-contact .con-img img { height:180px;}
	.foot-contact .con-text { height:180px;}
	/*内页*/
	.sidebar .sb_nav { height:50px; line-height:50px;}
	.sidebar .sb-title { width:170px; text-indent:20px;}
	.sidebar .sb-title h3.title { font-size:22px;}
	.sidebar .sb_nav .moresidebar { font-size:16px; background-size:12px;}
	#showtext .num_box { background-size:auto 100%;}
	#showtext .num_box li { width:100%; margin:10px 0;}
	#showtext .introduce h1 { font-size:36px;}
	#showtext .introduce h3 { font-size:20px;}
}
@media screen and (max-width:400px)
{
	.index-product .profld{ min-height:120px;}
	/*内页*/
	#newslist li { padding:20px 0;}
	#newslist li .news-time { display:none;}
	#newslist li a { width:100%; padding:0;}
	#newslist li a img { float:left; width:30%; margin-right:20px;}
	#newslist li .hits-num { display:none}
	#newslist li h3 { font-size:16px;}
	#newslist li::after { width:100%;}
}