@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; }
img { border:0; vertical-align:top; }
html, body {width: 100%;max-width: 100%;min-height: 100%;height: auto;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#0280f6; }
a:focus { outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mar0a{margin: 0 auto;}
.con-fff{width:100%;height:100%;}
.fl {float:left;}
.fr {float:right;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
.clear{clear:both; height:0; line-height:0; font-size:0;}
table {border-collapse:collapse; border-spacing:0;}
table td, table th{padding: 5px 10px;border: 1px solid #ddd;}



@media(min-width: 1360px){
	.container{ width: 1330px; }
}

.title h2{ font-size: 36px; font-weight: bold; color: #252525; text-align: center;}
.title i{display: block; background: url(../images/i.png) no-repeat center; width: 29px; height: 8px; margin:8px auto 0;}
.title p{text-align: center; font-size: 16px; line-height: 2; color: #252525; font-weight: bold; text-transform: uppercase;}

.title_w h2{ font-size: 36px; font-weight: bold; color: #fff; text-align: center;}
.title_w i{display: block; background: url(../images/i_w.png) no-repeat center; width: 29px; height: 8px; margin:8px auto 0;}
.title_w p{text-align: center; font-size: 16px; line-height: 2; color: #fff; font-weight: bold; text-transform: uppercase;}


@media(max-width: 767px){
	.container{padding: 0 10px;}
	img {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
	}
	.title h2{ font-size: 24px; }
	.title p{ font-size: 14px;}
	.title_w h2{ font-size: 24px; }
	.title_w p{ font-size: 14px;}

}


/*header*/
#header{box-shadow: 0px 0px 6px #999; position: fixed; width: 100%; background: #fff; z-index: 99999;}
#header .logo{ float: left;}
#header .logo{ margin-top: 23px;}
#header .nav{ float: left; padding-left: 4%; }
#header .nav ul li { float: left; padding: 0 19px; position: relative;}
#header .nav ul li>a{ font-size: 16px; line-height: 94px; border-bottom:6px solid #fff; display: block;}
#header .nav ul li.cur>a,#header .nav ul li:hover>a{border-bottom:6px solid #0074c4; color: #0074c4; }
#header .search{ float: left; width: 236px; border:1px solid #dedede; line-height: 34px; border-radius: 20px; margin-top: 32px;}
#header .nav ul li dl{position: absolute; left: -33px; width: 180px;}
#header .nav ul li dl dd{background: #fff; box-shadow: 0px 0px 3px #666; display: none;}
#header .nav ul li dl dd a{ display: block; line-height: 2.5; text-align: center; border-bottom: 1px dashed #e5e9ed;}
#header .nav ul li dl dd a:nth-child(6n){display: none;}
#header .nav ul li dl dd a:last-of-type{ border-bottom: none;}
#header .nav ul li:hover dl dd{ display: block;}
#header .search .tt{ width: calc(100% - 36px); float: left; padding: 0 5px;}
#header .search .s_bt{ width: 34px; height: 34px; background: url(../images/search.png) no-repeat center; float: right; font-size: 0;}
#shop { float:right; height:100%; margin-left: 20px; position:relative; }	
#shop i{ display:block; float:left; font-style:normal}
#shop #head-search{width:45px; height:100%; background:url(../images/icon-search.png) no-repeat center;cursor:pointer;}
#shop #head-nav{height: 100%;border:none;margin-top: 0;font-size: 16px;text-align: center;line-height: 100px;padding: 0 10px;}
#shop #head-nav a{padding: 0 5px;border-right: 1px solid #666;color: #666;}
#shop #head-nav a:last-child{border-right: 0;}
#shop #head-nav a:hover{color: #609E49;}
#shop #m-head-nav{height: 16px;position: relative;float: left;display:none;margin-left: 20px;margin-top: 37px;width: 24px;cursor:pointer;}	
#shop #m-head-nav .line{width: 24px;height: 2px;background-color: #609e49;position: absolute;left: 0px;top: 7px;}
#shop #m-head-nav .line1{margin-top: -7px;}
#shop #m-head-nav .line3{margin-top: 7px;}
#shop #m-head-nav[data-active="on"] .line1{margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
#shop #m-head-nav[data-active="on"] .line2{display: none;}
#shop #m-head-nav[data-active="on"] .line3{margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#shop .btn-search{position:absolute; top:30px; right:0px; width:28px; height:28px; background:url(../top_search.png) no-repeat center}
#shop .btn-lang {position:absolute;top:30px; right:48px; width:28px; height:28px; background:url(../top_tel.png) no-repeat center}

#mheader{ padding: 10px 0; position: fixed; width: 100%; background: #fff; z-index: 9999;}
#mheader .logo img{ height: 32px;}

@media(max-width: 1359px){
	#header .nav ul li{padding: 0 7px;}
	#header .nav ul li dl{width: 150px;}
	#header .nav ul li dl{left: -25px;}
}

@media(max-width: 1199px){
	#header .nav{ float: right;}
}

@media(max-width: 991px){
	#header .nav ul li{padding: 0 5px;}
	#header .nav ul li>a{ font-size: 15px;}
}



/*banner*/
#banner{padding-top: 100px;}
#banner .swiper-container .swiper-wrapper .swiper-slide img{max-width: 100%;}
#banner .nybanner .nybanner_txt{position: relative;width: 100%;}
#banner .nybanner .nybanner_txt h5{ font-size: 60px; font-weight: bold; color: #4071a8; text-align: center; text-transform: uppercase;}
#banner .nybanner .nybanner_txt h6{font-size: 36px;font-weight: bold;color: #fff;text-align: center;bottom: -10px;position: absolute;z-index: 999;width: 100%;}

@media(max-width: 767px){
	#banner{padding-top: 0px;}
}



/*homepro*/
#homepro{padding: 50px 0; background: url(../images/homepro.jpg) no-repeat top; }
#homepro ul li{padding: 0 7px; margin-top: 15px;}
#homepro ul li:nth-child(-n+4){ width: 50%; float: left;}
#homepro ul li:nth-child(n+5){ width: 20%; float: left;}
#homepro ul li .homeproimg {position: relative;}
#homepro ul li .homeproimg dt img{ border:1px solid #e5e9ed; }

#homepro ul li .homeproimg dd{position: absolute;  bottom: 0; transition:all .5s; background: rgba(0,116,196,.6); width: 100%; height: 0; text-align: center; }
#homepro ul li .homeproimg dd img{ display: none;}
#homepro ul li:hover .homeproimg dd img{display: block; margin: 0 auto;}
#homepro ul li:hover .homeproimg dd{height: 100%;  }
#homepro ul li .homeproimg dd h3{ font-size: 0px;}
#homepro ul li:hover .homeproimg dd h3{ font-size: 20px; font-weight: bold; color: #fff; line-height: 2;}
#homepro ul li .homeproname {position: relative; background: linear-gradient(310deg,transparent 15px,#e5e9ed 0); padding: 10px 20px;}
#homepro ul li .homeproname h3{ font-size: 20px; color: #333; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#homepro ul li .homeproname p{ font-size: 12px; color: #999; line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#homepro ul li:hover .homeproname{position: relative; background: linear-gradient(310deg,transparent 15px,#0074c4 0); padding: 10px 20px;}
#homepro ul li:hover .homeproname h3{ font-size: 20px; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#homepro ul li:hover .homeproname p{ font-size: 12px; color: #fff; line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

@media(max-width: 1199px){
	#homepro ul li .homeproname h3{ font-size: 16px; }
}

@media(max-width: 767px){
	#homepro{ padding: 30px 0;}
	#homepro ul li{ padding: 0 3px;}
	#homepro ul li .homeproname{ padding: 5px 10px;}
	#homepro ul li .homeproname h3{ font-size: 14px;}
	#homepro ul li:nth-child(-n+4){ width: 50%; float: left;}
	#homepro ul li:nth-child(n+5){ width: 33.333%; float: left;}
}

/*layout*/
#layout{background: #e5e9ed; padding: 50px 0; overflow: hidden;}
#layout .layout_li{position: relative; margin-top: 20px;display:flex;}
#layout .layout_l{ float: left; position: relative; z-index: 2;}
#layout .layout_l ul li{ width: 250px; padding:15px 20px; margin-top: 12px;  background-image: linear-gradient(to right, #167fc6 , #0e64b2);}
#layout .layout_l ul li p{font-size: 16px; color: #fff;}
#layout .layout_m{position: relative; right: 6%; float: left;}
#layout .layout_m .layout_mli{position: absolute; width: 8px; height: 8px; border-radius:30px; background: #0074c4; display: flex; justify-content: center; align-items: center;}
#layout .layout_m .layout_mli1{position: absolute; right: 25%; top: 46%;}
#layout .layout_m .layout_mli2{position: absolute; right: 21%; top: 58%;}
#layout .layout_m .layout_mli2 p{left: -10px;}
#layout .layout_m .layout_mli3{position: absolute; right: 32%; top: 72%;}
#layout .layout_m .layout_mli3 p{top: -32px; left: -32px;}
#layout .layout_m .layout_mli4{position: absolute; right: 30%; top: 73%;}
#layout .layout_m .layout_mli4 p{left: -20px; top: 15px;}
#layout .layout_m .layout_mli5{position: absolute; right: 28%; top: 74%;}
#layout .layout_m p{position: relative; top: 20px; font-size: 16px; color: #999; }
#layout .layout_m .layout_mli i{flex: 0 0 30px; min-width: 30px; height: 30px; border-radius: 50%; background: rgba(0, 116,196, .3); animation: scalemap 2s linear infinite;-moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite;}
#layout .layout_r{ float: right;}
#layout .layout_r .about-count>div{padding: 35px 0;}
#layout .layout_r .about-count h5{font-size: 20px; color: #0074c4; font-weight: bold;}
#layout .layout_r .about-count h5 span{font-size: 60px; color: #0074c4; font-weight: bold;}
#layout .layout_r .about-count p{ color: #666; font-size: 16px;}
@keyframes scalemap {
	0% {transform: scale(0.2);opacity: 1;}
	100% {transform: scale(1.5);opacity: 0;}
}
@-moz-keyframes scalemap {
	0% {transform: scale(0.2);opacity: 1;}
	100% {transform: scale(1.5);opacity: 0;}
}
@-webkit-keyframes scalemap {
	0% {transform: scale(0.2);opacity: 1;}
	100% {transform: scale(1.5);opacity: 0;}
}
@-o-keyframes scalemap {
	0% {transform: scale(0.2);opacity: 1;}
	100% {transform: scale(1.5);opacity: 0;}
}

@media(max-width: 1359px){
	#layout .layout_m{position: relative; right: 0%; width: 52%; float: left;}
}

@media(max-width: 1199px){
	#layout .layout_l ul li{ width: 188px;}
	#layout .layout_m{position: relative; right: 0%; width: 54%; float: left;}
	#layout .layout_r .about-count h5 span{font-size: 54px; }
	#layout .layout_r .about-count p{ color: #666; font-size: 14px;}
	#layout .layout_l ul li{padding: 10px;}
}

@media(max-width: 991px){
	#layout .layout_li{display:block;}
	#layout .layout_m{ float: right; width: 72%;}
	#layout .layout_l ul li{margin-top: 6px;}
	#layout .layout_r{ width: 100%; }
	#layout .layout_r .about-count>div{width: 33.333%; float: left; padding: 0 20px;  padding-top: 20px;}
	#layout .layout_r .about-count h5 span{font-size: 48px; }
}

@media(max-width: 767px){
	#layout {padding:30px 0;}
	#layout .layout_l ul li{ width: 48%; margin: 0 1%; float: left; margin-bottom: 5px;}
	#layout .layout_l ul li p{ font-size: 13px; }
	#layout .layout_m{ width: 100%; margin-top: 20px;}
	#layout .layout_r .about-count>div{width: 100%; }
	#layout .layout_r .about-count h5 span{font-size: 32px; }
	#layout .layout_r .about-count h5{ font-size: 18px;}
}



/*about*/
#about{padding: 50px 0 60px; background: url(../images/about.jpg) no-repeat center;}
#about .about_txt{color: #fff; line-height: 2.5; font-size: 16px; text-align: center; margin:50px 0;}
#about .more_w a{ font-size: 15px; width: 240px; line-height: 40px; border:2px solid #fff; color: #fff; display: block; text-align: center; margin: 0 auto; background: url(../images/more_w.png) no-repeat 150px 16px; padding-right: 36px;}
#about .more_w a:hover{border:2px solid #0074c4; background: url(../images/more_w.png) #0074c4 no-repeat 150px 16px;}


@media(max-width: 767px){
	#about{padding: 30px 0;}
	#about .about_txt{font-size: 14px; margin:30px 0;    overflow: hidden;  text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 11;}
}

/*strength*/
#strength{padding:50px 0; background: url(../images/strength.jpg) no-repeat bottom;}
#strength ul{margin-top: 20px; }
#strength ul li h3{ font-size: 16px; line-height: 36px; text-align: center; color: #666666; width: 80%; margin:0 auto; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#strength ul li:hover h3{background: #0074c4; color: #fff; position: absolute; bottom: -16px; left: 10%;}
#strength .owl-nav .owl-prev{font-size: 0; width: 19px; height: 34px; background: url(../images/owl-prev.png) no-repeat center; position: absolute; top: 50%; left: -30px; margin-top: -35px;}
#strength .owl-nav .owl-next{font-size: 0; width: 19px; height: 34px; background: url(../images/owl-next.png) no-repeat center; position: absolute; top: 50%; right: -30px; margin-top: -35px;}
#strength .more{ margin-top: 30px;}
#strength .more a{ font-size: 15px; width: 240px; line-height: 40px; border:2px solid #999; color: #999; display: block; text-align: center; margin: 0 auto; background: url(../images/more.png) no-repeat 150px 16px; padding-right: 36px;}
#strength .more a:hover{border:2px solid #0074c4; background: url(../images/more_w.png) #0074c4 no-repeat 150px 16px; color: #fff;}



@media(max-width: 1199px){
	#strength .owl-nav{display: none; }
}



/*footer*/
#footer{  overflow: hidden;  }
#footer .top{text-align: center;}
#footer .footer_navtxt{ padding: 30px 0 20px; overflow: hidden;}
#footer .footer_nav{background: #f2f2f2;  padding-bottom: 20px;}
#footer ul{ float: left;}
#footer ul li{ padding-right: 50px; float: left;}
#footer ul li a{display: block; line-height: 2; font-size: 16px; color: #666;}
#footer ul li a:hover{ color: #0074c4; }
#footer .footer_txt{ float: right;}
#footer .footer_txt .footer_txtp{ font-size: 16px; text-align: right; line-height: 2; color: #666; float: left; padding-right: 20px;}
#footer .footer_imgpli{ float: right; }
#footer .footer_imgp{ float: right; margin-right: 10px;}
#footer .footer_imgp img{ width: 115px;}
#footer .footer_imgp p{text-align: center; font-size: 15px; color: #666; line-height: 2;}
#footer .copy{ font-size: 16px; line-height: 2; color: #666;}
#footer .copy a{color: #666;}
#footer .copy a:hover{ color: #0074c4; }


@media(max-width: 767px){
	#footer{padding-bottom: 50px;}
	#footer .footer_txt .footer_txtp{padding-right: 0;}
	#footer .footer_imgp{float:none;margin-right:0px;}
	#footer .footer_imgp img{ width: 150px; margin: 0 auto; display: block;}
	#footer .footer_txt{width: 100%; }
	#footer .footer_imgpli{width: 100%; float: left;}
	#footer .copy{ font-size: 14px; line-height: 2; color: #666;}
	#footer .footer_bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background-image: linear-gradient(to bottom, #3ab0ff , #0f65b3);text-align: center;}
	#footer .footer_bottom a{display: inline-block;padding: 7px 0;color: #fff;}
	#footer .footer_bottom a i{font-size: 16px;display: block;}
	#footer .footer_bottom>div{padding: 0 5px;}
}


#nysearch {padding: 30px 0;}
#nysearch ul{overflow: hidden;}
#nysearch ul li{border-bottom: 1px solid #dedede; padding: 15px; }
#nysearch ul li span{  color: #fff; line-height: 32px; background: #0074c4; display: block; text-align: center; display: inline-block; padding: 0 30px;}
#nysearch ul li h2{ font-size: 18px; color: #333; line-height: 36px; font-weight: bold;}
#nysearch ul li p{line-height: 24px; color: #666;}
#nysearch ul li em{ display: block; line-height: 24px; color: #999;}




/*product*/
#product{overflow: hidden;}
.productnav{border-bottom: 4px solid #eceff4; }
.productnav ul{display: table; margin:0 auto;}
.productnav ul li{ float: left; padding: 0 18px; position: relative; box-sizing: border-box;}
.productnav ul li:nth-child(6n){display: none;}
.productnav ul li::before{position: absolute; width: 0; content: ''; bottom: -4px; height: 4px; background: #0074c4; left: 50%; transition: all 1s;}
.productnav ul li:hover::before{width: 100%; left: 0;}
.productnav ul li:hover a{color: #0074c4;}
.productnav ul li.cur::before{color: #0074c4; width: 100%; left: 0;}
.productnav ul li.cur a{color: #0074c4;}
.productnav ul li a{display: block; line-height: 56px; color: #333; font-size: 14px; }
#product .productli{position: relative; padding-bottom: 150px;}
#product .productli .productli_t{overflow: hidden; background: linear-gradient(135deg,transparent 15px,#e5e9ed 0); margin-bottom: 20px;}
#product .productli .productli_t h2{ float: left; line-height: 56px; font-size: 20px; font-weight: bold; color: #333; padding-left: 20px; }
#product .productli .productli_t img{ float: right;}
#product .productli ul li{overflow: hidden; margin-bottom:50px; }
#product .productli ul dl{padding:0 7px;}
#product .productli ul dl dt{overflow: hidden;}
#product .productli ul dl img{border:1px solid #e5e9ed; transition:all 1s;}
#product .productli ul dl:hover dt img{transform:scale(1.1);}
#product .productli ul dl dd{background: #f4f5f8; padding: 10px 20px; position: relative; }
#product .productli ul dl dd::before{position: absolute; content: ''; width: 32px; height: 9px; right: 5%; top: 50%; margin-top: -5px; background: url(../images/productli_dd.png) no-repeat center;}
#product .productli ul dl dd h3{ color: #333; font-size: 16px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 5px;}
#product .productli ul dl dd p{ color: #999; text-transform: uppercase; overflow: hidden; text-overflow:ellipsis; height: 20px;}
#product .productli ul dl:hover dd{background: #0074c4; }
#product .productli ul dl:hover dd h3{color: #fff;}
#product .productli ul dl:hover dd p{color: #fff;}
#product .productli ul dl:hover dd::before{background: url(../images/productli_ddw.png) no-repeat center;}
#product .productli h5{font-size: 120px;font-weight: bold;color: #eceff4;text-transform: uppercase;position: absolute;bottom: -30px;width: 100%;text-align: center;left: 0;}
#product .productli2{position: relative; padding-bottom: 150px;}
#product .productli2 ul{overflow: hidden;}
#product .productli2 ul li{ margin-bottom: 40px; overflow: hidden;}
#product .productli2 ul li dt{padding: 0; overflow: hidden;}
#product .productli2 ul li dt img{border:1px solid #dedede; transition:all 1s;}
#product .productli2 ul li dd h3{border-left: 3px solid #0074c4; color: #333; font-size: 18px; padding-left: 12px; margin-top: 15px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#product .productli2 ul li dd p{color: #666; line-height: 1.5; word-break: break-all; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 4;  overflow: hidden; margin:20px 0 30px; }

#product .productli2 ul li dd .more_pdf a{ width: 50%; float: left; display: block; color: #fff; background: #0074c4; line-height: 3; text-align: center;  }
#product .productli2 ul li dd .more_pdf a:nth-child(2){background: #6b7380 ; }
#product .productli2 h5{font-size: 120px;font-weight: bold;color: #eceff4;text-transform: uppercase;position: absolute;bottom: -30px;width: 100%;text-align: center;left: 0;}
#product .productli2 ul li dd .more_pdf a:hover{background: #f60c21; }
#product .productli2 ul li:hover dt img{ transform:scale(1.1);}


@media(max-width: 1359px){
	.productnav ul li{padding: 0 9px;}
	#product .productli2 ul li dd p{margin:20px 0;}
}

@media(max-width: 1199px){
	.productnav ul li{padding: 0 12px;}
	.productnav ul li a{ font-size: 14px;}
	#product .productli2 ul li{padding: 0 5px;}
	#product .productli2 ul li dd h3{margin-top: 0; }
	#product .productli2 ul li dd p{margin:10px 0;}
	#product .productli2 ul li dd .more_pdf a{ line-height: 2;}
}

@media(max-width: 991px){
	.productnav ul li{padding: 0 30px;}
	.productnav ul li a{ font-size: 12px;}
	#product .productli2 ul li{overflow: hidden;}
	#product .productli2 ul li dd p{margin: 20px 0; -webkit-line-clamp: 6; }
	#product .productli2 ul li dd h3{ font-size: 14px; }

}

@media(max-width: 767px){
	#product .productli2 ul li dd{padding: 0; margin-top: 10px;}
	#product .productli2 ul li dd p{margin: 10px 0; -webkit-line-clamp: 4; }
	#product .productli2 ul li{margin-bottom: 20px;}
	#product .productli2 h5{ font-size: 54px; bottom: 10px;}
	#product .productli .productli_t h2{ font-size: 18px;}
	#product .productli ul li dl dd{padding: 5px 10px;}
	#product .productli ul li dl dd h3{ font-size: 14px;}
	#product .productli h5{ font-size: 54px; bottom: 10px;}
	#product .productli{padding-bottom:50px;}

}

/*showproduct*/
#showproduct{overflow: hidden; padding-bottom: 150px; position: relative;}
#showproduct .showproductli{}
#showproduct .showproductli .showproductli_r h1{ font-weight: bold; line-height: 2; color: #333; font-size: 28px; border-bottom: 3px solid #eceff4; position: relative;}
#showproduct .showproductli .showproductli_r h1::before{ position: absolute; content: ''; background: #0074c4; width: 40px; height: 3px; left: 0; bottom: -3px;}
#showproduct .showproductli .showproductli_r>p{margin:25px 0; font-size: 16px; color: #666; line-height: 2; word-break: break-all; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;}
#showproduct .showproductli .showproductli_r span{ font-size: 18px; width: 100%; text-align: center; line-height: 3; background: #0074c4; display: block; color: #fff;}
#showproduct .showproductli .showproductli_r .showproductli_info p{font-size: 16px; color: #666; margin-top: 10px;  line-height: 1.8;}
#showproduct .showproductli .showproductli_r .showproductli_info p em{ display: block; color: #0074c4; font-weight: bold;}
#showproduct .showproductli .showproductli_r .showproductli_info p:last-of-type em{color: #666; font-weight: normal; font-size: 14px; line-height: 1.5;}
#showproduct .showproductli .showproductli_r ul{overflow: hidden; margin-top: 20px;}
#showproduct .showproductli .showproductli_r ul li a{ background: #383f4a; display: block; border-radius:50px; line-height: 3; color: #fff; text-align: center; font-weight: bold; padding-left: 24px;}
#showproduct .showproductli .showproductli_r ul li.manual a{background: #0074c4 url(../images/manual.png) no-repeat 15px 3px; }
#showproduct .showproductli .showproductli_r ul li.advisory a{background: #383f4a url(../images/advisory.png) no-repeat 36px 10px; }
#showproduct .showproductli .showproductli_r ul li.tel a{background: #383f4a url(../images/tel.png) no-repeat 36px 10px; }
#showproduct .showproduct_txt{margin-top: 80px;}
#showproduct .showproduct_txt .hd{overflow: hidden; border-bottom:1px solid #c8cacc; }
#showproduct .showproduct_txt .hd ul li{ padding: 0 25px; float: left; font-size: 15px; color: #666; background: #ececec; margin-right: 8px; line-height: 3; border:1px solid #c8cacc; border-bottom: none;}
#showproduct .showproduct_txt .hd ul li.cur{background: #707070; color: #fff;}
#showproduct .showproduct_txt .bd ul{padding: 50px 10px; font-size: 16px; color: #666; line-height: 1.8;}
#showproduct .product_com{overflow: hidden; background: linear-gradient(135deg,transparent 15px,#e5e9ed 0); margin-bottom: 20px;}
#showproduct .product_com h2{ float: left; line-height: 56px; font-size: 20px; font-weight: bold; color: #333; padding-left: 20px; }
#showproduct .product_com img{ float: right;}
#showproduct #showproductcom li img{border:1px solid #dedede;}
#showproduct #showproductcom li dd{background: #f4f5f8; padding: 10px 20px; position: relative; }
#showproduct #showproductcom li dd::before{position: absolute; content: ''; width: 32px; height: 9px; right: 5%; top: 50%; margin-top: -5px; background: url(../images/productli_dd.png) no-repeat center;}
#showproduct #showproductcom li dd h3{ color: #333; font-size: 16px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 5px;}
#showproduct #showproductcom li dd p{ color: #999; text-transform: uppercase;}
#showproduct #showproductcom li:hover dd{background: #0074c4; }
#showproduct #showproductcom li:hover dd h3{color: #fff;}
#showproduct #showproductcom li:hover dd p{color: #fff;}
#showproduct #showproductcom li:hover dd::before{background: url(../images/productli_ddw.png) no-repeat center;}
#showproduct ul{position: relative;}
#showproduct ul .disabled .owl-prev{ width: 32px; height: 78px; background: url(../images/prev.png) no-repeat left; font-size: 0; position: absolute; left: -48px; top:25%; }
#showproduct ul .disabled .owl-next{ width: 32px; height: 78px; background: url(../images/next.png) no-repeat left; font-size: 0;}
#showproduct ul .owl-nav{display: none;}
#showproduct .showproduct_com h5{font-size: 120px;font-weight: bold;color: #eceff4;text-transform: uppercase;position: absolute;bottom: -30px;width: 100%;text-align: center;left: 0;}

@media(max-width: 1199px){
	#showproduct .showproductli .showproductli_r h1{ font-size: 24px; }
	#showproduct .showproductli .showproductli_r>p{ margin: 15px 0; font-size: 15px;}
	#showproduct .showproductli .showproductli_r ul li{padding: 0 5px;}
	#showproduct .showproductli .showproductli_r ul li.manual a{background: #0074c4 url(../images/manual.png) no-repeat 0px 3px; }
	#showproduct .showproductli .showproductli_r ul li.advisory a{background: #383f4a url(../images/advisory.png) no-repeat 20px 10px; }
	#showproduct .showproductli .showproductli_r ul li.tel a{background: #383f4a url(../images/tel.png) no-repeat 20px 10px; }
}

@media(max-width: 991px){
	#showproduct .showproductli .showproductli_l{padding: 0;}
	#showproduct .showproductli .showproductli_r{margin-top: 20px; padding: 0; }
}

@media(max-height: 767px){
	#showproduct .showproductli .showproductli_r h1{ font-size: 18px;}
	#showproduct .showproductli .showproductli_r>p{margin:10px; font-size: 14px; -webkit-line-clamp:3;}
	#showproduct .showproductli .showproductli_r ul li{padding: 0 5px; margin-bottom: 10px;}
	#showproduct .showproductli .showproductli_r ul li.manual a{background: #0074c4 url(../images/manual.png) no-repeat 50px 3px; }
	#showproduct .showproductli .showproductli_r ul li.advisory a{background: #383f4a url(../images/advisory.png) no-repeat 58px 10px; }
	#showproduct .showproductli .showproductli_r ul li.tel a{background: #383f4a url(../images/tel.png) no-repeat 58px 10px; }
	#showproduct .showproductli .showproductli_r span{ font-size: 14px; line-height: 2.5;}
	.sp-thumbs a:link, .sp-thumbs a:visited{margin: 0 1px;}
	#showproduct .showproduct_txt{ margin-top: 30px;}
	#showproduct .showproduct_txt .hd ul li{ font-size: 14px; margin-right: 0; padding: 0 5px;}
	#showproduct .showproduct_txt .bd ul{padding: 10px; font-size: 14px;}
	#showproduct #showproductcom li dd{padding: 5px 10px;}
	#showproduct #showproductcom li dd h3{ font-size: 14px;}
	#showproduct .showproduct_com h5{ font-size: 54px; bottom: 10px;}
}


/*show*/
.pagetxt{padding-bottom: 30px;  font-size: 16px; color: #666; line-height: 2;}
.pagetxt img{max-width: 100%; margin:auto 0;}
.pagetxt .pageabout{overflow: hidden;background: #f2f2f2;padding: 15px;display: flex;}
.pagetxt .pageabout .pageabout_l{/* padding-left: 0; */background: #fff; padding: 15px; box-shadow: 0px 0px 6px #dedede;}
.pagetxt .pageabout .pageabout_l h3{text-align: center; font-size: 20px; color: #0074c4; line-height: 2; font-weight: bold; padding-bottom: 10px;}
.pagetxt .pageabout .pageabout_r{padding-right: 0;display:flex;}

.pagetxt .pageaboutli{overflow: hidden; background: #f2f2f2; margin-top: 20px;}
.pagetxt .pageaboutli ul li{padding: 15px;}
.pagetxt .pageaboutli ul li .pageaboutlitxt{background: #fff; padding: 15px; box-shadow: 0px 0px 6px #dedede; line-height: 2;}
.pagetxt .pageaboutli ul li .pageaboutlitxt h3{border-bottom: 1px solid #dedede; font-size: 18px; text-align: center; font-weight: bold; color: #333; padding-bottom: 10px;}
.pagetxt .pagearchitecture {margin-top: 20px;}
.pagetxt .pagearchitecture h3{  font-size: 28px; font-weight: bold; line-height: 2; color: #0074c4;}

.pagecontact{}
.pagecontact ul li{ margin-bottom: 30px;}
.pagecontact ul li h6{background: #0074c4; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 2.5; }
.pagecontact ul li p{border-right: 1px solid #dedede; border-bottom:1px solid #dedede; line-height: 2.5; margin-top: 15px; padding-left: 10px;}






@media(max-width: 1199px){
	.pagetxt .pageabout .pageabout_l{padding: 10px; font-size: 14px;}
	.pagetxt .pageabout .pageabout_l h3{ font-size: 18px; padding-bottom: 0;}
	.pagetxt .pageaboutli ul li .pageaboutlitxt p{ font-size: 15px;}
}

@media(max-width: 991px){
	.pagetxt .pageabout{display: block;}
	.pagetxt .pageabout .pageabout_l{width: 100%; }
	.pagetxt .pageabout .pageabout_r{padding: 0;}
	.pagetxt .pageaboutli ul li{ width: 50%; float: left;}
	.pagetxt .pagearchitecture h3{ font-size: 24px;}
}

@media(max-width: 767px){
	.pagetxt .pageabout{padding: 10px;}
	.pagetxt .pageaboutli ul li{ width: 100%; padding:10px;}
	.pagetxt .pageaboutli ul li .pageaboutlitxt{padding: 10px;}
	.pagetxt .pagearchitecture h3{ font-size: 18px;}
	.pagecontact ul li{padding: 0}
}


/*news*/
#news{overflow: hidden;}
#news .newsli{overflow: hidden; margin-bottom: 20px;}
#news .newsli ul{overflow: hidden;}
#news .newsli ul li{ padding: 0 8px; margin-bottom: 20px;}
#news .newsli ul li a{ display: block; padding: 10px; background: #f2f2f2;}
#news .newsli ul li dt{overflow: hidden;}
#news .newsli ul li dd{background: #fff; padding: 10px; /*box-shadow: 0px 0px 3px #999;*/}
#news .newsli ul li dd h3{ font-size: 16px; color: #333; font-weight: bold; line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .newsli ul li dd p{ line-height: 1.5; color: #666; margin: 5px 0;}
#news .newsli ul li dd em{display: block; text-align: right; color: #999;}
#news .newsli ul li:hover a{background: #0074c4; }
#news .newsli ul li dt img{transition:all 1s;}
#news .newsli ul li:hover dt img{transform:scale(1.1);}
#news .newsli ul li:hover dd h3{color: #0074c4;}
#news .newsli ul li:hover dd em{color: #999;}





@media(max-width: 767px){
	#news .newsli ul li{padding: 0;}
}

/*shownews*/
#shownews .shownewstxt{padding-bottom: 30px;}
#shownews .shownewstxt h1{ font-size: 20px; color: #222; line-height: 2; border-bottom: 1px solid #dedede; font-weight: bold;}
#shownews .shownewstxt .shownews_time{color: #999; line-height: 3;}
#shownews .shownewstxt .shownewstxtimg{ font-size: 16px; line-height: 2; color: #666; margin-bottom: 10px;}
#shownews .shownewstxt .shownewstxtimg img{max-width: 100%;}

@media(max-width: 767px){
	#shownews .shownewstxt h1{ font-size: 18px;}
	#shownews .shownewstxt .shownewstxtimg{ font-size: 14px;}
}

/*imgs*/
#imgs .imgsli ul{overflow: hidden;}
#imgs .imgsli ul li {margin-bottom: 20px; padding: 0 10px;}
#imgs .imgsli ul li a{display: block; border:1px solid #dedede; padding: 3px;}
#imgs .imgsli ul li p{ font-size: 15px; line-height: 40px; text-align: center; background: #f2f2f2; margin-top: 3px;}

@media(max-width: 767px){
	#imgs .imgsli ul li{padding: 0; }
}

/*showimgs*/
#showimgs .showimgstxt{padding-bottom: 30px;}
#showimgs .showimgstxt h1{font-size: 20px; color: #222; line-height: 2; border-bottom: 1px solid #dedede; font-weight: bold; text-align: center;}
#showimgs .showimgstxt .time{color: #999; line-height: 3; text-align: center;}
#showimgs .showimgstxt img{margin:0 auto; display: block;}
#showimgs .showimgstxt .ctitle{margin-top: 20px; border-bottom:1px solid #c8cacc;}
#showimgs .showimgstxt .ctitle h3{background: #707070; color: #fff; display: inline-block; padding: 0 30px; font-size: 15px; border:1px solid #c8cacc; border-bottom: none; line-height: 3;}
#showimgs .showimgstxt .showimgstxtimg{padding:50px 10px; font-size: 16px; line-height: 2; color: #999;}
#showimgs .showimgstxt .showimgstxtimg img{max-width: 100%;}

@media(max-width: 767px){
	#showimgs .showimgstxt .showimgstxtimg{ font-size: 14px;}
}


/*page*/
.pagenav{ border-bottom: 4px solid #eceff4;}
.pagenav h2{ font-size: 18px; color: #222; border-left: 5px solid #0074c4; padding-left: 12px; font-weight: bold; float: left; margin: 18px 0;}
.pagenav ul{ float: right;}
.pagenav ul li{ float: left; line-height: 56px; padding: 0 20px; }
.pagenav ul li a{ color: #333; font-size: 16px; display: block; position: relative;}
.pagenav ul li a::before{position: absolute; width: 0; content: ''; bottom: -4px; height: 4px; background: #0074c4; left: 50%; transition: all 1s;}
.pagenav ul li.cur a::before,.pagenav ul li:hover a::before{color: #0074c4; width: 100%; left: 0;}

.crumbs span{line-height: 52px; color: #999; float: right; background: url(../images/home.png) no-repeat left; padding-left: 22px; }
.crumbs span a{color: #999; }
.crumbs span a:hover{color: #0074c4; }

@media(max-width: 767px){
	.crumbs span{ float: inherit; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
}

.pro_key{margin: 20px 0;}
.pro_key a{background: #f5f5f5; padding: 5px 10px; border:1px dashed #dedede;}

.jiathis{margin-top: 20px;}
.jiathis span{ float: left; margin: 4px 0;}

.ny-page{margin-top: 20px;}
.ny-page a{background: #f5f5f5; padding: 5px 10px; border:1px dashed #dedede;}

/*翻页样式*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

#flip{line-height: 25px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0280f6; display: inline-block; }
.metpager_5 a:hover { border:1px solid #0280f6; color:#fff; background-color:#0280f6;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#0280f6; border:1px solid #0280f6; text-decoration:none;display: inline-block;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}