@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:.26rem/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:#333;text-decoration: none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
a:focus { outline:none; }
a:hover, a:active{ color:#0055a7; 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;background:#0055a7;box-shadow: 0 0 10px rgba(0,0,0,.2);}

#top_main{width:100%;height:1.0rem;*zoom:1;z-index:300;}
#top{max-width:640px; min-width:320px; height:1.0rem; margin:0px auto;position:relative;}
#top .logo{margin:0;display: block;line-height:1.0rem;color:#000;font-size: .32rem;padding-top:0;text-align: center;}
#top .logo a{display:block;}
#top .logo img{height:1.0rem;}
#top .topsearch{display:block;position:absolute;left:0; top:0;text-align: center;cursor:pointer;width:20%; height:.4rem; margin:.3rem 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:.3rem 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:#0055a7 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;}


.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:#0055a7;}

.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;}
.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;box-shadow: 0 0 10px rgba(0,0,0,.2);background: #0055a7;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: #fff;}
.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;height: 4.2rem;}
.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: .02rem solid #fff;box-sizing: border-box;}
#banner .tip span.cur {background:#fff;}

/* 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 0;color: #333;font-size: .2rem;}
.copyright{width:94%; margin:0 auto;padding: 3% 0;font-size: .18rem;}
.footer_main a{color: #333;}

/* 工具栏 */
#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: #0055a7;}
#toolbar .list a s{margin-left:auto;margin-right:auto;width:0.34rem;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;}

.xfbtn{width:.7rem;height:.7rem;display:block;position:fixed;right:2%;bottom:34%;z-index:999;}
.xfbtn a{display:block;width:.7rem;height:.7rem;}
.bottel a{background: url(../images/tel.png) no-repeat;background-size:.7rem auto;}
.botzixun{bottom:27%;}
.botzixun a{background: url(../images/zixun.png) no-repeat;background-size:.7rem auto;}
#returntop{bottom:20%;cursor: pointer;}
#returntop a{background: url(../images/gotop.png) no-repeat;background-size:.7rem auto;}


.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;}


