@charset "utf-8";

/* CSS Document */

*{ margin:0; padding:0px;}

a {text-decoration: none; }

body{ font-family:"微软雅黑"; max-width:40rem; background:#fff; margin: 0 auto; /*font-size: 0.375rem;12px*/}

li {list-style: none; }

h3 a,p a{ display:inline-block}

img {border: none;display: block; }

/*清除浮动*/

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.clearfix{zoom:1}

.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

input {outline: none; border: none;/* -webkit-appearance: none;*/ /*background:#f2f2f2;*/}

*:focus {outline: none;}

/*html {

	font-size: 14px;

}*/

@media only screen and (min-width: 300px){

    html {

        font-size:10px !important;

    }

}

@media only screen and (min-width: 360px){

    html {

        font-size:11.25px !important;

    }

}

@media only screen and (min-width: 400px){

    html {

        font-size:12.5px !important;

    }

}

@media only screen and (min-width: 480px){

    html {

        font-size:15px !important;

    }

}

@media only screen and (min-width: 640px){

    html {

        font-size:12px !important;

    }

}

@font-face {

font-family: xiyuan; /*这里是说明调用来的字体名字*/

src:url(../font/xiyuan.TTF) /*这里是字体文件路径*/

}

.warp{ width:100%; height: auto;}

.content{ width:96%; margin:0 auto;/*border: solid 1px red;*/}

.left{ float:left;}



/*头部*/

.header{ width:100%;height:57px; background:#3da101;  }

.logo{ float:left; width: 37%; margin-top: 17px; /* border: solid 1px red;*/ /* width:3.05rem; height:0.58rem;*/ /*margin-top:.13rem;*/}

.logo img{width: 100%;}

.ss{width: 47%; float: left;/* border: solid 1px red;*/ margin-left: 5%; margin-right: 5%; margin-top: 18px;}

.ss input[type=text]{width:78%;  height: 25px; background: #ffffff; float: left;}

.ss input[type=button]{width:22%;  height: 26px; margin-top: 0px; float: left; background: #f88e18; border: 0px; color: #fff;}

.grzx{width: 6%; float: left; /*border: solid 1px red;*/ margin-top: 18px; /*position: relative;*/}

.grzx img{width: 100%;}



@media only screen and (max-width: 320px){

  

}

/*首页banner*/

.banner{ width:100%;/* float:left;*/}

.focus{ position:relative; width:100%; height:auto; /*background-color: #000;*/display:inline-block;overflow:hidden;}  

.focus img{ width: 100%; height: auto;} 

/*.focus .shadow {width: 100%; height: 65px;padding-left: 30px;padding-top: 20px;}*/

/*.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }*/

.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 

/*.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  */

/*.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#f7c163;}  */

/*.focus .fPic{ position:absolute; left:0px; top:0px; }  */

.focus .D1fBt{ overflow:hidden; zoom:1;  /*height:16px;*/ z-index:10; /*background: blue;*//* width:10px; */ height: 35px;  }  

/*.focus .fcon{ position:relative; width:100%;   display:none; background:#273191;  } */

.focus .fcon a{display: inline-block; width:100%} 

.focus .fcon img{ display:block; }  

.focus .fbg{bottom:2px; right:50%; position:absolute; height:21px; text-align:center; z-index: 200; margin-right:-29px;}  

.focus .fbg div{margin:0 auto 0;overflow:hidden;zoom:1;height:14px}    

.focus .D1fBt a{position:relative; display:inline; width:9px; height:9px; border-radius:5px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    

.focus .D1fBt .current,.focus .D1fBt a:hover{background:#f7c163;}    

.focus .D1fBt img{display:none}    

.focus .D1fBt i{display:none; font-style:normal; }    



/*我们的服务*/

.wmdfw{width: 100%; margin-bottom: 13px;}

.wmdfw ul{margin-top: 18px;}

.wmdfw ul li{float: left; width: 20%; margin-left: 2.5%; margin-right:2.5%; text-align: center; line-height: 34px; font-size: 15px; margin-bottom: 18px;}

.wmdfw ul li a{color: #333;}

/*.wmdfw ul li:nth-child(4){margin-right: 0px;}*/

.wmdfw ul li img{width:92%;}

/*最新供应*/

.zxgy{width: 100%; height: 42px;background: #eeeeee; float: left;}

.zxgy ul li{width: 20%; text-align: center; float: left; font-size: 16px; font-weight: bold; color: #333; line-height: 40px; margin-left: 2%;}

.zxgy ul li.selected{border-bottom: solid 3px #22ac38;}

.zxgynr .hide{display: none;}

.zxgynr{width:100%;  margin-top: 3px; float: left;}

/*.zxgynr:last-child{margin-bottom: 60px;}*/

.zxgynr ul li{width: 98%; height: 50px; font-size: 15px; line-height: 50px;border-bottom: solid 1px #e6e5e5; padding-left: 2%; float: left;}

.zxgynr ul li a{color: #333;}

.zxgynr ul li .lf{width: 95%; height: 50px; float: left; overflow: hidden; /*border: solid 1px red;*/}

.zxgynr ul li .rg{width: 4%; float: right; margin-top: 20px;}

.zxgynr .ckgd{width: 100%; height:62px; display: block; float: left; line-height: 62px; text-align: center;}

.zxgynr .ckgd a{color: #04428e; font-size: 15px;}

/*底部*/

.foot{ position:fixed; bottom:0; background:#7d7d7d; width:100%; height:42px; padding:1.5% 0; /*border-top:1px solid #ccc;*/padding-bottom: 2%;max-width: 40rem;}

.foot ul li{ width:33%; float:left; height: 52px; text-align:center; /*margin-top: 1%;*/}

.foot ul li a{ font-size: 14px;color: #fff;float: left;display: inline-block;width: 100%;text-align: center; line-height: 78px;}

.foot1{ background:url(../images/sy.png) no-repeat top center; /*background-size:20%;  border: solid 1px red; */ background-position-y:.07rem;}

.foot2{ background:url(../images/fbxx.png) no-repeat top center;/* background-size:20%; border: solid 1px red;*/ background-position-y:.07rem;}

.foot3{ background:url(../images/dlzc.png) no-repeat top center; /*background-size:19%; border: solid 1px red;*/ background-position-y:.07rem;}

@media only screen  and  (max-width:375px) {

  .foot1{ background-size:24%;  background-position-y:.07rem;}

  .foot2{ background-size:24%;  background-position-y:.07rem;}

  .foot3{  background-size:23%;  background-position-y:.07rem;}



}

@media only screen and (max-width: 320px){ 

	 .foot1{ background-size:25%;  background-position-y:.07rem;}

  .foot2{ background-size:25%;  background-position-y:.07rem;}

  .foot3{  background-size:24%;  background-position-y:.07rem;}

}

/*@media only screen and (min-width: 320px){

  .foot{width:27rem!important;}

}

@media only screen and (min-width: 375px){

  .foot{width:32rem!important;}

}

@media only screen and (min-width: 414px){

  .foot{width:33rem!important;}

}

@media only screen and (min-width: 760px){

  .foot{width:40rem!important;}



}*/