@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:#0047bb; 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;}
.clear{ clear:both;}
.BMap_Marker img{ max-width:none}
/*头部*/
.inner{ width:100%; max-width:1200px; margin:0 auto; position:relative;}
.nav-b{ width:100%; max-width:1200px; margin:0 auto; background:white;}

/*顶部导航*/
.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{zoom:1;width:100%; position:absolute; z-index:99;}
.top-logo{ min-height:90px; _height:90px;  float:left; margin-left:30px;}
#web_logo{ display:block; font-size:0px; position:relative; z-index:99;}
.top-logo img { display:block;}
/*导航*/
nav{ float:left; height:95px; margin-left:20px;}
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:#151515; font-size:16px; line-height:95px;}
nav ul li a:hover{ color:#0047bb;}
nav ul li.line{ display:none;}

nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#0047bb;}
.en{ width:182px; height:95px; background:#0047bb; float:right; text-align:center;}
.eb a{font-size:16px; font-family:Arial; color:white; }
.eb{  background:url(../images/en.jpg) no-repeat 1px;width: 113px;height: 25px;margin: 0 auto; margin-top:35px; margin-right:21px;}

.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;}


/*首页*/
/*关于我们*/
.b-c{ width:100%; max-width:1200px; margin:50px auto; }
.bt,.pt{text-align:center;width:100%; max-width:1200px;}
.co{ margin-top:50px;}
.b-c h4 a{ font-size:40px; color:#333333;}
.bt p{ color:#555555; font-size:14px; width:70%; text-align:center; margin:10px auto;}
.cv{ float:left; overflow:hidden; position:relative;}
.cv img{-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;/* -webkit-transition:all .8s ease 0s; */transition:all .8s ease 0s;}

.cv:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.cv img{ display:block;}
.gt{ position:absolute; top:60px; left:30px;}
.gt a{ font-size:32px; color:white;font-weight:bold;}
.gt p{ font-size:14px; color:white; margin-top:12px;}
/*标题*/
.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;}
/*新闻*/
.n-c{ width:100%; max-width:1200px; margin:0 auto; }
.nt{text-align:center;width:100%; max-width:1200px;margin-bottom:50px;}
.n-c h4 a{ font-size:40px; color:#333333;}
.nt p{ color:#555555; font-size:14px; width:70%; text-align:center; margin:10px auto;}
.left{ float:left;}
.left li{ float:left; position:relative; }
.ntx{ width:100%; height:97px; background: rgba(0,0,0,0.4); position:absolute; bottom:-27px;}
.ntx a{ font-size:16px; color:white; padding-left:72px; line-height:97px;}
.time { width:115px; height:97px;  overflow:hidden;font-size:26px;background:#0047bb; float:right; line-height:97px;}
.time span b{display:block; white-space:nowrap; margin-left:-72px; color:white; font-weight:normal;}
.time span{display:block; width:72px; margin:0 auto; overflow:hidden;}
.right{ float:right; margin-bottom:24px; width:53%;}
.right span{ display:block; font-size:14px; color:#c6c6c6; padding-left: 61px;padding-top: 3px;}
.right .nm{ font-size:36px; color:#c6c6c6;margin-top: -12px;}
.right:hover{ background:#0047bb; transition:all 0.3s ease; }
.right:hover a{ color:white;}
.right:hover p{ color:white;}

.tv{ float:left; margin-right:23px;}
.right li a{ font-size:16px; color:#151515;}
.right p{ font-size:14px; color:#666666;}
.left img{-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s
;/* -webkit-transition:all .8s ease 0s; */transition:all .8s ease 0s;}

.left li:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); 
-webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.addtime {  width:80px; height:60px; float:left; margin-right:44px;}
.addtime p { display:block; width:64px; overflow:hidden; margin:0 auto; font-size:14px; line-height:32px; color:#c6c6c6; margin-left:31px;}

.addtime p b { display:block; white-space:nowrap; margin-left:31px; font-weight:normal;}

.addtime span { display:block; width:40px; height:28px; margin:0 auto; overflow:hidden; line-height:26px;font-size:36px;}
.addtime span b{display:block; white-space:nowrap; margin-left:-160px; color:#c6c6c6; font-weight:normal;}
/*产品*/
.p-c{ width:100%; background:url(../images/pb.jpg) no-repeat; margin-top:50px;}
.p-b{ width:100%; max-width:1200px; margin:30px auto; padding-bottom:44px;}
.pt h4{ padding-top:50px;}
.pt h4 a{ font-size:40px; color:white;}
.pt p{ color:white; font-size:14px; width:70%; text-align:center; margin:19px auto; margin-bottom:40px;}
.p-b li{ float:left; width:31%; margin-right:2.3%;}
.p-b h3{ text-align:center; line-height:55px;}
.p-b h3 a{ font-size:16px; color:white;}

/*领域*/
.kb{ width:100%; background:url(../images/hb.jpg) no-repeat; height:500px; overflow:hidden;  margin-top:50px;}
.kc{ width:100%; max-width:1200px; margin:44px auto; }
.kc h4 a{ font-size:36px; color:white; font-weight:bold;}
.kc span{ display:block; font-size:72px; color:white; float:left; font-weight:bold; margin-left:30px;}
.j{font-size:48px; color:white; font-weight:bold; float:left; margin-left:10px;}
.jt{ font-size:18px; color:white; color:white; float:left; margin-top:67px; margin-left:14px; margin-right:60px;}
.kc p{font-size:18px; color:white; float:left; width:100%;}
.kc ul li{ float:left; border:1px solid #e6e6e6; margin-right:10px; margin-top:28px;}
.kc ul li img{ display:block;}
/*底部*/
.foot{ width:100%; background:url(../images/fb.jpg) no-repeat;height:412px;}
.fc{ width:100%; max-width:1200px; margin:0 auto; padding-top:60px;}
.ft dl{ float:left; margin-right:12%;}
.ft dl dt{ color:white; font-size:20px; padding-bottom:10px;}
.ft dl dd{font-size:14px;}
.ft dl dd a{ color:#9a9a9a; font-size:14px; line-height:32px;}
.ft dl dd a:hover{ color:white;}
.wx{ float:right;}
.wx dl dt{ color:white; font-size:20px;}
.wx dl{ float:left; margin-top:20px; margin-left:20px;}
.wx dl dd{ float:left; margin-right:10px; margin-top:10px;}
.wh{ float:left;}
.fc span{ font-size:24px; color:white;font-weight:bold; float:left; display:block; width:100%; margin-top:30px;}
.line{ width:100%; height:1px; background:#9d9d9d; margin-top:50px;}
.sp{width:100%; max-width:1200px; margin:34px auto;}
.sp span{ display:block; font-size:14px; float:left;}
.sp span a{ color:#9a9a9a; font-size:14px;}
.sp p{ float:right;}
.sp p a{ color:#9a9a9a; font-size:14px;}
/*内页侧栏*/
.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 33px; position:relative; display:inline-block}
#sidebar dl dt a{ display:block;font-size:18px;}
#sidebar dl：hover a{color:#0047bb;}
#sidebar dl dt.on a,.sidebar .sb_nav dl dt.all a{ color:#0047bb;}

#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:#0047bb;}
#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:1200px; margin:20px auto; position:relative; overflow:hidden; box-sizing:border-box;}
#imglist li h3{ line-height:4.5 !important; font-size:15px;}
/*关于我们内页*/
#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% 5px; 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:#0047bb;}
#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 li { width:31%; height:auto !important; margin:0 1% 40px 1%;}
#productlist li a{display: block;}
#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;}
/*产品内容页*/
#showproduct { padding-top:40px;}
#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}
#imglist li{}
/*响应式开始*/
@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,71,187,.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; color:white;}
	.menu_h { display:block; top:30px; right:40px;}
	.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:1000px)
{.gt p{ font-size:25px; width:70%;}
.p-b li{ padding-left:1%; margin-right:1.3% !important;}
	.cv{ width:100%;}
	.gt a{ font-size:40px;}
header{ position:relative !important;}	
.menu_h{ top:31px; right:8px;}
.cv img{ width:100%;}
.left,.right{ width:100%;}
.right{ margin-top:48px; margin-bottom:none;}
.left ul li{ width:195%;}.right ul li{ width:100%;}
.kc span{ font-size:63px;}
.kc p{ width:93%; margin-left:2%;}
.kb{ margin-top:10px;}
.left img{ width:100%;}	
.addtime{ margin-right:20px;}
.kc ul li{ margin-top:5px;}
.ft dl{ margin-right:2%;}
}
@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%;}
}