.wrap { background:#fff;}	
.wrap img { display:block; width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}


/*  */

.g-nav {position:relative; padding: 1.6rem 0 0.8rem;}
.g-nav a { display: block; float: left; width: 26%;background:url(../images/nav_bg.png) no-repeat; background-size: 100% 100%; font-size: 1.083rem;  font-weight: bold; color: #fff; text-align: center;margin-right: 6.3%; padding: 3% 0; margin-bottom: 1.5rem; }
.g-nav a img{ width: 40%; margin: 0 auto; padding: 0.5rem 0 0.4rem; }
.g-nav a:nth-child(3n){ margin-right: 0; }
.g-nav a:nth-child(3n-2){ margin-left: 4.7%; }

/*  */

.g-ser{ width: 90.6%; margin: 0 auto; position: relative; }
.g-ser .inp01{ float: left; width: 90%; padding-left: 4%; height: 2.3rem; line-height: 2.3rem; font-size: 1rem; color: #979696; border: 1px solid #cbcbcb;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.g-ser span{float: right; width: 10%; height: 2.3rem; overflow: hidden;}
.g-ser .u-in{ width: 10%;height: 2.3rem;  position: absolute; right:0; top:0; border: none; background: none; cursor: pointer; }


/*  */

.g-pro{background: #f0f0f0; padding: 2rem 4.7% 0 4.7%; margin-top: 2.4rem; font-size: 1rem;}
.g-pro h3{font-size: 1rem; text-align: center; margin-bottom: 1.8rem;}
.g-pro h3 b{display: block; font-size: 1.33rem; border-bottom: 1px solid #a7a2a2; padding-bottom: 0.8rem; }
.g-pro h3 b a{color: #2e374e;}
.g-pro h3 span{display: block; margin-top: -0.6rem; }
.g-pro h3 span a{color: #777; padding: 0 1.5rem; background: #f0f0f0;}
.g-pro dt{height: 1.8rem; overflow: hidden;}
.g-pro dt b a{line-height: 1.8rem;  float: left; width: 34%; height: 1.8rem; background: #2e374e; color: #fff; text-align: center; }
.g-pro dt span{ height: 1.8rem; line-height: 1.8rem; float: left; width: 66%; border: 1px solid #dadada;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; text-align: right; font-size: 0.84rem; padding-right: 0.5rem;}
.g-pro dt span a{ color: #9f9d9d; }
.g-pro dd{ padding: 1rem 0; }
.g-pro dd a{display: inline-block; color: #2f2f35; padding-left: 4%; width: 23%; margin-right: 8%; position: relative; line-height:2rem;}
.g-pro dd a:before{content: ""; width: 0.33rem; height: 0.33rem; background: #2e374e; border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; position: absolute; left: 0; top: 0.9rem;}
.g-pro dd a:nth-child(3n){margin-right: 0;}
.g-pro .m-cnt{ margin-bottom:1.4rem; }
.g-pro .m-cnt li{float: left; width: 50%; padding: 1.8% 0; background: #fff; text-align: center; color: #2e374e;}
.g-pro .m-cnt li.z-on{color: #fff; background: #2e374e;}
.g-pro .m-box ul{float: left; display: inline-block;}
.g-pro .m-box li{float: left; width: 49%; position: relative; margin-bottom: 0.8rem; border: 1px solid #b8b8b8;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; margin-right: 1.99%;height:10rem;overflow:hidden; }
.g-pro .m-box li:nth-child(2n){ margin-right: 0;}
.g-pro .m-box li span{display: block; width: 100%; overflow: hidden; text-align: center; padding: 2% 0;white-space: nowrap;text-overflow: ellipsis;  background: #bbbbbb; color: #fff; position: absolute; left: 0; bottom: 0;}

.g-pro .m-btn{ padding: 3% 0; margin-top: 1.5rem; text-align: center; color: #666; border: 1px solid #ccc;border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius:0.3rem;-webkit-border-radius: 0.3rem;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#ededed 100%);}


/*  */

.g-point{font-size: 1rem; margin: 2.2rem 0 0; padding:0 4.7%;}
.g-point h3{font-size: 1rem; text-align: center; margin-bottom: 1.8rem;}
.g-point h3 b{ display: block; font-size: 1.33rem; border-bottom: 1px solid #b5b1b1; padding-bottom: 0.8rem;color: #2e374e; }
.g-point h3 span{display: block; margin-top: -0.6rem; }
.g-point h3 span em{color: #333; padding: 0 1.5rem; background: #fff;}


.g-point .m-box li{ background: #e9e9e9;}
.g-point .m-box li b{ display: block; color: #333; }
.g-point .m-box li b img{ display: inline-block; width: 1.6rem; vertical-align: middle; margin-right: 0.6rem; color: #333; }
.g-point .m-box li p{ padding-bottom: 1rem; }
.g-point .m-box li span{ font-size: 0.92rem; display: block; line-height: 1.5rem; }

.g-point .m-text{padding: 1rem 4.8%;}
.g-point .m-cnt{text-align: center; margin-top: 1rem;}
.g-point .m-cnt li{display: inline-block; width: 1rem; height: 1rem; line-height: 1rem; text-align: center; background: #a5a5a5; color: #fff; margin-right: 0.4rem;}
.g-point .m-cnt li.z-on{ background: #31394f; }



/*  */

.g-case{font-size: 1rem; margin: 2.2rem 0 0; padding:0 4.7%; position: relative;}
.g-case h3{font-size: 1rem; text-align: center; }
.g-case h3 b{ display: block; font-size: 1.33rem; border-bottom: 1px solid #b5b1b1; padding-bottom: 0.8rem;}
.g-case h3 b a{color: #2e374e; }
.g-case h3 span{display: block; margin-top: -0.6rem; }
.g-case h3 span em{color: #959595; padding: 0 1.5rem; background: #fff;}

.g-case .sclwrap_box{width: 90%; margin: 0 auto;}
.g-case li{position: relative;}
.g-case li span{display: block; width: 100%; overflow: hidden; text-align: center; padding: 1.2% 0;white-space: nowrap;text-overflow: ellipsis;  background:rgba(0,0,0,0.5); color: #fff; position: absolute; left: 0; bottom: 0; font-size: 0.92rem;}
.g-case .prev{width: 0.8rem; position: absolute; left: 3%;  top: 13rem;}
.g-case .next{width: 0.8rem;  position: absolute; right: 3%;  top: 13rem;}
.g-case p { text-align: center;  margin-top: 1rem;}
.g-case p a{display: inline-block; width: 27%; text-align: center; padding: 1.8% 0; background: #2e374e; color: #fff;  margin: 0 1%;}
.g-case p a:last-child{background: #c6c5c5;}
.g-case .m-btn{ padding: 3% 0; margin-top: 1.5rem; text-align: center; color: #666; border: 1px solid #ccc;border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius:0.3rem;-webkit-border-radius: 0.3rem;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#ededed 100%);}


/*  */

.g-ys{font-size: 1rem; margin-top: 2rem;}
.g-ys h3{font-weight: bold; font-size: 1rem; text-align: center;  background:url(../images/ys_bg.jpg) no-repeat center; background-size: 100% 100%; padding: 2.2rem 0 1.3rem; color: #fff; font-size: 1.167rem; margin-bottom: 1.6rem;}
.g-ys h3 b{display: block; background:url(../images/ys_bg2.png) no-repeat center; background-size: 100%;}
.g-ys h3 em{display: inline-block; width: 85%; height: 2.2rem; line-height: 2.2rem; margin-top: 0.5rem;
background: #53648e; /* Old browsers */
background: -moz-linear-gradient(top,  #53648e 0%, #2e374f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#53648e), color-stop(100%,#2e374f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #53648e 0%,#2e374f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #53648e 0%,#2e374f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #53648e 0%,#2e374f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #53648e 0%,#2e374f 100%); /* W3C */}

.g-ys .sclwrap_box{width: 90.6%; margin: 0 auto;}
.g-ys .m-box div{ float: left; display: inline-block; }
.g-ys dt{ padding: 0.8rem 0; }
.g-ys dt i{ display: inline-block; width: 1.88rem; height: 2.75rem; background:url(../images/ys_bg3.png) no-repeat; background-size: 100% 100%; overflow: hidden; text-align: center; color: #fff; line-height: 3.6rem;font-family:"Times New Roman", Times, serif; font-size: 1.25rem; vertical-align: middle; }
.g-ys dt span{display: inline-block; color: #333;vertical-align: middle; padding-left: 0.4rem;}
.g-ys dt span b{display: block; color: #2e374e;}
.g-ys dd{background:url(../images/ys_bg4.png) no-repeat; background-size: 100%; padding-top: 1.5rem; }
.g-ys dd p{ line-height: 1.5rem; margin-bottom: 0.6rem; color: #666; background:url(../images/ys_icon.png) no-repeat 0 0.4rem; background-size: 0.67rem; padding-left: 1.4rem;}
.g-ys .m-cnt{text-align: center; margin-top: 1.6rem; background:url(../images/ys_bg5.jpg) no-repeat; background-size: 100%; padding-top: 1rem;}
.g-ys .m-cnt li{display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; background: #a5a5a5; color: #fff; margin-right: 0.4rem;}
.g-ys .m-cnt li.z-on{ background: #31394f; }


/*  */

.g-cust{position: relative; font-size: 1rem;}
.g-cust h3{font-size: 1rem; text-align: center; margin-bottom: 1.8rem;}
.g-cust h3 b{display: block; font-size: 1.33rem; padding-bottom: 0.3rem; }
.g-cust h3 b a{color: #fff;}
.g-cust h3 span{display: block;background:url(../images/cust_bg2.png) no-repeat center; background-size: 100% 1px; }
.g-cust h3 span a{color: #adaaaa; padding: 0 1.5rem; background: #31384e;}

.g-cust{background:url(../images/cust_bg.jpg) no-repeat; background-size: 100% 100%; margin-top: 2rem;  padding:2rem 4.7%;}

.g-cust li{position: relative; text-align: center; }
.g-cust li img{ width:38%; display: inline-block; border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%; border: 0.17rem solid #fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-cust li span{display: block; width: 100%; overflow: hidden; text-align: center; color: #fff; padding: 1rem 0 2.2rem; }
.g-cust li span a,.g-cust li b a,.g-cust li p{color: #fff;}
.g-cust li b{font-size: 1.09rem; display: block; white-space: nowrap;text-overflow: ellipsis; height: 1.4rem; line-height: 1.4rem; overflow: hidden; color: #fff; }
.g-cust li p{ font-size: 0.83rem; line-height: 1.6rem; margin-top: 0.4rem; text-align: left; }
.g-cust .prev{ width: 0.8rem; position: absolute; left: 22%;  top: 11rem;}
.g-cust .next{width: 0.8rem;  position: absolute; right: 22%;  top: 11rem;}

/* */

.g-about{ margin-top: 1.8rem; padding:0 4.7%; font-size: 1rem; }
.g-about h3{font-size: 1rem; text-align: center; margin-bottom: 1.8rem;}
.g-about h3 b{display: block; font-size: 1.33rem; border-bottom: 1px solid #a7a2a2; padding-bottom: 0.8rem; }
.g-about h3 b a{color: #2e374e;}
.g-about h3 span{display: block; margin-top: -0.6rem; text-transform: uppercase; }
.g-about h3 span a{color: #777; padding: 0 1.5rem; background: #fff;}

.g-about dd p{line-height: 1.5rem; color: #333;  padding: 1.2rem 0 1.6rem;}
.g-about dd span{display: block; text-align: center;}
.g-about dd span a{ float: left; width: 28%; padding: 1.6% 0 ; background: #9b9b9f; color: #fff; margin-right: 6%; }
.g-about dd span a:last-child{margin-right: 0;}
.g-about dd span a:first-child{background: #2e374e;}



/*  */


.g-photo{font-size: 1rem; width: 90.6%; margin: 0 auto; padding-top: 1.8rem;}
.g-photo h3{ margin-bottom: 1.2rem; }
.g-photo h3 a{ color: #2e374e; font-size: 1rem; font-weight: bold; }
.g-photo h3 img{float: left; width: 1.167rem; padding-right: 0.6rem;}
.g-photo li{float: left; width: 48%;}
.g-photo li img{ border:1px solid #d4d4d4; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.g-photo li:nth-child(2n){ float: right; }
.g-photo li span{display: block; color: #535353; font-size: 0.9rem; text-align: center; padding-top: 0.5rem;}

.g-photo .m-btn{ padding: 3% 0; margin-top: 1.5rem; text-align: center; color: #666; border: 1px solid #ccc;border-radius: 0.3rem;-moz-border-radius: 0.3rem;-o-border-radius:0.3rem;-webkit-border-radius: 0.3rem;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#ededed 100%);}


/*  */


.g-news{ font-size: 1rem; padding-top: 2rem; width: 90.6%; margin: 0 auto; }
.g-news .m-cnt{background:url(../images/news_bg.png) repeat-x 0 bottom; background-size: 1px 1px; margin-bottom: 1rem;}
.g-news .m-cnt li{ float: left; width: 28%; text-align: center; color: #212121; padding-bottom: 0.6rem; }
.g-news .m-cnt li.z-on{ font-weight: bold; color: #2e374e; border-bottom: 0.17rem solid #2e374e; }

.g-news .m-box p{float: left; width: 42.4%;}
.g-news .m-box div{float: left; display: inline-block;}
.g-news .m-box ul{float: right; width: 54%;}
.g-news .m-box li{ line-height: 1.68rem; height: 1.68rem; position: relative; padding-left: 1.4rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #666;}
.g-news .m-box li a{color: #666;}
.g-news .m-box li:before{content: ""; width: 0.37rem; height: 0.37rem; background: #2e374e; position: absolute; left: 0; top: 0.6rem; border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;-webkit-border-radius: 100%;}







/*  */

@media screen and (min-width:320px) {
html { font-size:75%;}
}
@media screen and (min-width:360px) {
html { font-size:87%;}
}
@media screen and (min-width:375px) {
html { font-size:88%;}
}
@media screen and (min-width:400px) {
html { font-size:98%;}
}
@media screen and (min-width:414px) {
html { font-size:100%;}
}
@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%;}
}
.pro_tit h3{height: 1.625em;
    width: 8.625em;
    background-color:#2e374e;
    margin-bottom: 0px;}
.pro_tit h3 a{color:White;}
.pro_tit ul{height: 3.5rem;
    padding-top: 0.5rem;}
.pro_tit ul li {float: left;
    padding-right: 0.5rem;
    line-height: 1.4rem;}
.pro_tit ul li a {color:#666;}