@charset "utf-8";
html,body{ font:12px/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:orange; text-decoration:none;}
/*头部*/
header{ }
#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
/*顶部导航*/

.met_flash{ font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 
.met_flash{  font-size:0px; overflow:hidden;} 
.met_flash ul{ margin:0px; padding:0px;} 
.flash{  position:relative; }
.met_flash ul{ margin:0px; padding:0px; } 
element.style{border-top-left-radius:0px !important;}
.nivo-controlNav{ left:44.4%; }

.metinfo-banner1 .nivo-controlNav{bottom:15px !important;}

/*banner*/
.ban2img{}
.ban2img1{}
.ban2img img{}
.ban2img1 img{}
.index_main .section1 .index_banner .item .ban2img img{
	position: absolute;
	top: 14%;
	
	left:15%;
	opacity: 0;
	width:28%;
	height:auto; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .ban2img1 img{
	position: absolute;
	top: 65%;
	
	right:15%;
	opacity: 0;
	width:30%;
	height:auto; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
}
.index_main .section1 .index_banner .item.active .ban2img1 img{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}
.index_main .section1 .index_banner .item.active .ban2img img{
	opacity: 1; 
	-webkit-transform: translateY(0); 
	transform: translateY(0); 
	-webkit-transition-delay: 100ms; 
	transition-delay: 100ms;
}

.index_main .section1 .index_banner .item .ban2img:hover img{
	-webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
}

/*首页*/
.section2 .ab{ width:400px; margin:0 auto; display:block; margin-bottom:15px;}
.section2 .zuo{ float:left; width:50%; box-sizing:border-box;-webkit-box-sizing:border-box; padding:2%;}
.section2 .you{ float:right; width:50%;box-sizing:border-box;-webkit-box-sizing:border-box; padding:2%; }
.section2 .you img{ width:100%; height:auto;}
.section2 .zuo span{ display:block; width:150px; height:6px; background-color:#FFCC00; margin:15px 0 25px 0;}
.section2 .zuo h3{ font-size:30px; color:#fff;}
.section2 .zuo p{ line-height:2; font-size:16px; color:#fff;}
.ab_box{ padding:2%;background:rgba(0, 0, 0, 0.4);}
.section2 .liaojie{ display:block; width:160px; height:40px; line-height:40px; background-color:#FFCC00; color:#fff; margin-top:20px; text-align:center;}
/*产品中心*/
.section3 .titl{}
.section3 .ulTit{ text-align:center;}
.section3 .titl li{ display:inline-block; width:158px; height:42px; background:#dddddd; border-radius:21px; line-height:42px; margin-left:10px; margin-right:10px;}
.section3 .titl li:hover{ background:#FCCA00;}
.section3 .titl .home_proo{ background:#FCCA00; }
.section3 .titl .home_proo a{color:#fff;}
.section3 .divC{ margin-top:30px;}
.section3 .divC li{ float:left;margin-left:1%; margin-right:1%; width:23%; overflow:hidden; box-sizing:border-box;-webkit-box-sizing:border-box;}
.section3 .divC li p{ font-size:1.4rem; text-align:center; line-height:2;}
.section3 .divC li p span{ font-size:1.4rem; text-align:center; color:#fff;}
.section3 .divC li .img{position:relative; display:block;}
.section3 .divC li .img1{ width:100%; height:auto;}
.section3 .divC li .img div{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:rgba(12,15,12,.18); display:none;}
.section3 .divC li .img .img_2{ opacity:0;position:absolute; top:40%; bottom:0; left:0; right:0;  margin:0 auto;}
.section3 .divC li:hover div{ display:block;}
.section3 .divC li:hover .img_2{ opacity:1;}

.section3 .divD{}

.section3 .prod,.section4 .newd,.section6 .cont{ width:400px; margin:0 auto; display:block; margin-bottom:20px;}

.section4 .swiper-slide{ width:31%; float:left; margin-right:1%; margin-left:1%; box-sizing:border-box;-webkit-box-sizing:border-box;}
.section4 .o{/* margin-bottom: 40px; */background: #fafafa;padding-bottom: 30px;} 
.section4 .o .img{width: 100%; } 
.section4 .o .img img{width: 100%; } 
.section4 .o .name{font-size: 18px;color: #333;line-height: 25px;margin: 15px 28px 20px;} 
.section4 .o .txt{line-height: 25px;margin: 0 28px;} 
.section4 .o .more{border-bottom: 2px solid #e6e6e6;position: relative;padding: 5px 0;display: inline-block;text-transform: uppercase;margin-top: 10px;letter-spacing: 8px;margin-left: 28px;} 
.section4 .o .more i{position: absolute;bottom:-3px;left: 0;-webkit-transition:all .2s;transition:all .2s;width:0;} 
.section4 .o .more:hover i{width: 100%; background: #F8C701; height: 3px; } 
.section4 .o .more:hover{color: #F8C701;}
/*图片放大*/
.imgChangeBigger{overflow: hidden;}
.imgChangeBigger img{transition: all .5s; width:100%;}
.imgChangeBigger:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}

/*留言*/
.section5 .fd-b{ background:#3b3c3b; width:32%; position:absolute; top:15%; right:16%; z-index:9; border-radius:5px; padding:1%;}
.section5 td.input .info{ display:none;}
.section5 td.text{ color:#b5b6b5;font-weight:normal;}
.section5 .fd-b h4{ width:100%; color:white; font-size:36px; text-align:center; padding-top:25px;}
.section5 .fd-b p{ font-size:16px; color:white; width:100%; text-align:center;}
.section5 .fd-b .line{ width:50%; margin:13px auto; auto;border-bottom:1px solid #dcdcdc;}
.section5 #messagetable{
    padding-bottom: 40px;
}
/*表单*/
.section5{ position:relative;}
.section5 td.text{  padding:6px 5px 6px 0px; text-align:left; font-size:14px; font-weight:bold;}
.section5 td.input{ width:100%; float:left; overflow:hidden;}
.section5 td.input input{ margin-right:8px; width:100%; height:38px;}
.section5 td.input .info{ padding-left:15px; color:#f00;}
.section5 td.input img{ position:relative; bottom:1px;}
.section5 td.submint{ width:100%;}
.section5 tbody tr{float:left;width:50%;}
.section5 tbody tr:nth-child(4){ width:100%;}
.section5 tbody tr:nth-child(3){ width:100%;}
.section5 #messagetable tbody tr:nth-child(6){ width:50%; margin-top:25px;}
.section5 tbody part118{ width:100%;}
.section5 .code{ width:100px !important;}
/*按钮*/
.section5 .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; 
text-decoration: none; }
.section5 .button:hover { text-decoration: none; color:#fff; }
.section5 .button:active { position: relative; top: 1px;}
.section5 .orange{background: #BB1A12;color: #fef4e9;border:none;width:100%;line-height:30px; border-radius:0 !important;}
.section5 .orange:hover { background: #FBC900;  }
.section5 .orange:active { color: #fcd3a5; background:#00883c;}
.section5 input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none;  }
.section5 input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;}
.textarea-text{ width:100%;}

.section6 h3{ text-align:center; color:#fff; font-size:28px; margin-bottom:15px;}
.section6 .container>p{text-align:center;color:#fff;font-size:20px; margin-bottom:20px;}
.section6 .lian{ float:left; width:33.333%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:1%; border:1px solid #ccc;}
.section6 .lian span{ font-size:16px; color:#fff; text-align:center; display:block;}
.section6 .lian p{ font-size:18px; font-weight:500;color:#fff; text-align:center;}

.section6 .copyright{ padding:0 15px; text-align:center;}
.section6 .copyright span{ display:inline-block; color:#fff;}
.section6 .copyright a{ color:#fff;}
.section6 .copyright a:hover{ color:#fff;}
.section6 .bottom_icp{ padding:0 10px;}
.section6 .erweima{ width:120px; height:120px; margin:0 auto; display:block; margin-top:20px; margin-bottom:25px;}
.copyright

@media only screen and (max-width: 1200px){
	.header .fr .navbar_nav li{ width:100px !important;}
	.header .fr .navbar_nav li a{ padding:0 10px !important;}
}
@media only screen and (max-width: 1000px){
	.section5 .fd-b{ width:60%;}
	.index_main .section1 .index_banner .item .ban2img img{ width:60% !important;}
    .index_main .section1 .index_banner .ban2img1 img{
	position: absolute;
	top: 65%;
	
	right:15%;
	opacity: 0;
	width:30%;
	height:auto; 
	transform: translateY(40px);
	-webkit-transform: translateY(40px); 
	-webkit-transition: all 500ms ease; 
	transition: all 500ms ease;
    }
	
}
@media only screen and (max-width: 767px){
	.index_main .section1 .index_banner .item .ban2img img{ width:80% !important;left:5%; top:16% !important;}
	.index_main .section1 .index_banner .ban2img1 img{width:80% !important;right:10%;}
	
	.section3 .divC li{margin-left:1%; margin-right:1%; width:48%; }
	.section2 .ab,.section3 .prod,.section4 .newd,.section6 .cont{ max-width:300px; margin-bottom:5px !important;}
	.section3 .titl li{ height:30px; line-height:30px; width:100px;}
    .section2 .zuo{ float:none; width:100%;}
	.section2 .you{ float:none; width:100%;}
	.section2 .zuo p{ line-height:22px; font-size:16px;}
	.section2 .zuo h3{ font-size:24px; margin-bottom:15px; text-align:center;}
	.section2 .container{ margin-top:60px;}
	.section2 .zuo span{ display:none;}
	.section4 .o .img{ display:none;}
	.section4 .swiper-slide{width: 96%;float: none;margin-right:2%;margin-left:2%;box-sizing:border-box;-webkit-box-sizing:border-box; margin-bottom:10px;}
	.section4 .o{ padding-top:5px; padding-bottom:5px;}
	.section4 .o .name{font-size: 18px;color: #333;line-height: 10px;margin: 5px 20px 15px;} 
	.section5 .fd-b{ width:80%;top:10%; right:10%;}
	.section5 td.input{ margin-top:5px; margin-bottom:5px;}
	.section3 .divC{ margin-top:10px;}
	.section5 .fd-b h4{ font-size:28px; padding-top:0 !important;}
	.section6 .lian{float: none;width: 80%;box-sizing:border-box;-webkit-box-sizing:border-box;margin:  0 auto;padding:1%;border:1px solid #ccc;}
	.section6 .erweima{ margin-top:10px; margin-bottom:15px;}
	footer .innerr{ display:none;}
	footer .bd p{ float:none !important; display:block;}
	footer .bd a{ float:none !important;display:block;}
	footer .beian{ background:none !important;padding-left:0 !important;}
	footer .bd a{ line-height:30px !important;}
	footer .bd p{line-height:20px !important;}
	footer{ margin-bottom:45px;}
	#footer{ display:block !important;}
	.section2 .liaojie{ display:none !important;}
	.section4 .o .more{ margin-top:0 !important;}
	.section5 td.text{ padding:0px 5px 0px 0px !important;}
	.section5 #messagetable{ padding-bottom:10px !important;}
	.section6 .container>p{ margin-bottom:0 !important;}
	
	
}




/*底部*/
footer{background:url(../images/hr25.jpg) bottom center no-repeat; background-attachment:fixed;}
footer .innerr{ width:100%; max-width:1200px; margin:0 auto; }
.wp1 figure{ float:left; width:25%; padding-left:15px; padding-right:15px; box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box; overflow:hidden;}
.wp1 figure img{ display:block; margin:0 auto;}
.wp1 figure figcaption{ text-align:center; font-size:18px; color:#D3D3D3; margin-top:20px;}
.wp1{ padding-top:30px; padding-bottom:30px;}
.wp1 figure:hover img{
	-webkit-animation: tada 1s .2s ease both;
    -moz-animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada{
    0%{-webkit-transform:scale(1);}
    10%, 20%{-webkit-transform:scale(0.8) rotate(10deg);}
    30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(-10deg);}
    40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(10deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}

footer .bd{ width:100%; margin:0 auto; max-width:1200px; padding-top:10px; padding-bottom:10px;}
footer .bd p{ color:#dedede; font-size:14px; float:left;line-height:55px; text-align:center;}
footer .bd a{color:#dedede; font-size:14px; float:left;  line-height:55px; text-align:center;  margin-left:10px;}
footer .bd a:hover{ text-decoration:underline;} 
footer .zhichi{ float:right !important;}
footer .foot_line{ width:100%; height:1px; background-color:#d9d9d9; margin-top:40px; margin-bottom:15px; margin-left:auto; margin-right:auto;}
footer .dizhi{color:white; font-size:14px; text-align:center;}
footer .beian{ background:url(../images/imgrecord.png) left center no-repeat;padding-left:25px;}
footer .black{background-color:#393939;}
/*底部固定区块*/
#footer{ width:100%; position:fixed; bottom:0px; left:0px; height:45px; overflow:hidden; z-index:999; text-align:center; }
.footerbox{ max-width:640px; height:45px; margin:0px auto; position:relative;}
.footerlist{max-width:640px;  height:45px; overflow:hidden; background:orange; position:absolute; left:0px;  }
#footer ul{ display:-webkit-box; }
#footer ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2);  }
#footer ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 45px; }
#footer .icon{ display:block; margin:0px auto 6px; position:relative; top:3px; width:30px; height:20px; overflow:hidden; background:url(../images/footer.png) no-repeat; background-size:150px;background-position:-3px 0px;}
#footer .map{ background-position:-83px 0px;}
#footer .message{ background-position:-45px 0px;}
#footer .home{ background-position:-118px 0px;}
#footer .txt{ height:16px; line-height:16px; font-size:12px;}
.powered_by_metinfo{ }
.powered_by_metinfo a{ color:#666;}
.metpcmobile{ padding:8px 0px;}
.metpcmobile span{ padding:0px 8px;}
/*链接*/
.txt p{ color:#666460; display:block; float:left;}
.txt ul{}
.txt ul li{ float:left;color:#333333; padding-left:5px; padding-right:5px;}
/*内页侧栏*/
.wrap { width:100%; max-width:1200px;; 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; display:none;}
.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;  display:inline-block}
#sidebar dl dt a{ display:block;font-size:16px;}
#sidebar dl：hover a{color:#0047bb;}
#sidebar dl dt.on a,.sidebar .sb_nav dl dt.all a{ color:orange;}
.position{ padding-left: 20px; background: url(../images/45.jpg) 0px center no-repeat; }
#sidebar dl dt:hover a::before,#sidebar dl dt.on a::before { width:25px;}
#sidebar dl dd{  position:absolute; left:0px; top:100%;}
#sidebar dl dd h4{ float:left; font-weight:normal; padding:0 20px; margin:0 !important;}
#sidebar dl h4 a { display:block;line-height:40px;font-size:1.14em;}
#sidebar dl h4.on a{ color:#orange;}
#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:100%; max-width:1200px;; margin:20px auto; position:relative; overflow:hidden; box-sizing:border-box;}
.sidebar .sb_box .title .active{ display:none;}
#imglist li h3{  font-size:15px;}
#productlist li a.img img{ height:auto;}
#imglist li h3 a{text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.textarea-text{border: 1px solid #ccc !important;}
/*关于我们内页*/

.main{
	width: 98%;
	margin: 1% auto;
}

.time-axis{
	margin: 0;
	padding: 0;
	position: relative;
}

.time-axis:before{
	content: '';
	position: absolute;
	left: 113px;
	top: 15px;
	width: 1px;
	height: 100%;
	background-color: #E4E4E4;
}
.time-axis-item{
	list-style: none;
	padding-left: 150px;
	position: relative;
	line-height: 45px;
	font-size: 14px;
	color: #141414;
}
.time-axis-achievement{
	margin: 0;
}
.time-axis-date{
	position: absolute;
	left: 0;
	top: 0;
	color: #666;
	font-size:20px;
}

.time-axis-date span{
	position: absolute;
	right: -49px;
	top: 35%;
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	border-radius: 100%;
	background-color: #fff;
}
.time-axis-date span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 7px;
	height: 7px;
	margin: auto;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-radius: 100%;
}

.time-axis-item:last-child .time-axis-date span{
	border-color: #48BEB2;
}

.time-axis-item:last-child .time-axis-date span:after{
	background-color: #48BEB2;
	border-color: #48BEB2;
}

/*文化*/
.l_box{width:35%;}
.r_box{width:60%;}
.l { float: right;}.r { float: left;}
.lianxii:hover{ background-color:#039 !important;}
.lianxii:hover *{ color:#fff;}

#showtext img{ max-width:100%;}
.BMap_Marker img{ max-width:none !important;}
@media screen and (max-width:800px)
{
	.l_box{width:100%;}
.r_box{width:100%;}
.l { float: none;}.r { float: none;}
.zuo{ float:none !important; display:table !important;}
.you{float:none !important;display:table !important;}
.lianxii{ width:100% !important;}
#map{ width:100% !important;}
.jianl{ width:100% !important;display:table !important;}
.jianr{ width:100% !important; display:table !important;}


.sp span{ display:block; font-size:14px; float:none; line-height:16px; color:#ccc;}
.sp span a{ color:#ccc;}
.sp p{ float:right; font-size:14px; float:none; margin-top:10px; color:#ccc;}
.sp p a{ color:#ccc;}
.banner_owd{bottom:-72px;}
#imglist li h3{ line-height:2 !important;}
#imglist{ padding:0 !important;}
#productlist{ padding:0 !important;}
#showtext{ padding:5px !important;}
#newslist .more3{}
}

/*厂房展示*/
#ZoomCapDiv{ left:919px !important;}
#ZoomCapDiv table{ width:auto !important;}
#imglist li { width:31% !important; height:auto !important; margin:0 1% 20px 1% !important;}
#imglist li a{display: block;overflow: hidden; font-size:14px;}
#imglist li a.img img { display:block; width:100%; border:none; transform:scale(1,1); transition:0.4s; height:auto; }
#imglist li:hover a{color:#E82E21;}
#imglist li:hover a.img img { transform:scale(1.05,1.05);}
#imglistt li a.text h3 { font-size:18px; font-weight:bold; line-height:1.6; padding:10px 0 0 0;}
#imglist li a.text p { color:#999; line-height:1.4;}
.searchnavlist li{float:left !important;padding-right:10px !important;}
/*新闻列表页*/
#shownews {
    
    margin: 0 auto;
}
#newslist li { padding:20px 0px 40px; background:#fff; position:relative;}
#newslist li::after { content:""; width:100%; border-bottom:1px solid #e5e5e5; position:absolute; bottom:0; right:0;}
#newslist li .news-time { display:none;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;  margin:0; height:155px;}
#newslist li a img { display:block; float:right;  margin-left:100px;}
#newslist li h3 { font-size:20px; font-weight:normal; padding-top:27px; }
#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; overflow:hidden; font-size:15px;}
#imglist li:hover { box-shadow:2px 2px 4px #ccc;}
#newslist .more3{ width:136px; height:30px; border:1px solid #333; border-radius:5px; text-align:center; 
margin-top:40px; transition: 0.25s;--hover:#ce1421;  -webkit-transition: 0.25s;}
#newslist .more3 a{ color:#333; line-height:30px; width:136px; height:30px;}
#newslist .more3:hover{  background: var(--hover); transition:.5s;}
#newslist .more3:hover a{ color:white;}
#imglist li:hover { box-shadow:2px 2px 4px #ccc;}
/*产品列表*/
/*产品列表*/
#productlist li { width:31% !important; height:auto !important; margin:0 1% 40px 1% !important;}
#productlist li a{display: block;white-space:  nowrap;overflow: hidden;text-overflow:  ellipsis;}
#productlist li a.img img { display:block; width:100%;  transform:scale(1,1); transition:0.4s;}
#productlist li:hover a.img img { transform:scale(1.05,1.05);}
#productlist li a.text h3 { font-size:18px; font-weight:bold; line-height:1.6; padding:10px 0 0 0;}
#productlist li a.text p { color:#999; line-height:1.4;}
#productlist li a.img img{ border:none !important;}
/*产品内容页*/

#showproduct .pshow dt { width:50% !important;}
#showproduct #imgqwe { display:block;}
#showproduct #imgqwe img { display:block; height:auto; width:100%;}
#showproduct .smallimg { width:100% !important;}
#showproduct .smallimg span.spic { display:inline-block; width:12.5%;}
#showproduct .smallimg .spic a img { width:100%; height:auto;}
#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; margin:0 !important;}
#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}
#imglist li{}
.metpager_8 span.current{ background:orange !important;}
/*内页文化*/
.span-6{ width:48%; float:left; margin-right:1%;}
.title_box{position:relative; height:120px; margin-bottom:50px;}
.en_t{font-size:113px; color:#f7f7f7; font-family:Arial; text-align:center; line-height:120px;}
.c_t{color:#000; font-size:36px; color:#000; margin-top:-100px; text-align:center; position:absolute; bottom:0; left:0; width:100%;}
.tuiyan_list .l_box{width:20%; height:125px;background-color:#024891; position:absolute; left:0; top:0; height:100%; float:left;}
.tuiyan_list .l_box .pd{padding-top:30px;color:#fff; font-size:24px; line-height:30px; width:48px; margin:0 auto;}
.tuiyan_list .r_box{width:80%; float:right;}
.tuiyan_list .r_box .pd{padding:26px 0 26px 50px; background-color:#f4f4f4;}
.tuiyan_list .r_box .pd p{line-height:25px; font-size:14px; color:#666;}
.tuiyan_list li{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; margin-bottom:30px; position:relative;}
.tuiyan_list li:hover{transform: translateX(20px);-webkit-transform: translateX(20px);}
#showjob .paralist li span{ font-size:14px !important;}
#showjob .paralist li{font-size:14px !important;}
#showproduct .pshow dd li span{ font-size:16px !important;}
#showproduct .pshow dd li{ font-size:16px !important;}
#productlist{ margin-top:80px;}
#showproduct{ margin-top:80px;}
/*响应式开始*/
@media screen and (max-width:1800px)
{
	.met_flash .metinfo-banner1 img{ height:auto !important;}
.metinfo-banner1{ height:auto !important;}
.met_flash .flash img{ width:100%; height:auto;}
	
	
	}
@media screen and (max-width:1200px)
{	#sidebar dl h4 a{ color:#fff;}
#showproduct{ margin-top:10px;}
#productlist{ margin-top:10px;}
#sidebar dl dd{ position:static !important;}
	.pro li{ padding:1%; box-sizing:border-box;-webkit-box-sizing:border-box; float:none; width:100%;}
	.pro{ background-image:none !important; background:#eaebe9 !important;}
    .pro li img{ width:100%;}
	.pro_02{ background:#f0f0f0 !important;}
	footer nav{ position:static !important;}
	/*内页*/
	.sidebar .sb_nav .position { display:block;float:left; margin-left:10px;}
	.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:9999;}
	.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:orange;}
	#sidebar dl dt a { padding:10px 3%; color:#fff;}
	#sidebar dl dt.on a { color:#fff;}
	#sidebar dl dt a::before { display:none;}
	#sidebar dl dt span { display:block;}
	select{ color:#fff !important;}
	/*文化*/
	.span-6{ width:100%;  margin-bottom:2%;}

}
@media screen and (max-width:1000px)
{
}
@media screen and (max-width:980px)
{
	.box-inner{ width:100% !important; float:none !important;}
	.flex-grid .box.box-medium{ width:100%;}
.flex-grid .box.box-large{ width:100%;}

	/*内页*/
	.introduce img { width:40% !important; margin:15px 30px !important;}
	#newslist li { padding:46px 0px 40px}
	
	#newslist li a img { width:300px; height:200px; margin-left:60px;}
	
}
@media screen and (max-width:800px)
{	
	.col-md-4{ width:100% !important;  float:none !important;}
	.product-carousel .item{ width:100% !important;  float:none !important;}
	.product-carousel .slick-track{ display:block !important;}
	/*内页*/
	.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% 0 2% !important;}
	#imglist li {width:46% !important; margin:0 2% 0 2% !important;}
	.sidebar .sb_box .active{ max-width:95% !important;}
	#newslist li p{ height:1.6em; display:none;}
	.hits-num{ display:none;}
	#showimg #imgqwe img{ width:100%; height:auto;}
	#showproduct h1.title{font-size:16px;}
	#showproduct .pshow dt{width:100% !important; }
	#showproduct .pshow dd{ width:100% !important; }
	#newslist li h3{ font-size:18px;}
	#showproduct .pshow dd ul{ padding-left:0 !important; margin-left:0 !important;}
	#showtext table tr td{ display:block !important; width:100% !important;}
	.feedback_table tbody tr{ text-align:left !important;}
	.feedback_table .textarea-text{ width:250px;}
	.feedback_table .input-text{ width:250px;}
}
@media screen and (max-width:680px)
{
	
	/*内页*/
	
	#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)
{
	
	/*内页*/
	.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:100%;}
	#newslist li a img { float:none; margin-left:0; width:100%; height:auto;}
	.feedback_table td.text{ white-space:nowrap;}
	#newslist li{ padding:0 !important;}
	#newslist li a{ height:auto !important;}
	#newslist .more3{ display:none;}
	#newslist li h3{ padding-top:5px; padding-bottom:10px;}
}
@media screen and (max-width:480px)
{
	
	/*内页*/
	.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:13px; 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;}
	.sidebar .sb_box .active{ max-width:100%;}
	.sidebar .sb_box .active{ margin:0 auto !important;}
	.wrap { max-width:100%;}
	#showproduct .pshow dt{ width:100% !important;}
	#showproduct{ padding-top:0 !important;}
	.advsearch_class1,.advsearch_class2,.advsearch_class3{ display:none;}
	.metpager_8 span.disabled,.metpager_8 span.current,.metpager_8 a, .metpager_8 span.miy{ padding:5px 10px !important; line-height:30px !important;}
	.met_flash .flash img{ min-height:150px;}
}
@media screen and (max-width:400px)
{
	
	/*内页*/
	#newslist li { padding:10px 0 !important; }
	#newslist li .news-time { display:none;}
	#newslist li a { width:100%; padding:0;}
	#newslist li a img { float:left; width:30%; margin-right:20px; height:auto;}
	#newslist li .hits-num { display:none}
	#newslist li h3 { font-size:16px;}
	#newslist li::after { width:100%;}
	#newslist li p{ display:none;}
	#newslist .more3{ display:none;}
	#newslist li a{ height:0;}
	#newslist li h3{ padding-top:0;}
}