@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body{font-size:100px;}
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing: border-box; }
.trans{ transition: all .3s ease-in;}
html {width:100%;min-height:100%; }
body {width:100%;min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.5 'PingFangSC-Light','microsoft yahei',Arial,Helvetica,sans-serif,"Hiragino Sans GB"; color:#333; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;background:#fff;position: relative;}
/*body:after { content:""; width:100%; display:block; }
body:after{ height:1.5rem;}*/
img { border:0px; }
em{ font-style:normal;}
s,i{font-style: normal;}
ul, ol { list-style-type:none; }
li{ list-style: none outside none;}
strong,b{ font-weight: normal;}
/*表单*/
input,button,select,textarea { outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #999;} 

/*公用样式*/
.layout { position:fixed; width:100%; height:100%; left:0; top:0; z-wrapper:101; background:#000; opacity:1; } 
.blue{ color:#28a5f4;}

/*链接*/
a, a:link, a:visited, a:hover, a:active {color:#666;text-decoration: none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
a:focus { outline:none; }
a:hover, a:active{ color:#009b4c; outline:none; }

/*标题*/
h1, h2, h3, h4, h5, h6, h7 {font-weight: normal;}

.icon{background:url(../images/icon.png) no-repeat;display:inline-block;background-size:4rem auto;vertical-align:middle;}
.icon,.icon2:before,.icon2:after{ content: "\20"; display:block; }
.icon2{background:url(../images/icon2.png) no-repeat;display:inline-block;background-size:2rem auto;vertical-align:middle;}
/*清除浮动*/
.fl { float:left; }
.fr { float:right; }
.hide { display:none; }
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.clear,.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }

/*==========@@HTML默认  结束@@==========*/
.header{position:relative;}

#top_main{width:100%;height:1.0rem;*zoom:1;z-index:300;box-shadow: 0 0 .2rem rgba(0,0,0,.1);border-bottom: 1px solid #eee;}
#top{max-width:640px;min-width:320px;height:1.0rem;margin:0px auto;position:relative;}
#top .logo{margin:0;display:block;color:#000;font-size:.32rem;padding-top:0;text-align:center;}
#top .logo p{color:#009b4c;display: inline-block;font-size: .2rem;}
#top .logo b{font-size: .24rem;display: block;color: #333;padding-top:.2rem;font-weight: bold;}
#top .logo a{display:block;}
#top .logo img{height:1.0rem;display: inline-block;vertical-align:top;margin-right: .1rem;}

#top .topsearch{display:block;position:absolute;left:0; top:0;text-align: center;cursor:pointer;width:20%; height:.4rem; margin:.2rem auto;background: url(../images/sou1.png) no-repeat center;background-size:.4rem auto;z-index: 6;}

#top #nav{width:.6rem;height:100%; position:absolute;right:0;top:3%;text-align:center;cursor:pointer;z-index: 6;}
#top .nav{width:.5rem;height:.36rem; margin:.2rem auto;background-position:-.56rem -.94rem; }
#top .close{background: url(../images/close.png) no-repeat center;background-size:.4rem auto;width:.4rem;height: .4rem;cursor: pointer;position:absolute;right:6%; top:22%; text-align: center;}
#top .cur .nav{background-position:0 -.94rem;}

#search{background:#f2f2f2;width:100%;margin:0 auto;height:1rem;position: absolute;left: 0;top:.9rem;padding-top: .2rem;display:none;z-index: 999;}
#search input{display:block;padding: 0;margin: 0;}
#search .txt{border:none;width:80%;height:0.65rem;line-height:0.65rem;margin-left:4%;color:#666;font-size: 0.22rem; background:#fff;text-indent:3%;border-top-left-radius:.3rem;border-bottom-left-radius: .3rem;} 
#search .btn{ cursor:pointer;border:none;font-size: 0.24rem; width:0.8rem; height:0.65rem;text-align:center;background:#009b4c url(../images/icon.png) no-repeat 0 -4.6rem;background-size:2.4rem auto;color: #fff;border-top-right-radius:.3rem;border-bottom-right-radius: .3rem;background-size:2.0rem auto;vertical-align:middle;}

.searchinfo{background:#fff;padding:0.2rem 0;height:100%;width: 92%;margin: 0 auto;}
.searchinfo h2{color:#333;}
.searchinfo .searchlist{padding:0.2rem 0;}
.searchinfo .searchlist a{display:inline-block;margin:0 4% 4% 0;color:#333;background:#f5f5f5;font-size:0.24rem; text-align: center;height: 0.64rem;line-height:0.64rem;padding:0 0.2rem;border-radius:3px;}
.searchinfo .searchlist a:hover{background: #913d23;color: #fff;}
#top_main .pages_name{text-align: center;display: block;font-size:.32rem;color:#333;line-height:1rem;}
#top_main .back_out{width:12%;height:1rem;position: absolute;left:0;top: 0;}
#top_main .back_out i{width:.26rem;height:.42rem;background-position:0 -1.5rem;display:block;margin-top:.3rem;margin-left:.3rem}

.soupage{background:#fff;}

/*subNav*/
.subNav{ position: fixed; width:100%;height:100%;right:-100%;top:0;z-index:999;max-width:640px; min-width:320px;background-color:rgba(0,0,0,.6);}
.subNavCon{margin:0px;width:100%;height:100%;}
.subNav .closrbox{width:20%;height:0.5rem;line-height:.5rem;background:#fff;position:absolute;right:2%;top:-5%;}
/*.subNav .close{width:.4rem;height:.4rem;background:url(../images/close.png) no-repeat center;background-size:.4rem auto;}*/
.subNav .c_clos{width:100%;position:absolute;left:0;top:0;height:100%;z-index: 1;}
.subNav ul{background:#fff;position: relative;z-index: 2;}
.subNav li{width:100%;display: block;line-height:0.8rem;margin:0 auto;border-bottom: 1px solid #f0efef;position: relative;}
.subNav .subnav2{width: 100%;display: none;}
.subNav .subnav2 a{margin-bottom:.1rem;background:#eeeeee;font-size:.24rem;}
.subNav li a{display:block;color:#333;font-size:0.26rem;margin:0 auto;display: block;padding: 0 6%;}
.subNav li a:hover{color:#009b4c;}

.subNav .toptel{padding-left:4%;padding-top:.3rem;padding-bottom:.4rem;}
.subNav .toptel span{display:block;}
.subNav .toptel p{font-family:avgr;font-size:.5rem;}
.subNav.show{right:0 !important;}
.subNavShow{-webkit-transform:translateX(-48%); -moz-transform:translateX(-48%);-ms-transform: translateX(-48%);transform:translateX(-48%);display:block;}
.subNav .title{height: 1rem;position: relative;padding-top: .04rem;margin-bottom:0;border-bottom: 1px solid #eee;background: #fff;z-index: 3;}
.subNav .title .logo{height: 1rem;line-height: 1rem;padding: 0 3% 0 5%;display: block;}
.subNav .title .logo img{height:.9rem;display: block;}
.subNav .title .close{position: absolute;width: 1rem;height: 0.98rem;top: 0;right: 0px;}
.subNav .title .close:before,
.subNav .title .close:after{width: .4rem;height: .03rem;display: block;content: "\20";right: .3rem;top: .4rem;z-index: 11;position: absolute;background: #666666;}
.subNav .title .close:before{transform: rotate(45deg);top: 50%;}
.subNav .title .close:after{transform: rotate(-45deg);top: 50%;}

/* banner */
#banner_main{width:100%;overflow:hidden;position:relative;z-index:1;}
.banner{ margin:0 auto; width:100%;*zoom: 1;overflow:hidden;position:relative;z-index: 1;}
.banner .list{width: 100%; overflow: hidden;}
.banner .list li{ float:left; width:100%;overflow:hidden;}
.banner .list li a{display: block;}
.banner .list li img{width:100%; height:auto;display: block;}
#banner .tip {width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;z-index:2;font-size:0;position: absolute;left: 0;bottom: 5%;}
#banner .tip span {display:inline-block;vertical-align:middle;width:0.1rem;height:0.1rem;margin:0 0.025rem;vertical-align:middle;border-radius:100%;border: 2px solid #fff;}
#banner .tip span.cur {background:#009b4c;}

/* reLink */
.reLink {line-height:0.38rem; color: #000;  margin-bottom:0.15rem; font-size: 0.24rem;padding:0.15rem 0;width: 94%;margin: 0 auto;}
.reLink .prevLink,.reLink .nextLink{width:100%;padding-bottom: .2rem;}
.reLink a{ color: #666;font-size: 0.24rem;}
.reLink a:hover{ color:#004a91;}

/*版权信息*/
.footer_main{text-align:center;width:100%;padding:0.4rem 0 1.2rem;color: #000;background: #f6f6f6;}
.copyright{width:94%; margin:0 auto;padding: 3% 0;font-size: .18rem;}
#returntop{width:0.9rem;height:0.9rem;background:url(../images/gotop.png) no-repeat center top;background-size:0.9rem auto;position: fixed;bottom:20%;right: 2%; cursor: pointer;z-index: 10;}
.footer_main a{color: #000;}

/* 工具栏 */
#toolbar {position:fixed;bottom:0;width:100%;z-index: 888;height:1rem; background:#3c3c3c;left: 0;}
#toolbar .list { width:100%;max-width:640px;min-width: 320px; margin: 0 auto;}
#toolbar .list li {float:left; width:25%; text-align:center;}
#toolbar .list a {display:block;height:1.2rem;line-height:0.24rem;font-size:0.26rem;color:#fff;padding-top:0.2rem;}
#toolbar .list a.hover{background: #009b4c;}
#toolbar .list a s{margin-left:auto;margin-right:auto;width:0.32rem;height:0.36rem;display:block;}
#toolbar .list a span{text-align: center;padding-top:0.1rem;display: block;}
#toolbar .list a .too-home{ background-position:0 0;}
#toolbar .list a .too-qiao{background-position:-1.3rem 0;width:.36rem;}
#toolbar .list a .too-map { background-position:-.64rem 0;}
#toolbar .list a .too-tel{background-position:-1.9rem 0;}




.xbg {width:100%; display:block;position: fixed;height:1.05rem;left: 0;bottom: 0;background: #fff;z-index: 880;}

#toolbar .list a s span{color: #fff;padding-top:.9rem;text-transform: initial;font-style:normal;}
/*==========@@页面布局  开始@@==========*/
.index,.floor{width:100%;max-width:640px;min-width: 320px;margin:0 auto;}
.index{padding-top:0;position: relative;}
.navlist{background:#fff;width:100%;max-width:640px;min-width:320px;margin:0 auto;}
.navlist ul{padding:.25rem 0;}
.navlist li{float:left;width:25%;text-align:center;margin-top:.18rem;display: block;}
.navlist li a{display: block;}
.navlist li .tb{width:.92rem;height:.9rem;margin:0 auto;background:url(../images/menu.png) no-repeat 0 0;background-size:4.0rem auto;display: block;}
.navlist li h3{line-height:.66rem;font-size:.24rem;color: #333;overflow: hidden;height:.66rem;}
.navlist li:nth-child(1) .tb{background-position:0 0;}
.navlist li:nth-child(2) .tb{background-position:-1.0rem 0;}
.navlist li:nth-child(3) .tb{background-position:-2.0rem 0;}
.navlist li:nth-child(4) .tb{background-position:-3.0rem 0;}
.navlist li:nth-child(5) .tb{background-position:0 -1.0rem;}
.navlist li:nth-child(6) .tb{background-position:-1.0rem -1.0rem;}
.navlist li:nth-child(7) .tb{background-position:-2.0rem -1.0rem;}
.navlist li:nth-child(8) .tb{background-position:-3.0rem -1.0rem;}


.index .title{width:100%;padding-bottom:.4rem;text-align:center;padding-top:.5rem;position: relative;}
.index .title h3{font-size:.48rem;color:#333;font-weight: bold;}
.index .title h3 b{color:#009b4c;font-weight: bold;}
.index .title h4{color:#333;font-size:.24rem;letter-spacing: .1rem;}
.index .title s{width:.8rem;height:.25rem;display:block;position:absolute;top:.76rem;background: url(../images/line.png) no-repeat center;background-size:.8rem auto;}
.index .title .line_lef{left:3%;}
.index .title .line_rig{right:3%;}

.hbk{width:100%;height:.3rem;background:url(../images/line1.jpg) repeat-x left top;background-size:.15rem auto;}

.index .floor_1_main{padding:3% 0 .8rem;}
.index .imenu{width: 100%;position: relative;border-bottom: 1px solid #ebebeb;}
.index .imenu ul{display:block;text-align: center;}
.index .imenu li{width:25%;float: left;display: block;}
.index .imenu li a{display: block;font-size: .24rem;}
.index .imenu li.on a{color:#009b4c;}

.enbody .index .imenu li{line-height:.4rem;height:.4rem;overflow:hidden;}

.enbody .index .title h3{font-size:.3rem;position: relative;z-index: 3;}
.enbody .index .title s{background:url(../images/line.png) no-repeat center top;background-size:.8rem auto;top:.6rem;z-index: 1;}
.enbody .iabout .con .desc{white-space: normal;word-break:break-all;}
.enbody #top_main .pages_name{text-transform: uppercase;}

.productlist{overflow: hidden;padding:.3rem 3%;}
.productlist .item{width:49%;float:left;margin-bottom:.2rem;margin-right:1%;}
.productlist .item:nth-child{margin-right: 0;}
.productlist .item a{display:block;}
.productlist .item figure{width:100%;padding-top:77%;position:relative;overflow:hidden;}
.productlist .item figure img{width:100%;height:100%; position:absolute;left:0; top:0; min-height: 100%; display: block;}
.productlist .item h3{color: #333;font-size: .24rem;height:.64rem;line-height: .64rem;text-align: center;}

.index .more{padding:0 3%;}
.index .more a{width: 50%;float: left;display: block;border:.02rem solid #e5e5e5;height: .6rem;line-height: .6rem;text-align: center;}
.index .more .gd{border:.02rem solid #009b4c;background:#009b4c;color: #fff;border-top-left-radius: .05rem;border-bottom-left-radius: .05rem;}
.index .more .zx{border-top-right-radius: .05rem;border-bottom-right-radius: .05rem;border-left: none;}
.index .more a:hover{border:.02rem solid #009b4c;background:#009b4c;color: #fff;}

.xunpan{width: 100%;background: url(../images/xunpan.jpg) no-repeat center bottom;background-size:6.4rem auto;color: #fff;position: relative;height: 2.0rem;}
.xunpan .img{position: absolute;left:2%;bottom: 0;}
.xunpan .img img{width:3.1rem;display:block;}
.xunpan .zixun{background: url(../images/kuang.png) no-repeat right bottom;background-size:4.24rem auto;color: #fff;height: 2.0rem;position: relative;z-index: 3;display: block;width: 70%;}
.xunpan .tit{font-size:.26rem;font-weight:bold;padding-top:.76rem;text-align: center;line-height: .3rem;}
.xunpan .tit .en{font-size:xx-small;text-transform:uppercase;display:block;font-weight:normal;line-height:.2rem;}
.xunpan .tel{font-size:.24rem;font-weight:bold;padding-top: .1rem;padding-left: 18%;}
.xunpan .tel em{width:.22rem;height:.22rem;display:inline-block;background-position:0 -.42rem;margin-right:.1rem;}
.xunpan .tel a{display: inline-block;color: #fff;padding-left: .2rem;font-size: xx-small;}

.index .floor_2_main,.index .floor_4_main,.index .floor_6_main{padding-bottom:.5rem;}
.youshi{padding:3%;}
.youshi .item{width:100%;border-top:1px solid #eaeaea;position:relative;padding:.3rem 0;}
.youshi .item:first-child{border-top: none;}
.youshi .item .txt{width:50%;float: left;}
.youshi .item .txt .tit{position:relative;}
.youshi .item .txt .tit img{display:block;width:1.72rem;}
.youshi .item .txt .tit h3{font-size:.18rem;position:absolute;left:50%;top:.2rem;text-transform:uppercase;}
.youshi .item .txt h2{font-size:.3rem;color:#009b4c;font-weight: bold;}
.youshi .item .txt h4{font-size: .2rem;}
.youshi .item .txt .desc{font-size:.2rem;height: .6rem;overflow: hidden;}
.youshi .item .txt span{width: 2.1rem;height: .6rem;line-height: .6rem;text-align: center;display: block;border: .02rem solid #009b4c;border-radius: .05rem;font-size: .2rem;margin-top: .2rem;}
.youshi .item .img{width:50%;display: block;float: right;}
.youshi .item .img img{max-width: 100%;display: block;}
.youshi .item:nth-child(2) .txt{float: right;}
.youshi .item:nth-child(2) .img{float: left;}

.index .floor_3_main{background: url(../images/floor_3.jpg) no-repeat center bottom;background-size:6.4rem auto;padding: .3rem 0;}
.teamwork{padding: 0 3% .5rem;}
.teamwork .item{width: 49%;float: left;margin-right:2%;margin-bottom: .2rem;display: block;}
.teamwork .item a{display:block;border: 1px solid #e5e5e5;position: relative;}
.teamwork .item img{display: block;width:100%;}
.teamwork .item:nth-child(2n){margin-right: 0;}

.caselist{padding:0 3%;}
.caselist .item{width:100%;display:block;margin-bottom:.35rem;position:relative;}
.caselist .item a{display:block;border:1px solid #e5e5e5;border-radius:.05rem;padding: 2%;position: relative;z-index: 2;background: #fff;}
.caselist .item .txt{width:50%;}
.caselist .item .txt h3{font-size:.24rem;color:#009b4c;}
.caselist .item .txt p{font-size: .2rem;color:#737373;}
.caselist .item .txt .jia{width:.4rem;height:.4rem;display: block;position: absolute;right: 2%;bottom:5%;background-position:-.32rem -.42rem;}
.caselist .item .di{width:100%;height:100%;border:1px solid #e5e5e5;border-radius:.05rem;display: block;position:absolute;left:.05rem;top:.05rem;}
.caselist .item figure{width:45%;padding-top:32%;position:relative;overflow:hidden;z-index:2;float:left;}
.caselist .item figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;}

.iabout{padding:.3rem 0 .5rem;}
.iabout .con{display:block;padding:0 3%;}
.iabout .con img{max-width:100% !important;display:block;margin:0 auto;}
.iabout .con h3{font-size:.36rem;padding: .1rem 0;text-align: center;}
.iabout .con .desc{font-size:.2rem;padding-bottom: .2rem;}

.honor{background:#f8f8f8;width:100%;padding-bottom: .5rem;}
.honor .list{padding:.3rem 3%;}
.honor .item{width: 49%;float: left;margin-right:2%;margin-bottom: .2rem;display: block;}
.honor .item a{display:block;position: relative;}
.honor .item figure{width:100%;padding-top:76%;position:relative;overflow:hidden;z-index:2;}
.honor .item img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;}
.honor .item:nth-child(2n){margin-right: 0;}
.honor .item h3{font-size: .24rem;text-align: center;padding: .1rem 0;}

.thumblist{width:100%;margin:0 auto;padding:0 0 .3rem;}
.thumblist .list{padding:0 3%;}
.thumblist li{width:100%;display:block;padding:.4rem 0;border-bottom:1px solid #e3e3e3;}
.thumblist li:first-child{padding-top: 0;}
.thumblist li a{display:block;padding:0;}
.thumblist li figure{width:30%;padding-top:20%;position:relative;overflow:hidden;z-index:2;float:right;margin-left:2%;margin-top:.1rem;}
.thumblist li figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;}
.thumblist li h3{font-size:.26rem;color:#000;height:.8rem;overflow:hidden;}
.thumblist li p{color:#999;font-size:.2rem;}
.thumblist li span{display:inline-block;}
.thumblist li .dian{width:.22rem;height:.1rem;background-position: -.88rem -.4rem;margin-top:.16rem;}
.thumblist li .time{padding-left: .3rem;}
.thumblist li a:hover h3{color:#009b4c;}

.floor_7_main{padding:.5rem 3%;}
.floor_7_main .title2 h3{font-size:.3rem;font-weight: bold;display: block;}
.floor_7_main .title2 span{font-size:.24rem;}
.icontact{padding-top: .2rem;color: #737373;}
.icontact h3{font-size: .24rem;padding-bottom: .3rem;}
.icontact .item{padding-bottom: .2rem;}
.icontact .item span{float:left;width:22%;font-weight: bold;}
.icontact .item p{float:left;width:78%;}


.imsg{padding:.2rem 0 .2rem;}
.imsg .item{width: 100%; height: .75rem; box-sizing: border-box; margin-bottom: .28rem; position: relative; line-height: .75rem; border:1px solid #e7e7e7;}
.imsg .item .txt{width: 100%; height: .75rem; text-indent: .18rem; line-height: .75rem; border: 0px; background: none; outline: none; color: #666;}
.imsg .liuyan{width:100%;height:1.58rem; margin-bottom: .2rem; height: 2.08rem;}
.imsg textarea{width:100%; color:#666;overflow: hidden; box-sizing: border-box; padding: .15rem .18rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none;}
.imsg .submit{width:100%; height:.75rem;cursor: pointer;border: 0;line-height:.75rem; text-align: center;color:#fff; display: block;background:#009b4c;}


/*内页样式*/
/*menu*/
.menubox .iconn{ width:.4rem; height:.4rem;display: inline-block;cursor: pointer;}
.menubox .goHome{ margin-right:.16rem;}
.menubox .iconn:before{ width:.4rem; height: .4rem; background-size:1.4rem;}
.menubox .goBack{background:none;}

.wrapper{width:100%;overflow: hidden;max-width: 640px;min-width: 320px;position: relative;padding-top: .2rem;}
.productPage{padding: 3% 0 .5rem;}
.productPage .gridlist{padding: 0 3%;}
.productPage .erro{padding: 0 3%;}
.erro{text-align: center;color: red;padding: 3% 0;}
.cateList{width: 100%; line-height: 0.8rem; border-bottom: 1px solid #e6e6e6; background: #f6f6f6; padding: 0 4%; font-size: .26rem; margin-bottom: .3rem; color: #333; position: relative;}
.cateList .goBack{width: .8rem; height: .8rem;position: absolute; left:0; top:0;}
.cateList .goBack:before{width: .2rem; height: .32rem; display: block; margin: 0 auto;}
.cateList h3{color: #333; font-weight: bold; font-size: .26rem;text-align: center;}
.menuCon{padding:.3rem 0;background: #f6f6f6;}
.menu{font-size: 0; padding:0 3%;}
.menu li{margin-right:1%; margin-bottom:.12rem;display: inline-block; text-align: center; font-size: .24rem;background:#fff;vertical-align: top; height: 0.65rem; line-height: .63rem;width:32%;border-radius: .05rem;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.menu li a{display: block;height: 0.65rem; line-height: .63rem;overflow: hidden;}
.menu li.hover{background: #009b4c;color: #fff;}
.menu li.hover a{color: #fff;}
.menu li.hover .box{display:none;}
.menu li .box{display: none;}  

.promenu{width:100%;position: relative;overflow: hidden;z-index: 8;padding-bottom: .1rem;}
.promenu:after{content: "\20"; display:block; position: absolute;left: 3%;bottom: 0;height:2px;background: #ddd;width: 94%;z-index:-1;}
.promenu .scroll{width:214%;.por;z-index: 10;}
.promenu li{display:block;float:left;height:.74rem;line-height:.74rem;}
.promenu li a{display: block;font-size:.24rem;padding:0 .2rem;text-align:center;height:.74rem;line-height:.74rem;position:relative;z-index:10;}
.promenu li a:after{content: "\20"; display:block; position: absolute;z-index: 10;}
.promenu li.hover a{color:#009b4c;}
.promenu li.hover a:after{height:.04rem;background:#009b4c;bottom:-6px;width:1rem;left:50%;margin-left:-.5rem;}
.submenu{padding:3%;position: relative;z-index: 990;}
.submenu .sbox{display:none;position:relative;width:2.9rem;height:.65rem;line-height:.65rem;border:1px solid #ddd;border-radius:.05rem;background: url(../images/select.png) no-repeat 90% center;background-size: .16rem auto;}
.submenu .sbox p{padding-left:.2rem;font-size: .24rem;}
.submenu .sbox.hover{display:block;}
.submenu .sbox .list{position:absolute;left:0;top:.65rem;background:#fff;width:2.9rem;border-bottom: 1px solid #ddd;display: none;font-size: .24rem;}
.submenu .sbox .list li{height:.65rem;line-height:.65rem;border-left: 1px solid #ddd;border-right:1px solid #ddd;display:block;padding-left:.2rem;}
.submenu .sbox .list li h3{font-size: .24rem;}

.submenu .sbox{float: left;}
.submenu .ssbox{display:none;position: relative;padding-left:.2rem;}
.submenu .ssbox p{padding-left:.2rem;font-size: .24rem;}
.submenu .ssbox .lc{position:absolute;left:-1px;top:.64rem;background:#fff;width:2.9rem;border: 1px solid #ddd;display: none;border-top: none;}
.submenu .ssbox .lc a{display:block;padding-left:.2rem;display: block;}
.submenu .ssbox.hover{display: block;}

.submenu .newzbox{display:none;float: right;width:2.9rem;height:.65rem;line-height:.65rem;border:1px solid #ddd;border-radius:.05rem;background: url(../images/select.png) no-repeat 90% center;background-size: .16rem auto;}
.submenu .newzbox.hover{display: block;}
.submenu .newzbox .p1{padding-left: .2rem;font-size: .24rem;}

.gridlist{padding: 0 3%;}
.gridlist .item{width:calc(48.5%); margin-right: 3%; margin-bottom: .05rem; float: left; position: relative;}
.gridlist .item a{width: 100%; display: block;}
.gridlist .item h3{width: 100%; line-height: .35rem; height: .7rem; overflow: hidden; text-align: center;font-size: .24rem;}
.gridlist .item figure{width: 100%; position: relative; padding-top: 75%; margin-bottom: .1rem; overflow: hidden;}
.gridlist .item figure img{position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}
.gridlist .item:nth-child(2n){margin-right: 0;}
.gridlist.gridlist34 .item figure{padding-top: 133%; padding-bottom: 0;}

.newsPage{padding:.2rem 3% .6rem;}
.newsPage .inews{background: none;}
.newsPage .newslist .item{border-top: 0; border-bottom: 1px solid #f2f2f2;}
.newsPage .newslist .item:first-child{padding-top: .1rem;}
/*.newslist .item{width: 100%; padding: .35rem 3%; display: block; border-top: 1px solid #f2f2f2;}
.newslist .item img{width: 1.9rem; height: 1.06rem; display: block; margin-right: .2rem;}
.newslist .item h3{font-size: .3rem; line-height: 0.4rem; height: 0.8rem;overflow: hidden; color: #333333;}
.newslist .item .dec{color: #848484; font-size: .2rem;}
.newslist .item .dec span{margin-right: .45rem;}
.newslist .item .dec span.ico{width: 0.24rem; height: 0.1rem; margin-left: .2rem; margin-right: 0; background-position: -2.08rem 0;}*/

.newsPage .thumblist .list{padding: 0;}

.wrapper .caselist{padding:3%;}
.wrapper .caselist .item{margin-right: 2%;}
.wrapper .caselist .item:nth-child(2n){margin-right: 0;}


.showproduct{width: 100%;background: #f6f6f6;padding-top: .4rem;}
.showproduct .info1{background: #fff;padding:3%;border-bottom: 1px solid #e9e9e9;box-shadow:0 0 3px #e7e7e7;margin-bottom: .3rem;}
.showproduct .info1 img{max-width: 100% !important;display: block;margin: 0 auto;}
.showproduct .info1 .stit{font-size: .28rem;font-weight: bold;display: block;}
.showproduct .info1 .desc{color: #666;}
.detaiInfo{background: #fff;padding:3%;border-bottom: 1px solid #e9e9e9;box-shadow:0 0 3px #e7e7e7;}
.detaiInfo .title2{border-bottom: 1px solid #ededed;padding-bottom: .2rem;position: relative;margin-bottom: .2rem;}
.detaiInfo .title2 h3{font-size: .32rem;font-weight: normal;}
.detaiInfo .title2 s{width: 1.3rem;height: .05rem;display: block;position: absolute;left: 0;bottom: -.02rem;background:#009b4c;}
.detaiInfo .tit{border-bottom: 1px solid #ededed;padding-bottom: .1rem;position: relative;}
.detaiInfo .tit h3{font-size: .28rem;font-weight: bold;color:#009b4c;}
.detaiInfo .tit h3 i{font-weight: normal;font-size: .18rem;color: #999;}
.detaiInfo .info{padding-top: .2rem;}
.detaiInfo .info img{max-width: 100% !important;display: block;margin: 0 auto;}
.showproduct .reLink{margin: .2rem 0 .1rem;}

.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 5.6rem; height: 4.55rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden;}
.showimg .list{float: left; width: 500%;}
.showimg a{float: left; width: 5.6rem; text-align: center; display: block;}
.showimg a img{height: 4.55rem; width: 5.6rem; margin: 0px auto; display: block; background-size: 100%;}
.showimg span.left{right: auto; left: 50%; margin-left: -3rem;}
.showimg span{display: none; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -3.04rem; cursor: pointer;}
.showimg span.left::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aboutPage{padding: .3rem 0 .5rem;}
.aboutPage .txtcon{color: #666666; padding: 0 3% .3rem;}
.aboutPage .txtcon img{max-width: 100%;}
.singlePage{padding: .3rem 3%; border-bottom: .2rem solid #f1f1f1;}
.singlePage img{max-width: 100%;}
.contactPage{overflow: hidden;}
.contactPage .t{color: #000; padding: 0 3% .2rem; font-size: .3rem;}
.wrapper .n-tit{padding: 0 6% .2rem;text-align: center;}
.wrapper .n-tit h2{font-size: .3rem;}
.wrapper .n-tit h3{font-size:.18rem;color:#999;}
.wrapper .n-tit .line{width:.4rem;height:2px;display:block;margin:0 auto;background:#009b4c;}
.contactPage .txtcon{padding: 0 3% .3rem;}
.contactPage .txtcon img{max-width: 100%;}
.contactPage .mapArea{width: 100%; height: 3rem;}
.contactPage .messagePage{padding: .4rem 3% .5rem;}
.formData{width: 94%; margin: 0 auto;}
.formData .item{font-weight: normal; width: 100%; border-bottom: 1px solid #999999; margin-bottom: .25rem; position: relative;}
.formData .item label{width: 100%; height: 0.4rem; line-height: 0.4rem; display: block;}
.formData .item input{width: 100%; outline: none; background: none; height: 0.6rem; line-height: 0.6rem; display: block;}
.formData .item .txt{width: 100%; border: 0 none;}
.formData .item.liuyan{margin-bottom: .4rem; height: 2.6rem;}
.formData .item.liuyan label{display: block; width: 100%; position: static;}
.formData .item.liuyan textarea{width: 100%; height: 1.8rem; padding-top: .1rem; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .sub{width: 100%; height: .8rem; line-height: .8rem; text-align: center; background: #009b4c; color: #fff; border: none; cursor: pointer; font-size: .3rem; display: block;}


.teamPage{padding-bottom: .6rem;padding-top: .3rem;}
.teamPage .list{padding:0 3%;}
.teamPage .item{padding:.3rem 0 .3rem; width:49%; display: block;margin-right: 2%;}
.teamPage .item:nth-child(2n){margin-right: 0;}
.teamPage .item figure{width:100%; position: relative; padding-top:56%;overflow: hidden;}
.teamPage .item figure img{position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}
.teamPage .item h3{font-size: .26rem; height: 0.34rem; line-height: 0.34rem;overflow: hidden; color: #000;}
.yewuPage .item .txt{font-size: .2rem; line-height: .3rem; height: .6rem; color: #333;overflow: hidden;}
.yewuPage .item .time{font-size: .2rem;color: #999;display: block;}
.yewuPage .item:first-child{padding-top: 0;}
.yewuPage .moreBtn{margin-top: 0;}
.yewuPage .erro{padding: 3%;}
.moreBtn{width:100%; margin: .3rem auto 0; text-align: center; color: #000; height: 0.88rem; line-height: 0.88rem; display: block; background: #f1f1f1;}
.newsPage .moreBtn{width:100%;}

.infobox{padding: 3%;}
.infobox img{max-width: 100% !important;}

.nfoot{padding:0.3rem 0 0.6rem;background:#fff;display:block;font-size:12px;text-align: center;}
.content{ width:100%;overflow: hidden;max-width: 640px;min-width: 320px;}

.singlepage{padding-top: 0;background: #f1f1f1;}

.singlepage .floor_1,.singlepage .floor_2,.singlepage .floor_3,.singlepage .floor_4{padding:.2rem 0 .4rem;}
.singlepage .title2{padding: 0 3%;}
.singlepage .title2 h3{color:#333;font-size:.3rem;font-weight:bold;}
.singlepage .title2 h4{color: #999;text-transform: uppercase;font-size: .24rem;display: block;}
.singlepage .info{padding: 3%;}

.erro{ text-indent: 1em; }

.wrapper .honor{background: #fff;padding-bottom: 0;}
/*sitepath*/
.sitepathbox{width:100%;padding:0; height:.8rem;font-size:.26rem;margin:0;line-height: .8rem;background: #fff;position:relative;color:#666;}
.sitepath{padding-right:3%;}
.sitepath a{color:#666;display:inline-block;}
.sitepathbox em{width:.14rem;height:.2rem;display:inline-block;margin:0 .16rem;background-position:-2.04rem 0;}
.goBack{padding-left:2%;display: block;}

.floor{padding:.3rem 0;}

/*product.html*/ 
.listProduct{padding-bottom: 3%;}
.listProduct .list{ width: 100%;}
.listProduct li{ width:47%;margin-left:2%;box-sizing:border-box;display:block;padding-top:3%;float: left;margin-bottom: 3%;border-bottom: 1px dotted #ccc;}
.listProduct li a{display: block;}
.listProduct li figure{ width:100%; padding-top:75%;  position: relative; overflow: hidden;  }
.listProduct li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.listProduct li h3{ height: .5rem; line-height: .5rem;font-size: 0.26rem;overflow: hidden;font-weight:normal;color:#000; text-align: center;}
.listProduct li:hover h3{ color:#ff0505; }
.listProduct li p{white-space:normal;word-wrap:break-word;color:#333}
/*news.html*/
.newsList .list{ width: 100%; margin-bottom: .3rem;}
.newsList .item{  overflow: hidden; position: relative; border-bottom: 1px solid #f3f3f3;}
.newsList .item:nth-child(2n){ background: #f9f9f9;}
.newsList .item:nth-child(2n) span:after{  background: #f9f9f9;  }
.newsList .item:last-child{ border:0px;}
.newsList .item a{ width:92%; height: 1.5rem; padding:.2rem 5% .2rem 2%; display: block; }
.newsList .item h3{ font-size: .3rem; line-height: .38rem; font-weight: normal; margin-bottom: .08rem; color:#093c84; }
.newsList .item .txt{ color:#666666; font-size: .22rem; line-height: .28rem; }

/*showInfor*/
.showInfo{padding: 4% 0 .5rem; width: 100%;}
.showInfo .title{font-size: .4rem; text-align: center; line-height: .46rem; margin-bottom: .2rem; color: #333333; padding: .1rem 3% 0;}
.showInfo .menu{margin-bottom: .2rem;}
.showInfo .mark{font-size: .22rem; text-align: center; color: #666666; padding-bottom: .1rem; border-bottom: 1px solid #dbd7d7;}
.showInfo .mark span{margin: 0 .06rem;}
.showInfo .contxt{padding: .2rem 3% .4rem; color: #666666;}
.showInfo .contxt img{max-width:100%; height: auto !important;}
.showInfo .reLink{margin: .2rem 3% .1rem;}
.showInfo .showRelate{margin-top: .1rem;}
.showInfo .showRelate .sitepath{padding: .18rem 0 0;}
.showInfo .showRelate .sitepath h3{font-weight: bold;}
.showInfo .showRelate .item{margin-bottom: .2rem;}

.aboutpage .floor_1{padding:0 3%;}
.aboutpage .floor_1 img{max-width: 100% !important;display: block;margin: 0 auto;}
.aboutpage .floor_2{width: 100%;background: url(../images/wenhua.jpg) no-repeat center top;background-size: 6.4rem auto;padding: .4rem 0;}
.aboutpage .floor_2 .n-tit{color: #fff;}
.aboutpage .floor_2 .n-tit h3{color: #fff;}
.aboutpage .floor_2 .n-tit s{background: #fff;}
.aboutpage .floor_2 .wenhua{padding: 0 3%;}
.aboutpage .floor_2 .item{width: 100%;background: #fff;clear: both;}
.aboutpage .floor_2 .item:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.aboutpage .floor_2 .item .img{float: left;width:45%;padding-top:38%;position: relative;overflow: hidden;}
.aboutpage .floor_2 .item .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.aboutpage .floor_2 .item .txt{float: right;width:55%;padding:2% 1% 0 2%;}
.aboutpage .floor_2 .item .txt h3{font-weight: bold;color:#009b4c;font-size: .28rem;}
.aboutpage .floor_2 .item .txt .desc{color: #666;padding-top: .02rem;font-size:.18rem;}
.aboutpage .floor_2 .item .txt img{display: block;width:40%;}
.aboutpage .floor_2 .item:nth-child(2n) .img{float: right;}
.aboutpage .floor_2 .item:nth-child(2n) .txt{float: left;}
.aboutpage .floor_3{background:#f6f6f6;padding: .3rem 0;}
.stylelist{padding:3%;}
.stylelist li{ width:49%;margin-right:2%;box-sizing:border-box;display:block;float:left;margin-bottom: 3%;box-shadow:0 0 .1rem rgba(0,0,0,.1);}
.stylelist li:nth-child(2n){margin-right:0;}
.stylelist li a{display: block;}
.stylelist li figure{ width:100%; padding-top:75%;  position: relative; overflow: hidden;  }
.stylelist li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.stylelist li h3{ height: .6rem; line-height: .6rem;font-size: 0.26rem;overflow: hidden;font-weight:normal;color:#000; text-align: center;background: #fff;}
.nmore{width: 94%;margin: 0 auto;background: #009b4c;height: .6rem; line-height: .6rem;display: block;text-align: center;color:#fff !important;border-radius: .05rem;}

.aboutpage .floor_4{padding:.3rem 0;}


/*m-share*/
.m-share{ margin-left: 3%; margin-bottom: .2rem;}

/*fenx*/
#nativeShare{margin:0 auto; width: 100%;padding-top: 0.3rem;}
#nativeShare .label{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height:0.6rem;}
#nativeShare .list {width:83%;float:right;}
#nativeShare .list span {height:0.9rem;width:0.8rem;padding:0;display:inline-block;}
#nativeShare .list span i {height:0.6rem; width:0.6rem;display: block;margin:0 auto;}
#nativeShare .weibo i{background-image: url('../images/weibo.png'); background-size: cover;}
#nativeShare .weixin i{background-image: url('../images/weixin_friend.png'); background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('../images/weixin.png'); background-size: cover;}
#nativeShare .qq i{background-image: url('../images/qq.png'); background-size: cover;}
#nativeShare .qzone i{background-image: url('../images/qqzone.png'); background-size: cover;}
#nativeShare .more i{background-image: url('../images/more.png'); background-size: cover;}
#nativeShare .list span.qzone,#nativeShare .list span.more{width:0.72rem;}

#fenxiang{display: none;}
.fenx{height:1.0rem;width:100%;}
.fenx .tt{margin-left:0.2rem;font-size:0.24rem;color:#666666;line-height: 0.6rem;}
.fenx .bdsharebuttonbox{width:80%;}
.fenx .bdsharebuttonbox a{margin-left:0.2rem;}
#bdfx{}
#bdfx a {height:0.6rem; width:0.6rem;margin:0; padding:0;margin:0px 0.08rem;display: inline-block;}
#bdfx .d1{background:url(../images/qqzone.png) no-repeat center;background-size:100% 100%;}
#bdfx .d2{background:url(../images/weibo.png) no-repeat center;background-size:100% 100%;}


#bdshare{width:100%;padding:.2rem 0;}
#bdshare a{display:inline-block;background: url(../images/icon.png) no-repeat;background-size: 4.0rem auto;width:.48rem;height:.48rem;margin-right:.2rem;}
#bdshare .bds_tsina{background-position:-1.2rem -.42rem;}
#bdshare .bds_weixin{background-position:-1.8rem -.42rem;}
#bdshare .bds_sqq{background-position:-2.38rem -.42rem;}


/*留言提示*/
.tipLang{ position:fixed; left:0; top:0; width:100%; height:.8rem; line-height:.8rem; z-index:99; background:rgba(255,72,72,.9); text-align:center; color:#FFF; font-size:.26rem; overflow:hidden; visibility:hidden; z-index: 999; }


/*字体*/ 
@media only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}
@media only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}
@media only screen and (max-width:414px) {
    html {
        font-size:64.6875px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size:58.5938px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size:56.25px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size:50px;
    }
}
 /** 自定义字体******************************/

@font-face {
  font-family: constantia;
  src: url("../font/constantia.eot");
  src: url("../font/constantia.eot?#iefix") format("eot"), 
  	   url("../font/constantia.ttf") format("truetype");
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
/*导航动画*/
@keyframes menu-line1-hover {
    0% {}
    50% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    100% {
        top:50%;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
}

@keyframes menu-line2-hover {
    0% {opacity: 1}
    50% { opacity: 1}
    51% { opacity: 0}
    100%{opacity: 0}
}
@keyframes menu-line3-hover {
    0% {}
    50% {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    100% {
        top:50%;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
}
@keyframes menu-line1 {
    0% {
        top:50%;
        transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }
    50% {
        top:50%;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    100% {
        top:0%;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
}
@keyframes menu-line2 {
    0% {opacity: 0}
    50% { opacity: 0}
    51% { opacity: 1}
    100%{opacity: 1}
}
@keyframes menu-line3 {
    0% {
        top:50%;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }
    50% {
        top:50%;
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }
    100% { top:100%;}
}
@-webkit-keyframes menu {
0% {
    width: 24px;
}
45% {
    width: 6px;
}
90% {
    width: 24px;
}
100% {
    width: 24px;
}
}
@keyframes menu {
0% {
    width: 24px;
}
45% {
    width: 6px;
}
90% {
    width: 24px;
}
100% {
    width: 24px;
}
}