*{ 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.1rem 0.25rem 0.2rem; color:#111; position:relative;}
.head .nav ul>li>a:after{ position:absolute; right:0; top:0.01rem; content:'>'; -webkit-transform:rotate(90deg); font-family:"新宋体"; color:#999;}
.head .nav ul>li>a.on{ color:#083388;}
.head .nav ul>li>.sub_cate{ opacity:0; visibility:hidden; transition:all 0.4s; position:fixed; left:0; top:129px; width:100%; z-index:3; background:rgba(0,0,0,0.85);}
.head .nav ul>li:hover>.sub_cate{ opacity:1; visibility:visible;}
.head .nav ul>li>.sub_cate>dl{ width:1200px; margin:0 auto; padding:0.2rem 0; display:flex; flex-flow:row wrap; justify-content:space-between;}
.head .nav ul>li>.sub_cate>dl>dd{ width:30%; margin-bottom:0.1rem;}
.head .nav ul>li>.sub_cate>dl>dd>a{ display:block;}
.head .nav ul>li>.sub_cate>dl>dd>a>figure{ display:block; padding-bottom:60%; background-position:center; background-size:cover;}
.head .nav ul>li>.sub_cate>dl>dd>a>figcaption{ text-align:center; color:#fff; padding-top:0.04rem; font-size:0.08rem;}
.head .nav ul>li>.ab-sub{ opacity:0; visibility:hidden; transition:all 0.4s; position:fixed; left:0; top:129px; width:100%; z-index:3; padding:0.2rem 0; background:#eee;}
.head .nav ul>li:hover>.ab-sub{ opacity:1; visibility:visible;}
.head .nav ul>li>.ab-sub>div>hgroup{ width:45%;}
.head .nav ul>li>.ab-sub>div>hgroup>h1{ font-size:0.1rem; padding-bottom:0.1rem; font-weight:bold;}
.head .nav ul>li>.ab-sub>div>hgroup>h2{ line-height:1.8; color:#888;}
.head .nav ul>li>.ab-sub>div>ol{ width:40%; display:flex; flex-flow:row wrap; justify-content:space-between;}
.head .nav ul>li>.ab-sub>div>ol>li{ display:block; margin-top:0.1rem; margin-bottom:0.1rem; width:50%; border-left:0px solid #083388; text-indent:1em;}
.head .nav ul>li>.ab-sub>div>ol>li>a:hover{ color:#083388; font-weight:bold;}
.head .search{ margin-left:0.2rem; padding-top:0.17rem;}
.head .search input{ border:1px solid #ddd; border-radius:0.02rem; padding:0.02rem; outline:none;}
.head .top-tel{ font-size:0.12rem; font-family:Arial; color:#888; padding-top:0.16rem; padding-left:0.1rem;}
.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;}
.foot_sub_cate li aside a{ 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:1.7rem;}
#home_banner .swiper-slide .tits h1{ font-size:0.12rem;}
#home_banner .swiper-slide .tits h2{ font-size:0.22rem; padding:0.1rem 0; font-weight:bold;}
#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_banner .swiper-slide .tits h3 a{ color:#fff;}
.home_4_blk ul{ width:100%; position:relative; top:-0.3rem; left:0; background:#fff; z-index:2;}
.home_4_blk ul li{ width:50%; float:left; margin-bottom:0.2rem;}
.home_4_blk ul li:nth-child(3),.home_4_blk ul li:nth-child(4){ margin-bottom:0}
.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.13rem; font-weight:bold;}
.home_4_blk ul li figcaption{ line-height:1.8; font-size:15px; color:#666; padding:0.2rem;}
.home_4_blk ul li hgroup{ padding:0 0.2rem 0.2rem 0.2rem; line-height:2;}
.home_4_blk ul li hgroup h6 a{ color:#083388; position:relative; display:block; text-indent:0.08rem;}
.home_4_blk ul li hgroup h6 a:after{ content:'\2022'; position:absolute; left:0; top:0; height:100%; font-weight:bold; display:flex; align-items:center; text-indent:0;}
.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:0rem;}
.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{}
.home_network .dots_wrap img{ position:absolute; top:1.85rem; right:1.4rem;}
.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;}
.about-wrap-2{ padding:0.2rem; line-height:2; font-size:14px; color:#555; text-align:justify;}
.side-cont li a.on{ color:#4b4b4b;}

/**/
.pro-wrap-left.side-cont{ padding-left:0;}
.pro-wrap-2{ padding:0.2rem 0.25rem 0.8rem;}
.pro-wrap-2>hgroup{ color:#083388; font-size:0.15rem; padding-bottom:0.15rem;}
.pro-wrap-2>article{ line-height:2; font-size:15px; color:#666;}
.pro-wrap-2>ul{ display:flex; justify-content:space-between; padding:0.3rem 0 0 0; flex-flow:row wrap;}
.pro-wrap-2>ul>li{ flex:0 0 32%; margin-bottom:2%;}
.pro-wrap-2>ul>li>a{ display:block;}
.pro-wrap-2>ul>li>a>figure{ padding-bottom:60%; background-size:cover; background-position:center;}
.pro-wrap-2>ul>li>a>figcaption{ text-align:center; color:#083388; padding:0.1rem 0;}
.limit-img{ text-align:justify;}
.limit-img img{ max-width:100%; display:block; margin:0.1rem auto;}
.get-sample{ display:flex; justify-content:center; flex-flow:row wrap;}
.get-sample a{ display:flex; width:25%; margin:0 0.05rem; background:#083388; color:#fff; padding:0.05rem 0; border-radius:0.15rem; cursor:pointer; justify-content:center;}
.get-order-wrap{ background:rgba(0,0,0,0.65); width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; display:none; justify-content:center; align-items:center;}
.get-order-wrap .get-order-form{ width:500px; height:500px; background:#fff; border-radius:10px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.get-order-wrap .get-order-form h1{ text-align:center; font-size:20px; color:#083388; font-weight:bold; padding:0.2rem 0 0.1rem 0;}
.get-order-wrap .get-order-form ul{ display:block; padding:0 0.2rem;}
.get-order-wrap .get-order-form ul li{ margin-bottom:0.1rem;}
.get-order-wrap .get-order-form ul li .ip-1{ background:#eee; border:none; padding:10px; display:block; width:100%;}
.get-order-wrap .get-order-form ul li .ip-2{ background:#eee; padding:10px; border:none; display:block; height:100px; width:100%; font-family:Microsoft Yahei;}
.get-order-wrap .get-order-form ul li .ip-3{ display:block; border:none; background:#083388; color:#fff; outline:none; cursor:pointer; margin:0 auto; width:50%; padding:10px 0; text-align:center;}
.get-order-wrap .get-order-form .cls-btn{ position:absolute; width:30px; height:30px; right:-15px; top:-15px; border-radius:50%; background:url(../img/cls-btn.png) center/contain no-repeat #083388; cursor:pointer;}

/**/
.employ-wrap{ padding:0 0.2rem 0.4rem 0.2rem;}
.employ-wrap ul{ display:flex; flex-flow:row wrap; justify-content:space-between; border-bottom:2px solid #083388;}
.employ-wrap ul li{ width:20%; font-size:0.09rem; 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:20%; padding:0.1rem 0; border-bottom:1px solid #eee; color:#666; font-size:0.08rem; 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;}

/**/
.message-box{ width:0.8rem; height:2.1rem; background:#ffffff; position:fixed; right:1%; bottom:10%; z-index:999; border:1px solid #083388; border-radius:0.05rem; color:#083388; display:none; text-align:center;}
.message-box hgroup h6{ font-size:0.14rem; font-weight:bold; padding:0.08rem 0;}
.message-box .cls-box{ cursor:pointer; position:absolute; top:0.03rem; right:0.03rem; z-index:2; width:30px; height:30px; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABc0lEQVRYR+2Wv0rEQBDGZ7IJvou2NkL+DeQZUlzAysrHsrzGxsbGDRHERhvxShsbCYjFNTbLSuACx7JJdjZwh5CUye58v3wzszsIR37wyPqwACwODDogpVwj4k/bttdlWSqfYm2a5lQpdYOImzzPL20xBgHqun7SWl8AwC0ArIjolwOxE18DwBkAvBDROQvACHAXRdEqjuOtC4Sx910IUaZpumEBdIuNQPdKqaooiu8xCI54F2eyC/YDIuKD1roioi8bBFfcCcB0AhEfEbHKsuxzH8JH3BnAko7nMAyrJEk+LN9Gc246N5mCob/UWr92TgghAqVUX+0scZYDPYhh9RsABLtWY4t7AVgs7155if9PALPad6npTjsvF7yLsBfsAA5ShGN97nsGONeAi4DLGvZdwD1kfCBGa8AnIHfPIAA3kO+94DKQeLXX7IFESikR8SQIgquhYWJqOOlHMgDYEhF5FeGUyNzvrINortjiwOKAzYE/M6g/MDczQGwAAAAASUVORK5CYII=); background-size:contain; background-repeat:no-repeat; background-position:center;}
.message-box .box-right h1{ padding:0.08rem 0; line-height:1.6; font-weight:bold;}
.message-box .box-right h2{ border-top:1px solid #083388; border-bottom:1px solid #083388; padding:0.08rem 0;}
.message-box .box-right h2 a{ display:inline-block; padding:0.03rem 0.06rem; background:#083388; border-radius:0.15rem; color:#fff; cursor:pointer;}
.message-box .box-right h3{ padding-top:0.08rem;}
.message-box .box-right h4{ font-size:0.09rem; font-weight:bold;}

/**/
.patent-words{ padding:0 35px 0 45px; line-height:2; color:#666;}
.cul-core{ display:flex; justify-content:space-between; flex-flow:row wrap;}
.cul-core li{ width:24%; background:#eee; padding:0.3rem 0 0.2rem 0; text-align:center; font-size:16px;}
.cul-core li img{ display:block; margin:0 auto 0.05rem auto;}
.cul-manage{ display:flex; justify-content:space-between; flex-flow:row wrap;}
.cul-manage li{ width:49%; background:#eee; padding:0.1rem 0; text-align:center;}
/**/
.lang-switch{ position:absolute; right:0; top:-10px; font-size:12px;}
.lang-switch>a{ display:inline-block; padding:0 8px; border-right:1px solid #ddd; line-height:1;}
.lang-switch>a:last-child{ border-right:none;}












