@charset "utf-8";
/* by Sean Lu 20190718 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #192436; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #192436; color: #fff; }
::-moz-selection { background: #192436; color: #fff; }
.about h3{
    font-family:PingFangSC-Medium,Microsoft YaHei;
    font-size:40px;
    color:#000000;
    text-align:center;
    margin-top: 80px;
    margin-bottom: 60px;
}
.about .team{
	/*box-shadow: 4px 4px 12px rgba(25,36,54,0.6) ;*/
    padding: 30px 30px;
    width: 100%;
    margin-bottom: 50px;
}
.about .team .team-text{
    width: 90%;
}
.about .team .team-text img{
    width: 100%;
}
.about .team .team-text p{
    width: 100%;
}
.about .team .team-text h4{
    font-family:PingFangSC-Medium,Microsoft YaHei;
    font-size:24px;
    color:#000000;
    margin-bottom: 25px;
}
.about .team .team-text p{
    font-family:PingFangSC-Regular,Microsoft YaHei;
    font-size:14px;
    color:rgba(0,0,0,0.60);
    letter-spacing:0;
    line-height:24px;
    text-align:left;
}
.about .time{
    margin-top: 80px;
    background:#fbfbfb;
    padding-top: 80px;
    padding-left: 200px;
    padding-bottom: 80px;
}
.about .time .time-title{
    margin-bottom: 80px;
}
.about .time h4{
    font-family:DIN-Regular;
    font-size:24px;
    color:#000000;
    line-height:24px;
    margin-bottom: 10px;
    font-weight: 500;
}
.about .time p{
    font-family:PingFangSC-Regular,Microsoft YaHei;
    font-size:14px;
    color:rgba(0,0,0,0.40);
    line-height:24px;
}
.about .time .shaft{
    display: inline-block;
    height: 776px;
    width: 16px;
    background: url('../../../images//shaft.png')no-repeat center;
}
.about .time .shaft-text{
    display: inline-block;
    width: 600px;
    vertical-align: top;
    margin-left: 40px;
}
.about .time .shaft-text .item:nth-child(2){
    margin-top: 70px;
}
.about .time .shaft-text .item:nth-child(3){
    margin-top: 75px;
}
.about .time .shaft-text .item:nth-child(4){
    margin-top: 75px;
}
.about .time .shaft-text .item:nth-child(5){
    margin-top: 75px;
}
.about .click{
    margin-top: 80px;
	margin-bottom: 30px;
}
.about .click a div{
    display: inline-block;
    background:#fbfbfb;
    width:49%;
    height:240px;
    text-align: center;
    padding-top: 80px;
}
.about .click a div p{
    font-family:PingFangSC-Regular,Microsoft YaHei;
    font-size:18px;
    color:#555;
    margin-top: 10px;
}
.about .click a:first-child div{
    margin-right: 15px;
}
.about .click a:first-child div span{
    width: 42px;
    height: 35px;
    display: inline-block;
    background: url('../../../images/click1.png')no-repeat center;
}
.about .click a:last-child div span{
    width: 38px;
    height: 35px;
    display: inline-block;
    background: url('../../../images/click2.png')no-repeat center;
}

.wrapper{
	width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
	
}

