﻿

button{border:none !important;}



/* Banner YangFangLing 2019年6月3日 */

.banner{position:relative;width:100%;overflow:hidden;}

.banner .bd li img{display:block;width:100%;}

.banner .hd{position:absolute;bottom:.4rem;left:0;width:100%;text-align:center;overflow:hidden;}

.banner .hd li{width: .2rem;height: .2rem;display: inline-block;margin: 0 .2rem;border-radius: 50%;background-color: #fff;}

.banner .hd li.on{background-color:#0b6bb1;}

/* Banner End */



/* Nav  2019年6月3日 */

.Nav{background-color: #fff;overflow: hidden;}

.Nav ul a{float: left;

font-size: 1.7em;

padding: 1.3em 0;

width: 32.755555%;

text-align: center;

display: block;

color:

#FFF;

position: relative;

border-bottom: solid 0.1em #f7f3e9;

border-top: solid 0.1em #f7f3e9;

border-right: solid 0.1em #f7f3e9;

background-image: -webkit-gradient(linear, left top, left bottom, from(#0b6bb1), to(#0b6bb1));

background-image: -webkit-linear-gradient(top, #0b6bb1,#0b6bb1);

background-image: -moz-linear-gradient(top,#0b6bb1,#0b6bb1);

background-image: -o-linear-gradient(top, #0b6bb1,#0b6bb1);

background-image: -ms-linear-gradient(top,#0b6bb1,#0b6bb1);

background-image: linear-gradient(top, #0b6bb1,#0b6bb1);}



/* Nav End */







/* 内容标题 YangFangLing 2019年6月3日 */

.Title{text-align: center;}

.Title h3{font-size: 2.2em;color: #333;}

.Title h3 a{color:#333;}

.Title h3 b{color: #0b6bb1;}

.Title p{font-size: 1rem;color: #333;margin-bottom: .517rem;}



.Title02 h3 b{color:#0b6bb1;}



.Title03 h3 a{color: #333;}

/* 内容标题 End */







/* 产品展示 YangFangLing 2019年6月3日 */

.Product{padding: 2rem 0;overflow: hidden;background-color: #fff;}



.ProductCon{margin-top: 1rem;}



.ProductNav{text-align: center;}

.ProductNav ul{display: inline-block;width: 100%;}

.ProductNav ul li{float: left;margin: -1px;box-sizing: border-box;color: #333;font-size: 1.2em;border: 1px #ddd solid;text-align: center;background-color: #fff;height: 2.917rem;line-height: 2.917rem;width: 33.5%;}

.ProductNav ul li.on{background-color: #0b6bb1;color: #fff;border: #0b6bb1 solid 1px;}



.ProductBox{margin-top: .833rem;}

.ProductBox ul{margin-top: -1rem;}

.ProductBox ul li{float: left;width: 49%;margin-left: 2%;text-align: center;}

.ProductBox ul li:nth-child(2n+1){margin-left: 0;}

.ProductBox ul li span{display: block;border: 1px #ddd solid;box-sizing: border-box;margin-top: 1rem;}

.ProductBox ul li span img{display: block;width: 100%;}

.ProductBox ul li p{font-size: .833rem;color: #666;margin-top: .833rem;padding: 0 .3rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

/* 产品展示 End */









/*产品*/

section.section {margin: 0 2%;font-size: 0.43rem;color: #666;position: relative;}

i , em {font-style: normal;}

.dbimg img {display: block;width: 100%;}

input , select {outline: none;}





.product {background: #f5f5f5;padding-bottom: 0.5rem;}

.product h2 {padding-top: 0.4rem;text-align: center;font-weight: normal;margin-bottom: 0.1rem;}

.product h2 a {color: #333;}

.product .titp {text-align:justify;}

.product .titp:after {width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}

.product .titp em {display: inline-block;vertical-align: middle;width: 33%;height: 11px;}

.product .titp span {display: inline-block;vertical-align: middle;width: 34%;text-align: center;color: #999;text-transform: uppercase;}

.product .titp em.em1 {background: url(../images/prolinel.png) no-repeat right center;}

.product .titp em.em2 {background: url(../images/proliner.png) no-repeat left center;}



.pro_h2{background: url(../images/index_biaoti_d.png) no-repeat center 10px;}

.pcccc{ padding-bottom:15px; text-align:center}



.product .proCon dl {float: left;width: 49%;margin-left: 2%;margin-bottom: 0.25rem;background: #e6e6e6;text-align: center;}

.product .proCon dl:nth-child(2n+1) {margin-left: 0;}

.product .proCon dl dt {padding: 0.15rem;}

.product .proCon dl dd {height: 2rem;line-height:2rem;}

.product .proCon dl dd a {color: #333; font-size:0.9rem;}

.product .proSwitch {text-align: center;margin-top: 0.4rem;}

.product .proSwitch li {display: inline-block;vertical-align: middle;width: 0.3rem;height: 0.3rem;background: #999999;border-radius: 50%;margin: 0 0.1rem;}

.product .proSwitch li.on {background: #0b6bb1;}

.product .ckgdP {width: 8rem;height: 2rem;line-height:2rem;text-align: center;border: 1px solid #dedede;margin: 0.4rem auto 0 auto;border-radius: 5px;font-size: 0.9rem;}

.product .ckgdP a {display: block;height: 1rem;color: #666;}











.proFl {padding-bottom: 0.4rem;}

.proFl ul li {float: left;width: 50%;height: 1rem;border-bottom: 1px solid #bbbab9;text-indent: 0.3rem;}

.proFl ul li a {display: block;padding-right: 0.9rem;height: 1rem;border-right: 1px solid #bbbab9;line-height: 1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: url(../images/proicon.png) no-repeat 96% center / 9%;font-size: 0.35rem;}

.proFl ul li:nth-child(2n+2) {float: right;border-right: none;}

.proFl ul li:nth-child(1){border-top: 1px solid #bbbab9;}

.proFl ul li:nth-child(2){border-top: 1px solid #bbbab9;}

.proFl .ckgdP {width: 4rem;height: 1rem;line-height: 1rem;text-align: center;border: 1px solid #dedede;margin: 0.4rem auto 0 auto;border-radius: 5px;font-size: 0.35rem;}

.proFl .ckgdP a {display: block;height: 1rem;color: #666;}



/* Advisory */

.Advisory{background-color: #0b6bb1;padding: .938rem 0;}



.stbmCon{padding-top: .625rem;}

.stbmCon .infoP1 {height: 1.8rem;  line-height:1.8rem;border: 1px solid #dcdcdc;background:#FFF url(../images/advisory01.png) no-repeat 96% center / 6%;margin-bottom: .4rem;border-radius: 3px;overflow: hidden;}

.stbmCon .infoP1 input {display: block;height:1.8rem;  line-height:1.8rem;text-indent: 0.3rem;border: none;width: 87%;outline: none;font-size: .5rem;}

.stbmCon .infoP2 {height: 1.8rem; line-hight:1.8rem;border: 1px solid #dcdcdc;background:#FFF url(../images/advisory02.png) no-repeat 96% center / 6%;margin-bottom: .4rem;border-radius: 3px;overflow: hidden;}

.stbmCon .infoP2 input {display: block;height:1.8rem;  line-height:1.8rem;text-indent: 0.3rem;border: none;width: 87%;outline: none;font-size: .5rem;}

.stbmCon .infoP3 {height: 2.6rem; line-hight:1.8rem;border: 1px solid #dcdcdc;background:#FFF url(../images/advisory03.png) no-repeat 96% 50% / 6%;margin-bottom: .4rem;border-radius: 3px;overflow: hidden;}

.stbmCon .infoP3 textarea {display: block;height: 2.6rem;line-height: 1rem;padding: 0.2rem 0; text-indent: 0.3rem;border: none;width: 87%;resize: none;outline: none;font-size: .5rem;}

.stbmCon .ljtj a {display: block;height:2rem;line-height: 2rem;text-align: center;color: #fff;font-size: 1rem;border-radius: 3px;background: #0b6bb1;}

/* Advisory End */



/* News */

.News{background: #f2f2f2;padding: 0 0 .781rem;border-top: 1px #ddd solid;}

.NewsNav{margin: .469rem 0;text-align:  center;}

.NewsNav ul li{font-size: 0.9rem;width: 24%;height:2.2rem;text-align: center;line-height:2.2rem;color: #979797;cursor: pointer;display:  inline-block;}

.NewsNav ul li.on{background: #0b6bb1;color: #fff;}



.NewsCon .NewsList{background: #fff;border: 1px #e9e9e9 solid;}

.NewsCon .NewsList dl{padding: .44rem;border-bottom: 1px #e9e9e9 solid;}

.NewsCon .NewsList dl:last-child{border-bottom: none;}

.NewsCon .NewsList dl dt{width: 35%;display: inline-block;}

.NewsCon .NewsList dl dt img{display: block;width: 100%;}



.NewsCon .NewsList dl dd{width: 60%;}

.NewsCon .NewsList dl dd h3{font-size: .8rem;color: #333;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: .1rem 0 .266667rem; font-weight:bold}

.NewsCon .NewsList dl dd p{font-size: .8rem;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/* News End */



/* Title */

.indexTitle{text-align: center; padding:5px 0}

.indexTitle h3{font-size: 1.5rem;font-weight: normal;color: #FFF;position:  relative;}

.indexTitle h3 i{width: 2.5rem;height: 1px;background-color: #ddd;display: inline-block;position: absolute;top: 1.3rem;}

.indexTitle h3 i.prve{left: 0;border-right: 2rem #FFF solid;}

.indexTitle h3 i.next02{right: 0;border-left: 2rem #FFF solid;}

.indexTitle p{font-size: .313rem;color: #FFF;margin-top: .156rem;}



.indexTitle02 i{width: 2rem !important;}



.indexTitle03 h3 a{color: #fff;}

.indexTitle03 p{color: #fff;}

/* Title End */





/*2021年9月10日16:43:53 sure_lie*/

.sure_lie{ width:100%; padding:10px 2%; margin-bottom:5%}

.sure_lie ul li{ width:47%; font-size:0.9rem; line-height:2rem; text-align:center; float:left; border:1px solid #CCC; margin-bottom:3%; margin-right:2%}

.sure_lie ul li a{ color:#000}

.sure_lie ul li:nth-child(2n){margin-right:0%}

.sure_lie ul li:nth-child(1){ background:#0060c4;}

.sure_lie ul li:nth-child(1) a{ color:#FFF}





/*新增首页产品列表样式 2021年11月28日13:54:54*/

.mpro1{ width:100%; margin:0 auto;}

.mpro1 ul li{ width:30%; float:left; text-align:center; line-height:2rem; border:1px solid #000; margin-bottom:1rem; margin-left:2%; font-size:0.9rem; font-weight:bold;}

.mpro1 ul li a{ color:#000}

.mpro1 ul li:first-child{border:#0b6bb1 1px solid !important}

.mpro1 ul li:first-child a{color:#0b6bb1 !important;}





















