html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}
  * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  *:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  html {font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
  body {color:#333;font-family:"Microsoft Yahei",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;}
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
  h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%; font-weight:normal;}
  nav ul {list-style:none;}
  nav ul {list-style:none;}
  li {list-style:none;}
  blockquote,q {quotes:none;}
  blockquote:before,blockquote:after,q:before,q:after {content:none;}
  a {margin:0;padding:0;background:transparent;color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;font-family:"Open Sans","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,Verdana,Tahoma,sans-serif;}
  a:hover,a:focus {color:#076ce0;text-decoration:none;cursor:pointer;}
  img {margin:0;padding:0;max-width:100%;width:inherit;height:auto;vertical-align:middle}
  ul,ol{list-style-type:none;}
  i, em{font-style:normal}
  .fl{float: left;}
  .fr{float: right;}
  .pr{position: relative;}
  .wrapper{width: 96%; max-width: 1200px; margin: 0 auto;}
  .top{width: 100%; height: 35px; line-height: 35px; background: #1e549c; color: #fff;}
  .top a{color: #fff;}
  .top_r li{float: left; margin-left: 15px; position: relative;}
  .top_r li mip-img{width: 22px; float: left; margin: 7px 5px 0 0;}
  .top_r li .top_ewmimg{display: none;}
  .top_r li:hover .top_ewmimg{display: block; position: absolute; top: 35px; left:50%; margin-left: -50px; z-index: 2;}
  .top_r li .top_ewmimg mip-img{width: 100px;}
  .header{width: 100%; overflow: hidden;}
  .tlogo{float: left; padding:15px 0;}
  .tlogo .mip-fill-content{max-height:52px;display: initial !important;min-width: initial !important; max-width: 100% !important; height: initial !important;margin: initial !important; }
  .pcnav{float: right;}
  .pcnav li{float: left; font-size: 16px; line-height: 82px;}
  .pcnav li a{display: block; padding: 0 20px;}
  .pcnav li a:hover{ background: #1e549c; color: #fff;}
  .navico{display: none;}
  mip-sidebar{width: 240px;}
  mip-sidebar li{padding: 0 25px; line-height: 40px;}
  .navclose{display:inline-block; margin:20px; position: relative; width: 22px; height: 22px; cursor: pointer;}
  .navclose em{background:#555;display:block; position: absolute; transform: rotate(45deg);}
  .navclose em:nth-last-child(1){width:22px;height:2px; left: 0; top: 10px;}
  .navclose em:nth-last-child(2){width:2px;height:22px; left: 10px; top: 0;}

  .footer{width: 100%; overflow: hidden; background: #eceef2; padding:50px 0; line-height: 30px;}
  .links{border-bottom: 1px #fff solid; padding-bottom: 30px; margin-bottom:25px; width: 100%; overflow: hidden;}
  .links dt{float: left;}
  .links dd{padding-left: 80px; color: #c9c9c9;}
  .links dd a{padding:0 20px; display: inline-block;}
  .copyright{text-align: center;}

  .banner{width: 100%; overflow: hidden; position: relative;}
  .banner .mip-carousel-indicator-wrapper{position: absolute; bottom: 10px; left: 0; width: 100%;}
  .banner .mip-carousel-indicator-wrapper .mip-carousel-indicatorDot{margin: 0 auto; display: inline-block;}
  .banner .mip-carousel-indicatorDot .mip-carousel-indecator-item{background: #fff;opacity: 0.8; width: 8px; height: 8px; border-radius: 8px;}
  .banner .mip-carousel-indicatorDot .mip-carousel-activeitem{opacity:1; width: 16px; border-radius: 8px;}

  .content{width: 100%; overflow: hidden;}
  .bgf8{background: #f8f8f8;}
  .pad50{padding:50px 0;}
  .ctitle{width:100%; text-align:center; position:relative; padding-bottom:10px;}
  .ctitle.borbot{border-bottom:1px #e2e2e2 solid;}
  .ctitle span{display:inline-block; margin:0 auto; font-size:24px; color:#333; line-height:30px;}
  .ctitle span i{font-size:13px; color:#999; padding-left:10px;}
  .ctitle em{width:60px; height:3px; display:block; position:absolute; left:50%; bottom:-2px; background:#064da3; line-height:0; margin-left:-30px;}
  .workbox{width: 100%; overflow: hidden; margin-top:20px;}
  .workbox ul{width: 101%;}
  .workbox li{width: 23%; float: left; display: inline-block; margin:15px 2% 0 0; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
  .workbox li span, .workbox li em, .workbox li b{font-style: normal; overflow: hidden;display: block;}
  .workbox li span{width: 100%; text-align: center;display: flex;justify-content: center; align-items: Center;}
  .workbox li p{text-align: center; width: 100%; overflow: hidden; padding: 10px;}
  .workbox li em{font-size: 16px; text-align: center; line-height: 30px; height: 30px;text-overflow:ellipsis; white-space: nowrap; word-break: break-all;}
  .workbox li b{ height: 24px; line-height: 24px; font-weight: normal; color: #999;text-overflow:ellipsis; white-space: nowrap; word-break: break-all;}
  .workbox li:hover{transform:translateY(-10px);
  -ms-transform:translateY(-10px);
  -webkit-transform:translateY(-10px);}
  .workbox li:hover p{background: #198ede;transition: all .36s ease-out 0s;}
  .workbox li:hover em, .workbox li:hover b{color: #fff;transition: all .36s ease-out 0s;}
  .workbox li:hover b{opacity: 0.6;}
  .mg30{width: 100%; overflow: hidden; margin-top:30px; text-align: center;}
.more{width:200px; height: 46px; line-height: 46px; border-radius: 46px; border:1px #e2e2e2 solid; color: #064da3; display: inline-block; background: #fff; text-align: center;}
.more span{display: inline-block; margin:0 auto;}
.more i{background: url(../images/icon.png) no-repeat 0 -100px; width: 5px; height: 9px; display: inline-block; float: right; margin:18px 0 0 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
 -o-transition: all 0.3s; transition: all 0.3s;}
.more:hover{color: #064da3;}
.more:hover i{margin-left:20px;}
.iproduct{width: 100%; margin-top:20px; overflow: hidden;}
.iproduct ul{width: 104%;}
.iproduct li{width: 29.33%; float: left; display: inline-block; margin:15px 4% 0 0;}
.iproduct li span, .iproduct li em, .iproduct li b{font-style: normal; overflow: hidden;display: block; width: 100%;}
.iproduct li span{width: 100%; display: block; overflow: hidden;}
.iproduct li img{width:100%; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.iproduct li:hover img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.iproduct li em{font-size: 16px; text-align: center; margin:20px 0 0; height: 30px; line-height: 30px; color: #064da3;}
.iproduct li a{display: block;}
.iproduct li b{ margin-top: 10px; height: 52px; line-height: 26px; font-weight: normal; color: #999; display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.iproduct li:hover em{color: #1e549c;-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.inews{width: 100%; overflow: hidden; margin-top:10px;}
.inews_hot{width: 46%; float: left; margin-top:30px; overflow: hidden;}
.inews_hot h1{height: 202px; text-align: center;display: flex;justify-content: center; align-items: Center; overflow: hidden;}
.inews_hot h1 mip-img, .inews_hot h1 img{ width: initial; max-width: initial;}
.inews_hot h1 img{min-height:202px;}
.inews_hot h2{ font-size: 16px; margin-top:20px; height: 30px; line-height: 30px; overflow: hidden; width: 100%;text-overflow:ellipsis; white-space: nowrap; word-break: break-all; }
.inews_hot p{margin-top:10px; line-height: 24px; color: #999; height: 48px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.inews_hot h3{margin-top:20px;}
.inews_hot h3 a{ -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.inews_hot h3 a:hover{margin-left:10px;}

.inews_list{width: 46%; float: right;}
.inews_list dl{width: 100%; overflow:hidden; margin-top:30px; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.inews_list dt{float: left; padding-right: 15px; border-right: 1px #e2e2e2 solid;}
.inews_list dt span, .inews_list dt em{width: 100%; overflow: hidden; display: block;}
.inews_list dt span{color: #333; font-size: 24px; line-height: 24px;}
.inews_list dt em{text-align: right; color: #999; font-size: 15px; line-height: 18px; margin-top:5px;}
.inews_list dd{padding-left:96px;}
.inews_list dd span, .inews_list dd em{width: 100%; overflow: hidden; display: block; line-height: 24px; height: 24px;text-overflow:ellipsis;white-space: nowrap;}
.inews_list dd span{font-size: 16px;}
.inews_list dd em{color: #999; margin-top:2px;}
.inews_list dl:hover{margin-left:10px;}
.abouttop{width: 100%; background: #064da3; overflow: hidden; height: 218px;}
.aboutimg{width: 50%; float: right; overflow: hidden;display: flex;justify-content: center; align-items: Center; text-align: right;}
.aboutimg mip-img, .aboutimg img{ width: initial; max-width: initial;}
.aboutimg img{height: 218px;}
.aboutdt{width: 48%; float: left; color: #fff;}
.about_t{width: 100%; overflow: hidden; display: block; margin-top:30px; position:relative; opacity: 0.6;}
.about_t dt{float: left; font-size: 62px; line-height: 62px;}
.about_t dd{float: left; line-height: 28px;}
.about_t dd h2{ font-size: 22px; margin:2px 0 0 5px;}
.about_t dd p{ font-size: 24px;}
.about_name{margin-top:18px; height: 35px; font-size: 22px; position: relative;}
.about_name em{border-top: 1px #fff solid; position: absolute; top: 35px; left: 0; height: 0; width: 180px; line-height: 0;}
.about_txt{font-size: 16px; margin-top:12px; opacity: 0.6;}
.aboutbot{width: 100%; overflow: hidden;; border-bottom: 1px #e2e2e2 solid; height: 130px; position: relative;}
.about_p{padding-right: 230px; float: left; line-height: 30px; height: 90px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 3; margin-top:15px;}
.about_more{width: 130px; height: 130px;position: absolute; top: 0; right: 0; text-align: center; background: #f5f5f5;}
.about_more a{display: block; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.about_more a:hover{transform:translateX(10px);
  -ms-transform:translateX(10px);
  -webkit-transform:translateX(10px);}
.about_more span, .about_more em{width: 100%; overflow: hidden; display: block;}
.about_more span{margin-top:33px; height: 30px;}
.about_more span i{width: 30px; height: 30px; display: inline-block; margin:0 auto; border-radius: 5px; background: url(../images/icon.png) no-repeat 12px -41px #064da3;}
.about_more em{margin-top:10px;}



.nbanner{width: 100%; overflow: hidden; position: relative;}
.place{padding: 25px 0; line-height: 20px; width: 100%;}
.place h1{height: 10px; line-height: 0; overflow: hidden; border-bottom: 1px #ededed dashed;}
.place p{position: absolute; top: 0; left: 0; display: inline-block; padding:0 0 0 15px; background: url(../images/icon.png) no-repeat 0 -282px #fff; color: #1e549c;}
.place p a, .place p span{padding: 0 12px; color: #888;}
.cleft, .cright{padding-bottom: 40px;}
.cleft{width: 260px; float: left;}
.ltitle{ height: 115px; background: #1e549c; border: 5px #198ede solid; color: #fff; text-align: center;}
.ltitle dl{display: inline-block; margin:20px auto 0;}
.ltitle dl dt{font-size: 62px;}
.ltitle dt{float: left; font-size: 62px; line-height: 62px;}
.ltitle dd{float: left; line-height: 28px; text-align: left;}
.ltitle dd h2{ font-size: 22px; margin:4px 0 0 5px;}
.ltitle dd p{ font-size: 24px;}
.lmenu{width: 100%;}
.lmenu li{width: 100%; height: 60px; line-height: 60px; background: #fafafa; margin-top: 10px;}
.lmenu li a{display: block; padding: 0 40px; background-position:216px -200px; font-size: 18px;}
.lmenu li a:hover, .lmenu li.on a{background-position:216px -129px; color: #fff; background: #198ede;}
.cright{padding-left:300px;}
.about{line-height: 28px;} 

.detail_title{font-size: 24px; color: #1e549c; text-align: center; line-height: 30px;}
.detail_info{text-align: center; color: #999; margin-top: 10px;}
.detail_cont{line-height: 30px; margin-top: 30px;}
.detail_cont table{background:#ddd;}
.detail_cont table td{background:#fff;}
.case_list{width: 100%; overflow: hidden; display: block;}
.case_list ul{width: 103%;}
.case_list li{float: left;; width: 100%; margin-bottom:20px;}
.case_list li a{border: 1px #eee solid;padding:20px;overflow: hidden; display: block;}
.case_list li a .ldimg{float: left; width: 260px; overflow: hidden; display: block; text-align: center; display: flex;
 justify-content: center; align-items: Center;}

.case_list li a .ldui{padding-left:280px; display: block; line-height: 24px;}
.case_list li a .ldui em, .case_list li a .ldui b, .case_list li a .ldui i{width: 100%; overflow: hidden; display: block;}
.case_list li a .ldui em{font-size: 18px; height: 24px; text-overflow:ellipsis; white-space: nowrap; word-break: break-all;}
.case_list li a .ldui b{font-style: normal; font-weight: normal; margin-top: 10px; height: 48px; color: #999;}
.case_list li a .ldui i{background: url(../images/icon.png) no-repeat 0 -340px; height: 10px; margin-top: 25px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_list li a:hover .ldui i{background-position:20px -340px;}
.case_list li a .ldimg img{width:100%; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.case_list li:hover a .ldimg img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }


.newlist li .newmore{background: url(../images/icon.png) no-repeat;}
.newlist{width: 100%;}
.newlist li{border-bottom: 1px #eee solid; padding:0 0 18px; width: 100%; overflow: hidden; position: relative; margin-bottom: 22px;}
.newlist li a{display: block; padding: 0 100px 0 20px;}
.newlist li .newtime{width: 80px; float: left; display: block; background: #f2f2f2; text-align: center;}
.newlist li .newtime em, .newlist li .newtime i, .newlist li .newinfo em, .newlist li .newinfo b{width: 100%; overflow: hidden; display: block;}
.newlist li .newtime em{line-height: 48px; height: 48px; color: #1e549c; font-size: 28px;}
.newlist li .newtime i{height: 35px; line-height: 35px; color: #fff; background: #198ede; font-size: 14px;}
.newlist li .newinfo{padding-left: 100px; display: block; line-height: 24px;}
.newlist li .newinfo em{font-size: 16px;margin-top: 3px; height: 24px;}
.newlist li .newinfo b{font-style: normal; font-weight: normal; color: #999; height: 48px; overflow: hidden; margin-top: 15px;}
.newlist li .newmore{position: absolute; top: 30px; right: 25px; width: 36px; height: 36px; border-radius: 30px; border:1px #ddd solid; background-position: 9px -576px; display: block;}
.newlist li:hover{/*box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.08);*/}
.newlist li a:hover .newmore{background: url(../images/icon.png) no-repeat 9px -626px #198ede;}
.page{width: 100%; overflow: hidden; margin-top:50px; line-height: 36px; text-align: center;}
.page a, .page em, .page span{display: inline-block; padding:0 13px; margin: 0 2px 5px;}
.page a{background: #f6f6f6;}
.page input{margin:0 3px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #555; border:0 none; background: #f6f6f6;}
.page button{width: 62px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #555; border:0 none;background: #f6f6f6; cursor: pointer;}
.page button:hover, .page a.on{background: #1e549c; color: #fff;}
.modbottom{display: none;}
.tlogin{float:right; padding-left:30px;}
.tlogin a{padding:0 10px;}

@media screen and (max-width: 768px){
  .top{height: 28px; line-height: 28px; font-size: 12px;}
  .top_r{display: none;}
  .tlogo{padding: 8px 0;}
  .tlogo .mip-fill-content{max-height: 35px; width: initial !important;}
  .pcnav{display: none;}
  .navico{display: block; float: right; padding: 12px 5px;}
  .navico span{background:#555;display:block;width:20px;height:2px;margin-top:5px;position:relative;z-index:1;transform-origin:20px center;border-radius:2px;}

  .pad50{padding:25px 0;}
  .workbox, .iproduct, .product{margin-top:10px;}
  .workbox ul{width: 103%;}
  .workbox li{width: 47%; margin-right:3%;}
  .more{width: 180px;}
  .iproduct ul{width: 100%;}
  .iproduct li{width: 100%; margin-right:0;}
  .iproduct li em{margin-top:10px;}
  .iproduct li b{margin-top:5px;}
  .inews_hot, .inews_list{width: 100%; overflow: hidden; float:inherit; margin-top:15px;}
  .inews_hot h1{height:160px; }
  .inews_hot h1 img{min-height:160px;}
  .inews_hot h2, .inews_hot h3{margin-top: 10px;}
  .inews_hot p{margin-top:5px;}
  .aboutimg{display: none;}
  .aboutdt{width: 100%;}
  .about_txt{font-size: 13px;}
  .about_p{padding-right: 140px;}
  .about_more{right: -3%;}


  .nbanner{ text-align: center;display: flex;justify-content: center; align-items: Center;}
  .nbanner mip-img, .nbanner img{height: 140px; width: initial; max-width: initial;}
  
  .cleft{width: 100%; overflow: hidden;}
  .cright{padding-left: 0;}
  .lmenu ul{width: 105%;}
  .lmenu li{float: left; width: initial; display: inline-block; margin:10px 10px 0 0; height: 40px; line-height: 40px;}
  .lmenu li a{padding: 0 16px; font-size: 16px; background: none;}
  .ltitle dl{margin-top:0;}
  .ltitle{height: 60px;}
  .cleft{padding-bottom: 20px;}
  .ltitle dl dt{font-size:46px; line-height: 50px;}
  .ltitle dd{line-height: 20px;}
  .ltitle dd h2{font-size: 15px; margin-top:5px;}
  .ltitle dd p{font-size: 17px;}

  .cright{padding-bottom: 25px;}
  .case_list li a{padding: 8px;}
  .case_list li a .ldimg{width: 140px;}
  .case_list li a .ldui{padding-left: 150px;}
  .case_list li a .ldui em{font-size: 16px; line-height: 20px;}
  .case_list li a .ldui b{margin-top:2px; height: 20px; line-height: 20px;}
  .case_list li a .ldui i{margin-top:8px;}


  .cright{padding-bottom: 25px;}
  .newlist li .newinfo{padding-left: 95px;}
  .newlist li a{padding: 0 45px 0 0px;}
  .newlist li .newmore{right: 0; width: 32px; height: 32px; background-position: 7px -578px;}
  .newlist li  a:hover .newmore{ background-position: 9px -628px;}
  .modbottom{display: block;}
  .modbotbtn{width: 96%; padding: 10px 2% 10px;}
  .modbotbtn span{display: inline-block;width: 44%; margin:0 3%; height: 42px; line-height: 42px; border-radius: 3px; color: #fff; text-align: center;}
  .botzxbtn{background: #2c2c2c;}
  .bottelbtn{background: #d9241b;}
}