@charset "utf-8";
/* CSS Document */
.mphone {background-color: rgb(239, 239, 244); overflow: hidden;}	

.m-header a{text-decoration: none;color: #fff;}
.m-header a:hover{text-decoration: none;}
.m-header {width: 100%;}
.m-header .hide-box{height:60px;position:relative;z-index:1;}
.m-header .header{font-size:14px;padding: 0 10px;height: 60px;line-height: 60px;width:100%;position:fixed;left:0;top:0;z-index: 100;box-sizing:border-box;background:#fff;background-image:  url(/ufile/38554/logo0.png);background-position: 10px 50%!important; background-repeat:no-repeat; background-size: 120px; box-shadow: 0 2px 6px rgba(0,0,0,.3); border-bottom: 1px solid #0b60cc; z-index: 99999;}
.m-header .header:after{content: "";display: block;height: 0;font-size: 0;clear: both;}
.m-header .header .menu{float: right;height: 100%;width: 50px;position: relative;}
.m-header .header .menu .line{display: block;width:30px;height: 1px;background: #222;position: absolute; right: 0;  transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s;}
.m-header .menu .line1{top:20px;}
.m-header .menu .line2{top:30px;}
.m-header .menu .line3{top:40px;}
.m-header .header .active .line1{transform: rotate(45deg) translate(2px,12px);-webkit-transform: rotate(45deg) translate(2px,12px);-moz-transform: rotate(45deg) translate(2px,12px);}
.m-header .header .active .line2{transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);opacity: 0;}
.m-header .header .active .line3{transform: rotate(-45deg) translate(2px,-12px);-webkit-transform: rotate(-45deg) translate(2px,-12px);-moz-transform: rotate(-45deg) translate(2px,-12px);}
.m-header .header .to_home{float: left;height: 100%;width: 25px; display: none;}
.m-header .header .to_home img{width:100%;margin-top:16px;}
.m-header .navbar{display:none;padding:0px 25px 0px;background:#fff;position: fixed;width: 100%; left: 0; bottom:0;top:60px;z-index: 998;box-sizing: border-box;}
.m-header .navbar .a-wrap .a-list{display: block;width:100%;height: 52px;line-height: 52px; color: #666; border-bottom: 1px solid #eee;transition: width ease .4s;-moz-transition: width ease .4s;-webkit-transition: width ease .4s;font-size:14px;}
.m-header .navbar .a-wrap .a-list:last-child{border-bottom: none;}
.m-header .navbar .active .a-list{width: 40%;}
.m-header .navbar .active .a-list:nth-child(1){transition-delay: .1s;-webkit-transition-delay: .1s;-moz-transition-delay: .1s;}
.m-header .navbar .active .a-list:nth-child(2){transition-delay: .2s;-webkit-transition-delay: .2s;-moz-transition-delay: .2s;}
.m-header .navbar .active .a-list:nth-child(3){transition-delay: .3s;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;}
.m-header .navbar .active .a-list:nth-child(4){transition-delay: .4s;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;}




.m-title{padding:0 15px;height:60px;line-height:60px;border-bottom:1px solid #f0f0f0;}
.m-title h3{float:left;font-size:18px;color:#191919;line-height:60px;font-weight:normal;}
.m-title a{color:#666;font-size:16px;}
.fr{float:right}
	
.m-product{ background: #fff; margin-bottom: 10px; padding-bottom: 10px;}
.m-application{ background: #fff; margin-bottom: 10px; padding-bottom: 10px;}		
.m-about{ background: #fff; margin-bottom: 0px; padding-bottom: 10px;}	
.m-zizhi{ background: #fff; margin-bottom: 10px; padding-bottom: 10px;}		
.m-news{ background: #fff; margin-bottom: 10px; padding-bottom: 10px;}		
.m-partners{ background: #fff; margin-bottom: 10px; padding-bottom: 10px;}		
	
.swiper-container{ padding: 0 10px;}	

.aboutcon{width: 96%; margin: 2%;}	
	.aboutcon img{ max-width: 100%;}	
	
.news-guider-tit ul li{ width:33.333%;}	
.news-guider-tit ul .on{background: #0b60cc url(/phone/template/default/images/z3g_arrow_02.png) no-repeat 50% 100%;}	


.m-product a { color: inherit; text-decoration: none; }
.m-product img { max-width: 100%; vertical-align: top; border: 0; }	
.m-product .pr-list { overflow: hidden; padding: 0 10px; }
.m-product .pr-list li { float: left; width: 48%; padding: 0 1% 2%; text-align: center;}
.m-product .p-img {text-align: center; overflow: hidden; }
.m-product .p-caption { text-align: center; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.m-product .subtitle { color: #999; text-align: center; display: none; }

.news-list { padding:15px; }
.news-list .news-item { overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; margin-bottom: 15px; }
.news-list .news-item:last-child { margin-bottom: 0; }
.news-list .news-item .img-box { float: left; width: 30%; margin-right: 5%;}
.news-list .news-item .news_intro { float: left; width: 65%; }
.news-list .news-item .news_intro .news-title { font-size: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-list .news-item .news_intro .desc { font-size: 12px; margin-top: 8px; line-height: 200%; color: #666; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.neibanner{ height:auto; background: none;}
.zhichibanner{ height:auto; background: none;}
.neibanner_cp{ height:auto; background: none;}
.pinpaibanner{ height:auto; background: none;}
.neibannernews{ height:auto; background: none;}
.fanganbanner{ height:auto; background: none;}
.zhichibanner{height:auto; background: none;}
.contactbanner{height:auto; background: none;}

.neibanneren{height:auto; background: none;}
.neibannernewsen{height:auto; background: none;}
.fanganbanneren{height:auto; background: none;}
.pinpaibanneren{height:auto; background: none;}
.neibanner_cpen{height:auto; background: none;}
.zhichibanneren{height:auto; background: none;}
.contactbanneren{height:auto; background: none;}


.m-container{ background: #fff; overflow: hidden; margin-bottom: 10px; padding-bottom: 20px;}

.d-category a { color: inherit; text-decoration: none; }
.d-category img { max-width: 100%; vertical-align: top; border: 0; }
.d-category .category { padding: 10px; overflow: hidden; line-height: 40px; background-color: #fff;padding-left: 0;border-bottom: 1px solid #f0f0f0;}
.d-category .category .lable { display: inline-block; font-weight: normal; padding: 0 20px 0 10px; border-radius: 0 20px 20px 0;color:#666}
.d-category .category span { cursor: pointer; }
.d-category .category .more { float: right; color: #999; }
.d-category .category .back { float: right; color: #999; }
.d-category .leftcontrol { position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden; opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index: 999999; }
.d-category .leftcontrol .wrap-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.d-category .leftcontrol .wrap { width: 260px; height: 100%; background: #fff; overflow-x: hidden; overflow-y: auto; box-shadow: 3px 0 12px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; }
.d-category .leftcontrol .wrap .caption { font-weight: 700; line-height: 50px; padding: 0 25px; border-bottom: 1px solid #f5f5f5; }
.d-category .leftcontrol .nav a { display: block; height: 50px; line-height: 50px; color: #666; padding: 0 25px 0 25px; border-bottom: 1px solid #f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-category .leftcontrol .nav .more { width: 12px; height: 12px; position: relative; float: right; top: 22px; }
.d-category .leftcontrol .nav .more i { width: 12px; height: 1px; background: #474747; position: absolute; background-color: #A0A0A0; }
.d-category .leftcontrol .nav .more .v { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); -webkit-transition: all ease .3s; transition: all ease .3s; }
.d-category .leftcontrol .nav .more .transform { -webkit-transform: rotate3d(0, 0, 1, 0); transform: rotate3d(0, 0, 1, 0); }
.d-category .leftcontrol .nav .active > a { background-color: #f8f8f8; }
.d-category .leftcontrol .subnav { display: none; }
.d-category .leftcontrol .subnav a { padding: 0 25px 0 30px; position: relative; }
.d-category .leftcontrol .subnav a:before { content: ">"; font-family: 'sans'; margin-right: 5px; }
.d-category .on { -webkit-transform: translateX(0); transform: translateX(0); visibility: visible; opacity: 1; }



.d-pro{ box-sizing: border-box; font: 14px/1.43 'Microsoft Yahei', Tahoma, sans-serif; color: #666; padding: 15px 0 10px; }
.d-pro a { color: inherit; text-decoration: none; }
.d-pro img { max-width: 100%; vertical-align: top; border: 0; max-height: 126px; }
.d-pro .pr-list { overflow: hidden; padding: 0 10px; }
.d-pro .pr-list li { float: left; width: 48%; padding: 0 1%; }
.d-pro .p-img {text-align: center; overflow: hidden; }
.d-pro .p-caption { text-align: center; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.d-pro .subtitle { color: #999; text-align: center; display: none; }


.d_responsive_turn_page{margin:30px 0;text-align:center; height:auto; line-height:40px; clear:both;}
.d_responsive_turn_page span{height:40px; width:40px; display:block; text-align:center; line-height:40px; background:#f5f7f6; display:inline-block; margin:4px 4px; position:relative;}
.d_responsive_turn_page span:hover{background:#e9edeb;}
.d_responsive_turn_page span a, .d_responsive_turn_page span font{height:40px; width:40px; display:block; font-size:16px; text-decoration:none;}
.d_responsive_turn_page span .page_item_current{background:#0b60cc; color:#fff; cursor:default;}
.d_responsive_turn_page span em{ display:inline-block; vertical-align:middle; font-size: 20px; padding-left: 4px; margin-top: -3px;}

.d_responsive_turn_page.s1>span{background:none;}
.d_responsive_turn_page.s1>span .page_item_current{background:none; color:#ff6600;}


.d-footer { background: #fff; text-align: center; overflow:hidden; margin-top:10px; padding-bottom: 80px;}
.d-footer ul{margin:0 auto;}
.d-footer .foot_title{text-align:right; overflow:hidden;height:30px; line-height:30px; padding:0px 8px;border-bottom: 1px #f0f0f0 solid;}
.d-footer .foot_title a{color:#666;text-decoration: none;}
.d-footer .foot_title b{ background:url(/phone/template/default/d/dimg/tp.png) right 10px no-repeat; float:right; display:block; background-size:11px 12px; width:15px; height:30px;}
.d-footer .foot_title span{float:left; color:#666}
.d-footer .foot_title span a{color:#666;}
.d-footer .foot_bottom{ padding:10px; background:#c9f9c1; text-align:center; line-height:20px; overflow:hidden; margin:0 auto;display: none;}
.d-footer .foot_bottom span{color:#035ebc; padding-top:12px; display:block; } 
.d-footer .foot_bottom span b{padding-right:4px; font-weight:normal; display:inline-block}
.d-footer .foot_bottom span h1{display:inline-block}
.d-footer .foot_bottom span img{padding-right:4px; padding-right:4px; display:inline-block}
.d-footer .foot_bottom .copcontent{display:inline-block; color:#888888}
.d-footer .bq{ padding: 20px 0 0;}	
.d-footer .bq p{  line-height: 25px;}	

.footer-bar {
  font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif;
  color: #666;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #e3e3e3;
  width: 100%;
  background-color: #fff;
  font-size: 12px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
	border-top: 1px #0b60cc solid;
}
.footer-bar * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-bar a {
  text-decoration: none;
  color: inherit;
}
.footer-bar ul,
.footer-bar li {
  list-style: none;
}
.footer-bar ul {
  overflow: hidden;
}
.footer-bar .nav-item {
  float: left;
  width: 25%;
}
.footer-bar .nav-item .img-box {
  width: 40px;
  height: 20px;
  margin: 0 auto;
  background: no-repeat 50% 50% / auto 20px;
}
.footer-bar .nav-item .icon-home {
  background-image: url(/phone/template/default/d/dimg/sy1.png);
}
.footer-bar .nav-item .icon-tel {
  background-image: url(/phone/template/default/d/dimg/dh.png);
}
.footer-bar .nav-item .icon-msg {
  background-image: url(/phone/template/default/d/dimg/ly.png);
}
.footer-bar .nav-item .icon-address {
  background-image: url(/phone/template/default/d/dimg/dz.png);
}
.footer-bar .link-name {
  padding-top: 6px;
}


.index-why{ margin-bottom: 10px; background: #fff;}
.index-why .box{width: 48%; margin: 0 1% 30px; text-align: center; float:left; display:block;}

.index-why .box .num{width: 116px; height: 116px; margin: 0 auto 5px; font-size: 50px; color: #f36276; background: #f3f3f3; border-radius: 100px; }
.index-why .box:hover .num{border-color: transparent;color: #fff;box-shadow: 0 0 7px 3px rgba(54, 54, 54, 0.3); background: radial-gradient(at 0% 30%, #006bd8 0%, #006bd8 50%);}
	
.dicon{ display: block; width:60px; height: 60px; padding: 28px; background-repeat: no-repeat; background-position: center;}	
	
.index-why .box .tit{font-size: 12px;color: #000; line-height: 40px;}
/*.index-why .box .b_line{width: 60px;height: 2px;margin:30px auto 40px;background: #3eb0cd;}*/
.index-why .box .bf{font-size: 14px; line-height: 22px;  color: #8b8b8b; padding: 0 20px; display:none;}	

.index-why .box .dicon01{background-image:url(../dimg/icon/icon2_01.png);}	
.index-why .box .dicon02{background-image:url(../dimg/icon/icon2_02.png);}		
.index-why .box .dicon03{background-image:url(../dimg/icon/icon2_03.png);}	
.index-why .box .dicon04{background-image:url(../dimg/icon/icon2_04.png);}	
.index-why .box .dicon05{background-image:url(../dimg/icon/icon2_05.png);}	
.index-why .box .dicon06{background-image:url(../dimg/icon/icon2_06.png);}	
.index-why .box .dicon07{background-image:url(../dimg/icon/icon2_07.png);}	
	
.index-why .box:hover .dicon01{background-image:url(../dimg/icon/icon2_01h.png);}	
.index-why .box:hover .dicon02{background-image:url(../dimg/icon/icon2_02h.png);}		
.index-why .box:hover .dicon03{background-image:url(../dimg/icon/icon2_03h.png);}	
.index-why .box:hover .dicon04{background-image:url(../dimg/icon/icon2_04h.png);}	
.index-why .box:hover .dicon05{background-image:url(../dimg/icon/icon2_05h.png);}	
.index-why .box:hover .dicon06{background-image:url(../dimg/icon/icon2_06h.png);}	
.index-why .box:hover .dicon07{background-image:url(../dimg/icon/icon2_07h.png);}