/*全局样式*/

.wrapper{width:1400px;}
p{ font-size: 14px;}
/*头部样式*/

#header{width:100%; height:95px; background:url(img/header-bg.jpg) no-repeat center; border-bottom:3px solid #fff;}
#logo{left:0; top:0;}
#logo img{width:282px; height:90px;}
#nav{right:290px; top:16px;}
#nav ul li{float:left; height:65px; line-height:65px; margin:0 10px; font-size:14px; text-transform:uppercase;  position: relative;}
#nav ul li a{display:block; padding:0 5px; color:#fff;}
#nav ul li.current{background:url(img/arrow-t.png) no-repeat bottom center; border-bottom:2px solid #fff;}
#nav ul li.default{background:none; border-bottom:none;}
#nav ul li:hover{background:url(img/arrow-t.png) no-repeat bottom center; border-bottom:2px solid #fff;}
#search{right:90px; top:33px; width:140px; height:28px; padding:0 15px; border:1px solid #fff; border-radius:15px; overflow:hidden;}
#search input{float:left; width:118px; height:28px; line-height:28px; padding:0; background:none; border:none; font-size:14px; color:#fff;}
#search input::-moz-placeholder{text-align:left;color:#fff}
#search input::-webkit-input-placeholder{text-align:left;color:#fff}
#search input::-ms-input-placeholder{text-align:left;color:#fff}
#search button{float:right; width:14px; height:28px; padding:0; background:url(img/search.png) no-repeat center;}
#language{right:0; top:35px; min-height:35px;}
#language span{display:block; height:25px; line-height:25px; padding-left:20px; background:url(img/arrow-b.png) no-repeat left center; font-size:14px; text-transform:uppercase; color:#fff; cursor:pointer; overflow:hidden;}
#language:hover span{background-image:url(img/arrow-t.png);}
#language-switch{left:50%; top:35px; width:100px; margin-left:-50px; padding:10px 0; background:rgba(255,255,255,.85); z-index:999; display:none;}
#language-switch dl dd{height:30px; line-height:30px; font-size:14px; text-transform:uppercase; text-align:center; overflow:hidden;}
#language-switch dl dd a{display:block; color:#666;}
#language-switch dl dd:hover a{color:#0f56b2;}
#nav ul li:hover .erji{ display: block;}
.erji{ position: absolute; top: 40px; width: 140px;z-index: 80; padding-top: 32px; display: none;}
.erji dd{ background: #105fc4; padding:10px; line-height: 24px;}
.erji dd a{ color: #fff;}
.erji dd p{ font-size: 12px; padding-left: 12px; background: url(img/sanjiao.png) no-repeat left top 8px;}
.erji dd:hover{ background: #3e8bee;}
.banner2,.banner2 li{width:100%; height:500px; background-size: cover;}
@media (max-width: 1420px) {
	.wrapper{width: 1200px; margin: auto;}
	.zhuye{ width:1200px; margin: auto;}
}
/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:665px;}
#banner-img ul li{float:left;}
#banner-img ul li a{display:block;}
#banner-btn{left:0; bottom:40px; width:100%; height:4px; line-height:4px; text-align:center; font-size:0; z-index:99;} 
#banner-btn dl dd{display:inline-block; width:40px; height:4px; margin:0 8px; background:#fff; cursor:pointer;}
#banner-btn dl dd.on{background:#0f56b2;}

.title em{display:block; width:60px; height:3px; background:#0f56b2;}
.title h2{height:28px; line-height:28px; margin-top:13px; font-size:26px; font-weight:bold; text-transform:uppercase; overflow:hidden;}

#product{width:100%; padding:60px 0;}
#product-item{height:511px; overflow:hidden;}
#product-item ul li{float:left; width:1400px; height:511px; overflow:hidden;}
#product-item ul li dl{margin-left:-22px;}
#product-item ul li dl dd{position:relative; float:left; width:452px; height:511px; margin-left:22px; overflow:hidden;}
#product-item ul li dl dd img{width:452px; height:320px;}
#product-item ul li dl dd section{height:130px; padding:30px; border:1px solid #e1e1e1; border-top:none; overflow:hidden;}
#product-item ul li dl dd section h3{height:30px; line-height:30px; font-size:14px; font-weight:bold; text-transform:uppercase;}
#product-item ul li dl dd section p{height:90px; line-height:30px; margin-top:10px; font-size:14px; color:#666; overflow:hidden;}
#product-item ul li dl dd h4{position:absolute; right:20px; top:280px; width:60px; height:60px;transition: all 0.5s;  transform: rotateY(0deg);
 background:url(img/view.png) no-repeat center rgba(15,86,178,.9);}
#product-item ul li dl dd h4 a{display:block; width:60px; height:60px;}
#product-btn{height:4px; line-height:4px; margin-top:40px; text-align:center; font-size:0; overflow:hidden;}
#product-btn dl dd{display:inline-block; width:40px; height:4px; margin:0 8px; background:#dadada; cursor:pointer;}
#product-btn dl dd.on{background:#0f56b2;}
#product-item ul li dl dd h4:hover{ transform: rotateY(180deg)}

#about{width:100%; max-height:550px; padding:60px 0; background:url(img/about-bg.jpg) no-repeat bottom center #f6f6f6; overflow:hidden;}
#about-text{width:640px; height:334px; padding:60px; background:#fff; overflow:hidden;}
#about-text section{height:180px; line-height:30px; margin-top:30px; font-size:14px; color:#666; overflow:hidden;}
#about-text h4{width:150px; height:40px; line-height:40px; margin-top:40px; background:#0f56b2; font-size:14px; text-align:center; text-transform:uppercase; overflow:hidden;}
#about-text h4 a{display:block; color:#fff;}
#about-img{width:640px; height:454px; overflow:hidden;}
#about-img h3{position:absolute; right:0; bottom:60px; height:60px; line-height:60px; background:#0f56b2; font-size:18px; font-weight:bold; text-transform:uppercase;}
#about-img h3 a{display:block; padding:0 20px; color:#fff;}

#case{width:100%; padding:60px 0;}
#case-item{margin-top:40px;}
#case-item ul{margin:-20px 0 0 -20px;}
#case-item ul li{float:left; width:690px; height:300px; margin:20px 0 0 20px; overflow:hidden;}
#case-item ul li img{float:left; width:340px; height:300px;}
#case-item ul li section{float:left; width:289px; height:238px; padding:30px; border:1px solid #e1e1e1; border-left:none; overflow:hidden;}
#case-item ul li section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#0f56b2; overflow:hidden;}
#case-item ul li section p{height:120px; line-height:30px; margin-top:20px; font-size:14px; color:#666; overflow:hidden;}
#case-item ul li section h4{width:118px; height:38px; line-height:38px; margin-top:40px; border:1px solid #c1c1c1; border-radius:20px; font-size:14px; text-transform:uppercase; text-align:center;}
#case-item ul li section h4 a{display:block; color:#666;}
#case-item ul li section h4:hover{background:#0f56b2; border-color:#0f56b2;}
#case-item ul li section h4:hover a{color:#fff;}
#case-more{width:150px; height:40px; line-height:40px; margin:40px auto 0 auto; background:#0f56b2; font-size:14px; text-align:center; text-transform:uppercase; overflow:hidden;}
#case-more a{display:block; color:#fff;}

#xcase{margin-top:40px;}
#xcase ul{margin:-25px 0 0 -15px;}
#xcase ul li{position:relative; float:left; width:446px; height:330px; margin:25px 10px 0 15px; overflow:hidden;}
#xcase ul li img{width:446px; max-width:none; height:330px;}
#xcase ul li h3{position:absolute; left:0; right:0; top:0; bottom:0; line-height:330px; padding:0 20px; background:rgba(0,0,0,.72); font-size:17px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none;}
#xcase ul li span{position:absolute; left:8px; right:8px; top:8px; bottom:8px; border:1px solid rgba(255,255,255,.38); display:none;}
#xcase ul li:hover h3,#xcase ul li:hover span{display:block;}
#xcase ul li.more h3,#xcase ul li.more span{display:block;}

#mgt{width:100%; max-height:512px; padding:60px 0; background:url(img/mgt-bg.jpg) no-repeat center 60px #f6f6f6; overflow:hidden;}
#mgt-item{margin-top:40px;}
#mgt-item dl{margin-left:-22px;}
#mgt-item dl dd{float:left; width:372px; height:230px; margin-left:22px; padding:40px; background:#6e6e6e; text-align:center; color:#fff; cursor:pointer; overflow:hidden;}
#mgt-item dl dd a{color:#fff;}
#mgt-item dl dd em{display:block; width:70px; height:70px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#mgt-item dl dd em.mgt-icon0{background-image:url(img/mgt-icon1.png);}
#mgt-item dl dd em.mgt-icon1{background-image:url(img/mgt-icon2.png);}
#mgt-item dl dd em.mgt-icon2{background-image:url(img/mgt-icon3.png);}
#mgt-item dl dd h3{height:18px; line-height:18px; margin-top:30px; font-size:20px; text-transform:uppercase; overflow:hidden;}
#mgt-item dl dd p{height:90px; line-height:30px; margin-top:22px; font-size:14px; overflow:hidden;}
#mgt-item dl dd.current{background:#fff;}
#mgt-item dl dd.current a{color:#666;}
#mgt-item dl dd.current em.mgt-icon0{background-image:url(img/mgt-icon1-h.png);}
#mgt-item dl dd.current em.mgt-icon1{background-image:url(img/mgt-icon2-h.png);}
#mgt-item dl dd.current em.mgt-icon2{background-image:url(img/mgt-icon3-h.png);}

#press{width:100%; max-height:758px; padding:60px 0; background:url(img/press-bg.jpg) no-repeat center 60px; overflow:hidden;}
#press-item{width:800px; height:480px; margin-top:40px; padding:20px; background:#fff; overflow:hidden;}
#press-item ul li{height:80px; margin-top:20px; overflow:hidden;}
#press-item ul li:first-child{margin-top:0;}
#press-item ul li section{float:left; width:80px; height:46px; padding:17px 0; background:#0f56b2; text-align:center; color:#fff; overflow:hidden;}
#press-item ul li section em{display:block; height:26px; line-height:26px; font-size:24px; overflow:hidden;}
#press-item ul li section span{display:block; height:14px; line-height:14px; margin-top:6px; font-size:14px; overflow:hidden;}
#press-item ul li figure{float:right; width:700px; height:70px; padding:5px 0; overflow:hidden;}
#press-item ul li figure figcaption{height:16px; line-height:16px; font-size:14px; font-weight:bold; text-transform:uppercase; overflow:hidden;}
#press-item ul li figure p{height:14px; line-height:14px; margin-top:13px; font-size:14px; color:#666; overflow:hidden;}
#press-item ul li figure h4{height:14px; line-height:14px; margin-top:13px; font-size:14px; text-transform:uppercase; overflow:hidden;}
#press-item ul li figure h4 a{display:inline-block; padding-right:60px; background:url(img/arrow1.png) no-repeat right center; color:#666;}
#press-item ul li figure h4 a:hover{background-image:url(img/arrow3.png); color:#0f56b2;}
#press-rmd{width:560px; height:520px; margin-top:40px; overflow:hidden;}
#press-rmd img{width:560px; height:410px;}
#press-rmd section{height:70px; padding:20px; background:#0f56b2; color:#fff; overflow:hidden;}
#press-rmd section h3{height:16px; line-height:16px; font-size:14px; font-weight:bold; text-transform:uppercase; overflow:hidden;}
#press-rmd section p{height:14px; line-height:14px; margin-top:13px; font-size:14px; overflow:hidden;}
#press-rmd section h4{height:14px; line-height:14px; margin-top:13px; font-size:14px; text-transform:uppercase; overflow:hidden;}
#press-rmd section h4 a{display:inline-block; padding-right:60px; background:url(img/arrow2.png) no-repeat right center; color:#fff;}
#press-more{width:150px; height:40px; line-height:40px; margin:40px auto 0 auto; background:#0f56b2; font-size:14px; text-align:center; text-transform:uppercase; overflow:hidden;}
#press-more a{display:block; color:#fff;}
@media (max-width: 1420px) {
	.chanpin{width: 1200px; margin: auto;}
	#product-item ul li dl dd{ width: 385px;}
	.about_box,.anli,.glzd,.news_box{width: 1200px; margin: auto;}
	#about-text{ width: 480px;}
	#about-img{ width: 600px;}
	#case-item ul{margin: -20px 0 0 -10px;}
	#case-item ul li{ width: 595px;margin: 20px 0 0 10px;}
	#case-item ul li img{ width: 290px;}
	#case-item ul li section{ width: 244px;}
	#mgt-item dl dd{width: 305px;}
	#press-rmd{ width: 480px;}
	#press-item{ width: 680px;}
	#press-item ul li figure{width: 580px;}
	#banner,#banner-img,#banner-img ul li,#banner-img ul li a{height: 560px;}
	#banner-img ul li{ background-size: auto 100% !important;}
}
/*内页样式*/

#menu{height:60px; border-bottom:1px solid #e1e1e1;}
#menu dl dd{float:left; height:59px; line-height:60px; margin-right:20px; font-size:14px; text-transform:uppercase; overflow:hidden;}
#menu dl dd a{display:block; padding:0 10px; color: #333;}
#menu dl dd.current{border-bottom:2px solid #0f56b2;}
#menu dl dd.current a,#menu dl dd:hover a{color:#0f56b2; font-weight: bold; position: relative;}

#main{min-height:500px; padding:40px 0;}

#single{line-height:30px; font-size:14px; color:#2b2b2b; clear: both;}
#single img{display:inline-block;}
#article-title{font-size:18px; font-weight:bold; text-transform:uppercase; text-align:center;}
#article-info{margin:10px 0; font-size:14px; text-transform:uppercase; text-align:center; color:#888;}
#single h4{ width: 840px;float: left; font-size: 14px;}
#single p img{}
#single h5{ float: right; width: 540px;}

#press-list ul li{height:80px; margin-top:20px; padding-bottom:20px; border-bottom:1px dashed #e1e1e1; overflow:hidden;}
#press-list ul li:first-child{margin-top:0;}
#press-list ul li section{float:left; width:80px; height:46px; padding:17px 0; background:#0f56b2; text-align:center; color:#fff; overflow:hidden;}
#press-list ul li section em{display:block; height:26px; line-height:26px; font-size:24px; overflow:hidden;}
#press-list ul li section span{display:block; height:14px; line-height:14px; margin-top:6px; font-size:14px; overflow:hidden;}
#press-list ul li figure{float:right; width:1300px; height:70px; padding:5px 0; overflow:hidden;}
#press-list ul li figure figcaption{height:16px; line-height:16px; font-size:14px; font-weight:bold; text-transform:uppercase; overflow:hidden;}
#press-list ul li figure p{height:16px; line-height:16px; margin-top:13px; font-size:16px; color:#666; overflow:hidden;}
#press-list ul li figure h4{height:14px; line-height:14px; margin-top:13px; font-size:14px; text-transform:uppercase; overflow:hidden;}
#press-list ul li figure h4 a{display:inline-block; padding-right:60px; background:url(img/arrow1.png) no-repeat right center; color:#666; font-size: 12px;}
#press-list ul li figure h4 a:hover{background-image:url(img/arrow3.png); color:#0f56b2;}

#product-list ul{margin:-22px 0 0 -22px;}
#product-list ul li{position:relative; float:left; width:452px; height:511px; margin:22px 0 0 22px; overflow:hidden;}
#product-list ul li img{width:452px; height:320px;}
#product-list ul li section{height:130px; padding:30px; border:1px solid #e1e1e1; border-top:none; overflow:hidden;}
#product-list ul li section h3{height:30px; line-height:30px; font-size:14px; font-weight:bold; text-transform:uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#product-list ul li section p{height:90px; line-height:30px; margin-top:10px; font-size:14px; color:#666; overflow:hidden;}
#product-list ul li h4{position:absolute; right:20px; top:280px; width:60px; height:60px; background:url(img/view.png) no-repeat center rgba(15,86,178,.9);
 transform: rotateY(0deg); transition: all 0.5s;}
#product-list ul li h4 a{display:block; width:60px; height:60px;}
#product-list ul li h4:hover{ transform: rotateY(180deg);}

#case-list ul{margin:-20px 0 0 -20px;}
#case-list ul li{float:left; width:690px; height:300px; margin:20px 0 0 20px; overflow:hidden;}
#case-list ul li img{float:left; width:340px; height:300px;}
#case-list ul li section{float:left; width:289px; height:238px; padding:30px; border:1px solid #e1e1e1; border-left:none; overflow:hidden;}
#case-list ul li section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#0f56b2; overflow:hidden;}
#case-list ul li section p{height:120px; line-height:30px; margin-top:20px; font-size:14px; color:#666; overflow:hidden;}
#case-list ul li section h4{width:118px; height:38px; line-height:38px; margin-top:40px; border:1px solid #c1c1c1; border-radius:20px; font-size:14px; text-transform:uppercase; text-align:center;}
#case-list ul li section h4 a{display:block; color:#666;}
#case-list ul li section h4:hover{background:#0f56b2; border-color:#0f56b2;}
#case-list ul li section h4:hover a{color:#fff;}

#pageinfo{margin-top:40px; font-size:0;}
#pageinfo a{display:inline-block; min-width:12px; height:36px; line-height:36px; margin:0 4px; padding:0 12px; background:#fff; border:1px solid #e1e1e1; font-size:14px;}
#pageinfo a.info{color:#888;}
#pageinfo a.current{background:#0f56b2; border-color:#0f56b2; color:#fff;}

/*底部样式*/

#footer{width:100%; padding:60px 0 20px 0; background:#0f56b2; color:#fff;}
#footer dl{float:left;width: 10%;}
#footer dl dt{height:30px; line-height:30px; margin-bottom:10px; font-size:16px; font-weight:bold; overflow:hidden;}
#footer dl dd a{color: #fff;}
#footer dl dd a:hover{ text-decoration: underline; color: #fff;}

#copyright{width:100%; height:60px; line-height:60px; background:#0f56b2; border-top:1px solid #5b94df; font-size:14px; color:#fff; overflow:hidden;}

.liuyan{ background:url(img/about-bg.jpg) no-repeat bottom center #f6f6f6;}
.ly_box{ max-width: 1200px; margin: auto; padding: 40px 0;}
.lybt{ text-align: center; margin-bottom: 30px;}
.lybt h2{ font-size: 24px; font-weight:bold;text-transform: uppercase;}
.biaoge{ background: #fff; padding: 20px;}
.biaoge li{ margin: 20px 0; display: flex;}
.biaoge li input{ display: inline-flex; height: 48px;
  padding: 4px 10px; line-height: 40px; border: 1px solid #b1b1b1; background:#fff; margin:0 10px; color: #0f56b2; border-radius: 4px;}
.biaoge li textarea{ width: 100%; padding:20px 10px; line-height: 24px; border: 1px solid #b1b1b1;background:#fff; margin: 0 10px;color: #0f56b2;
 border-radius: 4px;}
 
.tijiao{ width: 200px; line-height: 44px; margin:20px auto;}
.tijiao a{ display: block; color: #fff; background:#0f56b2; width: 100%; text-align: center;text-transform: uppercase; border-radius: 4px;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333;
}


@media (max-width: 1420px) {
	.foot,.yemei{ width: 1200px; margin: auto;}
	#f-contact{ margin-right: 75px;}
	#f-attention{ margin-right: 74px;}
	#search{ display: none;}
	#nav{right: 100px;}
	#case-list ul li{ width: 590px;}
	#case-list ul li img{ width: 280px;}
	#case-list ul li section{ width: 249px;}
	#product-list ul li{ width: 385px; height: 470px;}
	#product-list ul li img{ height: auto;}
	#press-list ul li figure{ width: 1100px;}
	#single h4{ width: 630px;}
	#single h5{ width: 530px;}
}