@charset "utf-8";
* {	margin: 0;padding: 0;-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:initial;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #474747;  }
a:hover {color: #02337e;text-decoration: none;	}
img {	border: 0px; vertical-align:middle;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {color: #474747;background: #fff;margin: 0 auto;font-size: 16px !important; overflow-x:hidden;width:100%;}
.clear {	clear: both;}
.pic100 img{width:100%;}
h1{ font-size:24px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad100{padding:100px 0;}
.pad90{padding:90px 0;}
.pad70{padding:70px 0;}
.overflow{ overflow:hidden;}
.white a,.white{ color:#fff;}
.rela{ position:relative;}
.slh{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top60{ margin-top:60px;}
.text-center{ text-align:center;}
.text-right{text-align:right;}
.row:after{content:''; display:block; clear:both;}
.flex-wrap {
    display: -webkit-flex;
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.container-fluid {
  width: 100%;
}
.clearfix:after{
content:"";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix{zoom:1;}	
.container{width:1440px;margin: auto;}
@media (max-width:1466px) {
.container{width:1199px;}
}
@media (max-width:1199px) {
.container{width:991px}
}
@media (max-width:991px) {
.container{width:750px}
}
@media (max-width:767px) {
.container{width:100%}
}
.row:after{content:''; display:block;clear:both;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float:left}
.col-xs-12 {width:100%}
.col-xs-11 {width:91.66666667%}
.col-xs-10 {width:83.33333333%}
.col-xs-9 {	width:75%}
.col-xs-8 {	width:66.66666667%}
.col-xs-7 {	width:58.33333333%}
.col-xs-6 {	width:50%}
.col-xs-5 {	width:41.66666667%}
.col-xs-4 {	width:33.33333333%}
.col-xs-3 {	width:25%}
.col-xs-2 {	width:16.66666667%}
.col-xs-1 {	width:8.33333333%}
@media (min-width:768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float:left}
.col-sm-12 {width:100%}
.col-sm-11 {width:91.66666667%}
.col-sm-10 {width:83.33333333%}
.col-sm-9 {width:75%}
.col-sm-8 {width:66.66666667%}
.col-sm-7 {width:58.33333333%}
.col-sm-6 {width:50%}
.col-sm-5 {width:41.66666667%}
.col-sm-4 {width:33.33333333%}
.col-sm-3 {width:25%}
.col-sm-2 {width:16.66666667%}
.col-sm-1 {width:8.33333333%}
}
@media (min-width:992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float:left}
.col-md-12 {width:100%}
.col-md-11 {width:91.66666667%}
.col-md-10 {width:83.33333333%}
.col-md-9 {width:75%}
.col-md-8 {width:66.66666667%}
.col-md-7 {width:58.33333333%}
.col-md-6 {width:50%}
.col-md-5 {width:41.66666667%}
.col-md-4 {width:33.33333333%}
.col-md-3 {width:25%}
.col-md-2 {width:16.66666667%}
.col-md-1 {width:8.33333333%}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float:left}
.col-lg-12 {width:100%}
.col-lg-11 {width:91.66666667%}
.col-lg-10 {width:83.33333333%}
.col-lg-9 {width:75%}
.col-lg-8 {width:66.66666667%}
.col-lg-7 {width:58.33333333%}
.col-lg-6 {width:50%}
.col-lg-5 {width:41.66666667%}
.col-lg-4 {width:33.33333333%}
.col-lg-3 {width:25%}
.col-lg-2 {width:16.66666667%}
.col-lg-1 {width:8.33333333%}
}


@font-face {
    font-family: 'Square721 BT';
    src: url('../fonts/Square721BT-Roman.woff2') format('woff2'),
        url('../fonts/Square721BT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'D-DIN-PRO';
    src: url('../fonts/D-DIN-PRO-Heavy.eot');
    src: url('../fonts/D-DIN-PRO-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/D-DIN-PRO-Heavy.woff2') format('woff2'),
        url('../fonts/D-DIN-PRO-Heavy.woff') format('woff'),
        url('../fonts/D-DIN-PRO-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: '016-CAI978';
    src: url('../fonts/016-CAI978.woff2') format('woff2'),
        url('../fonts/016-CAI978.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
header{position:fixed;width:100%;top:0;left:0;z-index:2;border-bottom:1px solid rgba(255,255,255,0.3);}
.logo img{height: 40px;margin-top: 17px;}
.logo2{ display:none;}
nav{width:70%; text-align:right;}
nav li{display: inline-block;position:relative;}
nav li>a{font-size:16px;display:block;position:relative;text-align:center;padding:28px 22px;color:#fff;}
nav li div{border-radius: 0 0 10px 10px;padding:10px 0;position:absolute;top:100%;left:0;width:100%;display:none;text-align:center;z-index: 1; background-color:rgba(255,255,255,.8);font-size:14px;}
nav li div a{display:block;margin:10px 0;}
nav li div a:hover{color:#02337e;}
nav li:hover div{ display:block;}
.tel{border:1px solid rgba(255,255,255,0.5);border-radius:60px;padding:6px 14px;color:#fff; display:inline-block;margin:20px 0 0 25px;font-family: 'D-DIN-PRO';font-size:18px;}
.tel img{margin-right:8px;vertical-align: sub;}
.showme,.fff{ background-color:rgba(255,255,255,0.95);}
.showme .tel,.fff .tel{ background-color:#02337e;}
.showme nav li>a,.fff nav li>a{color:#333;}
.showme .logo1,.fff .logo1{ display:none;}
.showme .logo2,.fff .logo2{ display:block;}
nav li:hover>a.cur,nav li:hover>a{color:#02337e;font-weight:bold;}
.banners{ display:none;}
.banner .swiper-button-prev{z-index: 1;top: 50%;margin-top:-45px;width:90px;height:90px;background:url(../images/icon1.png) no-repeat center center; background-size:38%;font-size:0; display:inline-block; position:absolute;left:-100px;opacity:0; cursor:pointer;}
.banner .swiper-button-next{z-index: 1;top: 50%;margin-top:-45px;width:90px;height:90px;background:url(../images/icon2.png) no-repeat center center; background-size:38%;font-size:0; display:inline-block;position:absolute;right:-100px;opacity:0; cursor:pointer;}
.banner:hover .swiper-button-prev{left:0; opacity:1;}
.banner:hover .swiper-button-next{right:0; opacity:1;}
.banner .swiper-pagination{position:absolute;right:80px;left:auto !important;width:auto !important;bottom:0 !important;transform: translateY(-60%);}
.banner .swiper-pagination span{width:50px;height:50px;display:block;margin:2px;font-size:0; border-radius:50%;border:1px solid transparent; position:relative; background-color:transparent;}
.banner .swiper-pagination span:after{content:'';width:10px;height:10px;border-radius:50%;top:50%;left:50%; position:absolute;background-color:#595e67; display:block;margin:-5px 0 0 -5px;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{border-color:#fff;}
.banner .swiper-pagination span.swiper-pagination-bullet-active:after{background-color:#fff;}
/*.banners .owl-pagination{position:absolute;bottom:20px;width:100%;text-align:center;}
.banners .owl-pagination .owl-page{width:8px;height:8px;border-radius:50%;margin:0 4px;}
.banners .owl-pagination .owl-page.active{ background-color:#e60012;}*/
.mouse{ position:absolute;bottom:40px;left:50%; text-align:center;z-index: 1;color:#fff; cursor:pointer; transform:translate(-50%,0);}
.mouse p{ position:relative;margin:0 auto 25px; z-index:1;width:50px;height:50px;}
.mouse p:after{content:'';display:block;width:50px;height:50px;opacity:0;position:absolute;left:0;top:0; z-index:-1;-webkit-animation: dong 2s ease infinite;
    -moz-animation: dong 2s ease infinite;
    -ms-animation: dong 2s ease infinite;
    -o-animation: dong 2s ease infinite;
    animation: dong 2s ease infinite; background-color:rgba(255,255,255,0.2);border-radius:50%;}
.mouse p img{width:50px;}
.mouse:hover{ transform:translate(-50%,10px);}
@-webkit-keyframes dong { 0% {-webkit-transform: scale(1);opacity:0;} 70% {-webkit-transform: scale(1.7);opacity:1;}100% {-webkit-transform: scale(1.7);opacity:0;}}
@-moz-keyframes dong{0% {-moz-transform: scale(1);opacity:0;} 70% {-moz-transform: scale(1.7);opacity:1;}100% {-moz-transform: scale(1.7);opacity:0;}}
@-ms-keyframes dong{0% {-ms-transform: scale(1);opacity:0;} 70% {-ms-transform: scale(1.7);opacity:1;}100% {-ms-transform: scale(1.7);opacity:0;}}
@-o-keyframes dong{0% {-o-transform: scale(1);opacity:0;} 70% {-o-transform: scale(1.7);opacity:1;}100% {-o-transform: scale(1.7);opacity:0;}}
@keyframes dong{0% {transform: scale(1);opacity:0;} 70% {transform: scale(1.7);opacity:1;}100% {transform: scale(1.7);opacity:0;}}
footer{padding:70px 0; background-color:#f2f4f7;border-top:12px solid #02337e;}
.footleft{width:65%;}
.footright{width:35%; text-align:right;color:#02337e;}
.footright h2{font-size:40px;font-family: 'D-DIN-PRO';}
.share{margin-top:30px;}
.share li{ display:inline-block;margin-left:5px; position:relative;}
.footcode{position:absolute; background-color:#fff;border:1px solid #ddd;padding:10px;bottom:100%;right:0; display:none;}
.footcode img{width:120px;}
.share li:hover .footcode{ display:block;}
.footnav{margin-top:20px;font-size:20px;font-weight:bold;}
.footnav a{ display:inline-block;padding:0 50px 0 0;}
.footleft .bq{margin-top:40px; text-align:left;padding:0;line-height: 24px;}
.bq{text-align:center;color:#666666;padding:20px 0;font-size:14px;}
.bq span{display:inline-block;margin:0 3px;}
.bq span a{color:#666666;}
.bq p{ font-size:16px;margin-bottom:10px;}
.bq p span{margin:0 20px;}
.h_about{ background:#fff url(../images/bg2.jpg) no-repeat center bottom; background-size:100%;padding:120px 0 424px;}
.h_about h2{font-size:40px;font-weight:bold;}
.h_about .con{margin:40px auto 0;width:80%;line-height:30px;color:#666666;height:90px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient: vertical;}
.h_about .more{margin-top:60px;}
.more a{display:inline-block;padding:18px 70px;border:1px solid #dcdcdc;}
.h_about .more a:hover,.h_title .more a:hover,.h_case .more a:hover{background-color:#02337e;color:#fff;}
.otherbanner{padding:200px 0 140px; color:#fff;}
.otherbanner h2{ font-size:48px; font-weight:bold;}
.otherbanner p{font-size:32px;margin-top:10px; text-transform:uppercase; font-family: 'Square721 BT';}
.site{padding:20px 0; background-color:#f2f4f7;font-size:14px;}
.site .left a{ display:inline-block;padding:0 5px; position:relative;color:#666666;}
.site .left a:last-child{color:#02337e;font-weight:bold;}
.map{height:100%; position:absolute;width:100%;top:0;left:0;}
.contactC{padding:110px 40px;}
.contactbody{ background-color:rgba(255,255,255,0.8);padding:60px 70px;border-left:10px solid #001c82; position:relative; z-index:1;width:460px;}
.contactbody h1{font-size:24px;font-weight:bold;color:#001c82;}
.contactbody h1:after{width:50px;height:2px; background-color:#001c82;content:''; display:block;margin-top:13px;}
.contactbody .con{margin-top:25px;}
.contactbody .con p{ display:flex;margin-bottom:20px;}
.contactbody .con p img{width:20px;height:20px; display:inline-block;margin-right:10px;}
.h_title h5{font-size:48px;font-weight:bold;color:#202020;font-family: '016-CAI978';}
.h_title h2{font-size:28px;color:#202020;}
.h_title.white h2,.h_title.white h5{color:#fff;}
.aboutC{line-height:30px;}
.aboutC img{ max-width:100%;}
.othernav{margin-top:40px; text-align:center;}
.othernav a{ display:inline-block;margin:0 4px;border:1px solid #cccccc;padding:12px 18px;}
.othernav a:hover,.othernav a.cur{ background-color:#02337e;color:#fff;border-color:#02337e;}
.pagelist{margin-top:40px;}
.pagelist ul{ display:inline-block;padding:16px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.pagelist li{display:inline-block;margin-left:3px;}
.pagelist li a,.pagelist li span{display:block;padding:0 10px;color:#999;}
.pagelist li a.cur,.pagelist li.active span,.pagelist li a:hover{color:#02337e;}
.caseC dl{float:left;width:31.3333%;margin:0 1% 40px;}
.caseC dl a{ display:block; background-color:#f2f4f7; position:relative; z-index:1;padding:45px;}
.caseC dl a:after{ content:'';width:100%;height:0; background-color:#02337e;top:0;left:0; position:absolute; z-index:-1;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; display:block;}
.caseC dl a:hover:after{height:100%;}
.caseC dl dd{margin-top:40px; font-size:24px; position:relative;}
.caseC dl dd img{width:56px;height:56px;border-radius:50%; position:absolute;top:-63px;right:-30px;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; opacity:0;}
.caseC dl a:hover dd{color:#fff;}
.caseC dl a:hover dd img{top:-73px; opacity:1;}
.productword{margin-top:60px;padding-bottom:30px;border-bottom:1px solid #dcdcdc;line-height:30px;}
.productC dl{float:left;width:31.333%;margin:0 1% 40px;}
.productC dl a{ display:block; text-align:center;}
.productC dl dt{ background-color:#f2f4f7; position:relative;}
.productC dl dt .child{width:100%;height:100%; background:#02337e url(../images/bg4.png) no-repeat;background-size:cover; padding:30px 40px;position:absolute;top:0;display: flex;flex-direction: column;justify-content: center; opacity:0;}
.productC dl dt .child h5{ font-size:24px;color:#fff;}
.productC dl dt .child .con{margin-top:30px;color:rgba(255,255,255,0.7);line-height:28px;height:84px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient: vertical; text-align:left;}
.productC dl dt .child span{ display:block;margin:60px auto 0;width:140px;height:48px;line-height:48px;color:rgba(255,255,255,0.7);border:1px solid rgba(255,255,255,0.7);}
.productC dl dd{margin-top:30px; font-size:20px;}
.productC dl dt .child span:hover{ background-color:#fff;color:#02337e;}
.productC dl a:hover dt .child{opacity:1;}
.productC dl a:hover dd{ opacity:0;}
.newC1 a{ display:flex; overflow:hidden;}
.newC1 .left{flex:1;}
.newC1 .left img{height:403px;object-fit: cover;}
.newC1 .right{padding:50px 40px 40px; background-color:#f2f4f7;width:490px;}
.newC1 .right span{ position:absolute;right:0;top:0; background-color:#02337e;border-radius:0 0 0 110px;padding: 14px 18px 23px 26px;}
.newC1 .right span img{width:26px;}
.newC1 .right .time{color:#202020;}
.newC1 .right .time b{ display:block; font-size:56px; font-weight:bold;line-height: 1;margin-bottom:5px;}
.newC1 .right h5{font-size:28px;margin-top:60px;line-height:38px;height:76px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient: vertical;}
.newC1 .right time{margin-top:10px; display:block;color:#666666;font-size:14px; display:none;}
.newC1 .right p{margin-top:20px;color:#666666;line-height:25px;height:75px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient: vertical;}
.newC2 {margin:30px -1% 0;}
.newC2 dl{float:left;width:31.333%;margin:0 1% 40px;}
.newC2 dl dd{margin:30px 15px 0;}
.newC2 dl dd h5{ font-size:20px;}
.newC2 dl dd time{margin-top:10px; display:block;color:#666666;font-size:14px;}
.detailC{line-height:34px;color:#666;}
.detailC img{max-width:100%;}
.detail h1{font-size:24px;}
.prenext{border-top:1px solid #dcdcdc;padding:50px 10px 0;margin-top:50px;}
.prenext a{ display:block;}
.prenext p{float:left;width:49%;}
.prenext p:last-child{ text-align:right;}
.detail time{ display:block;margin-top:10px; text-align:center;}
.detail time span{ display:inline-block; margin:0 10px;color:#999;}
.h_new{background:url(../images/bg3.jpg) no-repeat center center; background-size:cover;}
.h_new1C .right{ background-color:#fff;}
.h_title .more a{color:#999999;}
.h_title .more{margin-top:20px;}
.h_product{background-color:#f2f4f7;}
.h_productC{margin-left:calc(50% - 720px);}
.h_productC .swiper-container2{overflow:hidden;}
.h_productC .swiper-slide{ display:flex;}
.h_productC .left{ background-color:#fff;width:600px;}
.h_productC .right{flex:1; background:#02337e url(../images/bg1.png) no-repeat right bottom; background-size:auto 60%;color:#fff;}
.h_productC .right .rightcon{width:840px;padding:50px 0 50px 50px;}
.h_productC .right h5{ font-size:32px;}
.h_productC .right p{margin-top:35px;color:rgba(255,255,255,0.7);line-height:27px;height:81px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:3;
  line-clamp:3;
  -webkit-box-orient: vertical;}
.h_productC .right .con{margin-top:35px; overflow:hidden;}
.h_productC .right .con a{float:left;width:31.333%;margin:0 2% 20px 0;color:#fff;}
.h_product .more{margin-top:80px;}
.h_product .more a{color:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.6);width:140px;height:48px;line-height:48px;padding:0; text-align:center;}
.h_product .more a:hover{ background-color:#fff;color:#02337e;}
.h_productC .btns,.h_caseC .btns{ position:absolute;right:calc(50vw - 720px);top:-108px;}
.h_productC .btns .btn,.h_caseC .btns .btn{border:1px solid #dcdcdc;border-radius:50%; cursor:pointer; display:inline-block;margin-left:6px;}
.h_productC .btns .swiper-button-next2,.h_caseC .btns .swiper-button-next2{ background-color:#fff;border-color:#fff;}
.h_productC .btns .btn:hover,.h_caseC .btns .btn:hover{background-color:#02337e;border-color:#02337e;}
.h_productC .btns .btn:hover img,.h_caseC .btns .btn:hover img{filter: grayscale(100%) brightness(700%);}
.h_case .more{margin-top:50px;}
.h_caseC dl{width:100%;}
.h_caseC .btns{right:0;}
.newC2 dl:first-child{ display:none;}
.detailsummary{background: #f1f1f1;padding: 20px;margin-top: 30px;text-align: left;line-height: 30px;}
.detail h1{font-size: 32px;color: #202020;text-align:center;}







.mobile-inner{ display:none; z-index:101;background-color:#fafafa;position:relative}
.mobile-inner-header{background-color:rgba(0,0,0,.7);width:100%;height:50px;position:absolute;top:0;left:0}.mobile-inner-header-icon{ z-index:2;color:#fff;height:60px;line-height: 42px;font-size:16px;text-align:center;right: 50%;margin-right: -375px;top:8px;width:50px;position:fixed;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}.mobile-inner-header-icon-click{background-color:rgba(255,255,255,.2);cursor:pointer}.mobile-inner-header-icon span{margin-top: 10px;position:absolute;left:calc((100% - 25px)/2);top:calc((100% - 1px)/2);width:25px;height:1px;background-color:#fff;}.mobile-inner-header-icon-click span{ background-color:#fff;}.mobile-inner-header-icon span:nth-child(1),.topnavR span i:nth-child(1){transform:translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2),.topnavR span i:nth-child(2){transform:translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1),.topnavR.click span i:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}@keyframes clickfirst{0%{transform:translateY(4px) rotate(0deg)}100%{transform:translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0deg)}100%{transform:translateY(0) rotate(-45deg)}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}100%{transform:translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}100%{transform:translateY(4px) rotate(0deg)}}.mobile-inner-nav{overflow-y: scroll !important;background-color:rgba(0,0,0,1);width:100%;height:100%;position:fixed;top:0;left:0;padding-top:80px;padding-bottom:80px;display:none}.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-header-icon-click{ position:fixed;font-size: 0;}
.mobile-inner-header-icon-click span{margin-top:0;}
.mobile-inner-nav li div{ display:none;background-color: #3a3a3a;}
.mobile-inner-nav li div p{ display:none;background-color: #4a4a4a;}
.mobile-inner-nav li article a{padding-left: 7%;font-size: 14px;}
.mobile-inner-nav li a.on:after{content:'+';float:right;color:#fff;}




@media (max-width:1466px) {
	.h_productC .btns{right: calc(50vw - 600px);}
	.h_productC { margin-left: calc(50% - 600px);}
	.h_productC .right .rightcon {width: 600px;}
}
@media(max-width:1199px){
	.otherbanner h2 {font-size: 40px;}
	.otherbanner p {font-size: 22px;}
	.h_title h5 {font-size: 42px;}
	.footnav a {padding: 0 25px 0 0;}
	.contactbody { padding: 50px 36px; width: 410px;}
	nav {width: 62%;}
	nav li>a {font-size: 15px;padding: 28px 14px;}
	.caseC dl a {padding: 25px;}
	.caseC dl dd {margin-top: 20px;font-size: 18px;}
	.caseC dl dd img {width: 40px;height: 40px;top: -63px;right: -20px;}
	.caseC dl a:hover dd img {top: -40px;}
	.pagelist {margin-top: 10px;}
	.newC1 .right h5 {font-size: 24px;}
	.newC2 dl dd h5 {font-size: 18px;}
	.h_productC .btns {right: calc(50vw - 496px);}
	.h_productC { margin-left: calc(50% - 496px);}
	.h_productC .right .rightcon {width: 496px;}
	.h_productC .left {width: 530px;}
	.h_productC .right h5 {font-size: 26px;}
	.h_productC .right p {height: 81px;font-size:15px;}
	.h_productC .right .con a {width: 48%;}
	.h_productC .right .con a:nth-child(7),.h_productC .right .con a:nth-child(8),.h_productC .right .con a:nth-child(9){ display:none;}
	.h_product .more {margin-top: 30px;}
}
@media(max-width:991px){
	.bannerb,nav,.footnav,.tel{ display:none !important;}
	.mobile-inner,.banners{ display:block !important;}
	.footright,.footleft{width: 100%;text-align: center;}
	.footleft .bq {text-align: center;}
	.map {height:350px;position: initial;margin-top:20px;}
	.contactbody {padding: 26px 30px;width: 100%;background: #f7f7f7;}
	.contactC { padding: 0px;}
	header {height: 70px;}
	.logo img {margin-top: 12px;}
	.mobileshowme .mobile-inner-header-icon {color: #333;}
	.mobileshowme .mobile-inner-header-icon span{background-color: #333;}
	.mobile-inner-header-icon-click span{background-color: #fff !important;}
	.newC2 dl dd h5 {font-size: 16px;}
	.newC2 dl dd {margin: 20px 10px 0;}
	.newC2 dl {margin: 0 1% 20px;}
	.newC1 .right {padding: 40px 30px;width: 380px;}
	.newC1 .right span {padding: 10px 9px 18px 19px;}
	.newC1 .right .time b {font-size: 50px;}
	.newC1 .right h5 {font-size: 22px;margin-top: 38px;line-height: 30px;height:60px;}
	.newC1 .left img {height: 346px;}
	.productC dl a:hover dt .child {opacity:0;}
	.productC dl a:hover dd{opacity:1;}
	.productC dl dd {margin-top: 20px;font-size: 16px;}
	.h_productC .btns {right: calc(50vw - 375px);}
	.banner .swiper-pagination span {width:8px;height: 8px; display:inline-block;margin:0 3px;}
	.banner .swiper-pagination span:after {width: 8px;height: 8px;}
	.banner .swiper-pagination {right: 0;width: 100% !important;transform: translateY(0);text-align: center;bottom: 20px !important;}
	.banner .swiper-pagination span:after {margin: -4px 0 0 -4px;}
	.h_productC {margin-left: calc(50% - 375px);}
	.h_productC .left {width: 300px;}
	.h_productC .right .rightcon {width: 450px;}
	.h_productC .right h5 {font-size: 22px;}
	.h_productC .right p {height: 72px;font-size: 14px;margin-top: 20px;line-height: 24px;}
	.h_productC .right .con {margin-top: 25px;}
	.h_productC .right .con a { margin: 0 2% 15px 0; font-size: 15px;}
	.h_productC .right .con a:nth-child(5), .h_productC .right .con a:nth-child(6){display: none;}
	.h_product .more a {height: 44px;line-height: 44px;font-size: 15px;}
	.h_product .more {margin-top: 20px;}
	.h_productC .right .rightcon {padding: 30px 0 30px 30px;}
	.h_productC .left img{ height:100%;object-fit: cover;}
	.more a {padding: 18px 40px;}
	.h_about {padding: 88px 0 186px;}
}
@media(max-width:767px){
	.site{ display:none;}
	.mobile-inner-header-icon {font-size: 14px;top: 0;right:10px;margin-right: 0;}
	.banner .swiper-pagination span {width: 6px;border-radius: 50%;}
	.banner .swiper-pagination {bottom: 10px!important;}
	.detail,.contact,.new,.h_product,.h_new,.case{ padding:40px 15px;}
	.pagelist li a, .pagelist li span {padding: 3px 9px;}
	.bq {font-size: 12px;margin-top: 30px;}
	.bq p {font-size: 14px;}
	.map{height:250px;}
	.prenext p {width: 100%;}
	.prenext p:last-child {text-align: left;margin-top:10px;}
	.prenext {padding: 30px 10px 0;margin-top: 30px;}
	.logo {height: 64px;}
	.logo img {margin-left: 10px;height: 30px;}
	.otherbanner h2 {font-size: 22px;}
	.otherbanner p {font-size: 14px;}
	.otherbanner {padding:95px 15px 57px;}
	.about,.product,.contact{padding:40px 15px;}
	.h_title h5 {font-size: 22px;}
	.h_title h2 {font-size: 24px;}
	.aboutC,.detailC {margin-top: 24px;font-size: 15px;line-height: 30px;}
	.footright h2 {font-size: 30px;}
	footer {padding: 30px 0;}
	.contactbody h1 {font-size: 22px;}
	.map {height:250px;}
	.footleft .bq {margin-top:0px;}
	.detail time span {margin: 0 10px;font-size: 13px;}
	.top40 {margin-top: 30px;}
	header {height: 58px;}
	.othernav a {margin: 0 1px;padding: 8px 8px;font-size: 14px;}
	.caseC dl,.newC2 dl,.productC dl{width: 100%;margin: 0 0 15px;}
	.othernav {margin-top:20px;}
	.othernav a {margin: 3px 1px;}
	.caseC dl dd {font-size: 16px;}
	.top60 {margin-top: 30px;}
	.pagelist ul {padding: 8px;}
	.contactbody .con {font-size: 15px;}
	.newC2 dl:first-child{ display:block;}
	.newC1 { display:none;}
	.productword {margin-top: 30px;}
	.h_productC {margin-left: 0;}
	.h_productC .left {display: none;}
	.h_productC .right .rightcon {padding: 30px;}
	.h_productC .right .rightcon {width: 100%;}
	.h_productC .swiper-slide {display: block;}
	.h_productC .btns {right: 0;top: -80px;}
	.h_productC .btns img,.h_caseC .btns img{width:40px;}
	.h_caseC .btns{top: -80px;right:15px;}
	.h_product .more a {width: 110px;}
	.h_case {padding:40px 0;}
	.h_case .h_title{padding:0 15px;}
	.h_caseC{padding:0 40px;}
	.h_case .more {margin-top: 20px;}
	.more a {padding: 12px 21px;font-size: 15px;}
	.h_about h2 {font-size: 24px;}
	.h_about .con {margin: 28px auto 0;width: 90%;line-height: 26px;height:78px;font-size: 15px;}
	.h_about .more {margin-top: 30px;}
	.h_about{ padding:40px 15px 90px;}
	.detailsummary {padding: 15px;margin-top: 20px;line-height: 25px;font-size: 15px;}
}