/*移动端*/
@media screen and (max-width: 767px){
html,body{font-size:14px;}
.xs-clear{clear:both;}
.layui-fluid,.layui-container{padding: 0}
.layui-fluid,.layui-row{overflow: hidden;}
.layui-container{width:92%;margin:0 auto;}

/*公共内容开始*/
.picture-list .name{height:40px;}
.picture-list .name span{font-size:14px;}
.no-data{font-size:14px;text-align:center;margin:50px 0;}
.page{
	text-align:center;
    margin-top:30px;
	font-size:14px;
}
.page a{
	padding:5px 10px; 
	background-color:#0c65d3;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #0c65d3;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
	display:inline-block;
}
.page span{
	padding:5px 22px;
	margin:0 6px;
	border:1px solid #0c65d3;
	border-radius:3px;
    -moz-border-radius:3px; 
	-ms-border-radius:3px;
    -webkit-border-radius:3px;
	-o-border-radius:3px;
}
.goback{margin-top:30px;}
.goback a{margin:0 5px;}
.style01 ul{margin:-6px;}
.style01 li{padding:6px;}
.style01 a{padding:16px 4% 12px 4%;}
.style01 .content{font-size:13px;margin:0 65px 0 0;line-height:180%;}
.style01 .content .name{font-size:15px;margin:0;}
.style01 .date{font-size:13px;line-height:180%;}
.style01 .date strong{display:block;font-size:18px;margin:0;line-height:135%;}
.two-title{margin-bottom:20px;}
.two-title strong{font-size:20px;}
.two-title p{font-size:12px;margin-top:5px;line-height:130%;}
.title18{font-size:16px;line-height:16px;}
.card p{line-height:165%;font-size:14px;margin-top:20px;}
.card .grid-container{
	display: grid;
    grid-template-columns: 1fr;
    grid-column-gap:12px;
    grid-row-gap:12px;
}
.card .item{padding:25px 10%;}
.card .item .content strong::after{display: block;content:'';width:20px;height:4px;background-color: #0c65d3;margin-top:12px;}
.card .item .content p{line-height:165%;margin-top:10px;}
/*header开始*/
.mheader{
	background:#ffffff;
    position:fixed;
    top:0;
    left:0;
	z-index:1000;
	width:100%;
	height:50px;
}
.mheader .content{
	box-shadow:3px 0 7px 0 rgb(0 0 0 / 10%);
	position:relative;
	height:50px;
}
.mheader .logo{position:relative;z-index:1000;background-color:#ffffff;padding:10px 0;}
.mheader .logo img{height:30px;margin-left:12px;}
.mheader .top-more{position:absolute;top:15px;right:12px;z-index:1002;}
.mheader .top-more i{font-size:20px;}
.mainnav{
	background-color:#0c65d3;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width:80%;
	padding:0 10%;
	height: 100vh;
	z-index: 9999;
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
}
.show {
	top:40px;
	overflow: hidden;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
}

.mainnav .close{position:absolute;right:12px;top:15px;}
.mainnav .close i{color:#ffffff;font-size:20px;}
.mainnav ul{margin-top:50px;}
.mainnav li{
	border-bottom:1px solid rgba(255,255,255,.3);
	text-align:center;
}
.mainnav li a{
	color:#ffffff;
	font-size:16px;
	text-transform:capitalize;
	line-height:55px;
	height:55px;
	display:block;
}
.mainnav li{position:relative;}
.mainnav li i{font-weight:bold;position:absolute;right:0;font-size:14px;}
.mainnav li:hover i:before{content:"\e67e";}
.mainnav li:hover span{font-weight:bold;color:#8abdf8;}
.mainnav li:hover i{color:#8abdf8;}
.mainnav .column2{display:none;margin:0;}
.mainnav > ul > li.hover .column2{display: block;}
.mainnav > ul > li.hover .column2 li{border:0;padding:0 0 15px 0;}
.mainnav > ul > li.hover .column2 li a{line-height:150%;height:initial;}
#mainnav-background-layer{
	position: fixed;
	z-index: 988;
	display: none;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
}
#mainnav-background-layer.show{display: block;}
/*header结束*/

/*首页banner开始*/
.slideBoxbanner{overflow:hidden;height:0;padding-top:45% !important;margin-top:50px;}
.slideBoxbanner .bd li{display:block;height:100% !important;background-size:145%;}
.slideBoxbanner .hd{bottom:10px;}
.slideBoxbanner .hd ul{height:8px;}
.slideBoxbanner .hd li{margin:0 5px;width:6px;height:6px;border:1px solid #ffffff;}

/*首页内容开始*/
.in-part .main{padding:25px 0 30px 0;}
.in-part .in-title{margin-bottom:15px;}
.in-part .in-title strong{font-size:20px;}
.in-part .in-title p{font-size:12px;}
.in-part .in-more{top:5px;}
.in-part .in-more a{
	line-height:28px;
	padding:0 8px;
	font-size:12px;
}
.in-part1{background-size:250%;background-position:90% bottom;}
.in-part1 .main{padding:25px 0;}
.in-part1 .left,.in-part1 .content{float:initial;}
.in-part1 .left{font-size:16px;line-height:150%;}
.in-part1 .left strong{font-size:22px;}
.in-part1 .left p{margin:2px 0;}
.in-part1 .content{float:initial;width:100%;padding-left:0;margin-top:10px;}
.in-part1 .content hr{display:none;}
.in-part1 .content p{font-size:14px;padding-left:0;line-height:160%;}
.in-part1 a{
	line-height:30px;
	padding:0 8px;
	top:30px;
	font-size:12px;
}
.in-part2{background-size:cover;}
.in-part2 .right{margin-left:23%;background-size:100%;}
.in-part2 .right .in-about{padding:30px 7%;}
.in-part2 .right .top{font-size:18px;line-height:150%;}
.in-part2 .right .top p{font-size:22px;}
.in-part2 .right .content p{line-height:160%;margin-top:10px;}
.in-part2 .right a{margin-top:25px;}
.in-part3{background-size:cover;}
.in-part3 .style01 ul{margin-top:-12px;}
.in-part3 .style01 li{padding-top:12px;}
.in-part3 .style01 a{padding:16px 4% 12px 4%;}
.in-part3 .style01 .content{margin:0 0 0 65px;}
.in-part4 ul {
	width:92%;
	margin: 0 4%;
}
.in-part4 li {
	width:100%;
    margin:0;
	padding:0;
}
.in-part4 li .zfx img{display: block;}
.in-part5{display:none;}
.in-part5 .main{padding:30px 0;background-size:100%;}
.in-part5 ul{padding-right:25%;}
.in-part5 li p{
	background-size:20px;
	padding-left:25px;
	line-height:25px;
}
.in-part5 li input{
	font-size:14px;
	padding-top:0;
	line-height:25px;
	height:25px;
}
.in-part5 .note{margin-top:20px;}
.in-part5 a{top:25px;padding:0 3.5%;line-height:30px;font-size:14px;}
.footer .bottom{line-height:45px;font-size:13px;text-align:center;}

.secondnav{background-color: initial;}
.secondnav .layui-container{margin:0;width: 100%;}
.secondnav ul{margin:0 -1px -1px 0;}
.secondnav li{padding:0 1px 1px 0;}
.secondnav a {
	height:45px;
	font-size:14px;
	padding: 0;
	background-color: #8abdf8;
}
.secondnav-project li:nth-child(1),.secondnav-project li:nth-child(2){padding:0 1px 1px 0;}
.secondnav-project a{height:55px;}

/*内页banner开始*/
.banner{height:inherit;padding:13% 0;background-size:160%;margin-top:50px;}
.banner .content{padding:0;}
.banner .content p{font-size:12px;letter-spacing:5px;}
.banner .content strong{font-size:20px;margin-top:0;}


/*内页内容开始*/
.all-main{padding:30px 0;min-height:300px;}
.about{font-size: 14px;}
.about p{line-height:180%;margin:10px 0 20px 0;}
.abouttop .right li{padding:0 15px;}
.abouttop .right li .content{height:100px;}
.abouttop .right li img{height:40px;}
.abouttop .right li .num{margin-left:10px;}
.abouttop .right li .year{margin-left:0;}
.abouttop .right li strong{font-size:26px;}
.abouttop .right li strong span{font-size:13px;right:-10px;}
.abouttop .right li p{margin:0;font-size:13px;}
.aboutmain li{line-height:180%;padding-left:10px;}
.aboutmain li::before{top:10px;}
.quality{height:initial;}
.quality .right{width:100%;float:initial;}
.quality .right:after{
    width: 7rem;
    height: 7rem;
    right: -1.5rem;
    top: -3.5rem;
}
.quality .right:before{
    width: 18rem;
    height: 18rem;
    left: -5rem;
    bottom: -9.5rem;
}
.quality .right i:before{
    width: 7rem;
    height: 7rem;
    right: -1.5rem;
    top: -0.5rem;
}
.quality .right .content{padding:35px 8%;margin:0;}
.quality .right .content p{font-size:14px;line-height:165%;margin:15px 0 0 0;}
.culture li p{font-size:14px;}
.honor ul{margin:-10px -6px;}
.honor li{padding:10px 6px;}
.newstop{height:initial;}
.newstop .left{width:150px;height:inherit;}
.newstop .content {
	padding:12px 12px 12px 0;
	margin:0 0 0 165px;
}
.newstop .content .date{font-size:12px;}
.newstop .content .date span{font-size:12px;}
.newstop .content .name{font-size:15px;margin:5px 0;}
.newstop .content p{line-height:160%;height:38px;font-size:12px;}
.newstop .content .more{margin-top:20px;}
.newslist{margin-top:10px;}
.newslist li{padding:20px 0;}
.newslist li .date{
	font-size:12px;
	margin-right:15px;
	height:65px;
    width:60px;
}
.newslist li .date p{padding-bottom:5px;}
.newslist li .date strong{font-size:24px;}
.newslist li .date span{font-size:12px;}
.newslist li .content{float:inherit;width:inherit;}
.newslist li .content a{font-size:15px;margin:0 0 5px 0;}
.newslist li .content p{line-height:160%;font-size:12px;}
.news-detail{font-size:14px;}
.news-detail .title{padding-bottom:20px;margin:0 0 25px 0;font-size:12px;}
.news-detail .title strong{font-size:18px;margin:0 0 8px 0;}
.news-detail p{margin:20px 0;line-height:180%;}
.news-detail img{width:100%;margin:15px 0;}
.job ul{margin:-6px 0;font-size:14px;}
.job li{padding:6px 0;}
.job .jlist{padding:20px 6%;}
.job .jlist .fr{width:60%;font-size:12px;}
.job .jlist .date{margin:0 15px;}
.job .jlist i{font-size:14px;}
.job .jpart{padding:20px 6%;}
.job .jpart p{line-height:180%;}


.product-sort{margin-top:0;}
.product-sort .grid-container{grid-template-columns:1fr 1fr;grid-column-gap:4%;grid-row-gap:20px;}
.product-sort .item{padding-top:115px;}
.product-sort .item .pic{height:105px;}
.product-sort .item .pic img{max-width:120px;}
.product-sort .item .content{padding:25px 20px;}
.product-sort .item .content strong{font-size:16px;}
.product-sort .item .content p{
	font-size:13px;
	line-height:165%;
	margin:10px 0 30px 0;
	-webkit-line-clamp:4;
}
.product-sort .item .content a{left:20px;bottom:25px;font-size:13px;}
.product-sort .item .content a i{font-size:13px;}
.pro-search{margin:20px 0 30px 0;}
.pro-search ul{width:100%;}
.pro-search li select{
  width:100%;
  color:#333333;
  border:1px solid #dcdcdc;
  background: url(/static/index/images/jiao.jpg) no-repeat 102% center;
  appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
}
.pro-search li select,.pro-search li option{min-height:2.5em;padding:0 5px;}
.pro-search input{border:none;border-bottom:1px solid #c4c5c6;width:100%;line-height:30px;}
.pro-search input:input-placeholder{color: #b4b4b4;}
.pro-search input::-webkit-input-placeholder{color: #b4b4b4;}
.pro-search input:-o-input-placeholder{color: #b4b4b4;}
.pro-search input:-ms-input-placeholder{color: #b4b4b4;}
.pro-search input:-moz-input-placeholder{/* Mozilla Firefox 4 to 18 */color: #b4b4b4;}
.pro-search input::-moz-input-placeholder{/* Mozilla Firefox 19+ */color: #b4b4b4;}
.pro-search .searchmore{width:18%;}
.pro-search a{background-color:#0c65d3;color: #ffffff;text-align:center;display: inline-block;width:100%;line-height:35px;}
.product-list .left{float: initial;width:100%;}
.product-list .left .content h1{font-size:20px;}
.product-list .left .content p{line-height:180%;margin-top: 10px;}
.product-list .right{float: initial;width:100%;}
.product-list .right .bg{padding:30px 8%;}
.product-list .right .content .name{font-size:18px;margin-top:20px;}
.product-list .right .content p {font-size:14px;line-height:180%;margin-top:10px;}
.product-list .right .content .more{margin-top:20px;}
.product-list .right .content .more a{width:48%;margin: 0;font-weight:normal ;line-height:35px;}
.product-list .right .content .more a:first-child{float: left;}
.product-list .product-item{margin-top: 0 !important;}
.prodetail-top{background-position:90% bottom;background-size: 150%;padding:30px 0;}
.prodetail-top .left{float:initial;}
.prodetail-top .left img{max-width:100%;}
.prodetail-top .right{float:initial;margin-top: 20px;}
.prodetail-top .right .name{font-size:18px;}
.prodetail-top .right p{line-height:180%;font-size:14px;margin-top:10px;}
.prodetail{font-size: 14px;}
.prodetail .bg{margin:30px 0;padding:0;background-color:initial;}
.prodetail .traits{background-size:22px;font-size:18px;padding-left: 30px;margin-bottom:20px;}
.prodetail .content {line-height: 180%;}
.prodetail .content h1{font-size:16px;}
.prodetail .content p{margin-bottom:20px;}

.project{font-size:14px;}
.project .content{padding:35px 8%;}
.project p{line-height:180%;margin:10px 0 20px 0;}
.project img{width:100%;margin:20px 0;}
.project-nav{padding:25px 10px;}
.project-nav .grid-container{grid-template-columns:1fr 1fr 1fr;}
.project-nav .item{font-size:14px;}
.project-nav .item i{
	width:6px;
	height:6px;
}
.project-nav .item span{padding-left:18px;}
/*
.project-nav li{font-size:14px;}
.project-nav li a{padding-left:18px;}
.project-nav li span{
	top:1px;
	width:6px;
	height:6px;
}
*/

.cooperate2{padding:40px 0;}
.cooperate3 .grid-container{
    grid-column-gap:12px;
    grid-row-gap:12px;
}
.cooperate3 .item{padding:30px 8%;}
.cooperate3 .item .icon{
	width:45px;
	height:45px;
	padding:5px;
}
.cooperate3 .item .content{padding-left:75px;}
.cooperate3 .item .content strong{font-size: 16px;margin:0px 0 10px 0;}
.cooperate3 .item .content p{line-height:165%;}
.cooperate4 .grid-container{grid-template-columns:1fr 1fr;}
.cooperate4 .item{padding:20px 8%;}
.cooperate4 .item .content{padding-left:0;margin-top:10px;}

.frame{padding:30px 0;}
.frame .title18{margin-bottom:20px;}
.frame img{width:100%;}
.flowsheet img{width:100%;}
.promise{padding:40px 8%;}
.promise::after {
    width:7rem;
    height:7rem;
    right:-1.5rem;
    top:-3.2rem;
}
.promise:before {
    width:18rem;
    height:18rem;
    left: -5rem;
    bottom: -9.5rem;
}
.promise ul{margin-bottom:-30px;}
.promise ul:before {
    width:14px;
    height:14px;
    right:0;
    top:0;
	background:url(/static/index/images/icon03.png) no-repeat center;
}
.promise li{padding-bottom:30px;}
.promise li p{line-height:165%;}
.feedback{font-size:14px;}
.feedback p{margin-bottom:20px;}
.feedback .form{margin:0 -1.2%;}
.feedback .form .list{padding:0 1.2%;}
.feedback .form .content{margin-bottom:15px;padding:5px 10px;}
.feedback .form input{line-height:32px;height:32px;}
.feedback .form .big-list textarea{height:100px;}
.feedback .form .vcode #code {height:44px;width:100%;}
.feedback .tj a{font-size:16px;line-height:42px;}
.contact{padding:30px 5%;}
.contact:before{
    width:6.5rem;
    height:6.5rem;
    right:-1rem;
    top:-2.5rem;
    content: "";
    position: absolute;
    background-color: rgba(255,255,255,.08);
    border-radius: 50%;
}
.contact li{padding-bottom:20px;}
.contact li p{margin-top:5px;}
.contact .code{margin:5px auto;}
.contact .right{margin:25px 0 0 0;height:360px;}
.links ul{margin:-10px -6px;}
.links li{padding:10px 6px;}
.links li .content{padding:20px 20px 5px 20px;}
.links li .pic{height:50px;}
.links li p{padding-top:10px;height:35px;}
.network {
    padding-top:30px;
}
.network .title18 {
    margin-bottom:20px;
}
/*服务网点*/
#pdmsg {
	position: initial;
	line-height:30px;
	padding:10px;
	text-align: left;
}
#pdmsg::after{
	clear: both;
	display: block;
	content: '';
	height: 0 !important;
	width: 0 !important;
	padding: 0 !important;
	margin: 0 !important
}
#pdmsg a{
	font-size:14px;
	width:20%;
	margin:0;
	float: left;
}
.BMap-height{height:350px;}
.BMap_bubble_title,
.BMap_bubble_content {
	font-size: 12px;
}

.BMap_bubble_title {
	font-size: 14px;
}
.BMap_bubble_content p {
	margin: 10px 0;
}






}



@media screen and (max-width:414px){	


}