.innav { line-height: 34px; padding: 16px 0; background: #e6f1f8; }
.innav .hd { float: left; font-size: 18px; font-weight: bold; color: #666; }
.innav .hd img { height: 18px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.innav .bd { float: right; }
.innav .bd .bul {  }
.innav .bd .bul .bli { float: left; margin-left: 10px; }
.innav .bd .bul .bli .ba { font-size: 15px; text-decoration: none; display: block; padding: 0 20px; background: #fff; border-radius: 20px; }
.innav .bd .bul .bli.on .ba { background: #192436; color: #fff; }


.inpage { padding: 50px 0;margin: 0 auto;}
.inpage .bd { font-size: 16px; line-height: 30px; color: #333; }
.inpage .bd p { margin-bottom: 20px; }
.inpage .bd h3 { margin-bottom: 30px; padding: 20px; background: #f7eee8; font-weight: normal; border-radius: 10px 10px; font-size: 16px; }
.inpage .bd img { max-width: 100%; }



.banner-tit1 {display:block; width:100%;  text-transform:uppercase;}
.banner-tit2 {display:block; width:100%; font-size:14px; font-weight:400; line-height:120%; margin-top:20px;}
.banner-tit3 {display:block; width:100%; font-size:14px; font-weight:400; line-height:120%; margin-top:40px; font-weight:900;}
.banner-tit3 font{background:#18202d; color:#FFF; padding:20px 30px; display:block; width:180px; text-align:center; margin:0 auto;}
.banner-tit4 {display:block; width:100%; font-size:12px; font-weight:400; line-height:120%; margin-top:20px;}

.inbanner-tit{font-size:28px; font-weight:bold; width:100%; color:#192436; font-family: Georgia, 'Times New Roman', Times, serif;}
.inbanner-txt{font-size:14px; line-height:160%; margin-bottom:50px; float:left; width:100%; color:#192436;}
.inbanner-but{border:#192436 1px solid; font-size:15px; padding:13px 30px; margin-right:10px; color:#192436;}

.prolist { }
.prolist .item { float: left;background: #ecf7ed;}

.prolist .item a { display: block; text-decoration: none; }
.prolist .item .img { display: block; overflow: hidden;position: relative;}
.prolist .item .img img { display: block; width: 100%; transition: 0.5s;}
.prolist .item .info { padding: 10px; text-align: center; }
.prolist .item .info .nam { line-height: 36px; margin-bottom: 10px; font-size: 18px; color: #666; overflow: hidden; }
.prolist .item a:hover .info .nam { color: #192436; }
.prolist .item .info .txt { line-height: 22px; font-size: 14px; color: #777; height: 66px; padding: 0 20px; overflow: hidden; }

.prolist02 .item { background: #f5f5f5;  width: 32.333333%; margin-right: 1.5%;  margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }

.prolist02 .item:nth-child(3n) { margin-right: 0; }
.prolist02 .item:hover {box-shadow: 4px 4px 12px rgba(63, 49, 49, 0.4); }
.prolist02 .item:hover img{-webkit-transform: scale(1.1);}

.inpage .pro li {width: 23.5%;float: left;margin-right: 1.5%;  margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.inpage .pro li a{ display:block;position:relative; overflow:hidden;}
.inpage .pro .img img{ display:block; width:100%;}
.inpage .pro .bg{ background-color:rgba(0,0,0,.6);position:absolute;bottom:0; width:100%; height:52px; transition:.5s;}
.inpage .pro .txt{ width: 100%;position:absolute;bottom:-72px; text-align:center; padding:18px; color:#fff; transition:.5s;}
.inpage .pro .tit{ font-size:18px; line-height:52px; height:52px; overflow:hidden;text-align: center;}
.inpage .pro .conn{ font-size:12px; line-height:18px; height:54px; overflow:hidden;}
.inpage .pro li:hover .bg{ height:100%; background-color:rgba(25,36,54,.5)}
.inpage .pro li:hover .txt{ bottom:80px;}


.prolist03 .item { background: #f5f5f5;  width: 23.5%; margin-right: 1.5%;  margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.prolist03 .item:hover{ background: none;}
.prolist03 .item:nth-child(4n) { margin-right: 0; }
.prolist03 .item .img .info {padding: 0; -webkit-transition: all .2s; transition: all .2s;position: relative; top: 0;}
.prolist03 .item:hover .img .info{font-size: 20px;color: #fff;text-align: center;font-weight: bold;padding: 0;top:-110px;transition: 0.5s;z-index: 10px}
.prolist03 .item .img .border{width: 90%;height: calc(90% - 30px);border: solid 2px #fff;position: absolute;top: 5%;left: 5%;z-index: 5; -webkit-transition: all .2s; transition: all .2s;}
.prolist03 .item:hover .img .border{ width: 80%;height: calc(80% - 30px); top: 10%; left: 10%;}
.prolist03 .item .img img {display: block;width: 100%;transition: 0.5s;}


.profoot { overflow: hidden; padding-top: 30px; margin-top: 30px; border-top: 1px dashed #f1f1f1; }
.profoot a { display: block; float: left; width: 18%; margin: 0 1% 10px; background: #ecf7ed; border-radius: 20px; line-height: 34px; text-decoration: none; text-align: center; font-size: 15px; }
.profoot a.on { background: #62b15d; color: #fff; }

.contact {position: relative;}
.content .con_tit {width: 100%;height: 180px;color: #fff;font-size: 40px;font-weight: bold;text-align: center;line-height: 180px;margin-bottom: 3%}
.contact .honortop {width: 100%;position: absolute;top: 0 ;left: 0;z-index: -99;}
.contact h3{
    font-family:PingFangSC-Medium,Microsoft YaHei;
    font-size:40px;
    color:#fff;
    text-align:center;
    margin-top: 80px;
    margin-bottom: 60px;
}
.contactlist {width: 100%;padding: 20px 0 50px 0;overflow: hidden;}
.contactlist .map{width: 50%;float: left;box-shadow: 4px 4px 12px rgba(63, 49, 49, 0.4);}
.contactlist .info {width: 40%;float: right;}
.contactlist .info p{font-size: 14px;font-weight: bold;padding-bottom: 30px;border-bottom: solid 2px #f1f1f1;}
.contactlist .info .msg {font-size: 14px;font-weight: bold;padding: 15px 0;}
.contactlist .info .msg img{width: 5%;}
#dituContent{width:100%;height:350px;}
#dituContent img{ max-width:none;}


.honor {position: relative;}
.honor .honortop {width: 100%;position: absolute;top: 0 ;left: 0;z-index: -99;}
.honor h3 {
    font-family:PingFangSC-Medium,Microsoft YaHei;
    font-size:40px;
    color:#FFF;
    text-align:center;
    margin-top: 80px;
    margin-bottom: 60px;
}
.honor .wrapper ul{width: 100%;overflow: hidden;}
.honor .wrapper ul li {width: 30%;float: left;margin-right: 1.5%;margin-bottom: 20px;position: relative;}
.honor .wrapper ul li img{width: 100%;}
.honor .wrapper ul li .cover { width: 100%; height: calc(100% - 30px); position: absolute; top: 0; left: 0; background: #192436; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.honor .wrapper ul li:hover .cover { opacity: .8; filter: alpha(opacity=60); }
.honor .wrapper ul li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../../../images/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.honor .wrapper ul li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.honor .wrapper ul li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../../../images/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.honor .wrapper ul li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.honor .wrapper ul li p {font-size: 14px;margin-top: 10px;text-align: center;}


.career {position: relative;}
.career .honortop {width: 100%;position: absolute;top: 0 ;left: 0;z-index: -99;}
.career h3 {
    font-family:PingFangSC-Medium,Microsoft YaHei;
    font-size:40px;
    color:#FFF;
    text-align:center;
    margin-top: 80px;
    margin-bottom: 60px;
}


.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img.download { max-width: 100%; height:20px; vertical-align:middle;}
.mainbox .bd p { margin-bottom: 2px;}
.mainbox .bd p  span{ color: #d8d8d8;}

.bdshare-button-style0-16.lihaile { width: 112px; margin: 0 auto; }
.bdshare-button-style0-16.lihaile a { width: 50px; height: 50px; padding-left: 0; }
.bdshare-button-style0-16.lihaile .bds_tsina { background: url(../images/icon_01.png) no-repeat 0 0; }
.bdshare-button-style0-16.lihaile .bds_weixin { background: url(../images/icon_02.png) no-repeat 0 0; }

.procontou { margin: 30px 0; overflow: hidden; }
.procontou .proslide { float: left; width: 360px; height: 360px; border: 1px solid #dedede;overflow: hidden;}
.procontou .proslide li img{ width:100%;}
.procontou .pshd { height: 40px; }
.procontou .pshd ul { margin-top: 20px; }
.procontou .pshd ul li { float: left; margin-right: 10px; border: 2px solid #dedede; height: 40px; cursor: pointer;}
.procontou .pshd ul li img { display: block; height: 100%; }
.procontou .pshd02 ul li.on { border-color: #192436; }
.procontou .pshd00 ul li.on { border-color: #192436; }
.procontou .info { margin-left: 380px; color: #666; }
.procontou .info .name { font-size: 26px; color: #38a7e5; margin-top: 20px; }
.procontou .info02 .name { color: #192436; font-weight: bold;}
.procontou .info .num { width: 80%;font-size: 16px; margin: 10px 0; }
.procontou .info .txt { font-size: 14px; line-height: 24px; }
.procontou .info .btn { margin-top: 20px; }
.procontou .info .btn span { display: inline-block; background: #38a7e5; color: #fff; padding: 0 20px; line-height: 40px; height: 40px; border-radius: 20px; }
.procontou .info02 .btn span { background-color: #192436 }






.pro_dl{ border-bottom:1px solid #ddd;}
.pro_dl li{ padding:10px; background:#F7F8FA; border: solid 1px #DCDEE3; float:left; cursor:pointer; margin-right:5px; margin-bottom:-1px;}
.pro_dl li.on{ border-bottom:1px solid #fff; border-top:1px solid #109ddd; background:#fff;}
.pro_dl02 li.on{ border-bottom:1px solid #fff; border-top:1px solid #192436; background:#fff;}

.pro_dd{ background:#fff; padding:10px;}
.pro_dd li{ display:none;}
.pro_dd li.on{ display:block;}

.pro_dd .item { height: 300px; margin-bottom: 20px; border-bottom: 1px solid #DEDEDE; padding-bottom: 20px; }
.pro_dd .item .text { float: left; width: 50%; padding-top: 90px; padding-left: 50px; box-sizing: border-box; }
.pro_dd .item02 .text { float: right; }
.pro_dd .item .text .biao { font-size: 26px; color: #38a7e5; line-height: 40px; margin-bottom: 20px; }
.pro_dd02 .item .text .biao { color: #df6319; }
.pro_dd .item .text .biao i { margin-right: 10px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #38a7e5; font-size: 30px; font-family: impact; font-style: normal; float: left; border-radius: 20px; }
.pro_dd02 .item .text .biao i { background: #df6319; }
.pro_dd .item .text .wenz { font-size: 14px; line-height: 24px; color: #666; }
.pro_dd .item .img { float: right; width: 50%; text-align: center; }
.pro_dd .item02 .img { float: left; }
.pro_dd02 li table{max-width: 100% !important;}
.pro_dd02 li tr{max-width: 100% !important;}
.pro_dd02 li td,th{width: auto !important;}
.pro_dd02 div{max-width: 100% !important;}
.pro_dd02 img{max-width: 100% !important;}



.imageflow img{ -webkit-box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); }
.imageflow{overflow:hidden; position:relative; visibility:hidden; width:1200px; margin:0 auto;margin-left: -40px;}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}


/*joinus*/
.jobbox { margin-bottom: 20px; border-bottom: 1px solid #dedede; }
.jobbox .qline { background: #eee; border-top: 2px solid #192436; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #192436;font-weight: bold;font-size: 16px;}
.jobbox .aline { display: none; }
.join_more { width: 100%; background: #fff; }
.join_more tbody tr td { line-height: 24px; padding: 11px 20px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.join_more tbody tr td span { color: #000;padding-right: 6px; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }

.foot-box {display: none;}
.show-box{display: none;}
.pro-list:nth-child(1) {background:#1e283a;color:#fff;}
.pro-list {background:#fff;color:#1e283a;font-size:15px;padding:7px 20px; margin-right:10px;float: left;border-radius: 20px;}
.pshd00{display: none;}
#message_area  .back_msg {width: 500px;height: 160px;}
.home_pro .wel-two-work-left h2{line-height: 18px;display: block;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space:nowrap;}
.home_pro .wel-two-work-left p{line-height: 18px;display: block;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;white-space:nowrap;}

.content .feedback{ background:url(../../../images/feedback.jpg) no-repeat left top; padding:25px 50px 25px 14%; position:relative;}
.content .feedback form{ background-color:#fff; box-shadow:2px 3px 5px #ddd; padding:10px 8% 20px; line-height:30px; border:1px solid #eee;}
.content .feedback .line{ overflow:hidden; margin-top:15px;}
.content .feedback label{  width:100px; display:block; float:left;line-height:30px;}
.content .feedback .input{ border:1px solid #ccc; margin-left:100px; padding:0 10px;}
.content .feedback input{ line-height:28px;height:28px; border:none; display:block; width:100%;}
.content .feedback textarea{ height:80px; border:none; width:100%; line-height:20px; padding:10px 0;}
.content .feedback input.btn{ line-height:40px; height:40px; font-size:15px; font-family:microsoft yahei; cursor:pointer; background-color:#ddd;}
.content .feedback input.btn:hover{ color:#fff; background-color:#1262bb;}
.content .feedback img{ position:absolute; bottom:-48px; right:0px;}








@media screen and (max-width: 1200px) {
    #primary { width:67%; }
    #secondary { width:30%; margin-left:3%;} 
	.wrapper {width: 96%;padding: 0 20px;box-sizing: border-box;}
	.hide-box {display: none;}
	.foot-box {display: block;width: 100%;margin: 0 auto;background: #4f626d;padding: 30px 0;}
	.foot-box .foot-msg{width: 96%;margin: 0 auto;padding: 0 20px;}
	.foot-box .foot-msg p{text-align: center;font-size: 14px;line-height: 18px;color: #fff;}
	#swiper1 .swiper-banner-poa{position: absolute;top: 32%;left: 0%;width:100%;max-height: 308px;height: 100%}
    #swiper1 .swiper-banner-poar{position: absolute;top: 32%;right: 15.6%;max-height: 308px;height: 34.3%}
    #swiper1 .swiper-banner-poac{position: absolute;top: 32%;right: 32%;left: auto !important;max-height: 308px;height: 34.3%}
	.show-box {display: block;width: 100%;margin: 0 auto;padding: 5px 0;}
	.career {min-height: 100vh;}
	
	.pro-list {margin-top: 10px;}
	.top-show {background: #192436;}
	.top-show ul{width: 94%;margin: 0 auto;padding: 10px 0; overflow: hidden;}
	.top-show ul li{width: 33%;float: left;text-align: center;}
	.top-show ul li a{text-align: center;color: #fff;}
	
	.banner-box {width: 80%;margin-top: 0px !important;}
	.about .time{padding: 20px 20px;}
	.about .click a div {display: inline-block;background: #fbfbfb;width: 48%;height: 100%;text-align: center;padding: 20px 0;}
	.about h3 {font-family: PingFangSC-Medium,Microsoft YaHei;font-size: 20px;color: #000000;text-align: center;margin-top: 20px; margin-bottom: 15px;}
	
	.inpage .pro li {width: 32%;float: left;margin-right: 1.5%;margin-bottom: 20px;-webkit-transition: all .2s;transition: all .2s;}
	.inpage .pro li:nth-child(3n) { margin-right: 0; }
	.honor .wrapper ul li {width: 30%;float: left;margin-right: 5%;margin-bottom: 20px; position: relative;}
	.honor .wrapper ul li:nth-child(3n) {margin-right: 0;}
    .honor h3 {font-size: 30px;margin-top: 2%;margin-bottom: 10%;}
    .career h3 {font-size: 30px;margin-top: 2%;margin-bottom: 10%;}
	.contact h3 {font-size: 30px;margin-top: 2%;margin-bottom: 10%;}
	
	.prolist02 .item:nth-child(3n){margin-right: 0;} 
	.inbanner-tit{font-size:28px; font-weight:bold; width:100%; color:#192436; font-family: Georgia, 'Times New Roman', Times, serif;}
.inbanner-txt{font-size:14px; line-height:160%; margin-bottom:50px; float:left; width:100%; color:#192436;}
.inbanner-but{border:#192436 1px solid; font-size:15px; padding:13px 30px; margin-right:10px; color:#192436;}
	.inpage .pro .tit {
    font-size: 18px;
    line-height: 52px;
    height: 52px;
    overflow: hidden;
}
	.inpage .pro .bg {
    height: 52px;
}
	.innav .bd .bul .bli {
    margin-top: 10px;
}
	
	
}
@media screen and (max-width: 920px) {
    .hide_box3 {display: none;}

}


@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
	.wrapper {width: 96%;padding: 0 20px;box-sizing: border-box;}
	.reactive {width: 96% !important;padding: 0 20px;box-sizing: border-box;}
	.hide-box {display: none;}
	.inbanner-pic{display: none;}
	.foot-box {display: block;width: 100%;margin: 0 auto;background: #4f626d;padding: 30px 0;}
	.logo{width: 30%;height: auto;}
	.logo img{width: 100%;height: auto;}
	.innav .bd .bul .bli {margin-top: 10px;width: 45%;}
	.innav .bd {width: 100%;}
	.innav .bd .bul .bli .ba {font-size: 10px;padding: 0 10px;text-align: center;}
	.inpage .pro li {width: 49%;float: left;margin-right: 1.5%;margin-bottom: 20px;-webkit-transition: all .2s;transition: all .2s;}
	.inpage .pro li:nth-child(3n) { margin-right: 1.5%; }
	.inpage .pro li:nth-child(2n) { margin-right: 0; }
	.career {min-height: 100vh;}
	.contactlist .info {width: 100%;float: none;}
	.contactlist .map {width: 100%;float: none;}
	.pro-box {width: 80%;}
	.banner-box {width: 80%;margin-top: -4% !important;}
	.banner-tit1 {font-size: 14px;line-height: 16px;}
	.banner-tit2 {font-size: 10px;margin-top: 2%;display: none;}
	.banner-tit3 {font-size: 10px;margin-top: 2%;}
	.banner-tit3 font{padding: 10px 16px;}
	.banner-tit4 {margin-top: 1.5%;}
	.top-show {background: #192436;}
	.top-show ul{width: 94%;margin: 0 auto;padding: 10px 0; overflow: hidden;}
	.top-show ul li{width: 33%;float: left;text-align: center;}
	.top-show ul li a{text-align: center;color: #fff;}
	.top-line {width: 100%;height: 10px;}
	.inpage { padding: 20px 0;margin: 0 auto;}
    .honor h3 {font-size: 20px;margin-top: 3%;margin-bottom: 10%;}
    .career h3 {font-size: 20px;margin-top: 3%;margin-bottom: 10%;}
	.contact h3 {font-size: 20px;margin-top: 3%;margin-bottom: 10%;}
	.prolist02 .item {width: 49%;margin-right: 2%;}
	
	.prolist02 .item:nth-child(3n){margin-right: 2%;}
	.prolist02 .item:nth-child(2n){margin-right: 0;}
	.pro-list {float: none;}
	#swiper2 {padding-top: 2%;}
	.prolist .item .info .nam {
    line-height: 14px;
    margin-bottom: 1%;
    font-size: 14px;
}
	.prolist .item .info {
    padding: 10px;
    text-align: center;
}
	.prolist .item .info .txt {
    line-height: 14px;
    font-size: 12px;
    padding: 0 6px;
		height: auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
	.join_more tbody tr td {float: left;width: 100%;}
	.join_more tbody tr{overflow: hidden;}
	.about .time .shaft-text {
    width: 90%;
    margin-left: 10px;
}
	.about .click {
    margin-top: 20px;
    margin-bottom: 10px;
}
	.about .click a:first-child div {
    margin-right: 3%;
}
	.about .team .team-text {
    width: 98%;
}
	.about .team {
    box-shadow: 2px 3px 6px rgb(25,36,54,0.6);
    padding-top: 10px;
    padding-left: 10px;
    height: auto;
		background: url();
}
    #message_area {width: 100%}
    #message_area  table{width: 100%;}
    #message_area  .btn{display: block;margin-top: 0.5%;margin-right: 0px;}
    #message_area  .back_msg {width: 98%;height: 120px;}
	.inbanner-tit {font-size: 14px;font-weight: bold;width: 90%;color: #192436;font-family: Georgia, 'Times New Roman', Times, serif;}
	.inbanner-txt{font-size:14px; line-height:160%; margin-bottom:30px; float:left; width:90%; color:#192436;}
	.inbanner-but{border:#192436 1px solid; font-size:12px; padding:6px 12px; margin-right:10px}
	.inbanner-line {width: 1%;height: 300px;}
	.inbanner-h{height: 400px;}
	.honor .wrapper ul li {width: 48%;float: left;margin-right: 4%;margin-bottom: 20px; position: relative;}
	.honor .wrapper ul li:nth-child(3n) {margin-right: 4%;}
	.honor .wrapper ul li:nth-child(2n) {margin-right: 0;}
	.procontou .proslide {width: 48%;height: auto;float: none;}
	.procontou .info {margin-left: 0;}
	.pshd02 {display: none;}
	.pshd00 {display: block;}
	.inpage .pro .tit {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}
    .content .feedback{ padding:0px;}
    .content .feedback .line{ margin-top:10px;}
    .content .feedback label{ display:none;}
    .content .feedback .input{ margin-left:0px;}
	.inpage .pro .bg {
    height: 30px;
}
	
}