.wrap img {
width: 100%;
}
/*-----------------------------------------------------------------------------------------------------------------------*/
a{ font-size:1.2rem;}
.ban {
width: 100%;
}
.ban img {
display: block;
width: 100%;
}
/**/
.g-four {
width: 93.75%;
margin: 0 auto;
padding: 3rem 0 2.5rem;
}
.g-four .m-bt {
margin: 0 auto;
width: 90%;
height: 3.4rem;
text-align: center;
padding: 2.6rem 0 0;
font-size: 1.6rem;
color: #333;
font-weight: bold;
background: url(../images/four_tbg.gif) no-repeat;
-webkit-background-size: 100%;
-ms-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.g-four .m-bt i {
display: block;
font-size: 12px;
color: #bbb;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
padding: 0.2rem 0 0;
}
.g-four ul {
display: inline-block;
width: 100%;
height: 14rem;
position: relative;
border: #e5e5e5 2px solid;
margin: 1.2rem 0 0;
}
.g-four ul:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
background: #e5e5e5;
}
.g-four ul:after {
content: "";
width: 2px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
background: #e5e5e5;
}
.g-four ul li {
font-size: 1.3rem;
color: #00399b;
width: 50%;
float: left;
height: 6rem;
padding: 1rem 0 0;
text-align: center;
}
.g-four ul li em {
font-size: 2.7rem;
font-family: "Times New Roman", Times, serif;
}
.g-four ul li span {
display: block;
font-size: 1.2rem;
color: #666;
}
/**/
.g-ban01 {
display: block;
width: 100%;
line-height: 0;
}
/*产品中心*/
.common_i_title_tab {
padding-bottom: 2%;
}
.common_i_title_tab a {
width: 24%; margin-bottom: 1%;
float: left;
text-align: center;
margin-right: 1%;
color:#fff;
background-color: #df0134;
border-radius: 3px;
padding:3% 0;
font-size: 1.2rem;
}
.g-cp {
background: #f1f1f1;
width: 100%;
padding: 2.3rem 0 1.2rem;
}
.m-btqq { display: block; width: 67.5%; text-align: center; height: 4.2rem; margin: 0 auto; font-size: 1.6rem; font-weight:600;color: #333;padding: 2.7rem 0 0;
background: url(../images/abw_new.gif) no-repeat; -webkit-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-cp .m-bt b { display: block; font-size: 1.6rem; color: #333;
padding: 0.3rem 0 0;}
.g-cp .m-bt {
display: block; width: 67.5%; text-align: center; height: 4.2rem;
margin: 0 auto; font-size: 1.2rem; color: #666; background: url(../images/cp_tbg.gif) no-repeat; -webkit-background-size: 100%;
-ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
background-size: cover;}
.g-cp .m-bt b {
display: block;
font-size: 1.6rem;
color: #333;
padding: 0.3rem 0 0;
}
.cp01 {
width: 93.75%;
margin: 0 auto;
padding: 0.5rem 0 0;
}
.cp01 ul li {
width: 48%;
float: left;
height: 3rem;
text-align: center;
line-height: 3rem;
background: #00399b;
margin: 0.7rem 0 0;
border-radius: 5rem;
-webkit- border-radius:5rem;
-moz-border-radius: 5rem;
-o-border-radius: 5rem;
}
.cp01 ul li a {
font-size: 1.2rem;
color: #fff;
}
.cp01 ul li:first-child {
background: #ff7c50;
}
.cp01 ul li:nth-child(2n) {
float: right;
}
.cp02 {
width: 93.75%;
margin: 0 auto;
padding: 1.2rem 0 0;
}
.cp02 ul li {
width: 48.66%; float: left;
}
.cp02 ul li a{ width: 100%; float: left;}
.cp02 ul li span {
font-size: 1.2rem;
color: #fff;
display: block;
width: 100%;
text-align: center;
height: 3rem;
line-height: 3rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cp02 ul li:nth-child(2n) {
float: right;
}
/*优势*/
.g-ys {
width: 100%;
overflow: hidden;
height: 46.3rem;
padding: 2.8rem 0 2rem;
background: url(../images/ys_bg.gif) no-repeat;
-webkit-background-size: 100%;
-ms-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.g-ys .m-bt {
font-size: 1.2rem;
color: #666;
height: 6.5rem;
width: 72.5%;
text-align: center;
margin: 0 auto 1rem;
background: url(../images/ys_tbg.png) no-repeat;
-webkit-background-size: 100%;
-ms-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.g-ys .m-bt b {
display: block;
font-size: 1.6rem;
color: #333;
padding: 2.5rem 0 0;
}
.g-ys .sclwrap_box {
height: 36rem;
overflow: hidden;
}
.g-ys .m-box .con {
display: inline;
float: left;
}
.g-ys .ys_pic {
width: 100%;
overflow: hidden;
}
.g-ys dl {
width: 93.75%;
margin: 0 auto;
padding: 0.5rem 0 0;
}
.g-ys dl dt {
font-size: 2.5rem;
color: #fff;
font-weight: bold;
width: 4rem;
height: 4rem;
background: #00399b;
text-align: center;
line-height: 4rem;
float: left;
font-family: "Times New Roman", Times, serif;
}
.g-ys dl dd {
width: 82%;
float: right;
}
.g-ys dl dd b {
display: block;
font-size: 1.5rem;
color: #00399b;
}
.g-ys dl dd i {
display: block;
width: 12rem;
text-align: center;
height: 1.6rem;
line-height: 1.6rem;
background: #fff;
border: #e0e0e0 2px solid;
font-size: 0.7rem;
color: #d9d9d9;
text-transform: uppercase;
margin: 0.2rem 0 0.8rem;
}
.g-ys dl dd p {
font-size: 1.2rem;
color: #666;
line-height: 1.8rem;
position: relative;
padding: 0 0 0 1rem;
}
.g-ys dl dd p:before {
content: "";
width: 0.3rem;
height: 0.3rem;
background: #333;
position: absolute;
top: 0.8rem;
left: 0;
border-radius: 1rem;
-webkit- border-radius:1rem;
-moz-border-radius: 1rem;
-o-border-radius: 1rem;
}
.g-ys dl dd em {
display: block;
width: 10rem;
padding: 1rem 0 0;
}
.g-ys dl dd em a {
font-size: 1.2rem;
color: #00399b;
display: block;
width: 8.8rem;
text-align: center;
height: 2rem;
line-height: 2rem;
border: #00399b 2px solid;
border-radius: 1rem;
-webkit- border-radius:1rem;
-moz-border-radius: 1rem;
-o-border-radius: 1rem;
}
.g-ys .m-cnt {
width: 100%;
position: relative;
display: inline-block;
}
.g-ys .m-cnt:before {
content: "";
width: 100%;
height: 1px;
background: #ddd;
position: absolute;
top: 50%;
left: 0;
}
.g-ys .m-cnt li {
font-size: 1.6rem;
color: #fff;
font-weight: bold;
width: 2.5rem;
height: 2.5rem;
background: #999c9e;
float: left;
margin-right: 1.5rem;
text-align: center;
line-height: 2.5rem;
z-index: 8;
position: relative;
}
.g-ys .m-cnt li.z-on {
background: #00399b;
}
.g-ys .m-cnt li:first-child {
margin-left: 6.5rem;
}
/*案例*/
.g-case {
width: 100%;
background: #f7f7f7;
padding: 0 0 1rem;
}
.g-case .m-bt {
display: block;
width: 100%;
text-align: center;
font-size: 1.2rem;
color: #acacac;
height: 7.4rem;
background: url(../images/case_tbg.jpg) no-repeat;
-webkit-background-size: 100%;
-ms-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.g-case .m-bt b {
display: block;
font-size: 1.6rem;
color: #fff;
padding: 1.7rem 0 0.2rem;
}
.case01 {
width: 93.75%;
margin: 0 auto;
padding: 1.4rem 0 0.5rem;
}
.case01 ul {
display: inline-block;
width: 100%;
height: 8rem;
position: relative;
border: #ededed 2px solid;
background: #fff;
}
.case01 ul:before {
content: "";
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 0;
background: #ededed;
}
.case01 ul:after {
content: "";
width: 2px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
background: #ededed;
}
.case01 ul li {
width: 50%;
float: left;
height: 4rem;
line-height: 4rem;
text-align: center;
}
.case01 ul li a {
font-size: 1.2rem;
color: #333;
}
.g-case .sclwrap_box {
/*
height: 23.6rem;*/
overflow: hidden;
}
.g-case .m-box .con {
display: inline;
float: left;
}
.g-case .m-box ul {
width: 93.75%;
margin: 0 auto;
}
.g-case .m-box ul li {
width: 100%;
line-height: 0;
position: relative;
}
.g-case .m-box ul li span {
display: block;
width: 100%;
text-align: center;
font-size: 1.2rem;
color: #fff;
height: 2.5rem;
line-height: 2.5rem;
overflow: hidden;
background: rgba(0,0,0,0.3);
position: absolute;
bottom: 0;
left: 0;
}
.g-case .m-cnt {
width: 100%;
display: inline-block;
}
.g-case .m-cnt li {
width: 0.7rem;
height: 0.7rem;
background: #93999f;
float: left;
margin-right: 1rem;
border-radius: 2rem;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
-o-border-radius: 2rem;
}
.g-case .m-cnt li.z-on {
background: #ff7c50;
}
.g-case .m-cnt li:first-child {
margin-left: 13rem;
}
/*走进*/
.g-about {
width: 93.75%;
margin: 0 auto;
overflow: hidden;
}
.g-about .m-bt {
width: 52%;
text-align: center;
height: 2rem;
margin: 0 auto;
display: block;
font-size: 1.6rem;
color: #333;
font-weight: bold;
background: url(../images/ab_tbg.gif) no-repeat;
-webkit-background-size: 100%;
-ms-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.g-about dl {
width: 100%;
padding: 1.2rem 0 0;
}
.g-about dl dt {
width: 100%;
}
.g-about dl dd {
width: 100%;
padding: 0.3rem 0 0;
}
.g-about .ab_desc {
line-height: 1.6rem;
font-size: 1.2rem;
color: #666;
line-height: 2.8rem;
height: 33rem;
overflow: hidden;
}
.g-about dl dd em { width: 48%; float：left; margin-left:1%; padding: 1.5rem 0 0;}
.g-about dl dd em a {
display: block;
width: 9.3rem; margin-left:5%;
font-size: 1.2rem;
color: #00399b;
font-weight: bold;
height: 3rem;
line-height: 3rem;
text-align: center;
border: #00399b 2px solid;
float: left;
border-radius: 5rem;
-webkit- border-radius:5rem;
-moz-border-radius: 5rem;
-o-border-radius: 5rem;
}
.g-about dl dd em a:nth-child(2) {
margin: 0 0.5rem;
}
/*index_new*/
.index .in_title {
padding-top:.6rem;
}
.index .in_title .tit {
width: 4.5rem;
margin: 0 auto;
font-size: .36rem;
font-weight: bold;
text-align: center;
color: #df0134;
}
.index .tab { text-align: center;margin-top: .2rem;}
.index .tab a { width: 29%;margin: .05rem; display: inline-block;padding: 0 .1rem; background: #df0134; color: #fff; text-overflow: ellipsis; white-space: nowrap;
overflow: hidden;}
.index #floor_5_main { width: 100%; }
.index .floor_5 { height: auto;padding-bottom:.8rem;}
.index .floor_5 .inews {margin-top:.1rem;}
.index .floor_5 .inews .list li { display: block; width: 90; margin:0 auto;border-top:.02rem solid #ddd; line-height: 3rem; overflow: hidden;}
.index .floor_5 .inews .list li:first-child { border-top: none;}
.index .floor_5 .inews .list li .tit11 { float: left; width: 60%;font-size: 1.2rem; color: #333; margin-left:1rem; text-overflow: ellipsis;
white-space: nowrap; overflow: hidden;}
.index .floor_5 .inews .list li .time { float: right; width: 25%;font-size: .26rem; color: #999;}
.index .look_more { background: #f6f6f6; display: block; width: 80%; margin: 0 auto; font-size: .3rem; line-height: 2rem; text-align: center; color: #333; border: .01rem solid #ddd;}
/**/
html {
font-size: 10px;
-webkit-text-size-adjust: none;
}
@media screen and (min-width: 320px) {
html {
font-size: 10px;
}
}
@media screen and (min-width: 360px) {
html {
font-size: 11.25px;
}
}
@media screen and (min-width: 375px) {
html {
font-size: 11.7px;
}
} /*ipone6*/
@media screen and (min-width: 400px) {
html {
font-size: 12.5px;
}
}
@media screen and (min-width: 414px) {
html {
font-size: 12.94px;
}
} /*ipone6P*/
@media screen and (min-width: 440px) {
html {
font-size: 13.75px;
}
}
@media screen and (min-width: 480px) {
html {
font-size: 15px;
}
}
@media screen and (min-width: 520px) {
html {
font-size: 16.25px;
}
}
@media screen and (min-width: 560px) {
html {
font-size: 17.5px;
}
}
@media screen and (min-width: 600px) {
html {
font-size: 18.75px;
}
}
@media screen and (min-width: 640px) {
html {
font-size: 20px;
}
}