.index .title{width:100%;margin-bottom:.4rem;text-align:center;padding-top:.5rem;position: relative;}
.index .title h3{font-size:.36rem;color:#0055a7;}
.index .title h4{color:#666;font-size:16px;text-transform:uppercase;}
.index .title em{width:.9rem;height:2px;display:block;background:#0055a7;margin: 0 auto;}
.index .title s{width:.9rem;height:1px;display:block;background:#e5e6e5;font-size:.24rem;position:absolute;bottom:.2rem;}
.index .title .lef{left:3%;}
.index .title .rig{right:3%;}

.floor_1_main{padding:3% 0;background:#fff;}
.floor_txt{padding:0 3% .3rem;}
.floor_txt a{display:block;}
.floor_txt .desc{padding-bottom:.4rem;}
.index .more{border:1px solid #e5e5e5;display:block;width:100%;box-sizing:border-box;margin:0 auto;height:.6rem;line-height:.6rem;text-align:center;border-radius:.05rem;}
.floor_img{width:100%;position: relative;overflow:hidden;}
.floor_img .item{width:6.4rem;overflow:hidden;position:relative;}
.floor_img .item a{display: block;}
.floor_img .item figure{width:100%;padding-top:63%;position:relative;overflow:hidden;}
.floor_img .item figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;}
.floor_img .item h3{width:100%;height:.8rem;line-height:.8rem;background:rgba(0,0,0,.7);color:#fff;font-size:.24rem;text-indent:3%;position: absolute;left: 0;bottom: 0;}
.floor_img .item .btn{width:2.0rem;height:.6rem;line-height:.6rem;border:1px solid rgba(255,255,255,.3);border-radius:.05rem;display:block;text-align:center;position:absolute;right:3%;bottom:.1rem;color:#fff;}
.floor_img span{width:.3rem;height:.7rem;display:block;position: absolute;top:1.4rem;}
.floor_img .prev{background-position:0 -1.48rem;left:0;}
.floor_img .next{background-position:-1.08rem -1.48rem;right:0;}


.caselist{overflow:hidden;padding-bottom:.5rem;}
.caselist .list{padding: 0 3%;}
.caselist .item{width:100%;background:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.1);margin-bottom:.3rem;}
.caselist .item a{display:block;}
.caselist .item figure{width:100%;padding-top:63%;position:relative;overflow:hidden;}
.caselist .item figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%; display:block;}
.caselist .item h3{color:#333;font-size:.24rem;height:.7rem;line-height:.7rem;padding: 0 3%;}
.caselist .item span{width:.12rem;height: .22rem;background-position:-1.15rem -1.02rem;display: inline-block;margin-top: .2rem;margin-right: .3rem;}

.hbk{width:100%;height:.2rem;background:#f5f5f5;}


.thumblist{width:100%;margin:0 auto;padding:0;}
.thumblist .list{padding: 0 3%;}
.thumblist li{width:100%;display:block;padding:.2rem 0;border-bottom:1px solid #eeeeee;}
.thumblist li:first-child{border-top:0;}
.thumblist li a{display:block;padding:0;}
.thumblist li figure{width:40%;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:.3rem;color:#000;height:1.1rem;overflow:hidden;}
.thumblist li p{color:#999;font-size:.2rem;}
.thumblist li a:hover h3{color:#0055a7;}
.thumblist li span{padding-left:.1rem;display: inline-block;}
.thumblist li .dian{width:.2rem;height:.06rem;background-position:-2.4rem 0;vertical-align: middle;margin-top:.1rem;}

.floor_3_main{background: #fff;margin-top: .2rem;padding-bottom: .5rem;}
.imsg{padding:0 3% .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:#0055a7;}

.floor_4_main{background:url(../images/flor4.jpg) no-repeat center top #fff;background-size:6.4rem auto;}
.floor_4_main .more{width: 94%;margin:.5rem auto 0;}

.g_wximg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;max-width: 640px;min-width: 320px;display: none;}
.g_wximg .close{background: url(../images/close.png) no-repeat center;background-size: .4rem auto;width: .4rem;height: .4rem;cursor: pointer;position: fixed;right: 18%;top: 18%;text-align: center;display: block;z-index: 12;}
.g_wximg .bdtel img{width: 4.0rem !important;display: block;}
.bdtel{position: fixed;top: 22%;z-index: 10;padding: 0 0 .1rem;max-width: 640px;min-width: 320px;}
.bdtel .upIn{width: 6.4rem;display: block;text-align: center;color: #fff;padding: 4%;margin: 0 auto;}
.bdtel p{padding: 2%;text-align: center;color: #fff;}
.bdtel img{margin: 0 auto;display: block;max-width: 80% !important;}
.bdtelbg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;max-width: 640px;min-width: 320px;display: none;}
.bga{background-color: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;}

/*内页样式*/
/*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;}
.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;}
.menu{font-size: 0; padding:0 3%;}
.menu li{margin-right:2%; margin-bottom:.12rem;display: inline-block; text-align: center; font-size: .24rem;border:1px solid #e6e6e6;vertical-align: top; height: 0.65rem; line-height: .63rem;width:32%;}
.menu li a{display: block;height: 0.65rem; line-height: .63rem;overflow: hidden;}
.menu li.hover{background: #0055a7; border-color: #0055a7; color: #fff;}
.menu li.hover a{color: #fff;}
.menu li.hover .box{display:none;}
.menu li .box{display: none;} 
.menu li:nth-child(3n){margin-right: 0;}

.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:#0055a7;}
.promenu li.hover a:after{height:.04rem;background:#0055a7;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%;}
.showProduct .protit{padding: .1rem 3%; text-align: center; font-size: .3rem; color: #000;}
.showProduct .mark{text-align: center; font-size: .2rem; color: #999; margin-bottom: .2rem;}
.showProduct .banner{height: 4.8rem;}
.showProduct .banner li{list-style-type: none;}
.showProduct .banner img{height: 4.8rem;}
.showProduct .tit2{font-size: .26rem; color: #0055a7; padding: 0 3% .2rem;}
.showProduct .price{color: #ff0036; padding: 0 3% .2rem;}
.showProduct .price span{font-size: .36rem;}
.showProduct .showTel{width: 100%; height: 1rem; line-height: 1rem; font-size: .28rem; color: #666666; background: #f8f8f8; border-top: 1px solid #dbd7d7; border-bottom: 1px solid #dbd7d7; text-align: center; box-sizing: border-box; color: #000;}
.showProduct .showTel s{width: .62rem; height: .6rem; margin-right: .1rem; background-position: -2.02rem -0.68rem;}
.showProduct .showpCon{padding: 0 0 .3rem;}
.showProduct .showpCon .tit{color: #0055a7; font-weight: bold; padding: .2rem 0; font-size: .26rem;}
.showProduct .showpCon .showp_img,
.showProduct .showpCon .showp_txt{margin-bottom: .2rem; padding: 0 3%;}
.showProduct .showpCon .showp_img img,
.showProduct .showpCon .showp_txt img{max-width: 100%; display: block;}
.showProduct .showpCon .txtcon{font-size: .24rem; color: #333;}
.showProduct .showpCon .showpCase{border-top: .2rem solid #f1f1f1; margin-top: .2rem;}
.showProduct .ourTeam{width: 100%; margin: 0; padding-top: .2rem;}
.showProduct .ourTeam .team_tit{width: 100%; height: 0.7rem; line-height: 0.7rem; margin-bottom: .3rem; background: #0055a7; color: #fff;}
.showProduct .ourTeam .team_tit strong{font-size: .26rem; font-weight: bold; margin: 0 .15rem 0 .15rem;}
.showProduct .ourTeam img{width: 100%; display: block;}
.showProduct .ourTip .tip_tit{color: #ff0036; font-size: .26rem; margin-top: .24rem; font-weight: bold; margin-bottom: .08rem;}
.showProduct .ourTip .list{line-height: .34rem;}
.showProduct .ourTip .list li{margin-bottom: .15rem; position: relative;}
.showProduct .ourTip .list li s{width: .08rem; height: .08rem; margin-right: .1rem; display: inline-block; vertical-align: middle; background: #0055a7; border-radius: 100%;}
.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%;}
.aboutPage .titbox .tt{display: block;color:#0055a7;font-size:.3rem;}
.aboutPage .indexTit{text-align: center;padding:.2rem 0;}
.aboutPage .indexTit h3{color:#0055a7;font-size:.3rem;}
.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;}
.contactPage .n-tit{font-size: .3rem; color: #0055a7; padding: 0 3% .2rem;}
.contactPage .txtcon{padding:.3rem 3% .3rem;}
.contactPage .txtcon img{max-width: 100%;}
.contactPage .mapArea{width: 100%; height: 3rem;}
.contactPage .messagePage{padding: .4rem 0 .5rem;}
.contactPage table td{padding:.1rem;font-size: .2rem;}
.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: #0055a7; color: #fff; border: none; cursor: pointer; font-size: .3rem; display: block;}

.postlist{padding-top:.2rem;width:94%;margin: 0 auto;}
.postlist .item{border: 1px solid #dcdcdc;border-left:.04rem solid #0055a7;padding:.2rem;margin-bottom:.2rem;}
.postlist .item.hover{background: #f9f9f9;}
.postlist .item .top{height:.8rem;cursor: pointer;}
.postlist .item .top span{color: #000;display: inline-block;margin-right:.1rem;font-size:.2rem;}
.postlist .item .top .time{color: #999;}
.postlist .item .top h3{font-size:.28rem;font-weight: normal;color:#0055a7;}
.postlist .item .top p{display: block;}
.postlist .item .bottom{padding-top:.2rem;border-top:1px solid #bebebe;padding-bottom:.2rem;}


.honorPage{padding-bottom: .6rem;}
.honorPage .indexTit{text-align: center;}
.honorPage .list{padding:0 3%;padding-top: .3rem;}
.honorPage .item{padding:0;width:49%; display:block;margin-right:2%;float: left;margin-bottom: .2rem;}
.honorPage .item:nth-child(2n){margin-right: 0;}
.honorPage .item figure{width:100%;position:relative;padding-top:68%;overflow:hidden;}
.honorPage .item figure img{position:absolute; width:100%; min-height: 100%;left:0;top:0;}
.honorPage .item h3{font-size:.26rem;height:0.5rem;line-height:0.5rem;overflow:hidden;color: #000;text-align: center;}

.eventlist2 .list{padding: 3% 0;}
.eventlist2 .item{width:100%;display:block;padding:0;background:#fff;box-sizing:border-box;margin-bottom:.3rem;}
.eventlist2 .item a{display:block;padding:0;}
.eventlist2 .item h3{font-size:.5rem;color:#0055a7;font-weight:bold;border-right: 1px solid #eee;background: #fff;display: inline-block;position: relative;z-index:3;padding-right:.2rem;}
.eventlist2 .item span{font-size:.24rem;}
.eventlist2 .item p{color:#999;padding-left:.5rem;}
.eventlist2 .item .time{position:relative;}
.eventlist2 .item em{width:.3rem;height:.3rem;display:inline-block;background:url(../images/clock.png) no-repeat;background-size:.3rem auto;vertical-align: middle;margin-right: .2rem;}
.eventlist2 .item s{width:100%;height:1px;display:block;background: #eee;position: absolute;left: 0;top: 50%;}

.moreBtn{width: 94%; 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; }


/*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;}
.moreBtn{width:94%; margin:0 auto;display: block; text-align: center; color: #868686; font-size: .24rem;background:#fff;border: 1px solid #f0e1ca;box-sizing: border-box;line-height: .7rem;}
.catemore{width:100%; margin:.5rem auto 0;display: block; text-align: center; color: #868686; font-size: .24rem;background:#f2f2f2;height: .6rem;line-height: .6rem;}
.catemore:active,.catemore:hover{color: #913d23;}

/*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;}




/*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%;float:right;}
.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%;}
/*留言提示*/
.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;
}
}