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

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

body {
	overflow-y: scroll;
	
}
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;



transition-timing-function: linear;
-moz-transition-timing-function: linear; /* Firefox 4 */
-webkit-transition-timing-function: linear; /* Safari 和 Chrome */
-o-transition-timing-function: linear; /* Opera */


font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}


a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #125abf; text-decoration: none;}
::selection{background:#125abf; color:#fff;}
::-moz-selection{background:#125abf; color:#fff;}

.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{ height: auto !important;}

.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
#map label,#map img{max-width: none !important; width: initial !important;}
#map *{ font-size: 12px;}
.BMap_stdMpCtrl{display: none;}


.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}




@media (max-width: 319px) {
	html {
		background: #fff url(../img/displayNone.png) center center no-repeat;
	}
	body {
		display: none;
	}
}

@media (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	body{font-size: 12px;}
	.header-bg{background: url(../img/header-bg.jpg) center center no-repeat; height: 40px; position: relative; z-index: 99999;}
	.header-l{ float: left; display: none;}
	.header-r{ float: right; line-height: 40px;}
	.header-r *{ line-height: 40px; font-size: 12px; padding: 0; margin: 0;}
	.header-r span{ float: left; color: #23282d;}
	.header-r dl{float: left; color: #23282d; line-height: 40px; position: relative;}
	.header-r .bk{ background: #333; color: #e1e2e3; font-size: 14px; line-height: 14px; width: 14px; height: 14px; display: inline-block;  margin-right: 5px; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; text-align: center;}
	.header-r dt{ font-weight: normal; cursor: pointer;}
	.header-r dd{ position: absolute; right: 0; top: 40px; background: #fff; padding: 5px; z-index: 999999; border: solid 1px #ddd; display: none;}
	.header-r hr{ border: none; border-right: solid 1px #b6b9bb; float: left; margin: 0 5px; height: 14px; width: 0; margin-top: 13px;}
	
	
	.header-box{ background: #fff; height: 50px; overflow: hidden;  z-index: 8; position: absolute; width: 100%;}
	.header-shadow{-webkit-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 13px rgba(0,0,0,.1);
	box-shadow: 0 0 13px rgba(0,0,0,.1); position: relative;}
	.nav-box{ position: absolute; width: 100%; background: #fff;}
	.nav-box-show{ position: absolute; z-index: 99; top: 0;}
	.logo{font-weight: normal; padding: 0; margin:0; float: left; position: absolute; z-index: 99; overflow: hidden; height: 50px;}
	.logo a{ padding: 0; margin: 0; float: left; height: 100%;}
	.logo img{ height:100%; display: block;}
	.logo b{ float: left; font-size: 12px; line-height: 15px; padding-left: 5px; margin-left: 10px; color: #222; color: #4b4a4a; font-weight: normal; margin-top: 10px; border-left: solid 1px #9c9c9c;}
	.logo b *{ line-height: 15px;}
	.logo b span{display: block; letter-spacing:3.8px;}
	.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
	.nav-btn{position: relative; top: 0; width: 36px; margin-top: 7px; cursor: pointer; z-index: 9999; cursor: pointer; float: right;}
	.nav-btn div.btn-02{ height: 36px; width: 36px; overflow: hidden;}
	.btn-02 i{ width: 36px; height: 36px; line-height: 36px; display: block; text-align: center; font-size: 30px; color: #222222;}
	.btn-02 .nav-hide-btn{display: none; font-size: 30px;}
	.nav-btn-show .btn-02 .nav-show-btn{display: none;}
	.nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #222222;}
	.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height:  36px; height:  36px; display: block; overflow: hidden;}
	.nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; z-index: 99; padding: 10px 0 80px 0; height: 100%;
		-webkit-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
	box-shadow: 0px -5px 20px rgba(0,0,0,.1);
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition: .3s; overflow: hidden;}
	.nav ul,.nav li{padding: 0; margin: 0; list-style: none;}
	.nav ul{ height: 100%; overflow: visible; width: 240px;}
	.nav li{ border-bottom: solid 1px #ededed; display: block;}
	.nav li a{ padding-left: 15px; line-height: 50px; font-size: 14px; display: block; text-transform: uppercase; color: #666; -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition: .3s; overflow: hidden; cursor: pointer;}
	.nav li a b{ color: #222; float: left;}
	.nav li a i{float: right; padding-right: 15px; color: #222; font-size: 14px; font-weight: bold;}
	.body-box{ width: 100%; height: 100%; position: relative; background: none; -webkit-transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;}
	.body-box-show{ position: fixed; top: 0;}
	.nav ul div{display: none;}
	.nav li div a{font-size: 14px;}
	.nav-show{ width: 240px; opacity: 1;}
	.nav-show ul{ overflow-y: scroll;}

	.nav li{-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;}
	
	.nav li.nav-on>a,.nav li a.on b{ color: #125abf;}
	.nav li div{ background: #f5f5f5;}
	.nav li .nav-rj-on{ color: #125abf;}
	.max dl,.max dt,.max dd{padding: 0; margin: 0;}
	.btn-box{ width: 240px; height:  36px;}
	
	.top-r{ height:  40px;}
	.lang-box{ padding:0 15px 10px 15px; display: none;}
	.lang-box a{ float: left;}
	.lang-box a *{ line-height: 30px; font-size: 14px; display: inline-block; overflow: hidden; color: #333;}
	.lang-box a i{ font-size: 16px; padding-right: 5px; color: #125abf;}
	
	.nav-b{ line-height: 40px; padding: 0 15px; color: #222; display:flex;  justify-content:space-between;}
	.nav-b-tit{ float: left;}
	.nav-b .bdsharebuttonbox{ float: left; padding-top: 5px;}
	.nav-b .bdsharebuttonbox a{ position: relative; background: none !important; padding-left: 0 !important; line-height: 30px; margin: 0 0 0 5px; height: 30px !important; width: 30px !important; text-align: center; font-size: 22px;}
	.nav-b .bdsharebuttonbox a i{position: absolute; z-index: -1; left: 0; top: 0; color: #222;}
	
	
	.xcx-btn{ display:flex; align-items: center; justify-content: center;}
	.xcx-btn i{ padding-right:5px;}
	
	.nav-b-lang{ float: right; color: #222;}
	.nav-b-lang a{ color: #999;}
	.nav-b-lang a.on{ color: #222;}
	
    div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		margin: 20px 0 0 0;
		line-height: 1.7;
	}
	div.pages *{ line-height: 1.7;}
	div.pages a,div.pages span {
		TEXT-DECORATION: none;
		background: #fff;
		border: 1px solid #dcdcdc;
		padding: 5px 10px;
		margin: 3px;
		color: #333333;
		font-size: 12px;
		display: inline-block;
	}
	div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled  {
		background: #222222;
		color: #fff;
		border: 1px solid #222222;}
	
	.search-bd{ margin-left: 15px; border: solid 1px #222222; width: 165px; overflow: hidden;}
	.search-bd input{ height: 30px; border: none; width: 133px; float: left; padding:0 5px;}
	.search-bd button{width: 30px; height: 30px; border: none; background: none; float: left; cursor: pointer;}
	.search-bd button i{ font-size: 20px; line-height: 28px;}
	
	.swiper-banner{ height: 100%;}
	.swiper-banner .swiper-wrapper{ height: 100% !important;}
	.swiper-banner .swiper-slide{ height: 100% !important; background: #eee; padding-top: 50px;}
	.banner-txt-video{ height: 100%; position: absolute; width: 100%; top: 50%; margin-top: -160px;  background-repeat: no-repeat; background-position: center center; z-index: 9; text-align: center;}

	.video-bg{ height: 100%; position: absolute; width: 100%; top: 0; z-index: 9;}
	
	.banner-bg{ height: 100%; -webkit-background-size: cover;
	background-size: cover; background-position: center center;}
	.banner-bg .container{ height: 100%;}
	.banner-bg video{object-fit: cover; display: none;}
	.banner-txt-max{ position: absolute; top: 50%; margin-top: -40px;}
	
	.banner-pagination{ text-align: center; position: absolute; bottom: 30px; left: 50%; width: 200px; z-index: 11; opacity: .8; display: none; margin-left: -100px;}
	.banner-pagination span{ width: 12px; height: 12px; background: none; border: solid 1px #fff; opacity: 1; background: #fff; margin: 0 5px;}
	.banner-pagination span.swiper-pagination-bullet-active{ background: none;}
	
	.ind-news-bd{ width: 100%;}
	.ind-news-bg{ background: rgba(0,0,0,.45); padding: 10px 0; color: #fff;}
	
	.swiper-news dl{ padding: 0 10px;}
	.swiper-news dt{ width: 80px; float: left;}
	.swiper-news dd{}
	.swiper-news dd b{ font-size: 14px; color: #fff; white-space: nowrap;  overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; display: block;}
	.swiper-news dd p{ padding: 0; margin: 0; color: #fff; margin-top: 5px; line-height: 18px; font-size: 12px; height: 36px; overflow: hidden; }
	.swiper-news dd span{ float: right; color: #fff; opacity: .35; margin-top: 5px;}
	
	.ind-footer{ width: 100%; padding: 10px 0; z-index: 9; color: #fff;}
	.ind-footer{ text-align: center; line-height: 20px;}
	.ind-footer a{ color: #fff;}
	.ind-footer span{ display: block;}
	
	.ind-por-b{ position: absolute; bottom: 0; width: 100%; z-index: 9;}
	
	.banner-bg-max{ height: 100%;}
	.banner-bg-max img{ width: auto; max-width: 90%; margin-top: -120px;}
	
	.nav-r{ display: none;}
	
	.container-ny{ padding: 0 15px;}
	
	.menu-tit{ width: 100%; text-align: center; padding: 30px 0 15px 0; color: #222; font-size: 24px; border-bottom: solid 1px #e6e6e6;}
	.menu-tit-on{ border-bottom: solid 2px #125abf;}
	
	.menu-list{}
	.menu-list-ovh{ overflow: hidden; margin-bottom: -1px;}
	.menu-list:after{content: ' '; display: block; width: 0; height: 0; clear: both;}
	
	.menu-list ul{ float: left; width: 100%;}
	.menu-list li{ float: left; width: 100%;}
	
	.menu-list li a{ padding: 0; display: block; text-align: center;}
	.menu-list li span{ line-height: 40px; display: block; padding-bottom: 2px;  border-bottom: dotted 1px #999999;}
	.menu-list li.on-02 span{ min-width: 48px; height: 32px; display: none;}
	.menu-list .on span{ border-bottom: solid 2px #478ae8; padding-bottom: 0; color: #478ae8;}
	.menu-list li i{ width: 0; height: 12px; border-left: dotted 1px #999999; position: absolute; right: 0; margin-top: 9px; display: none;}
	.menu-list li:nth-last-child(1) i{ display: none;}
	
	.dz{ padding: 10px 0;line-height: 20px; text-align: right; border-bottom: solid 1px #e6e6e6; margin: 15px 0;}
	.dz a{ color: #999;}
	.dz a:hover{ color: #125abf;}
	.dz{ color: #999;}
	
	.content-box{ position: relative; overflow: hidden; padding-bottom: 30px;}
	.content-info img{width: 100%; height: auto;}
	.content-box,.content-box *{ font-size: 14px; line-height: 2; color: #333;}
	
	.rdjj-box *{ color: #fff;}
	.rdjj-box dd{ background: #478ae8; padding: 25px; color: #fff;}
	.rdjj-box p{ font-size: 12px;}
	.rdjj-box span{ font-size: 22px; display: block; border-bottom: solid 1px #7fabda; padding-bottom: 5px;}
	.rdjj-box b{ font-size: 14px; padding-top: 5px; display: block;}
	div.rdjj-tit{ padding:25px 0 10px 0; display: block; text-align: center; font-size: 16px; font-weight: bold; color: #222;}
	
	.rdjj-txt{ padding-bottom: 15px;}
	.video-play{ cursor: pointer;}
	
	.gsry-list ul{ margin: -5px;}
	.gsry-list li { padding: 5px;}
	.gsry-list li div{ background: #125abf; text-align: center; color: #fff; padding: 10px;}
	
	.footer{ border-top: solid 1px #e6e6e6; padding: 10px 0; text-align: center;}
	.footer{ line-height: 20px; color: #999;}
	
	.footer-r a{ color: #999;}
	
	.fzlc-r{}
	.fzlc-r li{ background: #f7f7f7; margin-bottom: 7px; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; padding: 10px; line-height: 20px;}
	.fzlc-r li span{ color: #999; float: left; padding-right: 25px;}
	.fzlc-r li p{ color: #222; font-size: 14px; display: table;}
	

	.content-txt{ padding-bottom: 15px;}
	.sub-menu{ padding: 0 0 15px 0; overflow: hidden;}
	.sub-menu ul{ margin: -5px; min-height: 68px; overflow: hidden;}
	.sub-menu li{padding: 5px; float: left;}
	.sub-menu a{ padding: 0 20px; text-align: center; border: solid 1px #e5e5e5; height: 38px; border: solid 1px #e5e5e5; display: block; line-height: 36px; background: #f7f7f7; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
	.sub-menu li.on a{ background: #125abf; color: #fff; border-color: #003c91;}
	i.pic-scale-list{ padding-bottom: 61.25%;}
	
	.pic-list *{ -webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	transition: .25s;}
	.pic-list{ margin: -5px; overflow: hidden;}
	.pic-list li{ width: 50%; float: left; padding: 5px;}
	.pic-list span{ border: solid 2px #e6e6e6; display: block; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0);
	box-shadow: 0 5px 10px rgba(0,0,0,0);}
	.pic-list dl{ overflow: hidden; padding-top: 5px; position: relative;}
	.pic-list dt{ line-height: 24px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;width: 100%; text-align: center;}
	.pic-list dd{ float: left; line-height: 24px; right: 0; font-size: 12px; display: none;}
	.content-ova{ overflow: initial;}
	
	.pic-list a:hover span{ -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
	box-shadow: 0 3px 10px rgba(0,0,0,.3);}
	.pic-list a:hover dl{ border-bottom-color: #125abf;}
	.pic-list a:hover dt,.pic-list a:hover dd{ color: #125abf;}
	
	.map-box{ width: 100%; height: 320px;}
	
	.lxwm-box{ overflow: hidden; padding-bottom: 10px;}
	.lxwm-l dt{ font-weight: bold; font-size: 16px; padding-bottom: 5px;}
	.lxwm-l dl{ padding-top: 15px; border-bottom: solid 1px #e6e6e6; padding-bottom: 15px;}
	
	i.pic-scale-news{ padding-bottom: 71.43%;}
	.news-list{ margin-top: -10px;}
	.news-list dl{ overflow: hidden; border-bottom: solid 1px #e6e6e6; padding: 10px 0;}
	.news-list dt{ width: 120px; float: left; margin-right: 10px;}
	.news-list dt span{ border: solid 2px #dddddd; display: block;}
	.news-list dd{ position: relative; top: -3px; overflow: hidden;}
	.news-list dd p{ display: none;}
	.news-list dd a.news-tit{ font-weight: bold; line-height: 18px; display: block; font-size: 14px;}
	.news-list dd span{color: #999;  font-size: 12px; display: block;}
	.news-list dd .news-more{ font-weight: bold; color: #125abf; display: none;}
	
	.exhibition-list b{ display: block; font-size: 14px;}
	.exhibition-list div{ display: block;}
	.exhibition-list div p{ display: block; }
	.exhibition-list div *{font-size: 12px !important; line-height: 1.75 !important; color: #666 !important;}
	
	.news-info-tit{ color: #000; text-align: center; font-weight: bold; font-size: 16px; padding-bottom: 15px;}
	.news-info-time{ margin-bottom: 15px; text-align: center; color: #999; border-bottom: dashed 1px #d5d5d5; padding-bottom: 15px;}
	.text-box{ line-height: 2; overflow: hidden;}
	
	.rdjj-box dd span.bdbn{border-bottom: none;}
	i.pic-scale-yfsb{ padding-bottom: 70%;}
	
	.yfsb-list ul{ margin: -5px; overflow: hidden;}
	.yfsb-list li{ width: 50%; padding:5px; float: left;}
	.yfsb-list span{ border: solid 2px #e5e5e5; display: block;}
	.yfsb-list b{ background: #eee; display: block; text-align: center; font-weight: normal; line-height: 30px; padding: 0 5px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	
	.products-search{ margin-bottom: 15px; border: solid 1px #222222; background: #f3f3f3; height: 32px;}
	.products-search input{ border: none; background: none; padding: 0 40px 0 10px; line-height: initial; width: 100%;}
	.products-search button{ width: 30px; height: 30px; text-align: center; border: none; background: none; position: absolute; right: 0; text-align: center; top: 0; cursor: pointer;}
	.products-search button i{ color: #222; font-size: 20px; line-height: 28px;}
	
	.products-list { margin: -5px 0; overflow: hidden;}
	.products-list li{ padding: 5px 0;}
	.products-list dt{ width: 100%;}
	.products-list dd{ background: #eee; padding: 15px;}
	.products-list dd b{ display: block; font-weight: normal; border-bottom: solid 1px #d5d5d5; padding-bottom: 5px; margin-bottom: 5px; color: #222; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.products-mess *,.products-mess{ font-size: 12px; line-height: 1.5; display: block; color: #666;}
	.products-list a:hover b{ color: #125abf;}
	
	.products-r dt{ background: #eee; margin-top: 15px; padding: 0 10px; line-height: 36px; font-weight: bold; font-size: 16px;}
	.products-r dd{ padding:10px;}
	
	
	.yxzx-mess dd{ padding-top: 15px;}
	.yxzx-mess b{ font-size: 16px; color: #222;}
	
	.hr-list dl{ border-bottom: solid 1px #e3e3e3; padding: 10px 0;}
	.hr-list dt{ color: #666; font-size: 12px; float: left; padding-right: 15px; line-height: 20px;}
	.hr-list dd{ overflow: hidden; display: block; line-height: 20px;}
	.hr-list dd a{ line-height: 20px;}
	
	@-webkit-keyframes icon-nav {
	  from, 60%, to {
	    opacity: 1;
	    transform: scale(1,1);
	    -webkit-transform: scale(1,1);
	  }
	
	  80% {
	    opacity: .5;
	    transform: scale(.9,.9);
	    -webkit-transform: scale(.9,.9);
	  }
	}
	
	@keyframes icon-nav {
	  from, 60%, to {
	    opacity: 1;
	    transform: scale(1,1);
	    -webkit-transform: scale(1,1);
	  }
	
	  80% {
	    opacity: .5;
	    transform: scale(.9,.9);
	    -webkit-transform: scale(.9,.9);
	  }
	}
	
	.icon-nav {
		animation:icon-nav 1.5s infinite;
		-webkit-animation:icon-nav 1.5s infinite; 
	}
	
	
	.video-box-pf{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; -webkit-animation-duration: .3s;
  animation-duration: .3s;}
.video-pd{ width: 100%; margin: 0 auto; position: relative; top: 50%; padding: 0 15px;}
.video-pdc{ padding: 40px 0; width: 100%; position: relative;}
.video-ifr{ width: 100%; border: none; height: 100%;}
.video-pdc .show-video{ width: 100%; height: 100%; background: #000;}

.pf-close{ width: 40px; height: 40px; padding: 10px; position: absolute; right: 0; top: 0; background: #125abf; cursor: pointer; text-align: center;}
.pf-close i{ color: #fff; line-height: 20px; font-size: 20px;}
.tc-bg { display: none; background: #000; filter: alpha(opacity=60); background: rgba(0,0,0,.6); position: fixed; width: 100%; height: 100%; z-index: 998; left: 0; top: 0;  -webkit-animation-duration: .3s;
  animation-duration: .3s;}
  
	.profz-1{ z-index: -9999 !important;}
	
	.faq-list{ margin: -5px 0;}
	.faq-bd{ padding: 5px 0;}
	.faq-list dl{ border: solid 1px #fff; padding: 10px; cursor: pointer;}
	.faq-list dt{ overflow: hidden;}
	.faq-list dt span{ width: 20px; height: 20px; background: #363636; display: block; line-height: 20px; text-align: center; color: #fff; font-size: 14px; float: left; margin-right: 10px; margin-top: 2px;}
	.faq-list dt p{ padding: 0; margin: 0; line-height: 24px; display: block; overflow: hidden; font-size: 16px;}
	.faq-list dd{ display: none;}
	
	.faq-list .show{ border: solid 1px #dfdfdf; background: #f9f9f9; position: relative; padding-bottom: 16px;}
	.faq-list .show dd{display: block; padding: 10px 0; overflow: hidden;}
	.faq-list .show dd span.ico-l{ width: 20px; height: 20px; background: #125abf; display: block; line-height: 20px; text-align: center; color: #fff; font-size: 14px; float: left; margin-right: 10px; margin-top: 2px;}
	.faq-list .show dd .text{ display: block; overflow: hidden; padding: 0; margin: 0; line-height: 24px;}
	.faq-list .show dd .text *{ background: none !important;  line-height: 24px !important; color: #333 !important;}
	.faq-list .show dd .ico{ background: #dfdfdf; width: 100%; height: 16px; position: absolute; left: 0; bottom: 0; text-align: center; padding-top: 5px;}
	.faq-list .show dd .ico i{ border-top: solid 6px #fff; border-left: solid 5px transparent; border-right: solid 5px transparent;}
	.contact-b{ overflow: hidden;}
	.contact-b li{ padding-top: 10px;}
	
	.cp-list-t{ padding: 0;  position: relative;}
	.cp-button{ width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 0; text-align: center; cursor: pointer; z-index: 9;}
	.cp-button i{color: #125abf; font-size: 24px; line-height: 30px;}
	.cp-button-next{ left: auto; right: 0;}
	.cp-button .jtry-t .swiper-slide-active span.swiper-button-disabled i{ color: #d0d0d0;}
	
	.cp-list-b{ padding: 10px 0 0 0;}
	.cp-list-b .gallery-thumbs .swiper-slide{ width: 100px;}
	.cp-list-b .gallery-thumbs span{ border: solid 2px #f0f0f0; display: block; cursor: pointer;}
	.cp-list-b .gallery-thumbs .swiper-slide-active span{ border-color: #125abf;}
	
	.gallery-txt{ width: 100%; background: #000; background: rgba(0,0,0,.6); padding:5px 10px; line-height: 20px; color: #fff; z-index: 9; position: absolute; left: 0; bottom: 0; width: 100%; font-style: normal;}
	
	i.pic-scale-ygsh-02{padding-bottom: 61.12%; cursor: pointer;}
	
	.ygsh-pic-list .cp-list-t{ padding: 0;}
	.ygsh-pic-list .gallery-top{ border: none;}
	.ygsh-pic-list .cp-list-b{ padding: 10px 0 0 0;}
	.ygsh-pic-list .gallery-thumbs span{ border: none; background: #000;}
	.ygsh-pic-list .gallery-thumbs span img{ opacity: .2;}
	.ygsh-pic-list .gallery-thumbs .swiper-slide-active span img{ opacity: 1;}
	.ygsh-pic-list .cp-button{ background: #000; background: rgba(93,93,93,.6); width: 40px; height: 40px; margin-top: -20px;}
	.ygsh-pic-list .cp-button i{ line-height: 40px; color: #fff; }
	.ygsh-pic-list .swiper-button-disabled{ background: rgba(198,198,198,.6);}
	
	.ygsh-pic-list .swiper-pagination{ text-align: right; padding: 0 10px 0 0; bottom: 0; left: auto; line-height: 30px; color: #fff; width: auto; right: 0; width: 80px;}
	.ygsh-pic-list .swiper-pagination *{ color: #fff;}
	
	.ygsh-pic-list b{ position: absolute; width: 100%; bottom: 0; left: 0; background: #000; background: rgba(0,0,0,.5); color: #fff; font-weight: normal; font-style: normal; line-height: 30px; padding: 0 50px 0 10px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	
	.zpxx-list{ width: 100%; overflow-x: scroll;}
	.zpxx-list table{ width: 900px;}
	.zpxx-list thead tr{ background: #478ae8;}
	.zpxx-list thead tr td{ color: #fff; font-size: 14px; font-weight: bold;}
	.zpxx-list td{ padding: 0 20px; line-height: 40px;}
	.zpxx-list tbody tr{ border-bottom: dashed 1px #d0d2d6;}
	.zpxx-list tbody tr:hover{ background: #f3f5f8;}
	.zpxx-list tbody tr:hover *{ color: #1a68d3;}
	.zpxx-list tbody a:hover{}
	
	.cont-pic-show{ overflow: hidden;}
	.cont-pic-show dt span{ display: none;}
	.cont-pic-show dd{ background: #125ac0;}
	
	.cont-pic-show{ overflow: hidden;}
	.cont-pic-show dt span{ display: none;}
	.cont-pic-show dd{ background: #125ac0; padding: 25px; background-size: cover;}
	.cont-pic-show dd *{color: #fff;}
	.cont-pic-show dd b{ font-size: 18px; float: left; line-height: 24px;}
	.cont-pic-show dd span{ padding-left: 10px; font-size: 14px; float: left; line-height: 24px;}
	.cont-pic-show dd p{ font-size: 12px; overflow: hidden; padding-top: 10px;}
	.cont-pic-show dd div{ overflow: hidden;}
	
	.cont-pic-show dd.cont-pic-bg{padding: 0; display: block;}
	.cont-pic-show dd.cont-pic-bg img{ height: 100%;}
	
	.banner-min{ padding-bottom: 20%; background-position: center center; -webkit-background-size: cover;
	background-size: cover;}
	
	.menu-list-bg{ padding-top: 15px;}
	.menu-list{background: #f4f7fa; padding:  15px;}
	.dz{ text-align: left;}
	
	.menu-list{}
	.en-menu-tit{ text-align: center; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 20px; background: #478ae8;}
	
	.pro-table{ border: solid 1px #e0e0e0 !important;}
	.pro-table td{ border: solid 1px #e0e0e0 !important;}
	.table-responsive .pro-table td{ padding: 5px; line-height: 20px; color: #323232;}
	.pro-table tr:nth-child(odd){ background: #f5f7f9;}
	.pro-table tr:nth-child(1){ background: #478ae8 !important;}
	.pro-table tr:nth-child(1) td *{ color: #fff !important;}
	

.qr{ width: 120px; margin: 0 auto; display: block; padding-top: 10px;}
.qr img{ width: 100%;}
}


@media (min-width: 384px) {

}


@media (min-width: 480px) {
	
}

@media (min-width: 640px) {

}



@media (min-width: 768px) {
	.pic-list li{ width: 33.33333%;}
	.yfsb-list li{ width: 33.3333%;}
	
	.products-list dl{ overflow: hidden;}
	.products-list dt{ width: 230px; float: left;}
	.products-list dd{ height: 230px; padding: 20px; overflow: hidden;}
	.products-list dd b{ font-size: 20px; margin-bottom: 15px;}

}


@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


@media (min-width: 992px) {
	.container{}
	.header-box{ height: 80px;}
	.logo{ height: 80px;}
	.logo b{ padding-left: 10px; margin-left: 10px; font-size: 17px; line-height: 20px; margin-top: 20px; text-align: left;}
	.logo b span{ letter-spacing:5.4px; padding-top: 5px;}
	.nav-btn{ margin-top: 15px; width: 50px; margin-right: -10px;}
	.nav-btn div.btn-02{ width: 50px; height: 50px;}
	.btn-02 i{ width: 50px; height: 50px; line-height: 50px; font-size: 39px;}
	.btn-02 .nav-hide-btn{ font-size: 36px; line-height: 80px;}
	.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height: 50px; height: 50px;}
	
	.nav-btn{display: none;}
	
	
	.nav-show{ width: 480px;}
	.top-r{ padding-top: 7px;}
	.search-bd{ width: 350px; height: 46px;}
	.search-bd input{width: 302px; height: 44px; padding: 0 10px; font-size: 14px;}
	.search-bd button{ width: 46px; height: 44px; }
	.search-bd button i{ line-height: 44px; font-size: 28px;}
	.top-r{ height: 70px;}
	.nav ul{ width: 480px; padding-left: 40px;}
	.nav-show ul{ overflow-y: auto; padding-right: 85px;}
	.nav li{ border: none; overflow: hidden;}
	.nav{ padding-bottom: 120px;}
	.nav-b{ overflow: hidden;}
	.search-bd{ margin-left: 40px;}
	.nav li a{ padding-left: 0; font-size: 18px;}
	.nav li a b{ font-weight: normal;}
	.nav li a i{ float: left; padding-left: 10px; padding-right: 0; font-size: 18px;}
	.nav li a{ line-height: 40px;}
	.nav li div{ background: none; margin: 0 -5px; padding-bottom: 10px;}
	.nav li div a{ float: left; padding: 0 8px 0 8px; line-height: 30px; font-size: 12px; position: relative;}
	.nav li div a i{ width: 0px; padding: 0; margin: 0; overflow: hidden; display: block; height: 12px; border-left:dotted 1px #999999; position: absolute; left: 0; top: 10px;}
	
	.nav-b{ padding: 0 40px;}
	.nav-b-tit{ font-size: 14px;}
	.nav-b .bdsharebuttonbox a{ font-size: 28px; margin-left: 10px;}
	.nav-b-lang{ font-size: 14px;}
	
	
	.swiper-banner .swiper-slide{ padding-top: 80px;}
	
	.nav-r{ float: right; position: relative; z-index: 9; padding-top: 17px;  height: 80px; border-left: solid 1px #ededed; margin-right: -10px;}
	.nav-r .search-bd,.nav-r .search-bd *{-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	transition: .25s;}
	.nav-r .search-bd{ margin-left: 0; margin-right: 0; position: relative; border-color: #fff; width: 46px; }
	.nav-r .search-bd input{ width: 242px; padding-right: 0; z-index: 9; background: none; cursor: pointer; opacity: 0; filter:alpha(opacity=0); position: absolute; right: 10px;}
	.nav-r .search-bd button{ position: absolute; right: 0px; top: 0px;}
	.nav-r .search-bd-show{overflow: visible;}
	.nav-r .search-bd-show input{ cursor: text; opacity: 1; filter:alpha(opacity=100); z-index: 0; position: absolute; width: 242px; -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 3px 7px rgba(0,0,0,.1);
	box-shadow: 0px 3px 7px rgba(0,0,0,.1); top: 80px; right: 10px; background: #fff;}
	.nav-r .search-bd-show button{ z-index: 9;}
	
	.nav-r .lang-box{ display: block; float: left; padding: 10px 20px; line-height: 24px;}
	.nav-r .lang-box *{ font-size: 14px; color: #999;}
	.nav-r .lang-box span{ float: left; color: #222;}
	.nav-r .lang-box a.on{ color: #222;}
	.nav-r .search-box{ float: left;}
	
	
	.nav{ display: block !important; height: 80px; width: auto; background: none; float: right; -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; padding: 0;  position: relative; right: 0; overflow: visible;}
	.nav-b{ display: none;}
	.top-r{ display: none;}
	
	.nav ul{ width: auto; padding: 0;}
	.nav ul li{ float: left; overflow: visible; position: relative;}
	.nav li a { text-transform: capitalize; font-weight: normal; font-size: 12px; line-height: 80px; padding: 0 8px;}
	.nav li a i{ display: none;}
	.nav ul li div{ position: absolute; display: none; top: 78px; padding-top: 5px; left: -45px; right: -45px;}
	.nav ul li div a{ display: block; float: none; text-align: center;}
	.nav ul li div span{ background: #f7fafc; display: block; padding: 0 0 10px 0; overflow: hidden;}

	.nav ul li div a:hover{  color: #3573c9;}
	.nav li div a i{ display: none;}
	
	
	
	
	.ind-por-b{ bottom: 30px;}
	.ind-footer{ float: left; width: auto; text-align: left; font-size: 14px; vertical-align: bottom; padding: 0; position: absolute; bottom: 0; line-height: 24px; z-index: 99;}
	
	.swiper-news dt{ width: 124px;}
	.ind-news-bd{ float: right; width: 400px;}
	.swiper-news dd{}
	.swiper-news dd b{ font-size: 16px; line-height: 36px;}
	.swiper-news dd p{ font-size: 14px; height: 54px;}

	
	.banner-pagination{ display: block;}
	.banner-bg-max{display: block; height: 100%;}
	.banner-bg-min{display: none;}
	
	
	.menu-tit{ padding: 70px 0 10px 0; font-size: 40px; border: none;}
	.menu-tit-on{ border-bottom: solid 2px #125abf;}
	.container-ny{ width: 960px; margin: 0 auto; padding: 0;}
	
	


	
	
	.dz{ line-height: 32px;}
	
	.content-info img{ width: auto; max-width: 100%;}
	

	.rdjj-txt{ padding-bottom: 30px;}	
	div.rdjj-tit{ font-size: 24px; padding: 40px 0 20px 0;}
	
	.gsry-list ul{ overflow: hidden; margin: -10px;}
	.gsry-list li{ float: left; width: 33.3333%; padding:10px;}
	.gsry-list li div{ padding: 25px 0; font-size: 14px;}
	.content-box{ padding-bottom: 60px; min-height: 400px;}
	
	.fzlc-list{ width: 100%; overflow: hidden;}
	.fzlc-l{ position: relative; right: 410px; float: left; width: 300px;}
	.fzlc-r{ position: relative; left: 300px; float: left; width: 410px; padding-left: 40px;}
	
	.fzlc-r li{ padding: 13px 30px;}
	.fzlc-r li span{ line-height: 30px; font-size: 16px; padding-right: 35px;}
	.fzlc-r li p{ line-height: 30px; font-size: 16px;}
	
	.content-txt{ padding-bottom: 35px;}
	.sub-menu{ padding: 0 0 35px 0;}
	.sub-menu ul{ margin: -10px;}
	.sub-menu li{ padding: 10px;}
	.sub-menu li a{ padding: 0 40px; line-height: 46px; height: 48px; font-size: 16px;}
	
	.pic-list{ margin: -20px;}
	.pic-list li{ padding: 20px;}
	.pic-list dl{ padding-top: 5px;}
	.pic-list dt{ line-height: 36px; font-size: 16px;}
	.pic-list dd{ position: absolute; right: 0; font-size: 16px; line-height: 36px;}
	.pic-list li dl{ border-bottom: solid 2px #e6e6e6;}
	
	div.pages{ margin-top: 40px;}
	
	.lxwm-l{ width: 400px; right: 560px; position: relative; float: left; padding-right: 40px;}
	.lxwm-r{ width: 560px; position: relative; left: 400px; float: left; -webkit-box-shadow: -5px 5px 13px rgba(0,0,0,.1);
	-moz-box-shadow: -5px 5px 13px rgba(0,0,0,.1);
	box-shadow: -5px 5px 13px rgba(0,0,0,.1);}
	.map-box{ width: 100%; height: 485px;}
	
	.lxwm-l{ margin: -30px 0 -30px 0; overflow: hidden;}
	.lxwm-l dl{ padding: 30px 0;}
	.lxwm-l dt{ font-size: 24px; font-weight: normal;}
	
	.news-list dl{ padding: 20px 0; }
	.news-list dt{ width: 284px; margin-right: 30px;}
	.news-list dd{ top: 0;}
	.news-list dd a.news-tit{ font-size: 16px; line-height: 40px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}
	.news-list dd span{ position: absolute; right: 0; bottom: 0; font-size: 14px;}
	.news-list dd p{ display: block; font-size: 14px; color: #666; padding-bottom: 30px; padding-top: 15px;}
	.news-list dd .news-more{ display: inline-block;}
	
	.exhibition-list b{ font-size: 16px;}
	.exhibition-list dd span{ position: relative;}
	.exhibition-list div *{font-size: 14px !important;}
	
	.footer{ padding: 35px 0;}
	.footer-l{ float: left; text-align: left; font-size: 14px; line-height: 30px;}
	.footer-r{ float: right; font-size: 14px; line-height: 30px; padding-top: 30px;}
	
	.news-info-tit{ font-size: 24px; font-weight: normal; padding: 15px 0;}
	
	.yfsb-list ul{ margin: -20px;}
	.yfsb-list li{padding: 20px;}
	
	.products-list { margin: -20px;}
	.products-list li{ padding: 20px; float: left; width: 50%;}
	
	.products-search{ margin-bottom: 0; position: absolute; right: 0; width: 240px; height: 46px;}
	.products-search input{ padding: 0 50px 0 15px; height: 44px;}
	.products-search button{ width: 44px; height: 44px;}
	.products-search button i{ line-height: 42px; font-size: 28px;}
	
	.sub-menu-products{ padding-right: 250px;}
	
	
	
	
	.yxzx-mess dt{ float: left; padding-right: 40px;}
	.yxzx-mess dd{ overflow: hidden; padding-top: 0;}
	.yxzx-mess b{ font-size: 24px;}
	
	.hr-list dl{ padding: 15px 20px;}
	.hr-list dt{ font-size: 14px; padding-right: 130px; line-height: 30px;}
	.hr-list dd{ line-height: 30px;}
	.hr-list dd a{ line-height: 30px;}
	
	.nav-r{display: block;}
	
	.video-pd{ width: 640px;}
	
	.content-box{ padding-left: 250px;}
	.menu-tit{ width: 200px; position: relative; z-index: 9; text-align: left;}
	.menu-list{ position: absolute; width: 200px; z-index: 9;}
	.menu-list ul{ padding-top: 30px; border: none;}
	.menu-list li a{ text-align: left;}
	.menu-list li span{ line-height: 50px; font-size: 16px;}
	.dz{ margin-top: -53px; margin-bottom: 40px;}
	.rdjj-box dt img{ width: 100%; max-width: 100%;}
	.gsry-list li div{ height: 134px;}
	
	.contact-t{-webkit-box-shadow: -5px 5px 13px rgba(0,0,0,.1);
-moz-box-shadow: -5px 5px 13px rgba(0,0,0,.1);
box-shadow: -5px 5px 13px rgba(0,0,0,.1);}
	.contact-t iframe{ display: block;}
	.contact-b ul{ overflow: hidden; margin: 0 -5px; padding-top: 25px;}
	.contact-b li { float: left; width: 50%; padding: 0 5px; border-left: solid 1px #e6e6e6;}
	.contact-b li b{ font-size: 16px;}
	
	.news-info-tit{ margin-left: 250px;}
	.news-info-time{ margin-left: 250px;}
	
	.ygsh-pic-list .cp-list-t{  width: 100%; margin: 0 auto; padding-top: 30px;}
	.ygsh-pic-list .cp-button{ margin-top: -40px;}
	.ygsh-pic-list .cp-button{ width: 70px; height: 80px;}
	.ygsh-pic-list .cp-button i{ font-size: 40px; line-height: 80px;}
	.ygsh-pic-list .cp-list-b{ width: 100%; margin: 0 auto; padding: 15px 0; overflow: hidden;}
	.cp-list-b .gallery-thumbs .swiper-slide{ width: 172px;}
	.cp-mess{ padding: 40px 95px 0 95px;}
	
	.zpxx-list{ overflow: hidden;}
	.zpxx-list table{ width: 100%;}
	
	.gallery-txt{ padding: 10px 15px;}
	
	.menu-box-mt { margin-top: -40px;}
	.menu-box-mt .content-txt{ display: none;}
	.menu-box{ width: 500px;}
	
	.cont-pic-show dt{ float: left;}
	.cont-pic-show dt span{ width: 80px; height: 290px; background: #125ac0; float: left; display: block;}
	.cont-pic-show dt img{ height: 290px; float: left;}
	.cont-pic-show dd{ height: 290px; overflow: hidden; display: table;}
	.cont-pic-show dd div{ display: table-cell; vertical-align: middle;}
	
	.cont-pic-show dd p{ font-size: 14px; line-height: 24px; padding-right: 20px; text-align: justify; text-justify: inter-word; padding-top: 15px;}
	
	.cont-pic-show dd b{ font-size: 38px; line-height: 40px;}
	.cont-pic-show dd span{ font-size: 20px; line-height: 40px; float: none;}
	.cont-pic-show dd span.cont-pic-show-br{ display: block; padding-left: 0;}
	
	.cont-pic-show dd.cont-pic-bg{ height: 290px;}
	
	.menu-list-ovh{ overflow: visible;}
	.en-menu-tit{ width: 200px; height: 100px; line-height: 100px; position: relative; margin-top: -115px; z-index: 9; font-size: 30px;}
	.menu-list ul{ padding-top: 0;}
	.dz{ margin-left: 250px; margin-top: -13px;}
	
	
	.container-por{ position: relative;}
	.en-menu-bg{ width: 200px;  left: 0;  height: 100%;  position: absolute;  top: 0;  background: #f4f7fa;}
	
	.nav ul li div{ background: #f7fafc; padding: 0; border-top: solid 2px #478ae8;}
	.nav ul li div span{ padding:  padding: 0 0 10px 0; ; background: #f7fafc;}
		.nav-ico{ width: 50px; height: 50px; margin: 0 auto; display: block; background-position:  center bottom;}
	.nav-ico-01{ background-image: url(../img/nav-01.png);}
	.nav-ico-02{ background-image: url(../img/nav-02.png);}
	.nav-ico-03{ background-image: url(../img/nav-03.png);}
	.nav-ico-04{ background-image: url(../img/nav-04.png);}
	.nav-ico-05{ background-image: url(../img/nav-05.png);}
	.nav-ico-06{ background-image: url(../img/nav-06.png);}
	.nav-ico-07{ background-image: url(../img/nav-07.png);}
	.nav-ico-08{ background-image: url(../img/nav-08.png);}
	
		.table-responsive .pro-table td{ padding: 10px;}
		
		.nav-r form{ float: left;}
		

.qr{ padding-top: 0; margin-top: -40px;}
.qr { width: 80px;}

.banner-bg video{ display: block;}


	
	.xcx-btn {float:left; height:46px; display:flex; align-items: center; justify-content: center;}
	.xcx-btn i,xcx-btn i::before{ line-height:1; font-size:28px;}
}







@media (min-width: 1240px){

	.ind-news-bd{ float: right; width: 480px;}
	
	.container-ny{ width: 1200px;}
	
	.rdjj-box dd{  padding:30px 30px;}
	.rdjj-box dd span{ font-size: 26px;}
	

	.gsry-list li div{ padding: 25px 10px; font-size: 16px;}
	
	.fzlc-l{ width: 470px; right: 440px;}
	.fzlc-r{ width: 440px; left: 470px;}
	
	.lxwm-l{ width: 400px; right: 800px;}
	.lxwm-r{ width: 800px; left: 400px;}
	
	
	.products-mess *, .products-mess{ font-size: 14px; line-height: 1.75;}
	
	.video-pd{ width: 960px;}
	
	
	.nav{ right: 0;}
	.nav li a{ padding: 0 13px; font-size: 16px;}
	.nav ul li div{ left: -25px; right: -25px;}
	.nav ul li div span{ }
	.nav ul li div a{ line-height: 34px;}
	.nav li div a{ font-size: 14px;}
	
	.rdjj-box{ overflow: hidden;}
	.rdjj-box dt{ width: 50%; float: left; position: relative; left: 50%;}
	
	.rdjj-box dd{ width: 50%; height: 271px; float: left; position: relative; right: 50%; display: table;}
	.rdjj-box dd div{ display: table-cell; vertical-align: middle;}
	.rdjj-box dd p{ font-size: 12px; line-height: 18px;}
	.rdjj-box dd span{ font-size: 20px; padding-bottom: 10px; border-bottom-width:2px; padding-top: 15px;}
	.rdjj-box dd b{ font-size: 24px; padding-top: 10px;}
	.products-l{ width: 480px; float: left;}
	.products-r{ overflow: hidden; padding-left: 30px;}
	.products-r dt{ margin: 0; padding: 10px 20px; line-height: 25px; font-size: 24px;}
	.products-r dd{ padding: 15px 20px; overflow-y: auto; height: 142px;}
	.products-info{ margin-top: 15px;}
	.products-info dd{ border: solid 1px #e7e7e7; height: 232px; overflow-y: auto;}
	.contact-b ul{ margin: 0 -15px;}
	.contact-b li { padding: 0 15px;}
	
	.ygsh-pic-list .cp-list-t{  width: 900px; }
	.ygsh-pic-list .cp-list-b{ width: 900px;}
	.cp-button{ left: -90px;}
	.cp-button-next{ left: auto; right: -90px;}
	
	.cont-pic-show dt span{ width: 110px; height: 360px;}
	.cont-pic-show dt img{ height: 360px;}
	.cont-pic-show dd{ height: 360px; padding: 0 65px;}
	
	.cont-pic-show dd p{ font-size: 14px; line-height: 24px; padding-right: 30px; text-align: justify; text-justify: inter-word;}
	
	.cont-pic-show dd b{ font-size: 46px; line-height: 50px;}
	.cont-pic-show dd span{ font-size: 24px; line-height: 50px;}
	
	.cont-pic-show dd.cont-pic-bg{ height: 360px;}
	
	.banner-min{ height: 250px; padding: 0;}
	

	.en-menu-tit{ width: 240px; font-size: 40px;}
	.menu-list { width: 240px; padding: 20px;}
	.dz{ margin-left: 250px; margin-top: -13px;}
	
	.dz{ margin-left: 290px;}
	.content-box{ padding-left: 290px;}
	

	.nav ul li div span{ padding: 0 0 10px 0; background: #f7fafc;}
	
	.en-menu-bg{ width: 240px;}
}

@media (min-width: 1400px){
	.container{}
	
	.banner-txt-video,.banner-bg{ -webkit-background-size: auto;
	background-size: auto;}
	.banner-bg .container{ width: 1360px;}
	
	.video-pd{ width: 1140px;}
	
	.nav li a{ padding: 0 20px;}
	
	.container-ny{ width: 1360px;}
	
	.rdjj-box dd{ height: 319px;}
	.rdjj-box dd span{ font-size: 24px;}
	.rdjj-box dd p{ font-size: 14px; line-height: 22px;}
	.gsry-list li div{ height: 146px;}
	
	.fzlc-r{ width: 600px;}
	.fzlc-l{ right: 600px;}
	
	.contact-b ul{ padding-top: 45px;}
	.contact-b li b{ font-size: 24px;}
}



/*--------------内容详细页 01---------------*/
/*手机*/
@media (min-width: 320px) {
.e-content-tit-01{ text-align: center; font-size: 1.6rem; color: #125abf; padding: 0; padding-bottom: 1rem; margin: 0; padding-top: 1rem;}
.e-content-tit-02{ text-align: center; font-size: 1.6rem; color: #333333; padding: 0; font-weight: bold; padding-bottom: 1rem; margin: 0; padding-top: 1rem;}
.e-content-mess-01{ border-bottom: dashed 1px #dddddd; text-align: center; padding-bottom: 1rem; margin-bottom: 1rem; color: #a7a7a7;}
.e-content-box-01{ position: relative; overflow: hidden;}

.e-content-tit-gray{ color: #333;}

.recruitment-list-hr{ border-bottom: solid 1px #eee; padding: 5px 0;}
.recruitment-list-hrn{ border: none; padding-bottom: 0;}
}
 
/*小屏电脑、平板*/
@media (min-width: 992px) {
    .e-content-tit-01{ font-size: 24px; padding-bottom: 20px; padding-top: 20px;}
    .e-content-tit-02{ font-size: 24px; padding-bottom: 20px; padding-top: 20px;}
    .e-content-mess-01{ font-size: 12px; padding-bottom: 20px;}
    .recruitment-list-hr{ padding: 10px 0;}
.recruitment-list-hrn{ border: none; padding-bottom: 0;}
    
}
 
/*宽屏*/
@media (min-width: 1230px) {
     
}
/*--------------/内容详细页 01---------------*/






/* 联系我们二维码 */
@media (min-width: 320px){
	.xcx-pic{ width:200px; overflow:hidden;}
	.xcx-pic img{width:100%; height:auto;}
	.xcx-pic .pic{border:solid 5px #f4f4f4;}
	.xcx-pic span{ text-align:center; padding:5px 5px 10px 5px; display:block; text-align:center; background:#f4f4f4; font-size:14px; width:100%; line-height:1.2;}
}

@media (min-width: 992px) {
}

@media (min-width: 1230px) {
   
}




@media (min-width: 320px){
    .about-t dd{ padding-top: 15px;}
    .about-t-tit{ font-size: 30px; font-weight: normal; color: #125abf; display: block; line-height: 36px;}
    .about-t-small{ font-size: 14px; color: #999; display: block;}
    .about-t-gpdm{ font-size: 18px; font-weight: bold; color: #125abf; display: block;}
    .about-b{ padding: 30px 0;}
    .about-b dd{ padding-top: 15px;}
    
    .about-ry{ background: #478ae8; color: #fff; padding: 20px;}
    .about-ry *{ color: #fff;}
    .about-ry-tit{ text-align: center; position: relative; float: left; left: 50%;}
    .about-ry-tit i{ font-size: 24px; line-height: 30px; float: left; position: relative; left: -50%;}
    .about-ry-tit span{ font-size: 18px; line-height: 30px; float: left; position: relative; left: -50%;}
    .about-ry ul{ width: 100%; overflow: hidden; line-height: 28px; padding-top: 10px; padding-top: 10px;}
    .about-ry li{ width: 100%; font-size: 14px; }
}

@media (min-width: 992px) {
    .about-t { overflow: hidden; margin: 0 -20px;}
	.about-t dt,.about-t dd{ float: left; width: 50%; padding:0 20px;}
	.about-t  img{ width: 100%;}
	.about-t-tit{ line-height: 30px; padding-bottom: 10px;}
	
	.about-b{overflow: hidden; margin: 0 -20px;}
	.about-b dt,.about-b dd{ float: left; width: 50%; padding: 0 20px; position: relative;}
	.about-b dt{left: 50%;}
	.about-b dd{right: 50%;}
	.about-b dt img{ width: 100%;}
	
	
	.about-ry{ padding: 30px;}
	.about-ry-tit{ line-height: 50px; }
	.about-ry-tit i{ font-size: 36px; line-height: 50px; }
	.about-ry-tit span{ font-size: 24px; line-height: 50px; }
	.about-ry ul{ overflow: hidden;}
	.about-ry li{ width: 33.3333%; float: left; font-size: 16px;}

}

@media (min-width: 1230px) {
   
}





@media (min-width: 320px){
    .video-show{ width: 300px !important; height: 150px !important; overflow: visible !important;}
	.e-video-box{width:100%; height: 150px; background: #000;}
	.video-show .layui-layer-setwin{ right: 0; top: -35px; z-index: 999;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: 0;width: 35px; height: 35px; background: #478ae8; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e60d"; color: #fff; font-size: 24px;}
}

@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 180px !important;}
	.e-video-box{width:100%; height: 180px;}
}


@media (min-width: 480px) {
	.video-show{ width: 420px !important; height: 240px !important;}
	.e-video-box{width:100%; height: 240px;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
	.e-video-box{width:100%; height: 360px;}
}

@media (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
	.e-video-box{width:100%; height: 400px;}

}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 500px !important;}
	.e-video-box{width:100%; height: 500px;}
}


@media screen and (min-width: 1400px) {
	.video-show{ width: 1100px !important; height: 600px !important;}
	.e-video-box{width:100%; height: 600px;}
}







@media (min-width: 320px){
    .cont-pic-show-02 b{ font-size: 18px; color: #125abf; font-weight: normal; display: block; line-height: 36px;}
    .cont-pic-show-02 span{font-size: 16px; color: #125abf; font-weight: bold; display: block; line-height: 30px; padding-bottom: 10px;}
    .cont-pic-show-02 div{ background: #ebecf1; display: table; width: 100%; padding: 10px;}
    .cont-pic-show-02 div p{font-size: 14px; color: #666;}
    	
	.lxwm-b{ padding-top: 15px;}
	.lxwm-b dl{}
	.lxwm-b dt{ font-size: 16px; font-weight: bold; padding-bottom: 5px;}
	.lxwm-b span{ display: block;}
	
}

@media (min-width: 992px) {
	.cont-pic-show-02{ overflow: hidden;}
	.cont-pic-show-02 dt{ float: left; position: relative; left: 500px; width: 460px;}
	.cont-pic-show-02 dt img{ width: 100%;}
	.cont-pic-show-02 dd{ float: left; position: relative; right: 460px; width: 500px; padding-right: 30px;}
	
	.cont-pic-show-02 b{ font-size: 24px; padding-top: 15px; line-height: 36px;}
	.cont-pic-show-02 span{ font-size: 14px; padding-top: 10px; line-height: 24px; padding-bottom: 15px;}
	.cont-pic-show-02 div{ padding: 25px;}
	.cont-pic-show-02 div p{ font-size: 14px; line-height: 28px;}
	
	.lxwm-b { padding-top: 30px;}
	.lxwm-b dl{}
	.lxwm-b dd{ overflow: hidden; padding-top: 10px;}
	.lxwm-b dt{ border-bottom: solid 1px #ddd; font-size: 20px;}
	.lxwm-b span{  float: left; padding-right: 40px; font-size: 16px;}
	
}




/* 联系我们二维码 */
@media (min-width: 320px){
	
	.lxwm-txt{ overflow:hidden;}
	
	
	.xcx-pic{ width:200px; padding-top:20px; overflow:hidden;}
	.xcx-pic img{width:100%; height:auto;}
	.xcx-pic .pic{border:solid 5px #f4f4f4;}
	.xcx-pic span{ text-align:center; padding:5px 5px 10px 5px; display:block; text-align:center; background:#f4f4f4; font-size:14px; width:100%;}
}

@media (min-width: 992px) {
	.lxwm-b dd{display:flex;  justify-content:flex-end; flex-direction:row-reverse;}
	.lxwm-b span{ float:none;}
	.lxwm-b .xcx-pic{ padding-top:5px; margin-right:20px;}
}

@media (min-width: 1230px) {
   
}


/*联系我们去除地图*/
@media (min-width: 320px) {
}
@media (min-width: 992px) {
    .lxwm-l{
        width:auto;
        right:auto;
        margin:-15px;
        display:flex;
        flex-wrap: wrap;
        padding:0;
        float:none;
        justify-content:space-between;
    }
    .lxwm-l dl{
        flex-basis: 50%;
        flex-shrink: 0;
        padding:15px;
    }
    .xcx-pic{
        padding-top:0;
    }
}

@media (min-width: 1230px) {
   
}




/*旗下公司*/
@media (min-width: 320px){
	.company-box-t{
	    
	}
	.company-box-t .l{
	    padding-top:20px;
	}
	.company-box-t .r img{
	    width:100%;
	}
	.company-box-t .tit{
	    color:#125ABF;
	    font-size:20px;
	}
	.company-box-t .sub-tit{
	    color:#125ABF;
	    font-weight: bold;
	}
	.company-box-t .txt{
	    background: #EBECF1;
	    color:#666666;
	    padding:15px;
	    margin-top:15px;
	}
	
	.company-box-b{
	    padding-top:15px;
	    color:#333333;
	}
	
	.company-list{
	    padding-top:15px;
	}
	
	.company-list .tit{
	    font-size:18px;
	    font-weight: bold;
	    color:#333;
	    border-bottom: 1px solid #DDD;
	    padding-bottom:5px;
	}
	.company-list .list{
	    padding-top:5px;
	}
}

@media (min-width: 992px) {
    .company-box-t{
	    display:flex;
	    flex-direction: row-reverse;
	}
	.company-box-t .l{
	    padding-top:0;
	    flex-basis: 50%;
	    flex-shrink: 0;
	    min-width: 0;
	    padding-right:20px;
	}
	.company-box-t .r{
	    padding-top:0;
	    flex-basis: 50%;
	    flex-shrink: 0;
	    min-width: 0;
	    padding-left:20px;
	}
	.company-box-t .tit{
	    font-size:24px;
	    line-height: 1.6;
	}
	.company-box-t .sub-tit{
	    font-size:18px;
	    line-height: 1.6;
	    padding-top:5px;
	}
	.company-box-t .txt{
	    padding:35px 30px;
	    margin-top:20px;
	    font-size:16px;
	}
	
	.company-box-b{
	    padding-top:40px;
	    font-size:16px;
	}
	
	.company-list{
	    padding-top:40px;
	}
	
	.company-list .tit{
	    font-size:20px;
	    padding-bottom:15px;
	}
	.company-list .list{
	    padding-top: 15px;
	}
	.company-list .list ul{
	    display: flex;
	}
	.company-list .list ul li{
	    flex-basis: 50%;
	    font-size:16px;
	}
}

@media (min-width: 1230px) {
   
}




@media (min-width: 320px){
    .shzr-t dt img{width: auto !important; max-width: 100% !important;}
    .shzr-t dt ul{ padding-top: 10px;}
    .shzr-t dt li{ overflow: hidden; padding: 5px 0; display:flex; align-items: center;}
    .shzr-t dt li b{ flex-basis: 128px; flex-shrink: 0; height: 36px; float: left; text-align: center; font-size: 14px; font-weight: normal; background: #478ae8; color: #fff; -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px; margin-right: 18px; line-height:1; display:flex; align-items: center; justify-content: center;}
    .shzr-t dt li span{ font-size: 13px; line-height:1.5;}
    .shzr-t dd{ padding-top: 10px;}
    .shzr-t dd ul{ overflow: hidden; margin:  -5px;}
    .shzr-t dd li{ float: left; width: 50%; padding:  5px;}
    .shzr-t dd li img{ border: solid 2px #d9d9d9;}
    
    
    .shzr-b  img{ border: solid 2px #d9d9d9;}
    .shzr-b dt{ padding: 10px 0;}
    .shzr-b ul{ overflow: hidden; margin: -5px;}
    .shzr-b dd li{ float: left; width: 50%; padding:  5px;}
    
    .shzr-b b{ color: #125abf; display: block; padding-top: 10px;}
    .shzr-b span{ display: block; }
}

@media (min-width: 992px) {
    .shzr-t{ overflow: hidden; display: flex;}
	.shzr-t dt{ flex-basis:45%; flex-shrink:0; padding-right: 30px;}
	.shzr-t dd{ padding-top: 15px;}
	.shzr-t dd li img{ width: 100%;}
	
	
	.shzr-b{ padding-top: 40px;}
	
	.shzr-b b{ font-size: 20px;}
	.shzr-b span{ font-size: 16px;}
	
	.shzr-b img{ width: 100%;}
	.shzr-b dl{ padding: 10px 0; overflow: hidden;}
	.shzr-b dt{ width: 50%; float: left; padding: 0; padding-right: 5px;}
	.shzr-b dd{ width: 50%; float: left; padding-left: 5px;}
	
}

@media (min-width: 1230px) {
   
}




@media (min-width: 320px){
    
}

@media (min-width: 992px) {
    
}

@media (min-width: 1230px) {
   
}