﻿body,input{font-family: "microsoft yahei";}
.allpage{ background:#fff;}
input{outline: none;}
@charset "utf-8";
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
a { text-decoration: none;  outline: 0; color: #666; display: inline-block;-webkit-tap-highlight-color: rgba(0,0,0,0);}

/*font*/
@font-face{font-family:"iconfont";src:url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype');}
@font-face{font-family:"iconfont1";src:url('../fonts/iconfont1.woff') format('woff'),url('../fonts/iconfont1.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.iconfont1 {font-family:"iconfont1" !important;	font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;borde/r-radius: 50%;display: inline-block;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;
}
/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
.casei{width:100%;height:auto;overflow:hidden;margin:0 auto;}
/*banner*/
.banner{width:100%;position: relative; margin:0 auto;}
.banner img{ width:100%; height:auto;}
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;  /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-pagination{ padding:0; margin:0;width: 100%!important;text-align: center!important;}
/*.swiper-pagination-bullet{width: 0.1rem!important;height: 0.1rem!important; background-color: #333;opacity: 1!important; border-radius:50%!important;}*/
.swiper-pagination-bullet-active{ background:#078da9; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 1%!important;}
.swiper-container{ }
/*顶部搜索区域*/
.search-lh-input{width: 75%;border:1px solid #65b673;border-radius: 15px 0 0 15px;float: left;border-right: none;height: 0.461rem;font-size: 0.18rem;font-family: "microsoft yahei";text-indent: 5%;margin-top: 2%;}
.search-lh-btn{width: 15%;float: left;background-color: #fff;border-radius:0 15px 15px 0;border:1px solid #65b673;border-left: none;height: 0.491rem;font-size: 0.25rem;margin-top: 2%;}
.search_hl{width:14.0625%;left:0.1%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#b3b3b3;text-align:center;overflow:hidden;}
.search{width: 96%;height: 0.691rem;padding:0 2%;position: absolute;top: -120%;left: 0;background-color: #7e0001;font-family: "microsoft yahei";}
.search-lh-input{width: 75%;border:1px solid #364261;border-radius: 15px 0 0 15px;float: left;border-right: none;height: 0.461rem;font-size: 0.18rem;font-family: "microsoft yahei";text-indent: 5%;margin-top: 2%;}
.search-lh-btn{width: 15%;float: left;background-color: #fff;border-radius:0 15px 15px 0;border:1px solid #364261;border-left: none;height: 0.491rem;font-size: 0.25rem;margin-top: 2%;}
.search a{display: inline-block;width: 9%;float: left;color:#fff;text-align: center;height: 0.7rem;}

/**/
.gy-text{width: 100%;overflow: hidden;padding: 10px;box-sizing: border-box;}
.gy-text p{font-size: 14px;color: #333;line-height: 25px;margin-bottom: 15px; text-align: justify;}
.guanyu{width: 100%;overflow: hidden;background: #f5f5f5;padding: 15px 0 0 0;}



/**/
.qiyw{width: 100%;overflow: hidden;padding: 15px 0;}
.qiyw ul li{background: url(../images/矩形-54@2x.png) no-repeat right;width: 100%;overflow: hidden;background-size: 100%;
margin: 10px 0;min-height: 78px;padding: 5px 0;box-sizing: border-box;}
.qiyw ul li .qy_lf{width: 25%;float: left;text-align: center;margin-top: 5%;}
.qiyw ul li .qy_lf img{width: 50%;margin: 0 auto;vertical-align: middle;}
.qiyw ul li .qy_rg{width: 75%;float: left;padding:0 20px 0 0;box-sizing: border-box;}
.qiyw ul li .qy_rg h3{font-size: 16px;color: #333;line-height: 30px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
.qiyw ul li .qy_rg p{font-size: 12px;color:#666;line-height: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.qiyw ul li:nth-child(2n){background: url(../images/矩形-54@2x_53.png) no-repeat left;width: 100%;overflow: hidden;background-size: 100%;}
.qiyw ul li:nth-child(2n) .qy_lf{float: right;}
.qiyw ul li:nth-child(2n) .qy_rg{float: left;padding: 0 0 0 20px;}


/**************************/
.index_pro {width: 100%;overflow: auto;padding: 15px 0 0 0;}
.alltit{padding:0px 10px;}
.all-line{width: 100%;overflow: hidden;font-size: 20px;color: #333;text-align: center;line-height: 25px;}
.all-line2{width: 100%;overflow: hidden;font-size: 14px;color: #666;text-align: center;line-height: 25px;}
.an-bot{font-size:14px; line-height:22px;color: #797979;text-align: center;margin-top: 0.1rem;}
/*首页关于我们*/
.support .ab-usp{padding:10px 10px 0px; color: #fff; font-size:15px;text-indent: 28px; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.support{width: 100%;overflow: hidden;background: url(../images/摄图网-水中的现代建筑@2x.png) no-repeat bottom #12697f;padding: 15px 0; background-size: 100%;}
.support .all-line{color: #fff;}
.support .all-line2{color: #fff;}
.support .ab-img{width: 70%;margin: 15px auto;}
.support .ab-img img{width: 100%;}
.us-link{text-align: center;}
.us-link a{margin:5px 0px;padding:2px 12px;color:#006a80;font-size:14px; line-height:25px;}
/*首页核心竞争力*/
.he-bg{background: #fff;}
.index_case01{ margin:1% auto 0; overflow:hidden; padding-bottom:0.1rem;}
.index_case01 ul{width: 95%; margin:10px auto 0; overflow: hidden;}
.index_case01 ul li{width: 99%;overflow: hidden; padding: 10px; margin:5px auto 10px auto;height: auto;box-sizing: border-box; float: left; background: #f3f4f5;}
.index_case01 ul li a{ display: table;}
.index_case01 ul li .fl-tp{width:90px; height: 58px;overflow: hidden; background: #fff; border: 1px solid #eee; display: table-cell; vertical-align: middle; text-align: center;}
.index_case01 ul li .fl-tp img{max-width:100%; max-height: 100%; margin: 0 auto;}
.index_case01 ul li .fr-wz{width:90%;margin-left: 10px;text-align: left;}
.index_case01 ul li .fr-wz h5{font-size:15px; line-height:25px;color:#333;width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.index_case01 ul li .fr-wz p{font-size:14px; line-height:22px;color:#717171;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


/**/
.dianx{width: 100%;overflow: hidden;padding: 15px 0;}
.dianx .swiper-container{padding-bottom: 10px;overflow: hidden;}
.dianx .swiper-slide{width: 100%;padding: 20px 0;box-sizing: border-box;margin: 0 auto;}
.dx_side{width: 75%;margin: 0 auto;position: relative;overflow: hidden;}
.dianx .swiper-slide img{width: 100%;}
.dianx .swiper-slide .dx_side div{position: absolute;bottom:0;left: 0;text-align: center;padding: 5px 10px;box-sizing: border-box;background: rgba(120, 125, 126, 0.69);}
.dianx .swiper-slide .dx_side div h3{font-size: 16px;color: #fff;font-weight: normal;line-height: 30px;}
.dianx .swiper-slide .dx_side div p{font-size: 14px;color: #fff;font-weight: normal;line-height: 23px;}
.dianx .swiper-slide .dx_side div span{display: block;width: 30px;height: 2px;background: #0eaccd;margin: 5px auto;}
.dianx .swiper-pagination{bottom: 0;}
.dianx .swiper-pagination-bullet{background: #078da9;}
.dianx .swiper-button-next{background: url(../images/右划@2x.png) no-repeat center;background-size: 60%;}
.dianx .swiper-button-prev{background: url(../images/左划@2x.png) no-repeat center;background-size: 60%;}




/*产品中心*/
.blue-bg{background: #f3f4f5;}
.blue-bg .swiper-container{padding-bottom: 25px;}
.white-color,.white-color h1{color: #fff !important; }
.lan-color{color: #87c8fe;}
.index_pro01{ margin:1% auto 0; overflow:hidden;}
.index_pro01 .swiper-slide{background: #f3f4f5;}
.index_pro01 ul{width: 95%; margin:10px auto 0; overflow: hidden;}
.index_pro01 ul li{ width: 50%;float:left; text-align:center;overflow:hidden; box-sizing: border-box; padding: 6px;}
.index_pro01 ul li .pro-bor{ background: #ffffff;border:1px solid #eaeaea;}
.index_pro01 ul li .totp{width: 202px; height: 130px;border-bottom:1px solid #eaeaea;  background: #f8f8f8; display: table-cell; vertical-align: middle; text-align: center;}
.index_pro01 ul li .totp img{max-width:100%; max-height: 100%;  text-align: center; margin: 0 auto;}
.index_pro01 ul li span{color:#df6a14;font-size: 14px;display: inline-block;}
.index_pro01 ul li h5{color:#333;font-size: 14px;font-weight: normal; width: 130px; margin: 0 auto; line-height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.color-y a{background: #f07c00;border: 0px; padding: 4px 15px !important;}

/*新闻中心*/
.new-pic{display: block;width: 100%;margin: 10px 0px 0px;}
.new-list ul{margin: 0px 0px 10px;}
.new-list ul li{border-bottom: 1px solid #f8f8f8;padding: 10px 20px;}
.new-list ul li a{display: block;}
.new-list ul li h5{font-size: 15px;line-height: 25px;color: #333;width:100%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.new-time{color: #d3d3d3;font-size: 14px; line-height: 22px;}
.new-p{color: #4f4f4f;font-size: 14px; line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/*扫一扫 关注我们*/
.sao-ma{background:url(../images/矩形-1-拷贝-10@2x.png) no-repeat #006A80;padding: 15px 0;background-size: 100%;}
.link-width{width: 100%;padding:10px 20px;box-sizing: border-box;}
.link-width p{font-size: 14px;color: #fff;background: url(../images/man.png) no-repeat left top 5px;padding-left: 30px;margin:5px 0;line-height: 25px;background-size: 16px;}
.link-width p:nth-child(2){background: url(../images/tel.png) no-repeat left top 5px;background-size: 16px;}
.link-width p:nth-child(3){background: url(../images/mes.png) no-repeat left top 5px;background-size: 16px;}
.link-width p:nth-child(4){background: url(../images/gap.png) no-repeat left top 5px;background-size: 16px;}
.sao-ma .all-line{color: #fff;}
.sao-ma .all-line2{color: #fff;}
.link-img{width: 100%;overflow: hidden;}
.link-img img{width: 35%;margin:10px auto;}
.link-img p{font-size: 14px;color: #fff;text-align: center;}
/*版权*/
.ban-quan{ background: #202020;padding: 10px 20px 10px;text-align: center;box-sizing: border-box;}
.ban-quan p{font-size: 14px;color: #fff;line-height:15px;opacity: .4;}
.bott-top{padding-bottom: 0.79rem !important;}

@media only screen and (min-width: 768px){
	.index_pro01{margin:7% auto 0;}
	.medis-top{margin:1% auto 0;}
	.about, .view {margin:4% auto 0 !important;}
	.mar-top20{ margin-top:8% !important;}
	
}

@media only screen and (max-width: 320px) {
	.mar-top20{ margin-top:0;}
	.index_hpro01 ul li .tjtp{ width:100px; height: 90px;}
	.foot a{margin-top: 1px !important;;}
	.qiyw ul li .qy_rg p{font-size: 12px;color:#666;line-height: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
}
@media only screen and (min-width: 375px) {
	.qiyw ul li{background: url(../images/矩形-54@2x.png) no-repeat right;width: 100%;overflow: hidden;background-size: 100%;
margin: 10px 0;min-height: 93px;padding: 5px 0;box-sizing: border-box;}
}
@media only screen and (min-width: 414px) {
	.qiyw ul li{background: url(../images/矩形-54@2x.png) no-repeat right;width: 100%;overflow: hidden;background-size: 100%;
margin: 10px 0;min-height: 102px;padding: 5px 0;box-sizing: border-box;}
}

.show_next span a{color: #078da9;}
.show_next span{display: block;width: 100%;overflow: hidden;margin: 5px 0;}
.show_next{width: 100%;overflow: hidden;padding:0 10px !important;box-sizing: border-box;padding: 6% 0 30% 0; color:#078da9;}

.head {background: #006a80}
.foot {background: #000}
.nav {background: #323232}
.nav_color {background: #323232}

.pagination{display:flex;margin-bottom:10px;width:100%;text-align:center;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-block;margin:0 1px 2px 1px;padding:0 10px;width:44px;height:50px;vertical-align:middle;font-size:14px;line-height:50px}
.pagination a{outline:0;border:1px solid #E5E5E5;background:#FFF;color:#333;text-decoration:none}
.pagination span{border:1px solid #E7E7E7;background:#DADADA;color:#FFF}
.pagination a:hover{background:#F60;color:#FFF}
.pagination span.current{background:#F60;color:#FFF}


.allpage .product {overflow: hidden; width: 100%; }
.allpage .product ul{overflow: hidden; width: 84%; margin: 1% 8% 0;}
.allpage .product ul li{width: 31%; margin: 1%; background: #006a80; text-align: center; height: 40px; line-height: 40px; float: left; color: #fff;}
.allpage .product ul li a{color: #fff;}