@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}
hgroup{ overflow: hidden; width: 100%; text-align: center; margin-top: 3%;}
hgroup h2{ font-size: 1.25rem; color: #333; font-weight: normal}
hgroup h2 a{ color: #333}
hgroup p{  font-size: .95rem; color: #333; margin-top: .3rem}
section.section{ width: 94%; margin-right: auto; margin-left: auto;}

/*头部*/
header{ overflow: hidden; width: 100%; padding:3% 0;}
header h1{ float: left; width: 20%;}
header h1 img{ display: block; width: 100%;}
header h2{float: right;width: 75%;font-size: 1.25rem;color: #000;margin-top: 3%;background:url("../images/Common/line_03.png") no-repeat left center;padding: .3rem 0;header h2{ float: right;width: 75%;font-size: 1.25rem;color: #000;margin-top: 3%;background:url("../images/Common/line_03.png") no-repeat left center;padding-left:1rem;box-border:box-border;}padding-left:;padding-left: 1rem;}
header h2 p{ font-size: 1rem; font-weight: normal}
header h2 img{display:block; width:85%;}
/*nav*/
nav{ overflow: hidden; width: 100%; background-color: #133a58; border-bottom: 3px solid #ef6102}
nav a{ display: block; text-align: center; font-size: 1rem; color: #fff; padding:.7rem 0; box-sizing: border-box; border-right: 1px solid #0f2e46; border-bottom: 1px solid #0f2e46; float: left; width: 25%;}

/*banner*/

.banner{ overflow: hidden; width: 100%;}
.banner a img{ display: block; width: 100%; position: relative; }
.focus{ overflow: hidden; width: 100%; position: relative}
.focus a img{ display: block; width: 100%;}
.focus .btn{ overflow: hidden; width: 100%; position: absolute; left:0; bottom:6%; text-align: center}
.focus .btn li{ width:.8rem; height: .8rem; background-color: #8f8f8f; display:inline-block; border-radius:1rem; margin: 0 .2rem;text-indent: -99999em;}
.focus .btn li.on{ background-color: #1ea11b; width: 1.8rem; height: .6rem;}
.focus .bd{ position:relative; z-index:0; }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center; text-indent: -99999em; }


/*产品*/
.pro{ overflow: hidden; width: 100%; background-color: #fff; border-bottom: .4rem solid #dedede}
.pro .proNav{ overflow: hidden; width: 100%; margin-top: 4%; border-top:1px solid #dedede; border-bottom: 1px solid #dedede;}
.pro .proNav li{ width: 50%; border-right: 1px solid #d5d5d5; box-sizing: border-box; text-align: center; font-size: 1.15rem;  float: left; padding: .75rem 0;}
.pro .proNav li a{ color: #333}
.pro .proNav li.on{ font-weight: bold; background-color: #f5f5f5}
.pro .proBox{ overflow: hidden; width: 100%;}
.pro .list li{ width: 50%; float: left; box-sizing: border-box; text-align: center; border-right: 1px solid #dedede;padding-bottom: 1rem; border-bottom: 1px solid #dedede;}
.pro .list li img{ display: block; width: 100%;}
.pro .list li strong,.pro .list li span{ display: block; width: 100%;}
.pro .list li strong{ font-size: .95rem; color: #3d3d3d; margin-top: .6rem; font-weight: normal}
.pro .list li span{ font-size: .85rem; color: #133a58; line-height: 1.5rem}
.pro .pro_list{ margin-top: 0;}

a.imgMore{  text-align: center; font-size: 1rem; display: block; margin:4% 0; color: #333}
a.imgMore img{ display: inline-block; width: 10%;}


/*广告*/
.gg01{ overflow: hidden; width: 100%; background: url("../images/Index/gg01Bg.png") no-repeat center; background-size: cover; padding: 5% 0;  border-top:5px solid #dedede; border-bottom:5px solid #dedede}
.gg01 h4{ float: left; font-size: 1rem; color: #fff; margin-top: .5rem;}
.gg01 h4 p{ font-size: 1.8rem; font-weight: normal}
.gg01 a.more{float: right;display: block;padding: .6rem 1rem;border-bottom: 2px solid #8d3700;background-color: #ed5f05;color: #fff;font-size: 1rem;margin-right: 3%;margin-top: 3%;}
.gg02{background: url("../images/Index/gg02.png") no-repeat center;}

/*方案*/
.fAn{ overflow: hidden; width: 100%; border-bottom: 5px solid #dedede}
.fAn hgroup{ margin-top: 5%}
.fAn .list { padding: 1rem 0; border-bottom: 1px solid #dedede; border-top:1px solid #dedede; overflow: hidden; margin-top: 3%;}
.fAn .list li{ width: 25%; float: left;}
.fAn .list li img{ width: 75%;  display: block; margin: .5rem auto}
.fAn .list li p{ font-size: .85rem; color: #3d3d3d; line-height: 1.8rem; white-space: nowrap; text-align:center}
.fAn .list li:nth-of-type(1) ,.fAn .list li:nth-of-type(2) ,.fAn .list li:nth-of-type(3) ,.fAn .list li:nth-of-type(4){margin-bottom: .8rem;}


/*优势*/
.Y-s{ overflow: hidden; width: 100%; background-color: #fff}
.Y-s  hgroup b{ font-size: 2.2rem; color: #ef6102}
.Y-s  i.i{ display: block; width: 100%; border-bottom: 1px solid #dedede; margin: 1rem 0;}
.Y-s .ysCon,.Y-s .ysList{ overflow: hidden; width: 100%;}
.Y-s .ysList{ text-align: center}
.Y-s .ysList h3{ font-size: 1rem; color: #133a58}
.Y-s .ysList h4{display: inline-block;text-align:center;padding: .2rem .5rem;font-weight: normal;margin: .8% 0;font-size: 1rem;color: #fff;background-color: #133a58;border-radius: 1rem;}
.Y-s .ysList p{ font-size: .85rem; color: #666666; line-height: 1.5rem; margin-top: 1%;}
.Y-s .ysList p span{ color: #ef6102}
.Y-s .ysList img{ display: block; width: 100%; margin: .5rem;}
.Y-s .btn{ width: 100%; overflow: hidden; text-align: center; margin-bottom: 1rem}
.Y-s .btn span{ line-height: 30px; width: 30px; font-size: 1.25rem; position: relative; display: inline-block; text-align: center; color: #133a58; margin: 0 10px; border: 2px solid #133a58; border-radius: 50%;}
.Y-s .btn span i{ display: block; width: 24px; position:absolute; top:15px; right: -25px; height: 1px; background: #133a58}
.Y-s .btn span.on{ background-color: #133a58; color: #fff}

/*见证*/
.witness{ overflow: hidden; width: 100%; background-color: #fff}
.witness article{ width: 100%; padding: .75rem 3%; box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #dedede}
.witness article h2{float: left;font-size: 1.25rem;color: #333333;font-weight: normal;}
.witness article h2 a{color: #333333; }
.witness article a.more{ float: right ;display: block; font-size: .85rem; color: #133a58}
.witness .witnessBox,.witness .secCon{ overflow: hidden; width: 100%;}
.witness dl{ padding: 1.2rem 3%; width: 100%; overflow: hidden; border-bottom: 1px solid #e7e7e7; box-sizing: border-box;}
.witness dl dt{ width: 30%; float: left;}
.witness dl dt img{ display: block; width: 100%;}
.witness dl dd{ float: right; width: 65%;}
.witness dl dd h3{ font-weight: normal; color: #133a58; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.witness dl dd h3 a{ color: #133a58}
.witness dl dd p{ font-size: .85rem; color:#333333; line-height: 1.5rem; height: 3rem; overflow: hidden; margin-top: 2%; margin-bottom: 4%;}
.witness dl dd  a.more{ font-size: 0.85rem; color: #426179}
.witness .btn{ width: 100%; overflow: hidden; text-align: center; padding: 1rem 0;}
.witness .btn span{width: 10px;height:10px;position: relative;display: inline-block;text-align: center;background-color: #dedede;margin: 0 10px;box-shadow: 0 0 0 3px #fff, 0 0 0 4px #dedede;}
.witness .btn span i{ display: block; width: 5px; position:absolute; top:5px; right: -15px; height: 1px; background: #90a2b0}
.witness .btn span.on{ background-color: #133a58; box-shadow: 0 0 0 3px #fff, 0 0 0 4px #133a58;}

/*about*/
.aB{ overflow: hidden; width: 100%; background-color: #fff; border-bottom: 5px solid #dedede; border-top:5px solid #dedede;}
.aB dl dt{ margin:5% 0; overflow: hidden}
.aB dl dt img{ display: block; width: 100%;}
.aB dl dd{ text-align: center; overflow: hidden; padding:0 3%; box-sizing: border-box; width: 100%; }
.aB dl dd h3{ font-weight: normal; color: #133a58; font-size: 1rem;}
.aB dl dd h3 a{ color: #133a58;}
.aB dl dd p{font-size: .8rem;color: #333333;line-height: 1.5rem;margin: 5% 0;}
.aB dl dd a.more{ display: block; width: 80%; border:1px solid #dedede; text-align: center; padding: .6rem 0; font-size: 1rem; color: #333333; margin: 02% auto 5%;}

/*新闻*/
.news{overflow: hidden;width: 100%;border-bottom: 5px solid #dedede;padding-bottom: .5rem;}
.news .newNav{ overflow: hidden; width: 100%; border-top:1px solid #dedede; border-bottom: 1px solid #dedede;}
.news .newNav li{ width: 33%; border-right: 1px solid #d5d5d5; box-sizing: border-box; text-align: center; font-size: 1.15rem;  float: left; padding: .75rem 0;}
.news .newNav li a{ color: #333}
.news .newNav li:last-of-type{ width: 34%; border-right: none}
.news .newNav li.on{background-color: #f5f5f5}
.news .newDl{overflow: hidden;padding: 1rem 3%;width: 100%;border-bottom: 1px solid  #ebebeb;box-sizing: border-box;}
.news dt{ width: 20%; float: left; text-align: center; color: #2b2b2b; font-size: 1.25rem; font-family: Arial; border-right: 1px dotted #3d3d3d; box-sizing: border-box}
.news dt p{ font-size: .85rem; color: #3d3d3d;}
.news dd{ width:77%; float: right}
.news dd h3{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .85rem; color: #3d3d3d}
.news dd h3 a{ color: #3d3d3d}
.news dd p{ color: #424242; font-size: .8rem; margin-top: .3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .newDl:last-of-type{ border-bottom: none}

/*备案*/
address{ background-color: #133a58; width: 100%; padding: 1rem 0 5.5rem;}
address p{ font-size: .9rem; color: #fff; text-align: center; line-height: 1.5rem;}
address p a{ color: #fff}
address p b{ font-size: 1.25rem;}
address p:first-child{ line-height: 2rem; margin-bottom: 0.3rem;}


/*底部*/
footer{ overflow: hidden; width: 100%; background-color: #333; position: fixed; left: 0; bottom: 0;}
footer a{ width: 25%; float: left;  border-right:1px solid #494949; display: block;
; padding: .5em 0; text-align: center; font-size: 1rem; color: #fff; box-sizing: border-box}
footer a img{ display: block; margin: 0 auto .2rem; width: 32%;}
footer a:last-child{ border-right: none}