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

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#666; font-family:'Microsoft YaHei',sans-serif; }
img { border:0; vertical-align:top;
	image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
html, body {width:100%;height:100%;max-width: 100%;min-width: 320px;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}
::-webkit-scrollbar{width: 8px;height: 8px;}
::-webkit-scrollbar-thumb{background-color: hsl(220deg 1% 19%/46%);-webkit-transition: background-color .3s;transition: background-color .3s;}
::-webkit-scrollbar-track{background: rgba(255,252,252,.11);}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover{text-decoration:none;color:#035aac;}
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; }
.dh300s{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;}
.dhwz2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.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; }
table {border-collapse:collapse; border-spacing:0;}
table td, table th{padding: 5px 10px;border: 1px solid #ddd;}

.container{ width: 1200px; margin: 0 auto; margin-right: auto;margin-left: auto;}


@media (min-width: 768px){
	.container{width: 750px;margin: 0 auto;}
}

@media (min-width: 992px){
	.container{width: 970px;margin: 0 auto;}
}

@media (min-width: 1200px){
	.container{width: 1170px;margin: 0 auto;}
}

@media (min-width: 1230px){
	.container{width: 1200px;margin: 0 auto;}
}

@media (max-width:767px) {
	.container{width: 100%;}
}


.title h2{font-size: 32px; color: #222; text-align: center; font-weight: bold;}
.title h2 em{ color: #005eb8; font-weight: bold;}
.title p{text-align: center; font-size: 18px; color: #666666; line-height: 2;}
.hidden-lg{display: none;}
.hidden-md{display: none;}
.hidden-sm{display: none;}
.hidden-xs{display: none;}





/*top*/
#top{height: 40px; background-color: #e8e8e8; overflow: hidden;}
#top .top_l{ float: left; line-height: 40px;}
#top .top_r{ float: right; }
#top .top_r ul li{ float: left; padding-right: 36px; position: relative;}
#top .top_r ul li::before{position: absolute; content: '-'; font-size: 14px; right: 16px; top: 10px;}
#top .top_r ul li:last-of-type{padding-right: 0; }
#top .top_r ul li:last-of-type::before{display: none;}
#top .top_r ul li a{display: block; line-height: 40px; color: #666;}
#top .top_r ul li:hover a{color: #005eb8; }

@media(max-width: 767px) {
	#top { display: none; }
	#logotel .tel { display: none; } 
}

.head-lang{float:left;position:relative;margin:21px 0;}
.head-lang a{display: block;font-size: 18px;line-height:26px;font-weight: bold;color: #fff;position: relative;padding:10px 14px 10px 46px;background:url(../images/page/lang-cn.jpg) no-repeat left 14px center;}
.head-lang a:hover{background-color: #ddd;}

#m-head-nav{height: 16px;position: relative;float: right;display:none;margin-right: 10px;margin-top: 32px;width: 24px; z-index: 99999;}	
#m-head-nav .line{width: 24px;height: 2px;background-color: #000;position: absolute;left: 0px;top: 7px;}
#m-head-nav .line1{margin-top: -7px;}
#m-head-nav .line3{margin-top: 7px;}
#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);}
#m-head-nav[data-active="on"] .line2{display: none;}
#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);}
#header:hover #m-head-nav .line, #header.active #m-head-nav .line{background-color:#0074c3;}
@media (max-width: 767px){
	#m-head-nav{display:block;}
}

/* 小屏幕导航 */
.mm-nav-box{overflow:hidden;position: fixed;top: 80px;right: 0;width: 100%;height: 100%;z-index: 998;display: none;-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
.mm-nav-box[data-on="active"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}
.mm-nav-box .mm-wrap{position: fixed;top: 0;right: 0;width: 40%;padding-bottom: 15px;z-index: 100;border-top: 1px solid rgba(0,0,0,.15);box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%);}
.mm-nav-box .mm-wrap:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;}
.mm-nav-box .mm-nav .li1{margin: 0 20px;line-height: 60px;border-bottom: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1 .a1{display: block;color: #222222;font-size: 16px;}
.mm-nav-box .mm-nav .li1.on .a1{color: #e00000;}
.mm-nav-box .mm-nav .li1.on .mm-title{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-title{position: relative;height: 60px;line-height: 60px;}
.mm-nav-box .mm-nav .li1 .mm-title .am{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1 .mm-title .a1{position: absolute;top: 0;left: 0;height: 100%;z-index: 10;}
.mm-nav-box .mm-nav .li1 .mm-title .click{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .click:after{content: "";position: absolute;top: 50%;right: 20px;width: 6px;height: 6px;border-top: 1px solid #222222;border-right: 1px solid #222222;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);margin-top: -3px;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mm-nav-box .mm-nav .li1 .mm-title .mclick a{display:block;width:100%;height:100%;}
.mm-nav-box .mm-nav .li1.on .mm-title .click:after{border-color: #e00000;}
.mm-nav-box .mm-nav .li1 .mm-innav{display: none;padding: 6px 0;}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-innav{display: block;border-top: 1px solid rgba(0,0,0,.15);}
.mm-nav-box .mm-nav .li1[data-on="click"] .mm-title .click:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-nav-box .mm-nav .li1[data-on="click"] .a1{color:#0074c3}
.mm-nav-box .mm-nav .li1 .mm-innav li{margin: 0 10px;border-bottom: 1px solid rgba(255,255,255,.4);line-height: 1;}
.mm-nav-box .mm-nav .li1 .mm-innav li a{color: #222222;font-size: 14px;line-height: 1.4;display: block;padding: 6px 0;}
.mm-nav-box .mm-nav .li1 .mm-innav li a:hover{color:#0074c3}
.mm-nav-box .mm-nav .li1 .mm-innav li .box2{margin: 0 15px;}
.mm-nav-box .mm-wrap .mmlang{padding: 0 10px;font-size: 0;display: none;}
.mm-nav-box .mm-wrap .mmlang .mmitem{height: 55px;line-height: 55px;width: 50%;font-size: 14px;color: #222222;display: inline-block;*display: inline;*zoom: 1;text-align: center;}
.mm-nav-box .mm-wrap .mmlang .mmitem.on{color:  #e00000;}
.header_space{width: 100%;height: 88px;display:none;}
@media (max-width: 1629px){
	.head-raea{margin-left: 120px;}
}
@media (max-width: 1529px){
	.head-raea{margin-left: 70px;}
}
@media (max-width: 1429px){
	.nav>li{margin-right:50px;}
}
@media (max-width: 1329px){
	.head-raea{margin-left: 50px;}
	.nav>li{margin-right:40px;}
}
@media (max-width: 1199px){
	.head-raea{margin-left: 20px;}
	.nav>li{margin-right:15px;}
	.nav>li>a::before{right: -6px;}
}
@media (max-width: 767px){
	.mm-nav-box {display: block;}
	.header_space{display:block;}
	.head-raea{margin-left:0;}
}

@media (max-width: 600px){
	.mm-nav-box .mm-wrap{width: 100%;padding-bottom: 0;}
	.mm-nav-box .mm-nav .li1 .mm-title .a1{font-size: 14px;}
	.mm-nav-box .mm-nav .li1 .mm-innav li a{font-size: 13px;}
	.mm-nav-box .mm-nav .li1{margin: 0 10px;}
	.mm-nav-box .mm-wrap .mmlang{display: block;}
}
@media (max-width: 500px){
	#search-btn{padding:0 15px;line-height:66px;width:50px;}
	.head-lang{margin:10px 0;}
	#m-head-nav{margin-left:15px;margin-top: 25px;}
	.mm-nav-box{top:0px;}
	.mm-nav-box[data-on="active"]  { top: 70px; }
}
@media (max-width: 400px){
	#search-btn{padding:0 10px;width:40px;}
	.head-lang{margin:12px 0;}
	.head-lang a{padding:8px 8px 8px 40px;background: url(../images/page/lang-cn.jpg) no-repeat left 8px center;}
	#m-head-nav{margin-left:10px;}
}
@media (max-width: 350px){
	#search-btn{display:none;}
	#m-head-nav { margin-top: 20px; }
	.mm-nav-box[data-on="active"]  { top: 64px; }
}



/*logotel*/
#logotel {overflow: hidden; padding: 25px 0;}
#logotel .logo{ float: left;}
#logotel .logo a{display: block; float: left;}
#logotel .logo .logotxt{ float: left; padding-left: 20px; margin-top: 10px; }
#logotel .logo .logotxt h2{ color: #005eb8; font-weight: bold; font-size: 20px;}
#logotel .logo .logotxt p{font-size: 18px; line-height: 1.5;}
#logotel .tel{ float: right; margin-top: 10px;}
#logotel .tel p{color: #999; font-size: 16px; background:url(../images/tel.png) no-repeat left; padding-left: 20px;}
#logotel .tel em{ color: #ff8b00; font-size: 24px; font-weight: bold;}


@media(max-width: 991px){
	#logotel .logo a img{ height: 50px; }

}
@media(max-width: 767px) {
	#logotel { padding:15px 0; }
	#logotel .logo .logotxt { display: none; }
}

@media(max-width: 500px) {
	#logotel .logo a img { height: 40px; }
	#logotel .logo { padding-left: 5px;  } 
}

/*pcnav*/
#pcnav{ height: 55px; overflow: hidden; background-color: #005eb8; }
#pcnav ul li{ float: left; position: relative;}
#pcnav ul li::before{position: absolute; content: ''; right: 0; background:url(../images/navli.png) no-repeat right; width: 1px; height: 13px; top: 21px;}
#pcnav ul li:last-of-type::before{background: none;}
#pcnav ul li a{display: block; font-size: 15px; color: #fff; line-height: 55px; padding: 0 70px;}
#pcnav ul li.cur,#pcnav ul li:hover{background-color: #ff8b00; }

@media(max-width: 1199px) {
	#pcnav ul li a { padding:0 50px; }
}

@media(max-width: 991px) {
		#pcnav ul li a { padding: 0 30px; } 
}

@media(max-width: 767px) {
	#pcnav { display: none; }
}

/* 轮播图 */
#banner{position:relative;}
#banner video{width:100%;display:block;}
#banner .swiper-slide a{display:block;}
#banner .swiper-slide img{display:block;max-width:100%;}

#banner .swiper-button-prev, #banner .swiper-button-next{width:46px;height:46px;background:url(../images/page/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;}
#banner .swiper-button-prev{left:-115px;}
#banner .swiper-button-next{right:-115px;transform: rotate(180deg);}
#banner:hover .swiper-button-prev{left:115px;}
#banner:hover .swiper-button-next{right:115px;}
#banner .swiper-button-prev:hover, #banner .swiper-button-next:hover{background:url(../images/page/ban-jt.png) no-repeat center left -46px #fff;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);}
.wap_ban { display: none; }
@media (max-width: 1400px){
	#banner .swiper-button-prev{left:60px;}
	#banner .swiper-button-next{right:60px;}
}
@media (max-width: 767px){

	#banner{display:none;}
	.wap_ban { display: block; }
}
@media (max-width: 450px){
}



#banner1{position:relative;}
#banner1 video{width:100%;display:block;}
#banner1 .swiper-slide a{display:block;}
#banner1 .swiper-slide img{display:block;max-width:100%;}

#banner1 .swiper-button-prev, #banner1 .swiper-button-next{width:46px;height:46px;background:url(../images/page/ban-jt.png) no-repeat center left;border:1px solid #fff;border-radius:50%;transition:all .3s;-webkit-transition:all .3s;}
#banner1 .swiper-button-prev{left:-115px;}
#banner1 .swiper-button-next{right:-115px;transform: rotate(180deg);}
#banner1:hover .swiper-button-prev{left:115px;}
#banner1:hover .swiper-button-next{right:115px;}
#banner1 .swiper-button-prev:hover, #banner1 .swiper-button-next:hover{background:url(../images/page/ban-jt.png) no-repeat center left -46px #fff;box-shadow: 0 0 3px 0px rgb(200 200 200 / 80%);}
.wap_ban { display: none; }
@media (max-width: 1400px){
	#banner1 .swiper-button-prev{left:60px;}
	#banner1 .swiper-button-next{right:60px;}
}
@media (max-width: 767px){

	.wap_ban { display: block; }
}
@media (max-width: 450px){
}



/*ban轮播广告*/
.g-adv{overflow:hidden;}
.g-adv img{ display: block;width: 100%;height: auto;}

/*search*/
#search{border-bottom: 1px solid #dedede; height: 60px; overflow: hidden;}
#search .gjc{ float: left; line-height: 60px; max-width: 60%; overflow: hidden;}
#search .gjc em{ font-weight: bold; color: #333;}
#search .gjc a{color: #666;}
#search .sc{ float: right; line-height: 32px; margin-top: 13px; }
#search .sc .tt{border:1px solid #dedede; border-right: none; line-height: 32px; float: left; width: 180px; padding: 0 5px;}
#search .sc .s_bt{width: 46px; line-height: 34px;  font-size: 0; background:url(../images/search.png) #ff8b00 no-repeat center; float: right;}

@media(max-width: 767px) {
	#search { display: none; }
}


/*product*/
#product{padding: 50px 0; overflow: hidden; background-color: #f3f3f3;}
#product .productli { margin-top: 20px;}
#product .productli .hd{width: 340px; float: left;}
#product .productli .hd ul li{overflow: hidden;}
#product .productli .hd ul li dl{width: 280px; background:#fff; margin-bottom: 1px; height: 120px; position: relative;}
#product .productli .hd ul li dl a{ display: block; overflow: hidden; }
#product .productli .hd ul li.cur dl::before{position: absolute; content: ''; color:#005eb8; right:-120px;  z-index: 99; width: 0px; height: 0px; border: 60px solid #005eb8; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent;}
#product .productli .hd ul li dl dt{ float: left; width: 26px; height: 26px; overflow: hidden; margin-left: 30px; margin-top: 46px; position: relative;}
#product .productli .hd ul li dl dd{font-size:18px; line-height: 120px; float: left; color: #666; padding-left: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#product .productli .hd ul li dl:hover,#product .productli .hd ul li.cur dl{background:#005eb8; }
#product .productli .hd ul li dl dt img{transition:all .5s; }
#product .productli .hd ul li dl:hover dt img,#product .productli .hd ul li.cur dt img{position: absolute; margin-top: -26px; }
#product .productli .hd ul li dl:hover dd,#product .productli .hd ul li.cur dd{ color: #fff;}
#product .productli .bd{width: 860px; float: right; background:#fff; height: 608px;}
#product .productli .bd ul{padding: 30px;}
#product .productli .bd ul .productlitxt{ font-size: 15px; height: 90px; overflow: hidden; line-height: 2; margin-top: 10px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
#product .productli .bd ul a dt img { max-width: 100%; display: block; }
#product .productli .bd ul:hover .productlitxt{color: #666;}
#product .productli .bd ul  h3{font-size: 18px; color: #333; line-height: 2.5; border-bottom: 3px solid #dedede; position: relative;}
#product .productli .bd ul  h3::before{position: absolute; content:''; z-index: 9; left: 0; bottom: -3px; width: 72px; height: 3px; background:#005eb8;}

@media(max-width: 1199px) {
	#product .productli .hd ul li dl { width: 210px; }
	#product .productli .hd { width: 270px; }
	#product .productli .bd { width: 690px; }
}

@media(max-width: 991px) {
	#product .productli .bd { width: 475px; height: 505px;}
	#product .productli .hd ul li dl dd { height: 100px; line-height: 100px;}
	#product .productli .hd ul li dl { height: 100px; }
	#product .productli .hd ul li.cur dl::before {border:50px solid #005eb8;  right: -100px;border-top-color: transparent;border-right-color: transparent;  border-bottom-color: transparent;}
	#product .productli .hd ul li dl dt { margin-top: 36px; }
}

@media(max-width: 767px) {
	#product .productli .hd { width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 20px;}
	#product .productli .hd ul{ display: flex; }
	#product .productli .hd ul li { flex:1; }
	#product .productli .hd ul li dl { width: auto; height: 50px;}
	#product .productli .hd ul li dl dt { display: none;  }
	#product .productli .hd ul li dl dd { font-size: 14px;padding-left: 0px; width: 100%; line-height: 50px; height: 50px; }
	#product .productli .hd ul li dl a { text-align: center; }

	#product .productli .bd { float: none; overflow: hidden; height: auto; width: 100%;}

	#product .productli .bd ul { overflow: hidden;  }
	#product .productli { padding-left: 10px; padding-right: 10px; }
}


@media(max-width: 500px) {
	#product .productli { margin-top: 0px; }
	#product .productli .hd ul li dl dd  { padding-left: 5px; }
	#product .productli .bd ul { padding:15px; }
}



/*area*/
#area{background:url(../images/areabg.jpg) no-repeat center / cover; border-top: 6px solid #005eb8; padding: 60px 0 50px; overflow: hidden; position: relative;}
#area::before{position: absolute; content: ''; color:#005eb8; left:50%; margin-left: -24px; top: 0;  z-index: 99; width: 0px; height: 0px; border: 24px solid #005eb8; border-bottom-color: transparent; border-right-color: transparent; border-left-color: transparent;}
#area .title{margin-bottom: 30px;}
#area .area_l{ float: left;}
#area .about-count{width: 410px; height: 570px; background:url(../images/countup.png) no-repeat; float: right; }
#area .about-count>div{margin-top: 40px; margin-left: 50px;}
#area .about-count h5 span{font-size: 48px; color: #fff; font-weight: bold;}
#area .about-count h5 em{font-size: 48px; color: #fff;}
#area .about-count h5 {font-size: 20px; color: #fff;}
#area .about-count p{ font-size: 18px; color: #fff; }

@media(max-width: 1199px) {
	#area .area_l { width: 65%; display: block; }
	#area .area_l img { max-width: 100%; display: block; }
	#area .about-count { width: 35%; display: block; height: auto; padding-bottom: 40px;}
}
@media(max-width: 991px) {
	#area .about-count h5 span { font-size: 40px; }
	#area .about-count p { font-size: 14px; }
	#area .about-count>div { margin-top: 30px; }
}
@media(max-width: 767px) {
	#area { padding:40px 0 30px 0; }
	#area .area_l { width: 100%; float: none; }
	#area .about-count { float: none; display: flex; background: url(../images/countup.png) center / cover; width: 100%;}
	#area .about-count>div{ flex:1; margin-left: 10px; }
	#area .about-count h5 span { font-size: 30px; }
	#area .about-count p { font-size: 12px; }
	.wap_padding { padding-left: 4px; padding-right: 5px; overflow: hidden; }
}

@media(max-width: 500px) {
	#area .about-count h5 em { font-size: 24px; }
	#area .about-count { padding-bottom: 20px; }
}



/*puzzled*/
#puzzled{ padding: 50px 0; }
#puzzled .title i{width: 54px; height: 4px; background:#ff8b00; display: block; margin:20px auto 0;}
#puzzled ul{overflow: hidden; border-bottom: 3px solid #dedede; margin-bottom: 30px; padding-bottom: 30px;}
#puzzled ul>div{ height: 58px; overflow: hidden;  float: left; width: 50%; margin-top: 30px;}
#puzzled ul>div li{overflow: hidden; background: url(../images/puzzledli.jpg) no-repeat left; transition:all 1s;}
#puzzled ul>div:first-of-type li{margin-left: 0;}
#puzzled ul>div:nth-child(n+3) li{margin-left: 160px;}
#puzzled ul>div:hover:first-of-type li{margin-left: 20px;}
#puzzled ul>div:hover:nth-child(2) li{margin-left: 20px;}
#puzzled ul>div:hover:nth-child(n+3) li{margin-left: 180px;}
#puzzled ul>div li p{ font-size: 22px; color: #fff; line-height: 58px; padding-left: 100px;}
#puzzled ul>div li.puzzled1 p{background:url(../images/puzzled1.png) no-repeat 16px 16px; }
#puzzled ul>div li.puzzled2 p{background:url(../images/puzzled2.png) no-repeat 16px 16px; }
#puzzled ul>div li.puzzled3 p{background:url(../images/puzzled3.png) no-repeat 16px 16px; }
#puzzled ul>div li.puzzled4 p{background:url(../images/puzzled4.png) no-repeat 16px 16px; }
#puzzled .puzzled_txt h6{ font-size: 24px; color: #222; text-align: center;}
#puzzled .puzzled_txt h6 em{color: #ff8b00; }
#puzzled .puzzled_txt p{color: #666; text-align: center; font-size: 18px; line-height: 2.5;}
#puzzled .puzzled_txt p em{font-size: 24px; color: #ff8b00; font-weight: bold;}

@media(max-width: 991px) {
	#puzzled ul>div:nth-child(n+3) li  { margin-left: 0px; }
}

@media(max-width: 767px) {
	#puzzled { padding:40px 0; }
	#puzzled ul { padding-left: 5px;padding-right: 5px; }
	#puzzled ul>div li p { line-height:normal;  }
}

@media(max-width: 500px) {
	#puzzled ul>div li p { font-size: 14px; height: 57px; display: block; }
	#puzzled { padding:30px 0; }
} 

/*case*/
#case{background:url(../images/casebg.jpg) no-repeat center; padding: 50px 0 60px;}
#case .title h2{color: #fff;}
#case .title h2 em{color: #ff8b00; }
#case .title p{color: #fff; }
#case .caseli{margin-top: 20px;}
#case .caseli .parHd ul{display: flex; background:#fff; height: 60px;}
#case .caseli .parHd ul li{flex:1; position: relative;}
#case .caseli .parHd ul li dt{position: absolute; z-index: 3; width: 240px; text-align: center; top:25px; display: none;}
#case .caseli .parHd ul li h5{position: absolute; z-index: 3; line-height: 60px; font-size: 16px;  text-align: center; width: 240px;}
#case .caseli .parHd ul li.cur dt{display: block;}
#case .caseli .parHd ul li.cur h5{top: 45px;}
#case .caseli .parHd ul li::before{position: absolute; content: ''; height: 15px; width: 1px; background:url(../images/caseli.png) no-repeat center; right: 0; top: 22px;}
#case .caseli .parHd ul li.cur::after{position: absolute; content: ''; height: 150px; width: 240px; background:url(../images/caselibg.png) no-repeat center; top: 0; left: 0; z-index: 2;}
#case .caseli .parHd ul li.cur{background:#ff8b00; color: #fff;}
#case .caseli .parBd ul li{position: relative;}
#case .caseli .parBd ul li dt{overflow: hidden;}
#case .caseli .parBd ul li img{transition:all 1s;}
#case .caseli .parBd ul li:hover img{transform:scale(1.1); }
#case .caseli .parBd ul{position: relative;}
#case .caseli .parBd ul li h3{position: absolute; bottom: 0; line-height: 60px; background:rgba(0,0,0,.7); width: calc(100% - 100px); color: #fff; padding-left: 100px; }
#case .caseli .parBd ul li h3::before{position: absolute; content: ''; color:#005eb8; left:80px; top:22px;  z-index: 99; width: 0px; height: 0px; border: 8px solid #fff; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent;}



@media(max-width: 1199px) { 
#case .caseli .parHd ul li h5 { width: 194px; }
#case .caseli .parHd ul li.cur::after { width: 194px;  }
#case .caseli .parHd ul li dt { width: 194px; }

}

@media(max-width: 991px) {
#case .caseli .parHd ul li h5 { width: 150px; }
#case .caseli .parHd ul li.cur::after { width: 150px;  }
#case .caseli .parHd ul li dt { width: 150px; }
}


@media(max-width: 767px) {
	.title h2 { font-size: 26px; }
	#product { padding:40px 0; }
	.title p { font-size: 14px; }
	#puzzled .puzzled_txt h6 { font-size: 20px;padding:0 20px; }
	#case { padding:40px 0 50px; }
	#case .caseli { padding-left: 10px; padding-right: 10px; }
	#case .caseli .parHd ul li dt { display: none; }
	#case .caseli .parHd ul li.cur dt { display: none; } 
	#case .caseli .parHd ul li.cur::after { display: none; }
	#case .caseli .parHd ul li h5 { width: auto; font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  width: 100%; }
	#case .caseli .parHd ul li.cur h5 { top: 0; }
	#case .caseli .parBd ul li img { max-width: 100%; }
	#case .caseli .parBd ul li h3 { padding-left: 40px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
	#case .caseli .parBd ul li h3::before { left: 20px; }
}
@media(max-width: 500px) {
	#product { padding:30px 0; }
	.title p { font-size: 12px; padding-left: 10px; padding-right: 10px; }
	.title h2 { font-size: 24px; padding-left: 20; padding-right: 20px;}
	#puzzled .puzzled_txt h6 { font-size: 16px; }
	#puzzled .puzzled_txt p { font-size: 14px; }
	#puzzled .puzzled_txt p em { font-size: 17px; }
	#case { padding:30px 0; }
}


/*youshi*/
#youshi{overflow: hidden; padding: 50px 0 60px; background:url(../images/youshibg.jpg) no-repeat bottom;}
#youshi .youshili{ margin-top: 20px;}
#youshi .youshili ul li{width: 284px; float: left; box-shadow: 2px 2px 4px #999; margin-right: 16px; margin-top: 20px; transition:all 1s;}
#youshi .youshili ul li img{max-width: 100%; display: block;}
#youshi .youshili ul li .youshilitxt {padding: 10px; background:#fff;}
#youshi .youshili ul li .youshilitxt h4{ font-size: 18px; color: #333; line-height: 2; text-align: center; font-weight: bold;}
#youshi .youshili ul li .youshilitxt p{line-height: 2; height: 112px;}
#youshi .youshili ul li:hover{ margin-top: 0; }

@media(max-width: 1199px) {
	#youshi .youshili ul dl { width: 25%;  float: left; }
	#youshi .youshili ul dl li { width: auto; margin: 0 10px;}
	#youshi .youshili ul li .youshilitxt p { height: 140px; }
	#youshi .youshili ul li .youshilitxt h4 { font-size: 17px; }
}

@media(max-width: 991px) {
	#youshi .youshili ul li .youshilitxt h4 { height: 68px; display: block; }
	#youshi .youshili ul li .youshilitxt p { height: 195px; }
}

@media(max-width: 767px) {
	#youshi .youshili ul dl { width: 50%; margin-bottom: 20px; }
	#youshi .youshili ul li .youshilitxt p { height: 140px; }
}

@media(max-width: 500px) {
	#youshi { padding:40px 0 50px; }
	#youshi .youshili ul li .youshilitxt p { line-height: 1.6; height: 154px; }
}



/*about*/
#about{padding: 50px 0 0;}
#about .abouttxt{ font-size: 15px; text-align: center; line-height: 2; margin: 20px 0;}
#about .aboutimg { overflow: hidden; display: block; }
#about .aboutimg img { max-width: 100%; display: block; }
#about .abouttxt a {display: block;}
#about .abouttxt a em{display: block; width: 120px; line-height: 40px; border:1px solid #dedede; margin: 10px auto 20px;}
#about .abouttxt a:hover em{border:1px solid #005eb8;}

@media(max-width: 767px) {
	#about { padding:40px 0; }
	#about .abouttxt { padding-left: 10px; padding-right: 10px; }
}



/*partner*/
#partner{overflow: hidden; padding: 50px 0 60px; background:url(../images/youshibg.jpg) no-repeat bottom;}
#partner .partnerli{overflow: hidden; margin-top: 30px;}
#partner .partnerli ul{overflow: hidden; border-bottom: 1px solid #dedede}
#partner .partnerli ul li{float: left; position: relative;}
#partner .partnerli ul li img{width: 238px; border:1px solid #dedede; border-right: none; border-bottom: none;}
#partner .partnerli ul li:nth-child(5n) img{border-right:1px solid #dedede;}

#partner .partnerli ul li p{position: absolute; bottom: 0; width: 100%; height: 100%; line-height: 96px; color: #fff; text-align: center; background: rgba(0,0,0,.7); z-index: 3; display: none; }
#partner .partnerli ul li:hover p{display: block;}

@media(max-width: 991px) {
	#partner .partnerli ul li { width: 20%; }
	#partner .partnerli ul li img { max-width: 100%; }
}

@media(max-width: 767px) {
	#partner{ padding:10px 0 50px; }
	#partner .partnerli { padding-left: 5px; padding-right: 5px; }
}

@media(max-width: 500px) {
	#partner .partnerli ul { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; }
	#partner .partnerli ul li { width: 33.333%; }
}


/*news*/
#homenews{overflow: hidden; padding: 50px 0;}
#homenews .homenewsli{ width: 55%; float: left; margin-top: 20px;}
#homenews .homenewsli .hd{overflow: hidden; padding: 13px 0;}
#homenews .homenewsli .hd ul li{font-size: 18px; float: left; margin-right: 30px; border-left: 3px solid #666; padding-left: 15px;}
#homenews .homenewsli .hd ul li.cur{color: #005eb8; font-weight: bold; border-left: 3px solid #005eb8; }
#homenews .homenewsli .bd{overflow: hidden; margin-top: 20px;}
#homenews .homenewsli .bd ul .newslione{overflow: hidden; padding-bottom: 4px;}
#homenews .homenewsli .bd ul .newslione dt{ float: left;}
#homenews .homenewsli .bd ul .newslione dt img{width: 270px; border:5px solid #dedede;}
#homenews .homenewsli .bd ul .newslione dt{ float: left;}
#homenews .homenewsli .bd ul .newslione .newslionetxt{ float: right; width: 340px; }
#homenews .homenewsli .bd ul .newslione .newslionetxt h3{ color: #333; font-weight: bold; line-height: 2.5; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#homenews .homenewsli .bd ul .newslione .newslionetxt p{line-height: 2; color: #666;}
#homenews .homenewsli .bd ul .newslione .newslionetxt em{ display: block; color: #fff; background:#333; margin-top: 10px; width: 120px; text-align: center; line-height: 36px;}
#homenews .homenewsli .bd ul .newslione:hover em{background: #ff8b00;}
#homenews .homenewsli .bd ul .newslione:hover h3{color: #005eb8;}
#homenews .homenewsli .bd ul .newslioneplus li{border:1px solid #dedede; overflow: hidden; margin-top: 8px;}
#homenews .homenewsli .bd ul .newslioneplus li a{display: block; overflow: hidden;}
#homenews .homenewsli .bd ul .newslioneplus li .newstime{ float: left; width: 100px; border-right: 1px solid #dedede;}
#homenews .homenewsli .bd ul .newslioneplus li .newstime span{display: block; font-size: 16px; font-weight: bold; color: #666; text-align: center; line-height: 25px;}
#homenews .homenewsli .bd ul .newslioneplus li .newstime em{display: block; text-align: center; line-height: 25px; color: #999;}
#homenews .homenewsli .bd ul .newslioneplus li h3{line-height: 50px; float: left; font-size: 15px; padding: 0 20px; background:url(../images/newslioneplus.png) no-repeat  487px 10px; width: 497px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#homenews .homenewsli .bd ul .newslioneplus li:hover h3{background:url(../images/newslioneplusbg.png) no-repeat  487px 10px; color: #005eb8;}
#homenews .newsfaq{ float: right; width: 45%; margin-top: 20px;}
#homenews .newsfaq .newsfaq_t{border-top:1px solid #dedede;}
#homenews .newsfaq .newsfaq_t{border-bottom:1px solid #dedede;}
#homenews .newsfaq .newsfaq_t h2{line-height: 50px; color: #333; background:url(../images/newsfaq_t.png) no-repeat right; font-size: 18px;}
#homenews .newsfaq .newsfaq_t h2 em{color: #999; font-size: 14px;}
#homenews .newsfaq .newsfaqli{margin-top: 20px;}
#homenews .newsfaq ul li{border-bottom: 1px dashed #dedede; margin-bottom: 16px; padding-bottom: 16px;}
#homenews .newsfaq ul li h3{color: #333; font-size: 15px; position: relative; line-height: 24px; padding-left: 40px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#homenews .newsfaq ul li h3::before{position: absolute; content: 'Q'; font-size: 14px; color: #fff; width: 24px; height: 24px; background:#333; text-align: center; line-height: 24px; left: 0;}
#homenews .newsfaq ul li:hover h3{color: #005eb8; font-weight: bold;}
#homenews .newsfaq ul li p{color: #666; padding-left: 40px; position: relative; line-height: 1.8; }
#homenews .newsfaq ul li p::before{position: absolute; content: 'A'; font-size: 14px; color: #999; left: 0; color: #fff; width: 24px; height: 24px; background:#ff8b00; text-align: center; line-height: 24px;}

@media(max-width: 1199px) {
	#homenews .homenewsli .bd ul .newslione dt img { width: 180px; }
	#homenews .homenewsli .bd ul .newslione .newslionetxt { padding:0 20px; width: 300px; }
	#homenews .homenewsli .bd ul .newslione .newslionetxt p { text-overflow: ellipsis;overflow: hidden; white-space: nowrap; }
	#homenews .homenewsli .bd ul .newslioneplus li h3 { width: 370px;  background: url(../images/newslioneplus.png) no-repeat 360px 10px;}
	.newslioneplus { padding-right: 20px; }
	#homenews .newsfaq .newsfaqli { height: 300px; overflow: hidden; }
}

@media(max-width: 991px) {
	#homenews .homenewsli .bd ul .newslione dt img { width: 160px; }
	#homenews .homenewsli .bd ul .newslione .newslionetxt { width: 200px; }
	#homenews .homenewsli .bd ul .newslioneplus li h3 { width: 240px;background: url(../images/newslioneplus.png) no-repeat 240px 10px; }
}
@media(max-width: 767px) {
	#homenews { padding:40px 0; }
	#homenews .homenewsli { width: 100%; float: none; overflow: hidden; padding-left: 10px; padding-right: 10px; }
	#homenews .newsfaq { width: 100%; float: none; }
	#homenews .newsfaq .newsfaq_t { margin-left: 10px; margin-right: 10px; }
	#homenews .newsfaq .newsfaqli { padding-left: 10px; padding-right: 10px;  }
	#homenews .homenewsli .bd ul .newslione dt { width: 35%; }
	#homenews .homenewsli .bd ul .newslione dt img { max-width: 100%; }
	#homenews .homenewsli .bd ul .newslione .newslionetxt { width: 60%; padding:0; }
}

@media(max-width: 500px) {
	#homenews .homenewsli .bd ul .newslione .newslionetxt { width: 50%; padding-right: 10px; }
	#homenews .homenewsli .bd ul .newslioneplus li h3 { width: 190px;background: url(../images/newslioneplus.png) no-repeat 240px 10px; }
}

/*footer*/
#footer{background:#262626; padding: 50px 0 0; overflow: hidden;}
#footer .footertxt{overflow: hidden;}
#footer .footer_nav{ float: left;}
#footer .footer_nav ul li{ float: left; padding-right: 86px;}
#footer .footer_nav ul li h2 {font-size: 18px; color: #fff; border-left: 3px solid #fff; padding-left: 10px; margin-bottom: 10px;}
#footer .footer_nav ul li a{display: block; color: #cdcdcd; line-height: 2; transition:all 1s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#footer .footer_nav ul li a:hover{margin-left: 10px;}
#footer .footer_img{ float: left;}
#footer .footer_img ul li{ float: left; margin-right: 20px;}
#footer .footer_img ul li img{width: 126px; height: 126px; border:1px solid #fff; padding: 2px;}
#footer .footer_img ul li p{text-align: center; color: #cbcbcb; line-height: 2;}
#footer .footer_tel{ float: right; width: 320px;}
#footer .footer_tel .footer_teltxt{border-bottom: 1px solid #3c3c3c; margin-bottom: 20px; padding-bottom: 20px;}
#footer .footer_tel .footer_teltxt h6{font-size: 16px; color: #fff; background: url(../images/footer_teltxt.png) no-repeat left; padding-left: 36px; line-height: 2;}
#footer .footer_tel .footer_teltxt p{color: #fff; font-size: 20px; font-weight: bold; padding-left: 36px;}
#footer .footer_tel ul li{ color: #cdcdcd; line-height: 20px; margin-bottom: 10px; padding-left: 28px;}
#footer .footer_tel ul li a{color: #cdcdcd; }
#footer .footer_tel ul li.mail{background: url(../images/footmail.png) no-repeat 0px 0px;}
#footer .footer_tel ul li.add{background: url(../images/footadd.png) no-repeat 0px 0px;}
#footer .footer_link{border-top:1px solid #7a7a7a; padding: 15px 0; margin-top: 30px; overflow: hidden;}
#footer .footer_link h2{ float: left; color: #fff; font-weight: bold; font-size: 14px; line-height: 24px;}
#footer .footer_link ul{width: calc(100% - 80px); float: right; line-height: 24px;}
#footer .footer_link ul li{ float: left; font-size: 14px; margin-right: 20px; }
#footer .footer_link ul li a{color: #cbcbcb; line-height: 24px;}
#footercopy{background: #121212; overflow: hidden;}
#footercopy .footercopy_l{ float: left;}
#footercopy .footercopy_r{ float: right;}
#footercopy p{ color: #ccc; line-height: 50px;}
#footercopy p a{color: #ccc;}

@media(max-width: 991px) {
	#footer .footer_nav ul li { padding-right: 48px; }
}

@media(max-width: 767px) {
	#footer .footer_nav { float: none; width: 100%;float: none; width: 100%; overflow: hidden;margin: 0 auto; margin-bottom: 20px; }
	#footer .footer_nav ul {   display: flex;  }
	#footer .footer_nav ul li { flex: 1; padding-right: 0px; padding-left: 30px; }
	#footer .footer_tel { float: none; width: auto;padding:0 15px; }
	#footercopy p { font-size: 12px; }
	#footercopy .footercopy_l { padding-left: 10px; }
	#footer .footer_link { padding-left: 10px; }
}


/*pageshow*/
#show{overflow: hidden;}
#show .showtxt{padding: 30px 0; overflow: hidden; line-height: 2; font-size: 15px;}
#show .showtxt img{max-width: 100%;}

@media(max-width: 767px) {
	#show .showtxt { margin-left: 10px; margin-right: 10px; }
}


/*pagedownload*/
#download{ overflow: hidden;}
#download .downloadtxt{overflow: hidden; padding: 30px 0;}
#download .downloadli{margin-bottom:20px;}
#download .downloadli table{width:100%;text-align:center;}
#download .downloadli table thead{background:#035aac;color:#fff;font-size:16px;line-height:2;}
#download .downloadli table tbody{line-height:1.6}
#download .downloadli table tbody tr td{color:#666;}
#download .downloadli table tbody tr td:first-child{color:#333;}


#showdownload .showdown_top{margin-bottom:20px;}
#showdownload .showdownloadtxt{padding: 30px 0;}
#showdownload .showdownloadtxt .showdown_top>h1{font-size: 18px;  color:#fff; background: #005eb8; line-height: 2; font-weight:bold; padding-left:20px;}
#showdownload .showdownloadtxt .showdown_top>ul{padding:10px; background:#f6f6f6;}
#showdownload .showdownloadtxt .showdown_top>ul>li{border-bottom: 1px solid #eee; font-size:12px; color:#666; margin-bottom:5px; line-height:20px;}
#showdownload .showdownloadtxt .showdown_top>ul>li:last-child{margin-bottom:0;}
#showdownload .showdownloadtxt .showdown_top>ul>li>span{padding: 0px 10px; margin-right: 5px;}
#showdownload .showdownloadtxt .showdown_con{font-size: 16px; line-height: 1.8; text-align:justify; margin-bottom:20px;}
#showdownload .showdownloadtxt .showdown_con img{max-width:100%; height:auto !important;}


/*pageimgs*/
#imgs{padding: 30px 0; overflow: hidden;}
#showimgs{overflow: hidden; padding: 30px 0;}
#showimgs .showimgstxt{margin-top: 10px;}
#showimgs .showimgstxt h1{ font-size: 20px; font-weight: bold; color: #333; text-align: center; line-height: 2; }
#showimgs .showimgstxt>img{display: block; margin:20px auto; max-width: 100%;}
#showimgs .ctitle {line-height: 2; border-bottom: 1px solid #dedede; font-weight: bold;}
#showimgs .ctitle h3{ font-size: 16px; padding-left: 16px; position: relative; font-weight: bold;}
#showimgs .ctitle h3::before{position: absolute; content: ''; color:#005eb8; left:0; top: 10px; z-index: 99; width: 0px; height: 0px; border: 6px solid #666; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent;}
#showimgs .showimg_con{padding: 10px 0; line-height: 2;}
#showimgs .showimg_con img{max-width: 100%;}


@media(max-width: 767px) {
	#showimgs .showimgstxt>img {max-width: 96%; }
	#showimgs .ctitle { margin-left: 10px; margin-right: 10px; }
	#showimgs .showimg_con { padding-left: 10px; padding-right: 10px; }
}

/*pagejob*/

#joblist{ padding: 30px 0; background: #f7f7f7;}
#joblist .sideMen .joblistli{background: #fff; }
#joblist .sideMen ul{background: #fff; border-top: 1px solid #dedede;}
#joblist .sideMen .joblistli{margin-bottom: 20px;}
#joblist .sideMen .joblistli .joblisttxt{padding: 20px; position: relative;}
#joblist .sideMen .joblistli .joblisttxt::before{position: absolute; content: '＋'; line-height: 36px; color: #005eb8;  text-align: center; font-size: 20px; font-weight: bold; right: 20px; width: 40px; border-radius: 50%; border:2px solid #005eb8; height: 40px; }
#joblist .sideMen .joblistli.cur .joblisttxt::before{position: absolute; content: '－'; line-height: 36px; color: #005eb8; text-align: center; font-size: 20px; font-weight: bold; right: 20px; width: 40px; border-radius: 50%; border:2px solid #005eb8; height: 40px;}
#joblist .sideMen .joblistli .joblisttxt h3{color: #333; font-size: 20px; font-weight: bold; padding-bottom: 10px;}
#joblist .sideMen .joblistli .joblisttxt span{padding-right: 20px; }
#joblist .sideMen .joblistli ul{line-height: 2; padding: 20px;}

/*pagemessage*/
#message .messagetxt{padding: 30px 0; overflow: hidden;}
#message .messagetxt h4{text-align: center; font-weight: bold; font-size: 20px; color: #333; line-height: 2;}
#message .messagetxt .messageli{background: #f3f3f3; padding: 20px; margin-top: 20px;}
#message .messagetxt .messageli ul li{border:1px solid #dedede; line-height: 2; padding: 5px; margin-bottom: 10px;}
#message .messagetxt .messageli ul li label{ float: left; width: 50px; display: block; line-height: 2;}
#message .messagetxt .messageli ul li input{width: calc(100% - 50px); line-height: 2;}
#message .messagetxt .messageli ul li textarea{width: calc(100% - 50px); line-height: 2;}
#message .messagetxt .messageli ul .submit input{width: 120px; line-height: 2.5; margin-right:10px; background: #005eb8;  text-align: center; color: #fff; font-size: 16px;}


/*pagenews*/
#news{overflow: hidden; }
#news .newsli{padding: 30px 0; overflow: hidden; }
#news .newsli ul.newsli_li{overflow: hidden;}
#news .newsli ul.newsli_li li{ float: left; width: 386px; padding: 0 7px; margin-bottom: 14px;}
#news .newsli ul.newsli_li li a{display: block; padding: 5px;  background: #f3f3f3;  }
#news .newsli ul.newsli_li li dt{overflow: hidden;}
#news .newsli ul.newsli_li li img{max-width: 100%; transition:all 1s;}
#news .newsli ul.newsli_li li:hover img{transform:scale(1.1);}
#news .newsli ul.newsli_li li h3{ font-weight: bold; line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-size: 15px;}
#news .newsli ul.newsli_li li p{line-height: 1.5; color: #666; margin:5px 0; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#news .newsli ul.newsli_li li span{ display: block; line-height: 2; color: #999;}
#news .newsli ul.newsli_li li .newslitxt{padding: 5px; }
#shownews .shownewstxt{padding: 30px 0;}
#shownews .shownewstxt h1{font-size: 20px; color: #333; text-align: center; border-bottom: 1px dashed #dedede; line-height: 2.5; font-weight: bold;}
#shownews .shownews_con{line-height: 2; margin:15px 0;}
#shownews .shownews_con img{max-width: 100%; }
#news .newsli ul.newsli_li li:hover a{background: #005eb8; }
#news .newsli ul.newsli_li li:hover h3{ color: #fff;}
#news .newsli ul.newsli_li li:hover p{ color: #fff;}
#news .newsli ul.newsli_li li:hover span{ color: #fff;}

.page_r{width: 900px; float: right;}
.page_r>ul{overflow: hidden;}
.page_r>ul li{ float: left; margin-top: 12px; padding: 0 6px; width: 288px;}
.page_r>ul li a{display: block; padding: 3px; border:1px solid #dedede;}
.page_r>ul li:hover a{border:1px solid #005eb8;}
.page_r>ul li:hover h3{background: #005eb8; color: #fff;}
.page_r>ul li img{width: 280px; }
.page_r>ul li h3{background: #f3f3f3; text-align: center; font-size: 15px; line-height: 36px; margin-top: 3px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; padding: 0 5px;}
.page_r .page_rtit{overflow: hidden; border-bottom: 1px solid #dedede; padding-bottom: 12px;}
.page_r .page_rtit h2{padding-left: 18px; color: #005eb8; border-left: 3px solid #005eb8; font-size: 18px; font-weight: bold; float: left; line-height: 24px;}
.pagecrumbs{ line-height: 24px; float: right;}
.pagecrumbs a{color: #666;}
.showimgs_time{text-align: center; line-height: 2}
.shownews_time{text-align: center; line-height: 2}


@media(max-width: 1199px) {
	.page_r { width: 680px; }
	.page_r>ul li { width: 31.33%; }
	.page_r>ul li img { max-width: 100%; }
}

@media(max-width: 991px) {
	.page_r { width: 520px; }
	.page_r>ul li { width: 47%; }

}

@media(max-width: 767px) {
	#imgs { padding:15px 0; }
	.page_l { display: none; }
	.page_r { float: none;width: 100%; }
	.page_r .page_rtit {  margin-right: 10px; margin-left: 10px; }
	.page_r>ul { width: 100%; }
	#shownews .shownewstxt h1  {  margin-right: 10px; margin-left: 10px; }
	#shownews .shownews_con {  margin-right: 10px; margin-left: 10px; }
	#news .newsli ul.newsli_li li { width: 47%; }
}
@media(max-width: 500px) {
	.page_r>ul li { width: 46%; }
	.page_r .page_rtit h2 { float: none;overflow: hidden; }
	.pagecrumbs { width: 100%; float: none; margin-top: 20px; }
	#news .newsli ul.newsli_li li { width: 46%; }
}



/*crumbs_nav*/
.crumbs_nav{overflow: hidden; border-bottom: 1px solid #dedede; }
.crumbs_nav .crumbs{line-height: 54px; float: left; }
.crumbs_nav .crumbs a{color: #666; }
.crumbs_nav .pagenav{ float: right;}
.crumbs_nav .pagenav ul li{ float: left; padding: 0 15px;}
.crumbs_nav .pagenav ul li a{display: block; line-height: 54px; font-size: 15px;  position: relative;}
.crumbs_nav .pagenav ul li a::before{content: ""; display: block; width: 0%; height: 2px; background: #005eb8; position: absolute; left: 50%; bottom: 0;overflow: hidden; transition: all .5s;}
.crumbs_nav .pagenav ul li.cur a{color:#005eb8 }
.crumbs_nav .pagenav ul li.cur a::before,.crumbs_nav .pagenav ul li:hover a::before{width: 100%; left: 0; }

@media(max-width: 767px) {
	.crumbs_nav .crumbs { line-height: 35px;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-top: 1px solid #d9d9d9;box-shadow: 0 1px #fff;position: relative;background-color: #f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);background-image: linear-gradient(top, #f6f6f6, #eaeaea);border-bottom: 1px solid #d9d9d9;width: 100%; }
	.crumbs_nav .crumbs span em { padding-left: 15px; }
	.crumbs_nav .pagenav { float: none; width: 100%; overflow: hidden; background: #eee;}
	.crumbs_nav .pagenav ul li { width: 25%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; padding:0; border-bottom: 1px solid #fff; }
	.crumbs_nav .pagenav ul li a { font-size: 14px; line-height: 45px; }

}



/*pagenews*/
.pagenews{border:1px solid #dedede; margin-top: 20px;}
.pagenews h2{background: #f3f3f3; line-height: 2.5; font-size: 16px; color: #005eb8; padding: 0 10px; font-weight: bold; }
.pagenews ul{padding: 10px; overflow: hidden;}
.pagenews ul li{width: 50%; float: left; overflow: hidden;}
.pagenews ul li a{display: block; border-bottom: 1px dashed #dedede;  overflow: hidden;}
.pagenews ul li:nth-child(even) a{margin-left: 10px;}
.pagenews ul li:nth-child(odd) a{margin-right: 10px;}
.pagenews ul li:hover em{color: #005eb8; }
.pagenews ul li h3{ float: left; width: calc(100% - 100px); font-size: 14px; line-height: 2.5; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.pagenews ul li em{ float: right; font-size: 14px; color: #999; line-height: 2.5}


@media(max-width: 767px) {
	.pagenews { margin-right: 10px; margin-left: 10px;}
}

/*pageproduct*/
#pageproduct{ overflow: hidden; padding: 30px 0;}



/*pagesearch*/
#pagesearch .pagesearchli{ padding: 30px 0; overflow: hidden;}
#pagesearch .pagesearchli .container>ul li {border-bottom: 1px solid #dedede; margin-bottom: 15px; padding-bottom: 15px;}
#pagesearch .pagesearchli .container>ul li em{ background: #005eb8; color: #fff; padding:5px 10px; display: inline-block; }
#pagesearch .pagesearchli .container>ul li h2{display: block; font-size: 18px; font-weight: bold; line-height: 2;}
#pagesearch .pagesearchli .container>ul li p{margin: 3px 0;}
#pagesearch .pagesearchli .container>ul li span{ color: #999; }



/*page*/
.page_l{width: 270px; float: left;}
.page_l .page_nav h2{background: #005eb8; color: #fff; font-size: 24px; text-align: center; line-height: 72px; font-weight: bold;}
.page_l .page_nav ul{padding: 10px; border:1px solid #dedede;}
.page_l .page_nav ul li{margin-bottom: 10px;}
.page_l .page_nav ul li:last-of-type{margin-bottom: 0;}
.page_l .page_nav ul li a{ font-size: 15px; background: #f3f3f3; line-height: 40px; border-bottom: 1px solid #dedede; display: block; text-align: center;}
.page_l .page_nav ul li:hover a,.page_l .page_nav ul li.cur a{background: #ff8b00; color: #fff; border-bottom: 1px solid #d0d0d0; }
.page_l .page_tel h2{background: #005eb8; color: #fff; font-size: 24px; text-align: center; line-height: 72px; font-weight: bold; margin-top: 20px;}
.page_l .page_tel ul{padding: 10px; border:1px solid #dedede; line-height: 2;}
.page_l .page_tel ul img{max-width: 100%;}



@media(max-width: 991px) {
	.page_l  { width: 210px; }
}



/* 手机底部按钮 */
.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background: #0074c3;text-align: center; display: none;}
.footer-bottom .col-xs-3 { width: 25%; float: left; }
.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}
.footer-bottom a i{font-size: 16px;display: block;}

@media(max-width: 767px) {
	.footer-bottom { display: block; }
}

/* 在线客服 */
.diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 100;}
.diyos ul{position:relative;list-style: none;margin: 0;padding: 0;}
.diyos ul li {width: 54px;height: 54px;background: #035aac;float: left;position: relative;border-top:1px solid #333;z-index:1;}
.diyos ul li:first-child{ border-top:0;}
.diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#035aac;}
.diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;}
.diyos ul li .sideewmshow{width: 130px;position:absolute; top:0; left:-131px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5; transition: all .5s ;}
.diyos ul li.sideewm:hover .sideewmshow{ display:block;}
.diyos ul li img {float: left;}



/* 图片封面动画 */
.white, .whites{position: relative;overflow: hidden;}
.white::after, .whites::after{content: '';cursor: pointer;position: absolute;left: -120%;top: 0;width: 100%;height: 100%;
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
transform: skewx(-25deg);transition: unset;}
.white:hover::after{left: 120%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}




/*上一篇、下一篇*/
.showimg_right{border-left:1px solid #f0f2f5;}
.showimg_page{overflow: hidden;}
.showimg_page a.pull-left{display: block; float: left; border:1px solid #dedede; padding: 10px 15px;}
.showimg_page a.pull-right{display: block; float: right; border:1px solid #dedede; padding: 10px 15px;}
.showimg_page a.pull-left:hover{border:1px solid #005eb8;}
.showimg_page a.pull-right:hover{border:1px solid #005eb8;}
.shownews_page{overflow: hidden;}
.shownews_page a.pull-left{display: block; float: left; border:1px solid #dedede; padding: 10px 15px;}
.shownews_page a.pull-right{display: block; float: right; border:1px solid #dedede; padding: 10px 15px;}
.shownews_page a.pull-left:hover{border:1px solid #005eb8;}
.shownews_page a.pull-right:hover{border:1px solid #005eb8;}

@media(max-width: 767px) {
	.shownews_page { margin-left: 10px; margin-right: 10px; }
}

/* 标签 */
.pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;}
.pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;}
.pro_key a:hover{background:#035aac;}
/* 分享按钮 */
.jiathis{padding-top:10px; height:35px; line-height:30px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666; margin-bottom:10px;}
.jiathis .jiathis_txt{float: left;}

@media(max-width: 767px) {
	.jiathis { margin-left: 10px;margin-right: 10px; }
	.showimg_page { margin-left: 10px;margin-right: 10px;  }
}
@media(max-width: 500px) {
	.showimg_page .pull-left { width: 40%;  float: left;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;border: 1px solid #dedede; display: block; }
	.showimg_page .pull-right { width: 40%;  float: right;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;border: 1px solid #dedede; display: block; }
}


/* 上下页按钮 */
.ny-page{overflow: hidden; }
.ny-pagea{width:50%;float:left;padding:0 5px;box-sizing:border-box;}
.ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 100%;}
.ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;}

/* 搜索模块 */
.nysearch-ul{overflow: hidden;}
.nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;}
.nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #035aac;margin-right: 5px;position: relative;top:0;padding: 4px 6px;}
.nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #035aac;}
.nysearch-til>a:hover{background:#333;}
.nysearch-til>a:hover .nysearch-arrow{border-left-color:#333;}
.nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;}
.nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.nysearch-date {color: #333;line-height: 20px;font-size: 12px;}
.nysearch-date span{color: #999;}
.nysearch-date p{float: left;margin: 0;}
.nysearch-date i{margin-right: 5px;}
.nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.nysearch-con a.nysearch-more:hover{background: #035aac;left:10px;}




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

#flip{line-height: 25px; margin-top: 10px; overflow: hidden;}
.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:#035aac; display: inline-block; }
.metpager_5 a:hover { border:1px solid #035aac; color:#fff; background-color:#035aac;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#035aac; border:1px solid #035aac; 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;}
@media (max-width:767px){
	.digg4>span:nth-child(-n+2){display:none;}
}