*{ margin:0; padding:0; box-sizing:border-box;}
html,body{ width:100%;}
body{ position:relative; font-family:Microsoft Yahei; font-size:14px; background:#fff; min-width:1200px;}
img{ vertical-align:top; border:none;}
header,footer,div,section,aside,figure,figcaption,hgroup,article{ display:block;}
a:link{ text-decoration:none; color:#666; outline:none;}
a:visited{ text-decoration:none; color:#666; outline:none;}
a:hover{ text-decoration:none; color:#666; outline:none;}
a:active{ text-decoration:none; color:#666; outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:14px; font-weight:normal;}
ul,ol,dl,dt,dd,li{ list-style:none;}
.rspsv{ display:block; max-width:100%; margin:0 auto;}
.txtcen{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.wrap1200{ margin:0 auto; width:1200px; position:relative;}
.clrboth{ display:block; height:0; clear:both;}
.clrafter:after{ content:''; visibility:hidden; display:block; height:0; clear:both;}

/*fonts*/
@font-face {
  font-family: Demit;
  src: url('../font/ITCAvantGardeStd-bk.ttf');
  src: url('../font/ITCAvantGardeStd-bk.eot?#iefix') format('embedded-opentype'), url('../font/ITCAvantGardeStd-bk.woff') format('woff'), url('../font/ITCAvantGardeStd-bk.ttf') format('truetype');
}

/**/
.head{ padding:0.1rem 0 0;}
.head .nav ul{ padding-top:0.2rem;}
.head .nav ul li{ float:left;}
.head .nav ul li a{ display:block; padding:0 0.15rem 0.25rem; color:#111;}
.head .nav ul li a.on{ color:#083388;}
.head .search{ margin-left:0.2rem; padding-top:0.17rem;}
.head .search input{ border:1px solid #ddd; border-radius:0.2rem; padding:0.02rem; outline:none;}
.foot{ padding:0.3rem 0; background:#4b4b4b;}
.foot .down_side{ border-top:1px solid #ccc; padding:0.3rem 0 0 0;}
.foot_sub_cate{ padding-bottom:0.3rem;}
.foot_sub_cate li{ float:left; width:33.33333%; color:#fff;}
.foot_sub_cate li hgroup{ font-weight:bold; padding-bottom:0.1rem;}
.foot_sub_cate li aside{ line-height:2; color:#aaa;}
.copyrights{ padding:0.1rem 0; text-align:center;}

/**/
#home_banner{ height:708px;}
#home_banner .swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;}
#home_banner .swiper-slide .tits{ color:#fff; padding-top:.7rem;}
#home_banner .swiper-slide .tits h1{ font-size:0.14rem; text-shadow:0 1px 1px #444;}
#home_banner .swiper-slide .tits h2{ font-size:0.22rem; padding:0.1rem 0; font-weight:bold; text-shadow:0 2px 2px #444;}
#home_banner .swiper-slide .tits h3{ display:inline-block; padding:0.03rem 0.15rem; border-radius:0.5rem; background:#083388; font-size:0.09rem;}
.home_4_blk ul{ width:100%; position:relative; top:0.15rem; left:0; background:#fff; z-index:2;}
.home_4_blk ul li{ width:48%; float:left;}
.home_4_blk ul li figure{ position:relative;}
.home_4_blk ul li figure p{ padding-bottom:60%; background-size:cover; background-position:center;}
.home_4_blk ul li figure span{ position:absolute; left:0.2rem; bottom:0.2rem; color:#083388; font-size:0.12rem;}
.home_4_blk ul li figcaption{ line-height:1.8; font-size:12px; color:#888; padding:0.2rem;}
.home_4_blk ul li hgroup{ padding:0 0.2rem 0.2rem 0.2rem; line-height:1.8; color:#083388;}
.home_gchx{ background:#083388; padding:0.3rem 0;}
.home_gchx .tits{ font-size:0.15rem; color:#fff; padding-bottom:0.3rem;}
.home_gchx ul li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.home_gchx ul li:nth-child(3n){ margin-right:0;}
.home_gchx ul li a{ display:block; position:relative;}
.home_gchx ul li a figure{ padding-bottom:60%; background-size:cover; background-position:center;}
.home_gchx ul li a figcaption{ color:#fff; background:rgba(0,0,0,0.4); left:0; bottom:0; width:100%; padding:0.1rem; position:absolute; text-align:center;}
.home_network{ background:#fff; padding:0.3rem 0;}
.home_network .tits{ padding-bottom:0.3rem;}
.home_network .tits h1{ font-size:0.15rem; padding-bottom:0.15rem;}
.home_network .tits h2{ line-height:1.8; color:#888; margin:0 auto; display:block; width:2rem;}

.home_network .dots_wrap img{ position:absolute; top:0.8rem; right:0.1rem;}
.home_3_blk{ background:#dedede; padding:0.3rem 0;}
.home_3_blk ul li{ width:26%; float:left; margin-right:11%; padding-bottom:26%; border:4px solid #083388; border-radius:50%; position:relative;}
.home_3_blk ul li:nth-child(3){ margin-right:0;}
.home_3_blk ul li hgroup{ position:absolute; left:0; top:0; width:100%; text-align:center;}
.home_3_blk ul li hgroup h1{ font-size:0.12rem; padding:0.35rem 0 0 0;}
.home_3_blk ul li hgroup h2{ font-size:0.38rem; color:#083388; padding:0.05rem 0; font-family:Impact;}
.home_3_blk ul li hgroup h3{ font-size:0.12rem;}

/**/
.in_tits{ padding-top:35%!important;}
.in_about .in_about_wrap{ width:100%; position:relative; top:-0.5rem; left:0; background:#fff; z-index:2;}
.in_about_wrap{ padding:0.3rem; line-height:2;}
.in_about_wrap strong{ font-size:0.15rem; color:#083388;}


.main-margin{margin: 0 auto; position:relative; max-width:1200px; width:80%;}
.main-pic {width: 100%; height: 615px;}
.main-pic img {width: 100%; height: 100%;}
.bg{width: 100%; height: 496px; position: relative;}
.bg>figure {width: 100%; background-size:cover; background-position:center; height: 100%;}
.nav-main {height: 100%; padding-left: 55px; padding-right: 28px; display: flex; align-items: center; justify-content: space-between;}
.bg-nav {width:80%; max-width:1200px; left:50%; transform: translateX(-50%); height: 85px; background-color: #FFFFFF; position: absolute; bottom: 0;}
.left-cont {display: flex; font-size:15px;}
.left-cont>div {margin-right: 20px;}
.left-cont>div a {color: #7b7b7b;}
.left-cont>div>a:visited {color: #2d4992;}
.right-cont {position: relative;}
.right-cont i {position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.text-cont {margin-top: 50px;margin-bottom: 100px;}
.text-cont>h1 {margin-bottom: 50px; text-align: center; font-size: 30px; font-weight: bold; color: #083388;}
.text-all-cont {width: 80%; margin: 0 auto; color: #2d4992;}
.text-mr {margin: 20px 0;}
.tab {width: 100%; padding: 5px 0; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 120px;}
.tab-item {width: 49%; height: 152px; margin-bottom: 18px; border: 2px solid #6d6d6d; display: flex; align-items: center;}
.tab-icon,.tab-right {padding-left: 40px;}
.tab-right>div {margin: 10px;}





.fl{ float: left;}
.fr{ float: right;}
.wrap1200{ max-width: 1200px; width:96%; margin:0 auto; position: relative;}
.wrap600{ max-width: 600px; width:90%; margin:0 auto; position: relative;}

.mobi_nav, .mobi_nav_dropdown_content{ display:none;}
.mobi_home_banner{display:none;}
.mobi_home_4_blk h1{display:none!important;}
.mobi{display: none!important;}

.employ-wrap{ padding:0.4rem 0.1rem 0.4rem 0.1rem;}
.employ-wrap ul{ display:flex; flex-flow:row wrap; justify-content:space-between; border-bottom:2px solid #083388;}
.employ-wrap ul li{ width:33%; font-size:14px; color:#083388; padding:0.1rem 0;}
.employ-wrap dl{ display:flex; flex-flow:row wrap; justify-content:space-between; cursor:pointer;}
.employ-wrap dl dd{ width:33%; padding:0.1rem 0; border-bottom:1px solid #eee; color:#666; font-size:14px; display:flex; align-items:center;}
.employ-wrap dl dd a{ display:inline-block; padding:0.03rem 0.08rem; border:1px solid #083388; transition:background 0.4s, color 0.4s; cursor:pointer;}
.employ-wrap dl dd a:hover{ background:#083388; color:#fff;}
.employ-wrap .employ-fold{ display:none; padding:0.1rem; background:#eee; line-height:2;}



@media screen and (max-width:750px) {
  body{ min-width:auto;}
  .pc{display: none!important;}
  .mobi{ display: block!important;}
  .head{display: none!important;}
  .mbanner{ background-image: url(../img/1-1.jpg); background-size: 100% 100%; background-repeat: no-repeat; height: 918px;}
  .mbanner hgroup h1{ font-size: 0.12rem;}
  .mobi_nav{ position: fixed; left:0; top:0; width: 100%; background-color:#F0F0F0; padding:0.1rem 0; z-index: 99999; }
  .mobi_nav_logo{width:0.3rem; vertical-align: top; }
  .mobi_nav_logo img{height: 0.4rem;}
  .mobi_nav_dropdown img{width: 0.3rem; height: 0.3rem; margin-top: 0.05rem; padding: 4px 0;}
  .mobi_nav_dropdown { position: relative; display: inline-block;}
  .mobi_nav_dropdown_content { padding-top:0.7rem; display:block; position: fixed; background-color: #f9f9f9; width:60%; right:0; top:0; height: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999;}
  .mobi_nav_dropdown_content a { color: black; padding: 12px 26px; font-size: 0.16rem; text-decoration: none; display: block;}
  .mobi_nav_dropdown_content a:hover { background-color: #f1f1f1; }
  .mobi_nav_dropdown_content ul li{border-bottom: 0.03px solid #ddd; width: 92%; margin:0 auto;}
  .mobi_nav_dropdown_content ul li:last-child{border-bottom: none;}
  .mobi_nav_dropdown:hover .mobi_nav_dropdown_content { display: block; }
  .mobi_nav_dropdown_content ul{position: relative;}
  .mobi_nav_dropdown_contentul li{ border:1px,solid,#e2e2e2;}
  .mobi_nav, .mobi_nav_dropdown_content{ display:block; right: -60%; transition:all 0.4s;}
  .mobi_nav, .mobi_nav_dropdown_content.on{ right:0;}
  .mobi_home_banner{display: block!important;}
  .mobi_home_banner img{width:100%; }
  .mobi_home_banner .swiper-slide{padding-top: 0.5rem;}
	#home_banner{height: 2.9rem; padding-top:0.4rem;}
  .mobi_home_banner .tits{ position: absolute; left:0.1rem; top:0.25rem; z-index: 2;}
  .mobi_home_banner .tits h3 a{ color:#fff;}
	/* .mobi_home_4_blk{margin-bottom: 0.3rem;}
  .mobi_home_4_blk hgroup{display:none!important;}
  .mobi_home_4_blk figcaption{display:none!important;}
  .mobi_home_4_blk span{display:none!important;}
  .mobi_home_4_blk ul{display: flex; flex-wrap: wrap;}
  .mobi_home_4_blk ul li{margin-right: 10px;width: 48%;}
  .mobi_home_4_blk ul li:nth-child(2){margin-right: 0;}
  .mobi_home_4_blk ul li:nth-child(3){margin-right: 0;}
  .mobi_home_4_blk ul li h1{display:block!important; text-align: center; font-size: 30px; padding: 10px 0 15px; color: #083388;} */
  .mobi_home_pro{margin: 0.3rem 0.12rem 0.2rem;}
  .mobi_home_pro ul{display: flex; flex-wrap: wrap;}
  .mobi_home_pro ul li{width: 49%; margin-right: 2%;}
  .mobi_home_pro ul li:nth-child(2n){margin-right: 0;}
  .mobi_home_pro ul li img{width: 100%; height: 70%;}
  .mobi_home_pro ul li h1{font-size: 0.14rem; text-align: center; color: #083388; padding-top: 6px;}
  .mobi_banquan{font-size: 0.12rem; padding: 0.15rem 0; color:#474747;}
  .foot{display: none!important;}
  .mobi_foot{ padding:0.3rem 0; background-color:#4b4b4b;}
  .mobi_erweima{width: 120px; height: 120px; display: block; margin: 0 auto;}
  .mobi_erweima img{width: 100%; height: 100%;}
  .mobi_foot_pohone{text-align: center; font-size: 0.16rem; color:#fff; margin-top: 0.1rem;}
  .mobi ul li{border: 0;}
  .mobi_home_3_blk{background-color:#fff; padding: 0.2rem 0.2rem 0.3rem 0;}
  .mobi_home_3_blk ul li hgroup h1{padding: 0;}
  .mobi_home_network .tits{padding-bottom:0.15rem;}
  .mobi .m-history{width: 100%;}
  .mobi .history-cont{padding: 0.3rem 0 0.2rem;}
  .mobi_main_text{font-size: 0.25rem; font-weight: 600; color: #fff; position: absolute; top: 55%; right: 5%; text-shadow:0 1px 2px #444;}
  .mobi_dh ul{display: flex; flex-wrap: wrap;}
  .mobi_dh ul li{width: 25%; background-color: #ccc;}
  .mobi_dh ul li .mobi_dh_cont{font-size: 0.16rem; text-align: center; height: 0.4rem; line-height: 0.4rem; display:block;}
  .mobi_dh ul li .mobi_dh_cont.on{ color:#fff; background:#083388;}
  .mobi_com_pro{width: 90%; margin: 0 auto; padding: 0.3rem 0 0.2rem;}
  .mobi_com_pro h1{font-size: 0.15rem; text-indent: 0.3rem; color: #666; line-height: 0.3rem; padding-bottom: 0.2rem;}
  .mobi_ab_product{margin: 0.3rem 0.2rem;}
  .mobi_ab_product ul{display: flex; flex-wrap: wrap;}
  .mobi_ab_product ul li{width: 48%; margin-right: 4%; margin-bottom:4%;}
  .mobi_ab_product ul li:nth-child(2n){margin-right: 0;}
  .mobi_ab_product ul li img{width: 100%; height:1.1rem;}
  .mobi_ab_product ul li h1{font-size: 0.14rem; padding-top: 0.05rem; text-align: center; color: #083388;}
  .mobi_banner{background-color: #083388; position: relative; width: 100%; overflow: hidden;}
  .mobi_banner ul{list-style: none; position: absolute; padding: 0; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 300px; height: 200px;}
  .mobi_banner ul:hover{cursor: pointer;}
  .mobi_banner ul li{float:left; position:absolute; left: 0px; transition-duration: 0.4s;}
  .mobi_banner h1{font-size: 0.14rem; color: #fff; text-align: center;margin-top: 0.3rem;}
  .mobi_banner h2{font-size: 0.12rem; color: #fff; text-align: center;margin: 0.1rem 0 0.3rem; }
  .mobi .swiperw-container{margin-top: 0.2rem;}
  .mobi .swiper-slide{padding: 0 0.3rem; box-sizing: border-box;}
  .mobi .swiper-slide img{display: block; margin: 0 auto; max-width: 100%;}
  .mobi .all-cont{padding: 0 0.15rem;}
  .mobi_main-margin{width: 90%;}
  .mobi_main-margin .text-cont{margin: 0.5rem 0 0.7rem;}
  .mobi_main-margin .text-cont h1{font-size: 0.2rem; margin-bottom: 0.3rem;}
  .mobi_main-margin .text-cont .text-all-cont{width: 100%;}
  .mobi_main-margin .tab{display: block; margin-bottom: 0.3rem;}
  .mobi_main-margin .tab .tab-item{width: 100%; height: auto;}
  .mobi_main-margin .tab .tab-item .tab-icon{padding-left: 0.12rem;}
  .mobi_main-margin .tab .tab-item .tab-icon img{width: 0.8rem;}
  .mobi_main-margin .tab .tab-item .tab-right{padding-left: 0.1rem;}
  .mobi_map{height: 350px; margin-top: 0.2rem;}
  .mobi-text-wrap{ line-height:1.8; color:#666; text-align:justify;}
  .mobi-text-wrap img{
	  display:block; margin:0 auto; max-width:100%;
  }
	.patent-words{
		padding:0.1rem; line-height:1.8; color:#666;
	}
	.mobi_ab_product ul li a{ display:block;}
	.mobi-pro-tit{
	  color:#083388; font-weight:bold; text-align:center; padding:0 0 0.2rem 0; font-size:0.2rem; line-height:1.8;
	}
	.mobi-pro-return{
		display:block; margin:0 auto; background:#083388; color:#fff!important; text-align:center; border-radius:5px; line-height:3; width:55%;
	}
	.mobi-rt{ padding:0 0 0.4rem 0;}
	.mobi-prosub-items{
		padding:0 0.2rem 0.2rem 0.2rem; display:flex; flex-flow:row wrap; justify-content:space-between;
	}
	.mobi-prosub-items li{ width:48%; margin-bottom:0.03rem;}
	.mobi-prosub-items li a{ display:block}
	.mobi-prosub-items li a figure{ display:block; padding-bottom:60%;}
	.mobi-prosub-items li a figcaption{ text-align:center; padding:0.06rem 0;}
	.mobi-laboratory .laboratory-nav{
		width:100%;
	}
	.mobi-laboratory .laboratory-nav .all-cont{ width:100%; padding-left:0.2rem; padding-right:0.2rem;}
	.mobi-laboratory .laboratory-nav .all-cont .big-img{ height:auto;}
	.mobi-laboratory .laboratory-nav .all-cont .s-img{ height:.95rem;}
	.mobi-laboratory .laboratory-nav .all-cont .cont-pic{ display:block;}
	.mobi-laboratory .laboratory-nav .all-cont .cont-pic .title-pic{ position:relative;}
	.mobi-laboratory .laboratory-nav .all-cont .cont_left{ width:100%; height:auto; margin-bottom:0.3rem;}
	.mobi-laboratory .laboratory-nav .all-cont .cont_right{ width:100%; height:auto;}
}