@charset "utf-8";
@import url(Common.css);
@import url(fontsStyle.css);
@import url(reset.css);
/* banner */
.banner{width: 100%;position: relative;}
.banner img{width: 100%;display: block;}

.banner{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.banner .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.banner .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:-webkit-box; height:5px; background-color:rgba(51,51,51,0.5);   }
.banner .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; -webkit-box-flex:1;font-size:0 }
.banner .hd ul .on{ background:#076cd2;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd li img{ width:100%;}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* ȡ�����Ӹ��� */ }

/* Nav */
.Nav{border-bottom: 8px #f1f1f1 solid;}
.Nav ul li{float: left;width: 25%;border-right: 1px #e5e5e5 solid;border-bottom: 1px #e5e5e5 solid;box-sizing: border-box;text-align: center;padding: .36rem 0 .386667rem;}
.Nav ul li:nth-child(4n+4){border-right: none;}
.Nav ul li a p{font-size: .35rem;color: #000;margin-top: .24rem;}
.Nav ul li a{display: block;}
.Nav ul li a span{width: .56rem;display: block;margin: 0 auto;}
.Nav ul li a span img{width: 100%;display: block;}

/* product */
.product{margin: .586667rem .333333rem .666667rem;}
.productList ul li{width: 48%;text-align: center;float: left;margin-left: 4%;box-sizing: border-box;margin-top: .666667rem;}
.productList ul li span{width:48%;overflow: hidden;}
.productList ul li span img{width: 100%;display: block; height:150px;}
.productList ul li p{font-size: .35rem;color: #333;margin-top: .333333rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.productList ul li:nth-child(2n+1){margin-left: 0;}

.productBot{text-align: center;margin: .626667rem 0 .426667rem;}
.productBot ul li{width: .186667rem;height: .186667rem;background:#ccc;border-radius: 100px;display: inline-block;margin-right: .266667rem;cursor: pointer; font-size:0;}
.productBot ul li.on{background: #076cd2;}
.productBot ul li:last-child{margin-right: 0;}

.productMore{background: #076cd2;width: 3.52rem;height: .933333rem;line-height: .933333rem;border-radius: 10px;margin: 0 auto;}
.productMore a{font-size: .266667rem;color: #fff;text-align: center;display: block;}

.productMoreb{background: #076cd2;width: 3.52rem;height: .933333rem;line-height: .933333rem;border-radius: 10px;margin: 0 auto; margin-top:.5rem; margin-bottom:.5rem;}
.productMoreb a{font-size: .266667rem;color: #fff;text-align: center;display: block;}


/* Cases */
.Cases{background: #076cd2;padding: .5rem .333333rem .5rem;}
.CasesImg{margin: .4rem 0 .24rem;position: relative;}
.CasesImg dl{position: relative;}
.CasesImg dl dt a{width: 9.333333rem;height: 8.933333rem;}
.CasesImg dl dt img{width: 100%;display: block;}
.CasesImg dl dd{background: rgba(0,0,0,0.8);padding:.2rem .6rem .2rem;position: absolute;bottom: 0;left: 0;right: 0;}
.CasesImg dl dd h3{font-size: .293333rem;color: #fff;font-weight: normal;text-align: center;margin-bottom: .266667rem;}
.CasesImg dl dd p{font-size: .213333rem;color: #ccc;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: normal;line-height: .4rem;}
.CasesCon i.CasesBox{width: .506667rem;height: .506667rem;display: block;overflow: hidden;position: absolute;top: 40%;z-index: 99;cursor: pointer;}
.CasesCon i.CasesBox img{width: .506667rem;height: .506667rem;display: block;}
.CasesCon i.prev{left: 3%;}
.CasesCon i.next{right: 3%;}

.CasesNav ul li{float: left;width: 33%;margin-left: 1px;position: relative;}
.CasesNav ul li.on{border: 0.08rem #fd9b01 solid;display: block;box-sizing: border-box;}
.CasesNav ul li:first-child{margin-left: 0;}
.CasesNav ul li a img{width: 100%;display: block;}
.CasesNav ul li a i{display: block;background: rgba(0,0,0,0.8);height: 100%;position: absolute;z-index: 999;top: 0;right: 0;left: 0;}
.CasesNav ul li.on a i{display: none;}

/* contact */
.contact{background: url(contact_bg.jpg) no-repeat center;height: 2.56rem;background-size: 100%;}
.contact dl{padding: .4rem .3rem;}
.contact dl dt h3{font-size: .35rem;color: #fff;}
.contact dl dt p{font-size: .266667rem;color: #fff;margin-top: .6rem;}

.contact dl dd .phone{padding-left: .8rem;background-size: 23%;}
.contact dl dd .phone p{font-size: .24rem;color: #333;}
.contact dl dd .phone h3 a{font-size: .32rem;color: #076cd2;}
.contact dl dd button{background: #fd9b01;font-size: .24rem;color: #fff;border: none;cursor: pointer;width: 3.5rem;height: .586667rem;border-radius: 50px;margin-top: .2rem;}
.contact dl dd button a{color: #fff;}

/* Program */
.ProgramCon ul li{width: 50%;box-sizing: border-box;float: left;border: 1px #ccc solid;text-align: center;padding: .493333rem .666667rem;height: 5rem;border-left: 1px solid transparent;border-top: 1px solid transparent;}
.ProgramCon ul li span{width: .88rem;height: .88rem;display: inline-block;}
.ProgramCon ul li span img{display: block;width: 100%;}
.ProgramCon ul li h3{font-size: .4rem;color: #333;margin: .3rem 0 .2rem;}
.ProgramCon ul li p{font-size: .35rem;color: #666;line-height: .6rem;}
.ProgramCon ul li:nth-child(2n+1){border-left: 1px #ccc solid;}
.ProgramCon ul li:nth-child(1),.ProgramCon ul li:nth-child(2){border-top: 1px #ccc solid;}

/* reason */
.reason{background: #f3f3f3;padding: .533333rem .333333rem .64rem;}
.reasonList ul{margin-top: .6rem;}
.reasonList ul li{overflow: hidden;background: #fff;margin-bottom: .333333rem;}
.reasonList ul li:last-child{margin-bottom: 0;}
.reasonList ul li dt{width: 3.906667rem;display: inline-block;}
.reasonList ul li dt img{width: 100%;display: block;}
.reasonList ul li dd{width: 53%;padding: 0 .2rem 0;position: relative;}
.reasonList ul li dd h3{font-size: .293333rem;color: #333;border-bottom: 1px #ccc solid;padding-bottom: .2rem;margin: .2rem 0;}
.reasonList ul li dd h3 span{float: right;color: #ccc;font-size: .293333rem;font-weight: normal;}
.reasonList ul li dd p{font-size: .213333rem;color: #555;overflow: hidden;margin-bottom: .15rem;}
.reasonList ul li dd p:last-child{margin-bottom: 0;}
.reasonList ul li dd p em{float: left;margin-right: .066667rem;}
.reasonList ul li dd p span{float: left;width: 93%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.reasonList ul li dd i{width: 1px;height: .2rem;background: #ccc;display: inline-block;position: absolute;top: 0;right: .36rem;}

/* News */
.News{background: #f3f3f3;padding: .533333rem .333333rem .24rem;}
.NewsNav{margin: .466667rem 0 .253333rem;}
.NewsNav ul li{font-size: .32rem;width: 50%;height: .893333rem;text-align: center;line-height: .893333rem;color: #979797;cursor: pointer;float: left;}
.NewsNav ul li.on{background: #076cd2;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: 2.533333rem;display: inline-block;}
.NewsCon .NewsList dl dt img{display: block;width: 100%;}

.NewsCon .NewsList dl dd{width:100%;}
.NewsCon .NewsList dl dd h3{font-size: .293333rem;color: #333;font-weight: normal;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: .266667rem;}
.NewsCon .NewsList dl dd p{font-size: .266667rem;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/* About */
.AboutNav{text-align: center;}
.AboutCon{padding: 0 .333333rem .6rem;margin-top: -1.7rem;}
.AboutCon .AboutList p{color: #333;font-size: .24rem;line-height: .4rem;margin: .4rem .266667rem .533333rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.AboutCon .AboutList span{width: 9.333333rem;}
.AboutCon .AboutList span img{width: 100%;display: block;}

.AboutCon .AboutNav ul {display: inline-block;}
.AboutCon .AboutNav ul li{background: #fd9b01;width: 2.466667rem;height: .8rem;text-align: center;line-height: .8rem;color: #fff;font-size: .24rem;border-radius: .133333rem;float: left;margin-left: .666667rem;cursor: pointer;}
.AboutCon .AboutNav ul li a{color: #fff;}
.AboutCon .AboutNav ul li:first-child{margin-left: 0;}



.about{width: 94%;position: relative;margin-top: 0.33rem;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;background: #fff;padding: 0.46rem 3%;}
.about img{ max-width: 100%;}
.about .mainCon{width: 100%;}
.about .mainCon p{font-size: 0.375rem;color: #666666;line-height: 0.6rem;margin-top: 0.3rem;}
.about .mainCon h1{font-size: .4rem;color: #333333;font-weight: normal;width: 100%;}



/*fenye*/
.fenye{ overflow:hidden; text-align:center; margin:1rem 0px 2rem; line-height:40px; font-size:12px;}
.fenye a,.fenye span{padding:8px 14px;font-size:1rem;color:#999999;border:1px solid #f2f2f2; margin:0px 0.5rem; border-radius:4px;font-size:12px;}
.fenye a:hover{background-color:#d52d26;color:#ffffff;border:1px solid #d52d26;font-size:12px;}
.fenye span{color:#ffffff; background-color:#d52d26;font-size:12px;}