@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:#f9f9f9;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:#ff0505; 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默认  结束@@==========*/
#top_main{width:100%;height:.88rem;*zoom:1;z-index:300;transition: all .3s ease-in;max-width:640px;min-width: 320px; margin: 0 auto;background:url(../images/top_bg.jpg) repeat-x left top #ff0505;}
#top_main.fixtop{background: #fff;}
#top{max-width:640px; min-width:320px; height:.88rem; margin:0px auto;position:relative;}
#top .logo{margin:0;display: block;text-align: center;color: #fff;font-size:.3rem;line-height:.88rem;}
#top .logo img{display:;height:.8rem;width: auto; padding-top:.1rem;}
#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;}
.fixtop #top .logo{color:#ff0505;}

#top #nav{width:30%;height:.6rem;text-align:center;cursor:pointer;z-index:6;position:absolute;padding-top:.2rem;padding-right:3%;right: 0;top: 0;}
#nav.menu-btn .menu-btn-wrap{height:.3rem;position: relative;}
#nav.menu-btn .menu-line{background:#fff;height:3px;position:absolute;width:24px;border-radius:.5rem;right: 0;}
#nav.menu-btn #menu-line1{top:0;}
#nav.menu-btn #menu-line2{top:50%;}
#nav.menu-btn #menu-line3{top:100%;}
#nav.menu-btn .menu-line{animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count: 1;animation-direction: normal;animation-delay: 0;animation-play-state: running;animation-fill-mode: forwards;}
#nav.menu-btn.active #menu-line1{animation-name: menu-line1-hover;}
#nav.menu-btn.active #menu-line2{animation-name: menu-line2-hover;}
#nav.menu-btn.active #menu-line3{animation-name: menu-line3-hover;}
#nav.menu-btn.inactive #menu-line1{animation-name: menu-line1;animation: 800ms ease 0s normal none 2 running menu;}
#nav.menu-btn.inactive #menu-line2{animation-name: menu-line2;animation: 800ms ease 0.16s normal none 2 running menu;}
#nav.menu-btn.inactive #menu-line3{animation-name: menu-line3; animation: 800ms ease 0.32s normal none 2 running menu;}
.fixtop #nav.menu-btn .menu-line{background:#ff0505;}


#top .topsearch{margin:0 auto;width:48%;height:.6rem;line-height: .6rem;background:url(../images/sou.png) no-repeat 0 center #e71a21;background-size: .4rem auto;display: block;}
#top .topsearch span{display:block;padding-left:18%;color: #fff;}
#searchmain #goBack{background-position:-2.04rem -.22rem;cursor: pointer;width:8%; height:.42rem; float: left;margin:.1rem 4% 0;}
#searchmain{background:#fff;width:100%;height:1.0rem;*zoom:1;border-bottom: 1px solid #d6d6d6;}
#searchmain .topsearch{padding-top: .2rem;}
#search{background:#fff;width:80%;margin:0;height:0.6rem;padding: 0; float: left;background:#f2f2f2;-moz-border-radius:0.05rem;-webkit-border-radius:0.05rem;border-radius:0.05rem;}
#search .txt{border:none;width:82%;height:0.6rem;line-height:0.6rem;margin-right:1%; padding-left:8%;color:#666;font-size: 0.22rem;background: none;} 
#search .searchbtn{cursor:pointer;border:none;font-size: 0.24rem; width:0.8rem; height:0.6rem;text-align:center;background: none;background:url(../images/sou.png) no-repeat 0 center;background-size: .4rem auto;}

