@charset "utf-8";
html{font-size:100px;}
body{font-size:0.24rem;line-height:1;}
html,body{-webkit-font-smoothing:antialiased;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{ vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var,i,b{font-style:normal;font-weight:normal}
ul,ol,dl{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal}
area,a,input,button{-webkit-tap-highlight-color:rgba(255,0,0,0);outline:none;outline:0;blr:expression(this.onFocus=this.blur())}
a{ text-decoration:none}
a:hover{text-decoration:none, -webkit-tap-highlight-color:rgba(255,0,0,0)}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea { resize:none} 
input,button {-webkit-appearance: none;border-radius:0; vertical-align: middle}
#page{  width:100%;margin:0 auto;max-width: 560px;overflow: hidden; opacity:0   }
/*初始结束*/

body{ font-family:Arial, Helvetica, sans-serif,"微软雅黑";color:#000; }
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; line-height:0; font-size:0}
.clearfix{*zoom:1}
.bgcolor{background-color: #2a2f64;}
.tabBox .hd ul .on{border-bottom: .04rem solid #2a2f64;color:#2a2f64;}
.tabBox .hd ul .on a{color:#2a2f64;}
.news .hd ul .on{border-bottom: .04rem solid #2a2f64;color:#2a2f64;}
.prod .hd ul .on{border-bottom: .04rem solid #2a2f64;}

.l,.left{ float:left}
.r,.right{ float:right}
.clear{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; line-height:0; font-size:0}
.clearfix{*zoom:1}
img{ width:100%;}

#leftTabBox .hd ul .on{border-bottom: .04rem solid #2a2f64;color:#2a2f64;}
#leftTabBox .hd ul .on a{color:#2a2f64;}
#leftTabBox .hd ul li{display: inline-block;width: 3.13rem;font-size: .26rem;color:#333333;border-bottom:.04rem solid #e5e5e5;text-align: center;line-height: .8rem;}
#leftTabBox .hd ul li a{color:#333;}

header{position: relative;}
.head{height: .88rem;line-height: .88rem;font-size: .3rem;color:#ffffff;padding: 0 .2rem;text-align: center;}
.head .head_nav{display: block;background: url(../images/app_2.png) no-repeat center center;background-size: .4rem .4rem;float: right;width: .4rem;height: .88rem;}
.head .share{display: block;background:url(../images/app_9.png) no-repeat center center;width: .4rem;height: .88rem;float: right;background-size: .4rem .4rem;}
.head .home{background: url(../images/app_5.png) no-repeat center center;display: block;background-size: .44rem .39rem;float: right;width: .44rem;height: .88rem;}
.head .car{background: url(../images/app_10.png) no-repeat center center;display: block;background-size: .36rem .34rem;float: right;width: .36rem;height: .88rem;}
.head .return{background: url(../images/app_1.png) no-repeat left center;background-size: .21rem .39rem;height: .88rem;width: .95rem;text-indent: .3rem;line-height: .88rem;float: left;color:#ffffff;}
/*菜单栏*/
.sidebox{
    width: 5rem;background-color: #ffffff;position: absolute;right:-5rem;z-index: 999;top:0;height: 15rem;
    /*transition: transform 0.5s ease 0s;
    -moz-transition: transform 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s;*/

}
.sidebox .title{height: 1.14rem;line-height: 1.14rem;font-size: .26rem;color:#333333;text-align: center;}
.sidebox .title .cancel{float: right;font-size: .2rem;color:#666666;margin-right: .2rem;}
.chulai{transform:translate3d(-5rem, 0px, 0);-moz-transform: translate3d(-5rem, 0px, 0);-webkit-transform:  translate3d(-5rem, 0px, 0);}
.sidebox ul li{border-top: 1px dashed #cccccc;padding-left: .27rem;background: url(../images/app_3.png) no-repeat 4.6rem center;height: .8rem;line-height: .8rem;}
.sidebox ul li a{display: block;color:#333;font-size: .26rem;}
/**/
.fixed{position: fixed;left:.3rem;bottom:.5rem;z-index: 999}
.round_nav{border: .06rem solid #ffffff;border-radius: 1.24rem;height: .96rem;width: .96rem;background-image: url(../images/app_4.png);background-size: .4rem .32rem;background-repeat:no-repeat;background-position:center center;box-shadow: 0 0 .08rem #666666;position: relative;z-index: 999;}
.fix_nav{display: none;position: absolute;left:.15rem;bottom:.15rem;background-color: rgba(255,255,255,.5);border-radius:.1rem;-moz-border-radius:.1rem;border:1px solid #e9e8e8;-webkit-border-radius: .1rem;width:2.6rem;padding-bottom: .9rem;background-color: #ffffff;overflow: hidden;}
.fix_nav li{height: .7rem;line-height: .7rem;}
.fix_nav li a{display: block;font-size: .24rem;color:#333333;}
.fix_nav em{background: url(../images/ico_nav.png) no-repeat;height: .7rem;width: .32rem;background-size: 1.92rem .71rem;display: inline-block;vertical-align: middle;margin: 0 .21rem 0 .56rem}
.fix_nav em.ico_1{background-position:-.96rem 0}
.fix_nav em.ico_2{background-position:-1.28rem 0;}
.fix_nav em.ico_3{background-position:-1.60rem 0;}
.fix_nav em.ico_4{background-position:0 0;}
.fix_nav em.ico_5{background-position:-.32rem 0;}
.fix_nav em.ico_6{background-position:-.64rem 0;}



.wrap_img{position: relative;}
.wrap_img .title{position: absolute;right:0;top:50%;width: 2.5rem;height: .8rem;margin-top: -.4rem;background-color:rgba(42,47,100,.5);padding:.25rem 0 0 .21rem;box-sizing: border-box;color:#ffffff;}
.wrap_img .title .cn{font-size: .28rem;}
.wrap_img .title .en{font-size: .18rem;line-height: .3rem;padding-left: .6rem;}

.exhibit li.mar0{margin-right: 0;}
.exhibit{padding:0 .2rem;background-color: #ffffff;}
.exhibit li{/*display: inline-block;*/margin-right: .2rem;margin-top: .2rem;float: left;
    -moz-border-radius-topleft: .05rem;-moz-border-radius-topright: .05rem;
    -webkit-border-top-left-radius: .05rem;-webkit-border-top-right-radius: .05rem;
    border-top-left-radius: .05rem;border-top-right-radius: .05rem;
    overflow: hidden;
    width: 2.87rem;
}

.exhibit li img{width: 2.35rem;height: 1.9rem;}
.exhibit li .tit{height: .7rem;line-height: .7rem;text-align: center;color:#333333;font-size: .22rem;background-color: #f2f2f2;}
.exhibit .promore{display: block;width: 100%;height: .6rem;line-height: .6rem;border-radius: .05rem;
    -webkit-border-radius: .05rem;-moz-border-radius: .05rem;text-align: center;
    color:#666666;font-size: .2rem;background-color: #e8e7e7;
    margin-top: .24rem;margin-bottom: .3rem;
}
/*news*/
.news .hd{ height:.8rem;background:#f4f4f4;position:relative;width: 100%;margin-bottom: 0.05rem;}
.news .hd ul{font-size: 0;overflow: hidden;}
.news .hd ul li{display: inline-block;width: 2.13rem;font-size: .26rem;color:#333333;border-bottom:.04rem solid #e5e5e5;text-align: center;line-height: .8rem;}
.news .bd .nes{background-color: #ffffff;margin-top: .01rem;}
.news .bd .nes li{padding:.2rem;background-color: #f9f9f9;margin-bottom: .19rem;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;font-size: .24rem;color:#666666;}
.news .bd .nes li .ti{display: inline-block;width: 1.58rem;border-right: 1px solid #dddddd;height: .5rem;line-height: .5rem;font-size: .24rem;color:#2a2f64;margin-right: .24rem;}
.news .bd .nes li img{width: 1.7rem;height: 1.28rem;}
.news .bd .nes li .content{padding-left: .2rem;margin-left: 1.89rem;position: relative;height: 1.28rem;}
.news .bd .nes li .content .on{font-size: .28rem;color:#333333;line-height: .4rem;}
.news .bd .nes li .content .cn{font-size: .2rem;line-height: .4rem;color:#666666;}
.news .bd .nes li .content .cn a{color:#2a2f64;}
.news .bd .nes li .content .time{position: absolute;bottom:.1rem;right:0;font-size: .2rem;color:#666666;background: url(../images/app_8.png) no-repeat left center;padding-left: .22rem;background-size: .17rem .17rem;}
.news .bd .nes li a{color:#666;}
.news .bd .more{}
.news .bd .more a{display: block;width: 6rem;height: .6rem;background-color: #f2f2f2;text-align: center;color:#666666;font-size: .2rem;line-height: .6rem;border-radius: .05rem;-moz-border-radius: .05rem;-webkit-border-radius: .05rem;}
/*news-ny*/
.ny{padding:.2rem;background-color: #ffffff;}
.ny .title{border-bottom:1px solid #dddddd;text-align: center;}
.ny .title .cn{font-size: .28rem;color:#333333;line-height: .5rem;}
.ny .title .time{font-size: .16rem;color:#999999;line-height: .35rem;}
.ny .content{font-size: .2rem;line-height: .4rem;color:#666666;}
.ny img{width: 6rem;height: 3.37rem;}
/*aboutus*/
.tabBox .hd{ height:.8rem;background:#f4f4f4;position:relative;width: 100%;}
.tabBox .hd ul{font-size: 0;overflow: hidden;}
.tabBox .hd ul li{display: inline-block;width: 2.13rem;font-size: .26rem;color:#333333;border-bottom:.04rem solid #e5e5e5;text-align: center;line-height: .8rem;}
.tabBox .hd ul li a{color:#333;}
.tabBox .bd ul{}
.tabBox .bd li{ padding:.2rem; font-size: .22rem;color:#666666;line-height: .4rem;text-indent: 2em;}

/*contact*/
.contact{padding:.2rem;overflow:hidden;}
.contact dl{padding:.1rem .25rem;}
.contact dt{line-height: .7rem;font-size: .3rem;color:#2a2f64;}
.contact dt em{font-size: .22rem;}
.contact dd{line-height: .46rem;color:#666666;font-size: .22rem;}
.contact dd em{color:#333333;}
.contact ul{background-color: #fafafa;height: 1.1rem;border:1px solid #dddddd;}
.contact ul li{width:50%;height: 1.1rem;float: left;}
.contact ul li .on{font-size: .18rem;color:#333333;}
.contact ul li .on i{font-size: .12rem;color:#999999;}
.contact ul li .sn{font-size: .26rem;color:#ff8400;}
.contact ul li em{height: .7rem;display: inline-block;width: .7rem;float: left;margin-top: .2rem;margin-left: .2rem;margin-right: .1rem;}
.contact ul li em.png_1{background: url(../images/app_6.png) no-repeat;background-size: .7rem .7rem;}
.contact ul li em.png_2{background: url(../images/app_7.png) no-repeat;background-size: .7rem .7rem;}
.contact ul li .hou{float: left;padding-top:.18rem;line-height: .35rem;}
.contact p{color:#666;line-height:.4rem;font-size:.2rem;}
/*board*/
.board ul{padding-top:.5rem;border-bottom: 1px solid #dddddd;}
.board ul li{min-height: .8rem;box-shadow: black;line-height: .8rem;color:#666666;font-size: .24rem;border-top: 1px solid #dddddd;}
.board ul li em{background: url(../images/ico_board.png) no-repeat;background-size: 3.55rem .3rem;height: .3rem;width: .71rem;display: inline-block;vertical-align: middle;}
.board ul li em.ico_1{background-position: -2.13rem 0}
.board ul li em.ico_2{background-position:-2.84rem 0}
.board ul li em.ico_3{background-position:-1.42rem 0;}
.board ul li em.ico_4{background-position:0 0;}
.board ul li em.ico_5{background-position:-.71rem 0;}
.board ul li label{width: .9rem;display: inline-block;}
.board ul li .text{width: 4.7rem;height: .5rem;padding:0 .1rem;box-sizing: border-box;border:none;font-size: .2rem;}
.board ul li textarea{vertical-align: super;border: none;width: 4.7rem;height: 1.2rem;padding: .1rem;box-sizing: border-box;}
.board ul li span{margin-left: .22rem;margin-right: .3rem;}
.board ul li .pos{width: 2rem;height: .5rem;border: none;font-size: .2rem;}
.board ul li img{margin-right: .2rem; margin-top: .15rem;width: 1.42rem;height: .43rem;}
.board .but{padding:.4rem .2rem;}
.board .but input{width: 6rem;height: .6rem;border-radius: .05rem;color:#ffffff;font-size: .24rem;border: none;}

/*product-ny*/
.slideBox{ position:relative; overflow:hidden;max-width:560px;/* 设置焦点图最大宽度 */ }
.slideBox .hd{ position:absolute; height:.12rem; bottom:.21rem; z-index:1;text-align:center; width: 100%;}
.slideBox .hd ul{display: inline-block;}
.slideBox .hd li{ display:inline-block; width:.12rem; height:.12rem; -webkit-border-radius:.06rem; -moz-border-radius:.06rem; border-radius:.06rem;background:none;  text-indent:-9999px; overflow:hidden; margin:0 .06rem;border: 2px solid #ffffff;box-sizing: border-box;}
.slideBox .hd li.on{ background:#ffffff;border: 2px solid #ffffff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd .share{top:.2rem;right:.2rem;position: absolute;background: url(../images/app_11.png) no-repeat center;background-size: .6rem .6rem;width: .6rem;height: .6rem;}
.slideBox .bd li{ position:relative; text-align:center;  }
.product{background: url(../images/img_15.jpg) no-repeat bottom center;background-size: 6.4rem .07rem;padding:.2rem;margin-bottom: .2rem;}
.product .tit{font-size: .28rem;color:#333333;line-height: .44rem;}
.product .co{font-size: .24rem;color:#e40000;line-height: .3rem;}
.product .co strong{font-weight: bold;margin-right: .3rem;}
.product .co em{font-size: .18rem;color:#999999;text-decoration: line-through;}

.prod .hd{ height:.8rem;background:#ffffff;position:relative;width: 100%;margin-bottom: .05rem;}
.prod .hd ul{font-size: 0;overflow: hidden;}
.prod .hd ul li{float:left;width: 50%;font-size: .26rem;color:#333333;border-bottom:.04rem solid #e5e5e5;text-align: center;line-height: .8rem;}
.prod .bd img{width: 6.4rem;height: 4.67rem;}

.foot{padding:.2rem 0;}
.foot .cn{color:#ffffff;font-size: .18rem;line-height: .36rem;text-align: center;}
.foot .cn a{color:#fff;}
.prodfoot{position: fixed;bottom:0;left:0;width: 100%;}
.prodfoot .shopping{padding:.15rem 0;background: url(../images/app_12.png) repeat;background-size: .08rem .08rem;width: 100%;}
.prodfoot .shopping a{display: block;width: 6rem;height: .7rem;margin: 0 auto;border-radius: .05rem;-webkit-border-radius: .05rem;-moz-border-radius: .05rem;background-color: #ff9c00;color:#ffffff;font-size: .3rem;text-align: center;line-height: .7rem;}
.prodfoot .bottom{background-color: #ffffff;border-top: 1px solid #dddddd;padding: .15rem 0;}
.prodfoot .bottom p{text-align: center;font-size: .2rem;color:#666666;line-height: .4rem;}
.prodfoot .bottom p a{color:#666666;margin: 0 .3rem;}


.annals .expand{padding: 24px;background-color: #c2a154;color:#ffffff;font-size: 14px;line-height: 30px;border-bottom: 3px solid #a78638}
.annals .year{background: url(../images/pic_18.png) repeat-y 40px top;}
.annals .year li{padding-left: 57px;background: url(../images/pic_17.png) no-repeat 36px top;position: relative;padding-bottom: 20px;}
.annals .year li .tn{font-size: 24px;font-weight: bold;line-height: 24px;color:#dab765;position: relative;top:-8px;}
.annals .year li .cn{font-size: 14px;line-height: 24px;color:#666666;}
.annals .year li .cn em{font-weight: bold;}

.con li {color:#666; font-size:.26rem;line-height: .4rem;padding:.2rem;}
.con li p{color:#666; font-size:.26rem;line-height: .4rem;}

.accordion{ width:100%;}
.tabBox .accordion li{padding:0.1rem;}
.accordion .link{ display:block; height:.55rem; line-height:.55rem; background:#e8e8e8; padding:0 .25rem; font-size:.24rem; color:#333; border-bottom:1px #fff solid;}
.accordion .link a{ float:left; background:url(../images/pic56.png) right center no-repeat; background-size:.24rem .24rem; color:#333; font-size:.18rem;width:1.5rem;}
.accordion .link span{ font-size:.18rem; padding-left:.2rem;}
.accordion li.open .link{ background:#2a2f64; color:#f8f8f8;}
.accordion li.open .link a{ color:#f8f8f8; background:url(../images/pic57.png) right center no-repeat; background-size:.24rem .24rem;}
.accordion .link .lp{width:4rem;float:left;}
.accordion .submenu{display:none;padding:.2rem;text-indent:0rem;}

/*首页*/
.side{ height:150%; position:fixed; background:#22252a; width:184px; right:-229px; top:0; z-index:10; padding-top:45px;}
.sub_nav { position:relative;}
.sub_nav li{ height:44px; line-height:44px;  border-bottom:1px solid #383d43}
.sub_nav ul{border-top:1px solid #383d43}
.sub_nav li a{ padding-left:25px; display:block; color:#fff; font-size:13px;}
.sub_nav li a img{width:24px;vertical-align:middle;margin-right:10px;}
.sidebtn2{ position: absolute; height:40px; width:44px; background:url(../images/sidebg3.jpg) center center no-repeat; background-size:44px 40px; left:-44px; top:-45px;}
.side{transition:transform 0.5s ease; -webkit-transition: -webkit-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease;}
.in_cont{transition:transform 0.7s ease; -webkit-transition: -webkit-transform 0.7s ease; -ms-transition: -ms-transform 0.7s ease; -o-transition: -o-transform 0.7s ease; -moz-transition: -moz-transform 0.7s ease;}
.chulai{-webkit-transform: translate3d(-184px,0,0); -moz-transform: translate3d(-184px,0,0); -ms-transform: translate3d(-184px,0,0); -o-transform: translate3d(-184px,0,0); transform: translate3d(-184px,0,0);}
.chulai2{-webkit-transform: translate3d(-229px,0,0); -moz-transform: translate3d(-229px,0,0); -ms-transform: translate3d(-229px,0,0); -o-transform: translate3d(-229px,0,0); transform: translate3d(-229px,0,0);}

.header{padding:0 11px;height:.8rem;line-height:.8rem;overflow:hidden;}
.header .logo{width:1.8rem; padding-top:0.2rem;}
.header .logo img{width:100%;}
.header .t_button{width:22px; height:20px; margin-top:.1rem;}
.header .t_button img{width:100%;}

.index .slideBoxs{position:relative; width:100%; overflow:hidden;}
.index .slideBoxs .hd{position:absolute; height:3px; bottom:.4rem; right:4px; z-index:1; }
.index .slideBoxs .hd li{margin-right:7px; display:inline-block; width:19px; height:3px; background:#fff; text-indent:-9999px; overflow:hidden;}
.index .slideBoxs .hd li.on{ background:#2a2f64;  }
.index .slideBoxs .bd{ position:relative; z-index:0; }
.index .slideBoxs .bd li{ position:relative; text-align:center;  }
.index .slideBoxs .bd li img{vertical-align:top; width:100%;}
.index .slideBoxs .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }

.index .nav{width:100%;}
.index .nav .box{width:33%; height:1.3rem; padding-top:18px; text-align:center; border-right:1px #eeeeee solid; border-bottom:1px #eeeeee solid;}
.index .nav .box img{width:39px; height:39px;}
.index .nav .box p{ line-height:18px; text-align:center; font-size:11px; color:#666;}
.index .nav .b2{border-right:none;}

.index .pro{padding:0 11px 20px;}
.all_title{padding-left:9px; color:#333333; line-height:40px;border-left:2px solid #2a2f64;}
.all_title em{float:right; /*margin-top:16px;*/}
.all_title em a{color:#666666;font-size:.18rem;}
.index .pro .pic{width:32%; position:relative; margin-right:2%; background:#81cfff;}
.index .pro .pic img{width:100%;}
.index .pro .pic p{width:100%; height:23px; line-height:23px; font-size:10px; color:#fff; text-align:center; position:absolute; bottom:0; left:0; background-color:#2a2f64; background-size:100% 23px;opacity:0.8;}
.index .pro .last{margin-right:0;}

.index .in_news{padding:0 11px;}
.index .in_news .list{padding-bottom:9px; border-bottom:1px #eaeaea solid;padding-top:9px; }
.index .in_news .list .left{width:31%;}
.index .in_news .list .left img{width:100%;}
.index .in_news .list .right{width:68%;}
.index .in_news .list .right .p1{font-size:.24rem;padding-bottom:.1rem;}
.index .in_news .list .right .p1 a{color:#656565;}
.index .in_news .list .right .p2{font-size:.2rem; color:#919191; padding-bottom:.1rem;}
.index .in_news .list .right .p3{color:#c6c6c6; font-family:Arial; font-size:10px; padding-left:23px; background:url(../images/pic14.png) left center no-repeat; background-size:12px 12px; line-height:12px;}
.index .in_news .list .right .p3 a{float:right; color:#00a96f;}
.index .in_news .last{padding-top:9px; padding-bottom:15px; border-bottom:0;}

/*****Yuan*****/
@font-face {font-family: 'iconfont';
    src: url('../svg/iconfont.eot'); /* IE9*/
    src: url('../svg/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../svg/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../svg/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../svg/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.svg{border-radius: 1rem;margin: 0 auto;display: inline-block;border-width: .05rem;border-style: solid;border-color: rgba(41,154,212,.2);}
.svg i{width: .8rem;height: .8rem;color:#ffffff;display: table-cell;vertical-align: middle;border-radius: .65rem;margin: .02rem;font-size: .65rem;}