﻿.wrap { background:#fff;}	
.wrap img { width:100%;}
.pr { position:relative;}
.pa { position:absolute;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

@media screen and (min-width:320px) {html { font-size:75%;}}
@media screen and (min-width:360px) {html { font-size:85%;}}
@media screen and (min-width:375px) {html { font-size:88%;}}
@media screen and (min-width:393px) {html { font-size:92%;}}
@media screen and (min-width:400px) {html { font-size:98%;}}
@media screen and (min-width:414px) {html { font-size:97%;}}
@media screen and (min-width:480px) {html { font-size:112%;}}
@media screen and (min-width:568px) {html { font-size:131%;}}
@media screen and (min-width:639px) {html { font-size:150%;}}	

/*通栏广告*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15;}

.g-adv .sclwrap_box{ height:15.42rem;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

.g-adv .m-cnt{ position:absolute; top:13.75rem; left:10.63rem;}
.g-adv .m-cnt li{ background:url(/mobile/Images/Index/ban_ico01.png) no-repeat; width:1.08rem; height:1.08rem; float:left; margin:0 0.3rem 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-adv .m-cnt li.z-on{ background:url(/mobile/Images/Index/ban_ico02.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

/*导航样式*/
.g-nav { position:relative; clear:both; margin:1.08rem 0 0.4rem;}
.g-nav a { float:left; width:7.88rem; height:2.46rem; line-height:2.46rem; border:solid 1px #0f7ece; border-radius:10rem; text-align:center; color:#0f7ece; font-weight: bold; margin:0 0 0.79rem 0.54rem;}

/*和和产品系列*/
/**/
.g-zx .m-bt { display:block; background:url(/mobile/Images/Index/zx_bt.gif) no-repeat; height:3.13rem; line-height:3.13rem; text-align:center; font-size:1.17rem; color:#005fb7;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zx .m-bt b { color:#e60012;}
.g-zx span { background:url(/mobile/Images/Index/zx_bg10.gif) no-repeat; display:block; width:25.67rem; height:4.95rem;  line-height:1.75rem; padding:0.8rem 0 0 1rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zx span a { color:#666; padding:0 0.2rem; font-size:0.95rem;}

.g-zx p { display:block; padding:0 0 0 0.5rem; height:11.67rem;}
.g-zx p a { display:block; float:left; width:12.21rem; text-align:center; margin:0 0.32rem 0.6rem 0; font-size:0.83rem; color:#000;}
.g-zx p a img { display:block; width:11.92rem; height:9.13rem; border:solid 1px #e3e3e3; margin-bottom:0.2rem;}
.g-zx em a { display:block; text-align:center; font-size:1.17rem; color:#00469c;}

.g-zx .u-sp02 { background:url(/mobile/Images/Index/zx_bg11.gif) no-repeat; display:block; width:26.67rem; height:4.38rem; line-height:4.38rem; padding:0; text-align:center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zx .u-sp02 a { padding:0 1.1rem;}


/*和和在诸多领域引领发展*/
.g-fz { padding:1rem 0 0.6rem;}
.g-fz .m-bt { display:block; text-align:center; font-size:1.17rem; color:#00469c; padding-bottom:0.65rem;}

.g-fz .m-cnt { display:block; background:#00469c; height:2.5rem; line-height:2.5rem; width:25.67rem; border-radius:0.2rem; margin:0 auto;}
.g-fz .m-cnt li { float:left; width:25%; text-align:center; color:#fff; font-size:1rem;}
.g-fz .m-cnt li.z-on { background:#e60012;}
.g-fz .m-cnt li:nth-child(1).z-on { border-radius:0.2rem 0 0 0.2rem;}
.g-fz .m-cnt li:nth-child(4).z-on { border-radius:0 0.2rem 0.2rem 0;}

.g-fz .sclwrap_box{height:28.33rem; overflow:hidden}
.g-fz .con { float:left}
.g-fz .con a { display:block;}
.g-fz .more_div{ text-align:center;}
.g-fz .more_div a { width:7.88rem; height:2.46rem; line-height:2.46rem; border:solid 1px #0f7ece; border-radius:10rem; text-align:center; color:#0f7ece; font-weight: bold; padding:0.39rem 0.54rem 0.39rem 0.54rem;}

/*广告*/
.g-pic { position:relative; line-height:0;}
.g-pic p { position: absolute; top:7.25rem; left:0.88rem; line-height:1.5rem; width:5.46rem;}

/*和和专注12年*/
.g-ys .m-bt { display:block; padding:2.08rem 0 0.8rem; text-align:center;} 
.g-ys .m-bt span { display:block; font-size:1.42rem; color:#666;}
.g-ys .m-bt span b { color:#00469c;}
.g-ys .m-bt em { display:block; font-size:1.25rem; color:#666;}

.g-ys .m-cnt { display:block; background:#00469c; height:2.5rem; line-height:2.5rem; width:25.67rem; border-radius:0.2rem; margin:0 auto 1rem;}
.g-ys .m-cnt li { float:left; width:25%; text-align:center; color:#fff; font-size:1rem;}
.g-ys .m-cnt li.z-on { background:#e60012;}
.g-ys .m-cnt li:nth-child(1).z-on { border-radius:0.2rem 0 0 0.2rem;}
.g-ys .m-cnt li:nth-child(4).z-on { border-radius:0 0.2rem 0.2rem 0;}

.g-ys .sclwrap_box{height:31rem; overflow:hidden}
.g-ys .con { float:left}
.g-ys .con span { display:block; height:3.3rem;}
.g-ys .con span a { display:block; line-height:2.58rem; margin-left:0.44rem; font-size:1.33rem; color:#00469c;}
.g-ys .con span a b { display:block; background:url(/mobile/Images/Index/ys_icobg.gif) no-repeat; width:5.63rem; height:2.79rem; line-height:2.79rem; text-align:center; font-size:1.67rem; color:#fff; float:left; margin-right:0.42rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .con p { clear:both; color:#666; padding:0 0 0 0.68rem;}
.g-ys .con p img { display:block; float:left; width:0.24rem; padding:0.8rem 0.3rem 0 0;}
.g-ys .con p em { display:block; float:left; width:21.25rem; line-height:1.75rem;}
.g-ys .con02 dl dt { width:23.29rem; height:15.71rem; position:relative; margin:0 auto;}
.g-ys .con02 dl dt a em { display:block; width:23.29rem; height:1rem; position:absolute; top:13.25rem; left:0; font-size:0.88rem; color:#fff; text-align:center;}
.g-ys .con02 dl dd { padding:0.5rem 0 0 1.67rem;}
.g-ys .con02 dl dd a { display:block; float:left; width:11.13rem; height:9.75rem; margin-right:1rem; position:relative;}
.g-ys .con02 dl dd a em { display:block; width:11.13rem; height:1rem; position:absolute; top:5.6rem; left:0; font-size:0.88rem; color:#fff; text-align:center;}

.g-ys .con03 span { display:block; height:3.3rem;}
.g-ys .con03 span a { display:block; line-height:2.58rem; margin-left:0.44rem; font-size:1.33rem; color:#00469c;}
.g-ys .con03 span a b { display:block; background:url(/mobile/Images/Index/ys_icobg.gif) no-repeat; width:5.63rem; height:2.79rem; line-height:2.79rem; text-align:center; font-size:1.67rem; color:#fff; float:left; margin-right:0.42rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .con03 p { padding:0.5rem 0 0;}
.g-ys .con03 p a { display:block; float:left; width:7.13rem; border:solid 1px #bababa; background:#f5f5f5; height:12rem; border-radius:0.2rem; margin:0 0 1rem 1.2rem; text-align:center;}
.g-ys .con03 p a em { display:block; font-size:0.83rem; color:#00469c; line-height:1.75rem;}
.g-ys .con03 p a span { display:block; font-size:0.65rem; color:#666; line-height:1rem; padding:0 0.5rem;}

.g-ys .con04 span { display:block; height:3.3rem;}
.g-ys .con04 span a { display:block; line-height:2.58rem; margin-left:0.44rem; font-size:1.33rem; color:#00469c;}
.g-ys .con04 span a b { display:block; background:url(/mobile/Images/Index/ys_icobg.gif) no-repeat; width:5.63rem; height:2.79rem; line-height:2.79rem; text-align:center; font-size:1.67rem; color:#fff; float:left; margin-right:0.42rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .con04 i { display:block;}
.g-ys .con04 p { width:25.67rem; height:3.83rem; background:#efefef; border-radius:0.5rem; margin:0 auto 0.5rem;}
.g-ys .con04 p b { display:block; color:#00469c; padding:0.5rem;}
.g-ys .con04 p i{ display:block; padding:0 0 0 0.5rem; color:#666; font-size:0.83rem;}

/*.g-ys .m-cnt{ padding:0.38rem 0 0 9.38rem; background:url(/mobile/Images/Index/ys_xx.gif) no-repeat; height:2rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-ys .m-cnt li{ background:#e60012; width:1.58rem; height:1.58rem; float:left; margin:0 0.5rem 0 0;
border-radius:0.3rem;      
-webkit- border-radius:0.3rem;
-moz-border-radius:0.3rem;
-o-border-radius:0.3rem;}
.g-ys .m-cnt li.z-on{ background:#00479c;}*/

/**/
.g-zj { padding:1rem 0;}
.g-zj p a { display:block; width:25.71rem; margin:0 auto; color:#666; line-height:1.5rem;}
.g-zj p a em { display:block; font-size:1.25rem; color:#005db7; text-align:center; padding:0.5rem 0;}

