﻿.m_nav{ height:auto; margin: 1.25rem 5% 1rem 5%;}



.m_nav li{ float:left;  color:#fff; width:31.3%; margin-right: 3%; text-align:center;background: #ff6000;border-bottom: 0.125rem solid #013159;height: 2.5rem;line-height: 2.5rem;color: #fff;font-size: 0.99rem; margin-bottom: 0.5rem; }



.m_nav a:nth-child(3n) li{margin-right: 0;}







.g-adv { height:auto; }



.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 12.5rem;}



.g-adv .m-box li img{ width:100%;}



.g-adv .m-cnt{ background:#aaaaaa;}



.g-adv .m-cnt li{ float:left; width:33.3333%; }



.g-adv .m-cnt li.z-on{ background:#4a4a4a;}



/* 电话 */



.tel{margin: 0 6%;width: 56%;height: 2rem;line-height: 2rem;border: 2px solid #a5a5a5;padding-left: 32%;position: relative; font-size: 1.5rem;color: #333333;font-weight: bold;}



.tel:before{content: "";position: absolute;background:url(../images/tel.jpg) no-repeat;background-size: 100%;width: 2rem;height: 2rem; left:27%;top:0;}











/*搜索*/



.m_ser{ height: 2.33rem; position: relative; margin-bottom: 1.66rem; margin-top:0.76rem;}



.ser{width:100%;margin:0 auto;height:2.33rem;;line-height:2.33rem;background:url(../images/serbg.jpg) no-repeat left center;background-size:100%; }



.ser input{background:none;border:none;color:#7f7f7f;font-size:1rem;height:2.33rem;line-height: 2.33rem;float:left; padding-left:20%}



.ser input:nth-child(1){width:67%;padding:0 1% 0 8%; text-align:center;}



.ser input:nth-child(2){width:23%;  cursor: pointer; height: 2.33rem; line-height: 2.33rem;}







/* 问题 */



.g_wt{background: #ededed;height:23.33rem; padding-top: 2.5rem; }



.g_wt h2{margin-bottom: 1.5rem;}



.g_wt h2,.g_wt h2 img{width: 100%;display: block;}



.g_wt .u_lst1{margin: 0 14%;}



.g_wt .u_lst1 li{text-align: center;font-size: 1.08rem;color: #333333;text-align: center;border-bottom: 1px dotted #797979; height: 2rem;line-height: 2rem;float: left;}



.g_wt .u_lst1 li  b{font-weight: normal;color: #015195;}



.g_wt .u_lst1 li em{font-weight: bold;}



.g_wt .u_lst1 li:last-child{border-bottom: none;}







/* 省心 */



.g_shen{height: 33.83rem;border-bottom: 1px solid #d6d5d5;padding-top:2.5rem; overflow: hidden;}



.g_shen h2{margin-bottom: 2.5rem;}



.g_shen h2,.g_shen h2 img{width: 100%;display: block;}



.m_shen{margin: 0 5%; position: relative;} 



.m_shen:before{content: "";position: absolute; width: 18%;height: 2px;background: #666666;left:41%;top:2.9rem;}



.m_shen:after{content: "";position: absolute; width: 18%;height: 2px;background: #666666;left:41%;top:17.9rem;}



.m_shen dl{float: left;width: 50%;}



.m_shen dt{width: 46%;margin: 0 auto; margin-bottom: 0.75rem;}



.m_shen dt img{width: 100%;display: block;}



.m_shen dd {height: 8.3rem;}



.m_shen dd h3{height: 1.8rem;line-height: 1.8rem;text-align: center;color: #262626;font-size: 1.08rem;font-weight: bold; margin-bottom: 0.5rem;}



.m_shen dd p{font-size: 1rem;color: #545454;line-height: 1.5rem;padding: 0 3%;}







/* 模式 */



.g_ms{background:url(../images/msbg.jpg) no-repeat left center;background-size:100%;height: 29.23333rem; padding-top:1.6rem;}



.g_ms h2{margin-bottom: 2.5rem;}



.g_ms h2,.g_ms h2 img{width: 100%;display: block;}



.g_ms .u_lst2{margin: 0 6%;}



.g_ms .u_lst2 li{font-size: 1rem;color: #333333;height: 2rem;line-height: 2rem;border-bottom: 1px dotted #333; width: 66%;}



.g_ms .u_lst2 li em{font-weight: bold;}



.g_ms .u_lst2 li:nth-child(4),.g_ms .u_lst2 li:nth-child(5),.g_ms .u_lst2 li:nth-child(6){width: 36%;}



.g_ms .u_lst2 li:nth-child(7){border-bottom:none;}







/* 电话 */



.g_ms .tel{margin: 4.5rem 6% 0 6%;width: 56%;height: 2.4rem;line-height: 2.4rem;border: 2px solid #a5a5a5;padding-left: 32%;position: relative; font-size: 1.5rem;color: #333333;font-weight: bold;}



.g_ms .tel:before{content: "";position: absolute;background:url(../images/tel.jpg) no-repeat;background-size: 100%;width: 2rem;height: 2rem; left:27%;top:3%;}







.u_zx{display: block;margin: 0 6% 2.5rem 6%;height: 2.5rem;line-height: 2.5rem;text-align: center;color: #fff;font-weight: bold;font-size: 1rem; 



	background: #0069cd;



	background-image: -webkit-gradient(linear, left top, left bottom, from(#0069cd), to(#014f99)); 



	background-image: -webkit-linear-gradient(top, #0069cd, #014f99); 



	background-image: -moz-linear-gradient(top, #0069cd, #014f99); 



	background-image: -o-linear-gradient(top, #0069cd, #014f99); 



	background-image: -ms-linear-gradient(top, #0069cd, #014f99); 



	background-image: linear-gradient(top, #0069cd, #014f99);}







/* 产品分类 */



.g_fl{height: 40.6666rem;margin: 0 6%;}



.g_fl h2{background: #ff6000;text-align: center;height: 2.5rem;line-height: 2.5rem;text-align: center;color: #fff;font-weight: bold;font-size: 1.08rem; margin-bottom: 1.33rem;}



.g_fl .u_lst3{margin-bottom: 1.5rem;}



.g_fl .u_lst3 li{float: left;width: 31%;margin-right: 3%;background: #888888;height: 2rem;line-height: 2rem;text-align: center;color: #fff;font-size: 1rem; margin-bottom: 0.5rem;}



.g_fl .u_lst3 li a{color: #fff;}



.g_fl .u_lst3 a:nth-child(3n) li{ margin-right: 0;}











.m_pro2{position: relative;}



.m_pro2:before{content: "";position: absolute;width: 100%;height: 1px;background: #e0dddd;left:0;top:22.8rem;z-index: 0}



.m_pro2 .prev, .m_pro2 .next {height:2.5rem;position: absolute;top:21.45rem;width:2.5rem;z-index: 99;}



.m_pro2 .prev {left: 37%;}



.m_pro2 .next {right: 37%;}



.m_pro2 .prev img,.m_pro2 .next img{width: 100%;}



.m_pro2 .nowarp {overflow: hidden;position: relative;width: 100%;}



.m_pro2 .u_lst2 {float: left; display: inline; width: 100%;	}



.m_pro2 .u_lst2 li{width:100%;}



.m_pro2 .u_lst2 li img{width: 100%;display: block;border: 1px solid #e0dddd;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }



.m_pro2 .u_lst2 li em{display: block;height: 3rem;line-height: 3rem;text-align: center;color: #666666;font-size: 1rem;}







.u_xx{margin-top: 6.4rem;background: #888888;height: 2.5rem;line-height: 2.5rem;text-align: center;color: #fff;font-size: 1rem;}











/* 为客户供应高品质的产品货源 */



.g_ys{height: 40.5rem;position: relative;}



.g_ys .sclwrap_box,.g_ys .m-box {height: 33.3rem;}



.g_ys h2{background:url(../images/ystit.jpg) no-repeat;background-size: 100%; height: 6rem;text-align: center; padding-top: 1rem;font-size: 1.33rem;color: #fff;font-weight: bold;}



.g_ys h2 em{display: block;font-size: 1.08rem;font-weight: normal;}



.g_ys:before{content: "";position: absolute;width: 88%;height: 1px;background: #b0b0b0;left:6%;top:36rem;z-index: 0}



.m_ys .prev, .m_ys .next {



    height: 2.5rem; top:37rem;



    position: absolute;



    text-align: center;



    width: 2.5rem;



    z-index: 99;



}



.m_ys .prev {left:22%;}



.m_ys .next {right:22%;}



.m_ys .prev img,.m_ys .next img{width: 100%;}



.m_ys .nowarp {



    overflow: hidden;



    position: relative;



    width: 100%;



}



.g_ys .u_dlst1{padding: 1.66rem 6% 0;height: 28.5rem; }



.g_ys .u_dlst1 dt,.g_ys .u_dlst1 dt img{width: 100%;display: block;}



.g_ys .u_dlst1 dd{margin-top: 1rem;}



.g_ys .u_dlst1 dd h3{position: relative; height: 2.5rem;line-height: 2.5rem;font-size: 1.25rem;color: #333333;font-weight: bold;}



.g_ys .u_dlst1 dd h3:before{content: "";position: absolute;background-size: 100%;width: 100%;height: 1rem;left:0;top:3.2rem; }











.g_ys .u_dlst1 dd p{font-size: 1rem;color: #333333;line-height: 1.5rem;}



.g_ys span{display: block;text-align: center;font-size: 2.5rem;color: #015daa;font-weight: normal; width: 40%;background: #fff;height: 2.5rem; margin: 0 auto;}



.g_ys span em{display: inline-block;font-size: 1.5rem;color: #333333;}











/* 共同的选择 */



.g_cho{height:46.08rem;position: relative;}



.g_cho .sclwrap_box,.g_cho .m-box {height: 39.6rem;}



.g_cho h2,.g_cho h2 img{width: 100%;display: block;}



/* .g_cho:before{content: "";position: absolute;width: 88%;height: 1px;background: #b0b0b0;left:6%;top:44.5rem;z-index: 0}*/



.m_cho .prev, .m_cho .next {



    height: 2.5rem; top:43.16rem;



    position: absolute;



    text-align: center;



    width: 2.5rem;



    z-index: 99;



}



.m_cho .prev {left:22%;}



.m_cho .next {right:22%;}



.m_cho .prev img,.m_cho .next img{width: 100%;}



.m_cho .nowarp {



    overflow: hidden;



    position: relative;



    width: 100%;



}







.g_cho .u_dlst1{padding: 2.66rem 0 0;height: 32rem; }



.g_cho .u_dlst1 dt{padding: 0 6%; width: 88%;}



.g_cho .u_dlst1 dt img{width: 100%;display: block;}



.g_cho .u_dlst1 dd{margin-top: 1rem;margin-left: 5%;}



.g_cho .u_dlst1 dd h3{position: relative; height: 3.66rem;line-height: 2rem;font-size: 1.1rem;color: #333333;font-weight:}







.g_cho .u_dlst1 dd h3 b{font-size: 1.66rem;}



.g_cho .u_dlst1 dd h3 em{display: block;font-weight: normal; padding-right: 6%;}



.g_cho .u_dlst1 dd p{font-size: 1rem;color: #666666;line-height: 1.5rem;margin-bottom: 0.8rem;position: relative; padding-left: 3%; padding-right: 3%;}



.g_cho .u_dlst1 dd p:before{content: "";position: absolute; width: 0.2rem;height: 0.2rem;border-radius: 85rem;background: #a7a7a7; left:0;top:0.6rem;}







.g_cho span{display: block;text-align: center;font-size: 2.5rem;color: #015daa;font-weight: normal; width: 40%;background: #fff;height: 2.5rem; margin: 0 auto;}



.g_cho span em{display: inline-block;font-size: 1.5rem;color: #333333;}











/* 关于 */



.g_ab{height: 27rem;}



.g_ab h2{background:url(../images/abtit.jpg) no-repeat;background-size: 100%;height: 2.5rem;line-height: 2.5rem; padding-left: 10%;color: #fff;font-size: 1rem;font-weight: bold;}



.g_ab h2 span{color:#94a9c9;font-size: 0.9rem;padding-right: 5%;display: block;text-transform: uppercase;font-weight: normal;}



.g_ab dl{padding: 2rem 13% 0;}



.g_ab dt,.g_ab dt img{width: 100%;display: block;}



.g_ab dd{margin-top: 1.5rem;color: #666666;font-size: 1rem;line-height: 1.5rem;height: 4.5rem;overflow: hidden;}



.g_ab dd a{color: #333;}











/* 荣誉证书 */



.g_zs{height: 34.75rem;position: relative;}



.g_zs .sclwrap_box,.g_zs .m-box {height: 30rem;}



.g_zs h2{background:url(../images/abtit.jpg) no-repeat;background-size: 100%;height: 2.5rem;line-height: 2.5rem; padding-left: 10%;color: #fff;font-size: 1rem;font-weight: bold;}



.g_zs h2 span{color:#94a9c9;font-size: 0.9rem;padding-right: 5%;display: block;text-transform: uppercase;font-weight: normal;}







.g_zs:before{content: "";position: absolute;width: 88%;height: 1px;background: #b0b0b0;left:6%;top:30.4rem;z-index: 0}



.m_zs .prev, .m_zs .next {



    height: 2.5rem; top:29.16rem;



    position: absolute;



    text-align: center;



    width: 2.5rem;



    z-index: 99;



}



.m_zs .prev {left:37%;}



.m_zs .next {right:37%;}



.m_zs .prev img,.m_zs .next img{width: 100%;}



.m_zs .nowarp {



    overflow: hidden;



    position: relative;



    width: 100%;



}







.m_zs .u_lst5{margin: 2% 0;}



.m_zs .u_lst5 li{float: left;width: 48%;margin-right: 3%;}



.m_zs .u_lst5 a:nth-child(2n) li{margin-right: 0;}



.m_zs .u_lst5 li img{width: 100%;display: block;background-size: 100%; padding: 6%;}



.m_zs .u_lst5 li em{display: block;height: 2.5rem;line-height: 2.5rem;text-align: center;color: #333333;font-size: 1rem; margin-bottom: 1rem;}















/* 客户见证 */



.g_kf{height: 15.4rem;}



.g_kf h2{background:url(../images/abtit.jpg) no-repeat;background-size: 100%;height: 2.5rem;line-height: 2.5rem; padding-left: 10%;color: #fff;font-size: 1rem;font-weight: bold;}



.g_kf h2 span{color:#94a9c9;font-size: 0.9rem;padding-right: 5%;display: block;text-transform: uppercase;font-weight: normal;}







.g_kf dl{padding: 2.3rem 5% 0;}



.g_kf dt{float: left;width: 34%; margin-right: 4%;}



.g_kf dt img{width: 100%;display: block;border: 1px solid #b3b3b4;padding: 0.15rem;	box-sizing:border-box;



-moz-box-sizing:border-box;



-webkit-box-sizing:border-box;}



.g_kf dd{float: left;width: 61%;}



.g_kf dd h3{font-size: 1rem;color: #333333;font-weight: bold; height: 3rem;line-height: 1.5rem;margin-bottom: 0.5rem;}



.g_kf dd h3 em{display: block;font-weight: normal;}



.g_kf dd p{font-size: 1rem;height: 4rem;line-height: 1.33rem; overflow: hidden;color: #666666;}















/*资讯*/



.g_zx{height: 18.25rem;}



.g_zx .sclwrap_box,.g_zx .m-box { height: 20rem;}



.g_zx .m-cnt {



	background: #006cd2; 



	background-image: -webkit-gradient(linear, left top, left bottom, from(#006cd2), to(#014f99)); 



	background-image: -webkit-linear-gradient(top, #006cd2, #014f99); 



	background-image: -moz-linear-gradient(top, #006cd2, #014f99); 



	background-image: -o-linear-gradient(top, #006cd2, #014f99); 



	background-image: -ms-linear-gradient(top, #006cd2, #014f99); 



	background-image: linear-gradient(top, #006cd2, #014f99);



 height:2.5rem;line-height: 2.5rem;}



.g_zx .m-cnt li { color: #fff; position: relative; 



    display: inline; width:50%;



    float: left;



    font-size: 1rem;



    font-weight: normal;



    text-align: center;



}



.g_zx .m-cnt li:before{content: "";position: absolute;width: 2px;height: 1rem; background: #3774af;right:0;top:0.8rem;}







.g_zx .m-cnt li.z-on{color: #fff;font-weight: bold;



	background: #c70010; 



	background-image: -webkit-gradient(linear, left top, left bottom, from(#c70010)); 



	background-image: -webkit-linear-gradient(left, #c70010); 



	background-image: -moz-linear-gradient(left, #f00); 



	background-image: -o-linear-gradient(left, #c70010); 



	background-image: -ms-linear-gradient(left, #c70010); 



	background-image: linear-gradient(left, #c70010);}



.g_zx .m-cnt li.z-on:before{background: none;}







.g_zx .zx-c{float: left; display: inline; }



.zx-c .u_lst7{float: left; display: inline;padding-top: 1.5rem;}



.zx-c .u_lst7 li{ height:2.5rem; line-height: 2.5rem; font-size: 1rem; color: #666666; position: relative; border-bottom: 1px dotted #808080; margin: 0 7%;}



.zx-c .u_lst7 li:before{content: "";position: absolute;width: 0.2rem;height: 0.2rem;border-radius: 85rem; left:-4%;top:1.3rem; background: #666666;}



.zx-c .u_lst7 li a{color: #666666; }



.zx-c .u_lst7 li:nth-child(6){border-bottom: none;}



.zx-c .u_lst7 .u_btn{width: 88%; height:2rem;line-height: 2rem;  text-align: center; color: #666666; font-size: 1rem; position: relative; z-index: 2; border: 2px solid #a5a5a5; padding-left: 0; margin-top: 0.5rem; }



.zx-c .u_lst7 .u_btn:before{background: none;}



.zx-c .u_lst7 li span{color: #a2a2a2;}











@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%;}



}



