.soupage{background:#fff;}
.searchinfo{background:#fff;padding:0.2rem 0;height:100%;width:94%;margin: 0 auto;}
.searchinfo h2{color:#000;}
.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;}


/*subNav*/
.subNav{ position: fixed; width:100%; height:100%; right:-100%; top:.88rem; z-index:999;max-width:640px; min-width:320px;background-color:rgba(0,0,0,.6);}
.subNavCon{margin:0px;background:#fff;width:100%;border-top: 1px solid #e5e5e5;}
.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:52%;position: absolute;left: 0;top: 0;height:100%;}
.subNav ul{padding-left:4%;}
.subNav li{width:100%;display: block;line-height:0.8rem;margin:0 auto;border-bottom: 1px solid #f0efef;text-indent: 3%;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;background: url(../images/jiantou.png) no-repeat right center;background-size: .15rem auto;width:92%;margin: 0 auto;}
.subNav li a:hover{color:#dc241d;}
.subNav li em{width: .3rem;height: .3rem;display: inline-block;background-position: 0 -2.2rem;vertical-align: middle;position: absolute;right:3%;top:.26rem;}

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


/* banner */
#banner_main{width:100%;overflow:hidden;position:relative;z-index:1;padding-top: .2rem;}
.banner{ margin:0 auto; width:96%;*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 img{width:100%; height:auto;border-radius: 3px;}
#banner .tip {width:100%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;z-index:2;font-size:0;}
#banner .tip span {display:inline-block;vertical-align:middle;width:0.16rem;height:0.16rem;margin:0 0.025rem;vertical-align:middle;background:#999;border-radius: 100%;}
#banner .tip span.cur {width:.32rem;border-radius:.3rem;background: #ff0d0d;}

/* 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.2rem;}
.reLink a:hover{ color:#004a91;}

/*版权信息*/
.footer_main{text-align:center;width:100%;padding:0.0rem 0 0.0rem;color: #909090;}
.footer_main .sp1{color:#000;}
.footer_main .tel{color:#f23419;font-weight: bold;font-size: .3rem;font-family: arial;}
.footer_main .xian{padding: 0 .2rem;}
.copyright{width:94%; margin:0 auto;padding: 3% 0;font-size: .18rem;}
#returntop{width:0.7rem;height:0.7rem;background:url(../images/gotop.png) no-repeat center top;background-size:0.7rem auto;position: fixed;bottom:20%;right: 2%; cursor: pointer;z-index: 10;}
.copyright a{color: #909090;}

/* 工具栏 */
#toolbar {position:fixed;bottom:0;width:100%;z-index: 888;left: 0;}
#toolbar .list { width:100%;max-width:640px;min-width: 320px; margin: 0 auto;position: relative;}
#toolbar .list li {float:left; width:17%; text-align:center;position: relative;}
#toolbar .list li:nth-child(3){width:32%;}
#toolbar .list a { display:block;line-height:0.3rem; font-size:0.24rem;padding-top: 0.4rem;}
#toolbar .list a.hover{color:#4794ff;}
#toolbar .list a.hover span{color: #f23419;}
#toolbar .list li:active {color:#000;}
#toolbar .list li a.hover{color: #f23419;}
#toolbar .list a s{margin-left: auto; margin-right: auto;width:0.48rem;height:0.44rem;display:block;text-decoration:initial;}
#toolbar .list a span{text-align: center;color: #000; padding-top:0.1rem; display:block;}
#toolbar .list a .too-home{background-position:0 0;}
#toolbar .list a .too-zx{background-position:-.6rem 0;}
#toolbar .list a .too-zixun{background-position:0 -1.0rem;width:1.5rem;height:1.32rem;}
#toolbar .list a .too-ls{background-position:-1.15rem 0;}
#toolbar .list a .too-lx{background-position:-1.7rem 0;}
#toolbar .list li:nth-child(3) a{padding-top:0;}

#toolbar .list a.hover .too-home{background-position:0 -.52rem;}
#toolbar .list a.hover .too-zx{background-position:-.6rem -.52rem;}
#toolbar .list a.hover .too-zixun{background-position:0 -1.0rem;}
#toolbar .list a.hover .too-ls{background-position:-1.15rem -.52rem;}
#toolbar .list a.hover .too-lx{background-position:-1.7rem -.52rem;}
#toolbar .list li:nth-child(3) a.hover .too-zixun span{color: #fff;}

.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_1,.index .floor_3,.index .floor_5{background: #f1f1f1;padding:.2rem 0;}
.index,.floor{width:100%;max-width:640px;min-width: 320px; margin: 0 auto;}
.index .floor_1{padding-top:.6rem;}
.index{padding-top: .4rem;}
.index .navlist{background:#fff;width: 100%;padding:0;margin-bottom: .4rem;box-shadow:1px 2px 5px rgb(233, 233, 233);}
.index .navlist li{float: left;width: 25%;text-align: center;display: block;}
.index .navlist li a{display: block;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;padding-top: .3rem;padding-bottom: .3rem;}
.index .navlist li span{width:.52rem;height:.52rem;display: block;margin: 0 auto;background: url(../images/icon.png) no-repeat;background-size: 4rem auto;}
.index .navlist li h3{font-size:.24rem;color: #666;display: block;}

.index .navlist li:nth-child(1) span{background-position: 0 -2.6rem;}
.index .navlist li:nth-child(2) span{background-position:-1.88rem -2.6rem;}
.index .navlist li:nth-child(3) span{background-position:-.6rem -2.6rem;width:.54rem;}
.index .navlist li:nth-child(4) span{background-position:-1.26rem -2.6rem;width:.54rem;}

.index .navlist li:nth-child(5) span{background-position:-1.88rem -3.2rem;}
.index .navlist li:nth-child(6) span{background-position:-1.26rem -3.2rem;}
.index .navlist li:nth-child(7) span{background-position:-3.3rem -3.2rem;}
.index .navlist li:nth-child(8) span{background-position:-2.5rem -2.6rem;width:.42rem;}

.index .navlist li:nth-child(9) span{background-position:0 -3.2rem;}
.index .navlist li:nth-child(10) span{background-position:-.6rem -3.2rem;}
.index .navlist li:nth-child(11) span{background-position:-3.3rem -2.6rem;}
.index .navlist li:nth-child(12) span{background-position:-2.5rem -3.2rem;width:.72rem;}


.index .navlist li:nth-child(4n) a{border-right:none;}
.index .navlist li:nth-child(9) a{border-bottom:none;}
.index .navlist li:nth-child(10) a{border-bottom:none;}
.index .navlist li:nth-child(11) a{border-bottom:none;}
.index .navlist li:nth-child(12) a{border-bottom:none;}

.index .navlist li a:hover h3{color:#ff0505;}


.floor{background:#fff;width: 100%;padding:.2rem 0;margin-bottom: .4rem;box-shadow:1px 2px 5px rgb(233, 233, 233);}
.floor .title{width:96%;margin:0 auto;padding-bottom:.2rem;}
.floor .title h3{font-size:.3rem;display:inline-block;color:#ff0505;}
.floor .title h3 em{display:inline-block;vertical-align:middle;width:.04rem;height:.3rem;background:#ff0505;margin-right:.12rem;}
.floor .title h4{color:#999;font-size:.2rem;display:inline-block;text-transform:uppercase;padding-left:.2rem;}
.floor .title .more{color:#000;}
.floor .title .more:hover{color:#ff0505;}

.thumblist{width:100%;margin:0 auto;padding:0;}
.thumblist li{width:100%;display:block;padding:.2rem 0;border-top:1px solid #eee;}
.thumblist li:first-child{border-top:0;}
.thumblist li a{display:block;padding:0 3%;}
.thumblist li figure{width:30%;padding-top:16%;position:relative;overflow:hidden;z-index:2;float:left;margin-right: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 p .time{color:#aaa;}
.thumblist li p .time em{width:.16rem;height:.16rem;display:inline-block;background-position:-1.6rem -1.02rem;margin-right: .1rem;}
.thumblist li a:hover h3{color:#ff0505;}


.icase{position: relative;overflow: hidden;padding-top:0;}
.icase .item{float:left;width:42%;margin:1% 4%;background: url(../images/lvbk.png) no-repeat;background-size:2.64rem auto;}
.icase .item a{display: block;padding:.26rem;text-align: center;}
.icase .item .img{width:100%;overflow:hidden;cursor:pointer;position:relative;padding-top:134%;}
.icase .item .img img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;}
.icase .item h3{font-size:.26rem;padding-top:.1rem;font-weight:normal;color: #070002;}
.icase .item a:hover h3{color:#ff0505;}
.icase .item p{height:.4rem;overflow:hidden;cursor:pointer;font-size:.18rem;color: #999;}






/**************category****************/
.content{ width:100%;background:#fff;}
/*menu*/
.iconn{background: url(../images/iconn.png) no-repeat;background-size:1.4rem auto; vertical-align:middle;}
/*menu*/
.menu{ width:100%; padding:.1rem 0; background: #fff;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6; }
.menu .iconn{ width:.4rem; height:.4rem;display: inline-block;cursor: pointer;}
.menu .goHome{ margin-right:.16rem;}
.menu .iconn:before{ width:.4rem; height: .4rem; background-size:1.4rem;}
.menu .goBack{background-position:-1.0rem -0.6rem;margin-left:3%;}
.menu .goBack a{width:.4rem; height: .4rem;display: block;}
.menu .goHome{ background-position:0 -0.66rem;}
.menu .subSort{ background-position:-0.5rem -0.7rem;}
/*sitepath*/
.sitepath{ width:100%; padding: 0; height: .6rem; position: relative; font-size: .22rem; margin: .2rem 0;  line-height: .6rem; background: #fff; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;overflow: hidden;}
.sitepath .btn{ width:1.3rem; height: .6rem; text-align: right; position: absolute; right: .1rem; top: 0; font-size: .22rem; }
.sitepath .btn em{ width: .3rem; height: .2rem; margin-top: .08rem;  margin-left: .06rem; display: inline-block;background-position: -1.16rem 0;}
.sitepath .btn.onbtn:after{ transform: rotate(180deg);  margin-top: -.08rem;background-position: -0.6rem 0; }
.sitepath a{color:#ff0505; text-align: center;text-transform:Capitalize;font-size:0.24rem;margin-right:2%;display: inline-block;margin-left:2%;}
.sitepath a a:hover{color:#b58744;}
.sitepath h3{color:#ff0505;font-size:0.26rem;margin-left:2%;}
/*search*/
.search{ width:96%; padding:.3rem 2%; color: #666; position: relative;}
.search .keytxt{ width:98%; height: .7rem; text-indent: 1em; line-height: .7rem; border:1px solid #bcbcbc; border-radius: 4px; font-size: .24rem; background: #fff; }
.search .searbtn{ position: absolute; z-index: 11; right: 2%; bottom: .3rem; width:.7rem; height: .7rem; background:none; border:0 none; }
.search .searbtn:before{ width:.44rem; height: .44rem; margin-top: .1rem; background-position: 0 0;}
.search .searinput{ width:.7rem; height: .7rem; position: absolute; right: 2%; bottom: .2rem; z-index: 10; background: none; border: 0px;}
/*sitepath*/
/*pager*/
.pager{ width:100%; text-align: center; background: #f6f6f6; padding: .2rem 0; font-size: .2rem; }
.pager a,.pager span{ width:1.6rem; height: .4rem; line-height: .4rem; display: inline-block; background: #e59f19; color: #fff; border-radius: 5px; }
.pager .yem{ height: .4rem; display: inline-block; margin: 0px .1rem; line-height: .4rem;}
/*reLink*/
.reLink { margin: .2rem auto .1rem; width: 94%;font-size: 0.24rem;}
.reLink .prevLink, .reLink .nextLink { display: block; height: .6rem; line-height: .6rem; font-size: .24rem;
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8; }

/*m-share*/
.m-share{ margin-left: 3%; margin-bottom: .2rem;}
.catemore{ width:100%; margin: 2% auto 6%; height: .65rem; line-height: .65rem; display: block; text-align: center; background: #ff0505; color: #fff; font-size: .22rem; box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.catemore:active,.catemore:hover{ background: #ff7f00; color: #fff;}
.showmenu{ width: 100%;padding-top: 0.2rem;display: block;background: #fff;}
.showmenu a{ width:31%; height: .6rem; display: block; float: left; line-height: .6rem; text-align: center; border-radius: .04rem; color: #fff; background: #ff0505; margin: 0 1% 2%;}
.showmenu a:last-child{margin-right: 0;}
.showmenu a:hover{background: #ff7f00;}
.erro{padding-left:0.2rem;padding-top:0.2rem;padding-bottom:0.2rem;}
.catemore.nomore{background:#ccc;}
/*catelist*/ 
.caselist{padding-top: 3%;}
.catelist .item span{ display: block; width: 9px; height: 16px; position: absolute; top:28%; margin-top:-8px; right: 2%; }
.catelist .item span:before{ content: ""; position:absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.catelist .item span:after{ content: ""; position:absolute;background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.caselist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.caselist li a{  display: block;}
.caselist li figure{ width: 100%; padding-top:100%;  position: relative; overflow: hidden; border-bottom: 1px dotted #e0e0e0; }
.caselist li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.caselist li h3{ height: .65rem; line-height: .65rem; text-align: center;font-size: 0.26rem;font-weight:normal;}
.teamlist{padding-top: 3%;}
.teamlist .item span{ display: block; width: 9px; height: 16px; position: absolute; top:28%; margin-top:-8px; right: 2%; }
.teamlist .item span:before{ content: ""; position:absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.teamlist .item span:after{ content: ""; position:absolute;background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.teamlist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.teamlist li a{  display: block;}
.teamlist li figure{ width: 100%; padding-top:134%;  position: relative; overflow: hidden; border-bottom: 1px dotted #e0e0e0; }
.teamlist li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.teamlist li h3{ height: .65rem; line-height: .65rem; text-align: center;font-size: 0.26rem;font-weight:normal;}


.honorlist{padding-top: 3%;}
.honorlist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.honorlist li a{ display: block;}
.honorlist li figure{ width: 100%; padding-top:75%;  position: relative; overflow: hidden;}
.honorlist li figure img{ width: 100%; height:100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.honorlist li h3{ height: .65rem; line-height: .65rem; text-align: center;font-size: 0.26rem;font-weight:normal; overflow:hidden;}

.hjlist{padding-top: 3%;}
.hjlist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.hjlist li a{ display: block;}
.hjlist li figure{ width: 100%; padding-top:65%;  position: relative; overflow: hidden;}
.hjlist li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.hjlist li h3{ height: .65rem; line-height: .65rem; text-align: center;font-size: 0.26rem;font-weight:normal;}

.imap,.mapArea2{height: 3rem;}


/*product.html*/ 
.listProduct{padding-bottom: 3%;}
.listProduct .list{ width:96%;margin: 0 auto;}
.listProduct li{ width:100%;box-sizing:border-box;display:block;padding-top:3%;padding-bottom: 3%;border-bottom: 1px dotted #ccc;}
.listProduct li a{display: block;}
.listProduct li figure{ width:30%; padding-top:23%; position: relative; overflow: hidden;float:left;margin-top: .1rem;}
.listProduct li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.listProduct li h3{font-size:0.26rem;overflow: hidden;font-weight:normal;color: #ff0505;}
.listProduct li:hover h3{ color: #ff0505; }
.listProduct li p{white-space:normal;word-wrap:break-word;color:#333;font-size: .2rem;}
.listProduct li .txt{width:68%;}
.listProduct li:nth-child(2n) figure{float: right;}
.listProduct li:nth-child(2n) .txt{float: left;}
.listProduct li h4{color: #999;text-transform: uppercase;font-size: .2rem;}
/*news.html*/
.newsList .list{ width: 100%; margin-bottom: .3rem;}
.newsList .item{  overflow: hidden; position: relative; border-bottom: 1px solid #f3f3f3;padding: 3%;}
.newsList .item:nth-child(2n){ background: #f9f9f9;}
.newsList .item:last-child{ border:0px;}
.newsList .item a{padding:0; display:block; }
.newsList .item h3{font-size:.3rem;line-height:.38rem; font-weight:normal;margin-bottom:.08rem;color:#ff0505; }
.newsList .item .txt{ color:#666666; font-size: .22rem; line-height: .28rem;float: right;width:68%;}
.newsList .item figure{ width:30%; padding-top:23%; position: relative; overflow: hidden;float:left;margin-top: .1rem;}
.newsList .item figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.newsList .item .mark{color: #999;font-size: .18rem;}
.newsList .item .mark span{display: inline-block;padding-left: .1rem;}
.newsList .item .mark span:first-child{padding-left: 0;}
/*showInfor*/
.showInfo{ width:100%;background: #fff;overflow: hidden;}
.showInfo .showSubTit{ width:100%; height: .65rem; line-height: .65rem; font-weight: normal; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #ff0505; font-size: .24rem; text-indent: .15rem;}
.showInfo .showTit{ width:96%; line-height: .3rem; padding:.2rem 2% .1rem; border-bottom: 1px solid #e8e8e8; text-align: center;}
.showInfo .showTit h1{ font-weight: bold; color: #ff0505; font-size: .4rem; line-height: .45rem; margin-bottom: .05rem;font-weight: normal;}
.showInfo .showTit .mark{ font-size: .22rem; margin-top: .1rem;}
/*showSubTit*/
.showInfo .contxt{font-size: .24rem; line-height: .34rem; padding: 5% 3% 5%;}
.showInfo .contxt img{max-width:100%; margin: 0px auto; height: auto !important;display: inline;}
/* 留言样式   */
.leave { padding:0.4rem 2% 0px; }
.leave li { margin-bottom:.2rem; }
.leave li:nth-child{ margin-bottom: .1rem;}
.leave label { float:left; display:block; width:20%; font-size: .2rem; height:.5rem; line-height:.5rem; }
.leave .item-wrap { margin-left:20%;}
.leave input, .leave textarea { width:95%; background:#fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem;padding: 0;margin: 0;border-radius: initial;}
.leave input{height:.5rem; border-radius:0; -webkit-border-radius:0; text-indent:8px; color: #333; }
.leave .ly {height:1rem; padding: .1rem 0; color: #666; border-radius:0; -webkit-border-radius:0; text-indent:8px; line-height:.22rem; resize: none; }
.show_more2 {padding:0 10px 18px 10px; height:.6rem; }
.show_more2 input {width:100%;border:0; height: .6rem; line-height: .6rem; color: #fff; font-size: .22rem; background:#ff0505;border-radius: initial;}
.show_more2 input:hover{background:#ff7f00;}
.singlePage{background: #fff;width: 100%;margin:0 auto;}
.divanli_mess{background:#fff;width:96%;margin:0 auto;padding-top:.1rem;}
.dz{width: 100%;}
.singlePage .anlitopH4{font-size: 0;width:0;display: none;}
.messagesbox .item {margin-bottom:.2rem;}
.messagesbox .item .tit { float:left; display:block; width:18%;font-size: .2rem;height:.5rem;line-height:.5rem;padding-left: 2%;}
.messagesbox .item .tit font{color: red;}
.messagesbox .item-wrap { margin-left:.55rem;}
.messagesbox input, .messagesbox textarea {width:75%;background:#fff;border: 1px solid #e8e8e8; color: #333; font-size:.2rem;text-indent:8px;padding: 0;margin:0;border-radius:initial;}
.messagesbox input{ height:.5rem; border-radius:0; -webkit-border-radius:0; text-indent:8px; color: #333;}
.messagesbox .ly { height:1rem; padding: .1rem 0;color: #666;border-radius:0;-webkit-border-radius:0; text-indent:8px;line-height:.22rem;resize: none;}
.messagesbox .bot{padding-left:18%;}
.messagesbox .bot input{height:.65rem;background:#ff0505;color:#fff;text-align:center;border: none;outline: none;width: 92%;}
.messagesbox .msg-box{padding-left:20%;color:red;width: 70%;white-space:nowrap;font-size: 0.22rem;}
.subright .showInfo{display: none;}

.imassge{padding:.2rem 0;}
/*showproduct showimg*/
/*recomPro*/
.showimg{ width:100%; position: relative; }
.showimg .imglist{ width:4.2rem; 2.36rem;   margin:0px auto; padding: .4rem 0 .2rem; position:relative; overflow:hidden; }
.showimg .list {  float: left; width:500%;}
.showimg a { float:left; width:4.2rem; text-align: center;  display: block; }
.showimg a img {width:4.2rem;  margin: 0px auto; display:block; }
.showimg span{ display: block; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top:-25px; right: 50%; margin-right: -2.8rem; cursor: pointer; }
.showimg span.left{ right:auto; left:50%;margin-left: -2.8rem;}
.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); }
.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.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.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); }
.showorder{ width:2rem; height: .5rem;  margin:0.3rem auto .4rem; line-height: .5rem; color: #fff;  text-align: center; font-size: .24rem;}
.showorder a{ color: #fff;background: #ff0505;display: block;}
.showorder a:hover{background:#ff7f00;}
/*recomNew*/
.recomNew{width: 96%; padding:0.1rem 0 2%; margin: 0 auto;}
.recomNew li{ width:100%; height: .6rem; line-height: .6rem; border-bottom:1px solid #eeeeee;overflow: hidden;}
.recomNew li a{font-size: .24rem;display: block;position: relative;padding-left: 2%;}
.recomNew li a:before{ content: ""; position: absolute; background: #cccccc; width:3px; height:3px; left:0; top:0.28rem; z-index: 11;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
/*recomPro*/
.recomPro{ width:100%; position: relative; }
.recomPro .recomList{ width:4.6rem;  margin:0px auto; position:relative; overflow:hidden; }
.recomPro .list { float:left; width:500%; padding: .2rem 0 .1rem; }
.recomPro .list ul{ float: left;}
.recomPro ul li { float:left; width:2.3rem; text-align: center; }
.recomPro ul li a{ display: block; width: 100%;}
.recomPro ul li h3{ font-size: .22rem; line-height: .5rem; text-align: center;}
.recomPro ul img { height:1.5rem;  width:2rem;  margin: 0px auto; display:block; }

.recomPro span{ display: block; width: 30px; height: 50px; position: absolute; top: 50%; margin-top:-35px; right: 50%; margin-right: -3rem; cursor: pointer; }

.recomPro span.left{ right:auto; left:50%;margin-left: -3rem;}
.recomPro span.right:after{ content: ""; position: absolute; background: #efdaa4; 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); }
.recomPro span.right:before{ content: ""; position: absolute; background:#f5e9ca; 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); }
.recomPro span.left:after{ content: ""; position: absolute; background: #efdaa4; 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); }
.recomPro span.left:before{ content: ""; position: absolute; background:#f5e9ca ; 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); }


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

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