/* body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:fhidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100%; background:#FFF;}
.text{ height: 20px; line-height: 20px; padding:0 8px; background: #fff; border:1px solid #c5c5c5; }
em{ font-style:normal;}
li{ list-style:none;}
em,i{ font-style: normal; }
img{list-style:none;}*/



*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style:none outside none;}
html,body{*position:static}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color: #000;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased; font-size:14px;}
body{font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6{ font-weight: 400;}
span.icon-uniE918{ color: #60abff; }
.text{ height: 20px; line-height: 20px; padding:0 8px; background: #fff; border:1px solid #c5c5c5; }
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:hover{color:#075bb9;}
a:focus {outline: 0 none;}
.clearfix:after{ content:""; clear:both; height:0; visibility:fhidden; display:block;}
.clearfix{*zoom:1;}
em{ font-style:normal;}
li{ list-style:none;}
em,i{ font-style: normal; }
img{vertical-align: middle; border:none;}
.margintop50{ margin-top:50px;}
/* head */
.box{ width: 1100px; margin: 0 auto; height:auto; overflow:hidden;}
.head{ height: 90px; }
.head h1{ width:330px; height:auto; overflow:hidden;float: left;}
.head h1 img{ width:100%; margin-top: 10px;}
.rf {display: block;float: right;}
.navk{display: block;float: right;margin-right:20px;}
.navk li{display: block;float: left;height: 90px;position: relative;}
.navk li a{position:relative;display: block;width:75px;height: 90px;overflow: hidden;line-height:90px;font-size:16px;color: #000;text-align: center;}
.navk li a span{display: block;position:absolute;width:100%;line-height:90px;color: #000;z-index:99;}
.navk li a:after {content:"";position:absolute; top:0px;visibility: initial!important; clear: inherit!important;display: block;width:0;height: 90px;background: #075bb9;transition: all 0.5s ease 0s;z-index:10;}
.navk li a:hover:after {width:100%; height:90px;transition: all 0.5s ease 0s;}
.navk li:hover a span, .navk li.on a span{color: #fff;background: #075bb9;transition: all 0.5s ease 0s;/*font-weight:bold;*/}
.navBtn{ display:none;}
.nav_inner{ display:none;}
.banner{ position:relative;width:100%; height:450px;}
.banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:450px;}
.banner li a{ position: absolute;top:0;left:0;width:100%;height:450px;object-fit: cover;}
.banner cite{position:absolute;bottom:15px;left:50%;z-index:999;display:block;margin-left:-50px;width:100px;height:20px;_display:none;}
.banner cite span{float:left;display:block;margin:0 4px;width:20px;height:20px; border-radius:50%;background-color:#fff;text-indent:-999em;cursor:pointer;}
.banner cite span:hover{background-color:#075bb9;}
.banner cite span.cur{background-color:#075bb9;cursor:default;}

.in-title{ width: 100%; height: auto; margin: 50px 0px 40px 0px; text-align: center;}
.in-title h1{ font-size: 24px;}
.in-title span{ font-size: 14px; color: #989797;}
.in-about{ width: 100%; height: auto; overflow: hidden; display:flex;justify-content:space-between;}
.in-about img{ width: 465px; height: auto;}
.in-about .abouttext{ width: 100%; height: 265px; margin: 10px 0 0 20px; line-height: 30px;}
.abouttext .content{ height: 220px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.in-about .more{ margin: 10px 0 0 0;}
.in-about a{ padding: 10px 20px; color: #075bb9; border: solid 1px #075bb9;}
.in-about a:hover{padding: 10px 20px; color: #075bb9; border: solid 1px #075bb9; background-color: #075bb9; color: #fff;}

.newlist{ width: 100%; height: auto; overflow: hidden;}
.flex{ display: flex; flex-wrap:wrap;justify-content:space-between;}
.newwidth{ width: 45%;}
.in_new{ line-height:50px; margin:10px 0 0 0;}
.in_new li{ border-bottom: dashed 1px #dbdbdb;}
.in_new i{ color:#dbdbdb; font-size:18px;}
.in_new span{ float:right; color:#b1b1b1;}
.in_right{ width:545px; height:auto; overflow:hidden;float:right; margin-top:40px;}
.start{justify-content:flex-start}
.between{justify-content:space-between;}
.mright30{ margin-right:30px;}
.width330{width:330px;}
.width260{width:250px;}
.service{margin:20px 0 0 0;display: flex;flex-wrap:wrap;justify-content:space-between;}
.service li{ position:relative; height:auto;font-size:18px; text-align:center; cursor:pointer; margin-bottom: 40px;}
.service a{ background:#f4f4f4; color:#222; display: block;}
.service a:hover{ background:#075bb9; color:#FFF;}
.service li .seimg{ width:100%; height:180px; overflow: hidden;}
.service li span{ width:100%;line-height:20px; text-align: center; display: block; padding: 25px 0;}


.footer{ width:100%; height:auto; overflow:hidden;background:#454545; line-height:30px; text-align:center; color:#FFF; padding:30px 0 30px 0; margin-top:50px;}
.footer a{ color:#f5f5f5;}
.page_banner{ width:100%; height:240px;}
.newbg{ background:url(../images/new_banner.jpg) no-repeat center #CCC;}
.servicebg{ background:url(../images/serivce_banner.jpg) no-repeat center #CCC;}
.teambg{ background:url(../images/teambg.jpg) no-repeat center #CCC;}
.contactbg{ background:url(../images/contactbg.jpg) no-repeat center #CCC; background-size:cover;}
.page_left{ width:245px; height:auto; overflow:hidden; float:left; margin-top:30px;}
.page_left .liftview{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.page_left .view{ background:#333; color:#FFF; border-radius:5px 5px 0px 0px; text-align:center; padding:30px 0px;}
.page_left .view p{ font-size:20px;}
.page_left .view span{ font-size:12px; color:#8a8a8a;}
.page_left .liftview ul li{ width:100%;line-height:65px; font-size:16px; text-indent:20px;}
.page_left .liftview ul li a{width:100%;background:#f8f8f8; color:#303030; display:block;}
.page_left .liftview ul li a:hover{  width:100%;background:#075bb9; color:#fff;display:block;}
.page_left .on{background:#075bb9 !important; color:#fff !important;}
.page_left .lefttxt{ width:100%;background:#f8f8f8; color:#303030; padding:10px 10px; line-height:30px;}
.page_left i{}
.page_left p{ display:block;}
.page_left .tel{ width:190px;float:left; display:block; line-height:20px; text-indent:5px; margin:10px 0 15px 0px;}
.page_left .tel p{ font-size:20px;}
.page_left .tel span{ color:#969696;}
@font-face {font-family: "iconfont";src: url('iconfont.eot?t=1597740143332'); /* IE9 */src: url('iconfont.eot?t=1597740143332#iefix') format('embedded-opentype'), /* IE6-IE8 */url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMMAAsAAAAABqAAAALAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBKIFAATYCJAMICwYABCAFhG0HMRvnBRHVk0NkfyxQh+xxGLWypAfVR2eSTTOLeF71Frf0zWoSpUnn/pRWpY6P8CAeDwQF7febPf+myXDNkKCZlWShkzUFQiQkslikWWhvac7SAQmLEarkVjVAi7aYK3CaPVjxzj0PxL36sgdROLQoweCcAmPWvtZ7EagXsKC74wKDmeV/wwA45HY+cQKSpFLXwO3VayquvX9mu5ulkljbg1AY2f9WJeWAQ2wCLg0EQM6PA/jEvdPmeRfIfOddLnNM/hhgHEgBjTGsTVZA2DB2gUs4D4G8HjOode72TDjWNAHt09XEJBfhOJZPJNSsjVJATAq/mOE6/L3+1TSB4SOspp1le2771eyiDpm+TyIKQZs9sGAGcFCvNrOlT4xp5TMDQ7CveuF7gm9De/3zUJxVWwTQgZJ7krqyW+U3ABy6wwJwOuoVYPP5ap8MJupBx235zyF5FTLDxqEo1zyfjd3g7x71m+N4D/wtHLWFvjAu6gf/wRUkRP0EPLs2D0MdaIrmnlJDkpQ029vFedX3e+l7Dc+NfmNTPqjhyyrzWx+sAzKOHkn9zevYbb7tu4X6E6MA3v11Fir6+SCd0yv8O3V0FhKFLrcsJqpaMohhLMjvSQhF3E+WFajzNdbQulGXpJyUwYi6sJIRsqPPwCtYQZCsIW+azc0FDS71KZoCU1wBSJUHGGWPsKo8kR39E16bHwRV9ZF3FKrsWTAmK50dmHyhCINfTMO6Uo5dZlH9neJP4XNWHrLexF0aR0s3i/kLVcRzLOi+YltEoeK6xDO4jIqixobrjELRE5HGMQxV9yE9rEuYwYHJF4ow+MU0rCvlt5dZ6ft3ij+Fzy2EmuCbuEt7R0s3e5AvmqoX4V5u6b5iW0Sh4rrEM3BRYWdqbOpHZRSKnoxINY6BWqm+Gn19Xfl1OwCYgWXsafbQPoyj1K+Sjw8A') format('woff2'),url('iconfont.woff?t=1597740143332') format('woff'),url('iconfont.ttf?t=1597740143332') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */url('iconfont.svg?t=1597740143332#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont {width:50px;font-family: "iconfont" !important;font-size: 45px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float:left;margin:15px 0px 10px 0px;;color:#075bb9;}
.icon-dianhua:before {content: "\e608";}
.page_right{ width:830px; height:auto; overflow:hidden;float:right; margin:20px 0 0 20px;}
.page_right .crumb{ margin:20px 0px; color:#757575; font-size:13px;}
.news{ width:100%;}
.pagination{ width:550px; height:50px; line-height:50px; text-align:center; margin:20px auto;}
.pagination span{ padding:5px 10px;border:1px solid #999; font-size:13px; margin-left:10px;color:#999;}
/*.pagelist span:hover{border:1px solid #c1101a; background:#c1101a; color:#FFF;}*/
.pagination a:link,.pagination a:visited,.pagination a:active{padding:5px 10px;border:1px solid #075bb9;font-size:13px; margin-left:10px; color:#075bb9;}
.pagination a:hover {padding:5px 10px;border:1px solid #075bb9;font-size:13px; margin-left:10px; background:#075bb9; color:#FFF;}
.newcomp{ width:100%; height:auto; overflow:hidden; padding:20px 0px; line-height:35px;}
.newcomp p{ text-indent:25px; margin:10px 0px;}
.newcomp .newtitle{ text-align:center;}
.newcomp .newtitle h1{ font-size:22px; }
.newcomp .newtitle h2{ font-size:12px; color:#7e7e7e; margin:10px 0px 30px 0px; border-bottom:solid 1px #ebebeb; padding:10px 0 30px 0;}
.sercomp{ width:auto; margin: auto;}
.client{ width:100%; height:auto; overflow:hidden;display: flex;flex-wrap:wrap;}
.client li{ width:190px; height:120px; border: solid 1px #efefef; border-radius:5px; margin:10px 10px 10px 0; text-align:center; overflow:hidden;}
.client li img{ width:100%; height:auto;}
.team{ width:100%;height:auto; overflow:hidden;display: flex;flex-wrap:wrap;}
.team li{ width:250px; height:auto; overflow:hidden; margin:10px 20px 10px 0px;}
.team li .teamimg{ width:250px; max-height:180px; overflow:hidden;}
.team li .teamimg img{ width:100%;}
.team li p{ background:#e5e5e5; text-align:center; line-height:35px; border:solid 1px #d4d4d4; margin:5px 0 0 0; text-indent:0px;}
.teamdetail{ width:100%; height:auto; overflow:hidden; text-align:center;}
.teamdetail img{ width:200px; height:auto; margin:auto;}
.teamdetail p{ font-weight:bold; font-size:16px;}
.teamcomp{ width:100%; height:auto; overflow:hidden; padding:20px 0px; line-height:35px;}
.teamcomp p{ text-indent:25px;}
.about{ width:75%; height:auto; overflow:hidden; margin:50px auto;}
.about p{ font-size:16px; line-height:35px; margin:0px;}
.about span{}
.map{ width:98%; height:400px; border:solid 1px #dedede; margin:40px auto;}
.iw_poi_title {color:#075bb9;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact_txt{ width:750px; height:auto; overflow:hidden; line-height:40px; font-size:16px; float:left; padding-left:10px;}
.contact_ewm{ width:230px; height:230px; float:right; overflow:hidden;}
@media only screen and (max-width: 640px) {
.head h1{ width:230px; height:60px; margin:10px 0 0 0;}
.box{ width: 100%; margin: 0 auto; height:auto; overflow:hidden;}
.in_left{ width:96%; height:auto; overflow:inherit; float:none;margin:30px auto 0 auto;}
.in_new li{ position:relative;}
.in_new li a{ width:70%; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in_new span{ position:absolute; right:5px; top:0px;}
.in_right{ width:96%; height:auto; overflow:hidden;float:none;margin:30px auto 0 auto;}
.service li{ position:relative; width:100px; height:100px; border-radius:10px; margin-bottom:15px; font-size:14px; text-align:center; cursor:pointer;}
.service li .seimg{ width:40px; height:40px; margin:10px auto 0 auto;}
.service li .seimg img{ width:100%;}
.service li span{ width:60px; margin:10px auto 0 auto;line-height:15px; display:block;}
.footer{ width:100%; height:auto; overflow:hidden; background:#454545; line-height:25px; text-align:center; color:#FFF; padding:30px 0 20px 0; margin-top:50px;}
.banner{ position:relative;width:100%; height:300px;}
.banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:300px;}
.banner li a{display:block;margin:0 auto;width:100%;height:250px;}
.page_left{ width:96%; height:auto; overflow:hidden; float:none; margin:20px auto 0 auto;}
.page_left .tel{ width:80%;float:right; display:block; line-height:20px; text-indent:5px; margin:10px 0 15px 0px;}
.page_left p{ width:100%; height:auto; overflow:hidden; display:block;}
.page_left .lefttxt{ width:auto;background:#f8f8f8; color:#303030; padding:10px 10px; line-height:30px;}
.mright30{ margin:0 10px 0 5px;}
.page_right{ width:96%; height:auto; overflow:hidden;float:none; margin:10px auto 0 auto;}
.pagination{ width:100%; height:50px; line-height:50px; text-align:center; margin:20px auto;}
.newcomp{ width:auto;height:auto; overflow:hidden; padding:20px 0px; line-height:35px;}
.newcomp img{ width:100%;}
.about{ width:94%; height:auto; overflow:hidden; margin:50px auto;}
.about img{ width:100%;}
.sercomp{ width:100%;}
.team li{ width:45%; height:auto; overflow:hidden; margin:10px 30px 10px 0px;}
.team li:nth-child(2n){ margin-right:0px;}
.team li .teamimg{ width:100%; max-height:180px; overflow:hidden;}
.teamcomp{ width:auto; height:auto; overflow:hidden; padding:20px 0px; line-height:35px;}
.map{ width:96%; height:400px; border:solid 1px #dedede; margin:40px auto;}
.contact_txt{ width:96%; height:auto; overflow:hidden; line-height:40px; font-size:16px; float:none; padding-left:10px; margin:auto;}
.contact_ewm{ width:96%; height:230px; float:none; overflow:hidden; text-align:center;}
.navi{ display:none;}

.navBtn{width: 34px; height: 24px; position:absolute; right:10px; top:25px;  cursor: pointer; display:block; }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #075bb9; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:9999999999}
.navBtn:after{ bottom: 0; top: auto;  }
.cbtn{ height: 4px; width: 100%; background: #075bb9; position: absolute; left: 0; top: 10px;z-index:9999999999 }
.nav_inner li{ height:50px; line-height:50px;}
.nav_inner li a{ display:block; font-size:16px; color:#fff; font-weight:bold}
.pagination{ width:96%; height:50px; line-height:50px; text-align:center; margin:0px auto;}
.toshow .navBtn:before{ -webkit-transform: rotate(135deg) translate(7px,-6px); -ms-transform: rotate(135deg) translate(7px,-6px); transform: rotate(135deg) translate(7px,-6px); }
.toshow .navBtn:after{ -webkit-transform: rotate(-135deg) translate(9px,6px); -ms-transform: rotate(-135deg) translate(9px,6px); transform: rotate(-135deg) translate(9px,6px); }
.toshow .cbtn{ opacity: 0; filter: alpha(opacity=0);}
.toshow .nav_inner{ transition:all 0.5s ease 0s; display:block;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
.nav_inner{ position:absolute; display:none; top:105px; z-index:9999999999; width:100%; background:#075bb9; height:100%; padding:2rem 0 0 0 ; transition:all 0.5s ease 0s; right:0; text-align:center;}
.product img{ width:100%; margin:auto;}
.teamcomp p{ text-indent:0px;}
}