@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{padding: 0px; margin: 0px;}
body{font-size: 100px;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td{margin: 0; padding: 0;}
body{width: 100%; min-height: 100%; max-width: 640px; min-width: 320px; color: #333; margin: 0px auto; font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; font-size: 0.24rem; background: #eeeeee; -webkit-text-size-adjust: none; -webkit-user-select: none; overflow-x: hidden;}
div{margin: 0; padding: 0; border: 0;}
img{margin: 0; padding: 0; border: 0;}
p{margin: 0px; line-height: 0.36rem;}
b,
strong{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/}
li{list-style: none outside none;}
/*链接*/
a{text-decoration: none; color: #333; background: transparent; outline: none;}
a:focus{outline: none;}
a:hover,
a:active{ outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover{color: #0e66b7;}
/*标题*/
h1,
h2,
h3,
h4,
h5,
h6,
h7{font-weight: normal; font-size: .24rem;}
/*表单*/
form{margin: 0;}
button,
input,
select,
textarea{font-size: 100%; vertical-align: baseline; *vertical-align: middle;}
button,
select{text-transform: none;}
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;}
/*其它*/
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
code,
kbd,
pre,
samp{font-size: 1em;}
pre{margin: 1em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
small{font-size: 80%;}
sub,
sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
dl{margin: 1em 0;}
dd{margin: 0 0 0 40px;}
.Orange{color: #ff6e0d;}
.icon,
.iconbef:before,
.iconbef:after{background: url(../images/icon.png) no-repeat; display: inline-block; background-size: 5.55rem 3.33rem; vertical-align: middle;}
.iconn{background: url(../images/iconn.png) no-repeat; background-size: 1.4rem auto; vertical-align: middle;}
.iconbef:before,
.iconbef:after{content: "\20"; display: block;}
.ico,
.icobef:before,
.icobef:after{background: url(../images/ico.png) no-repeat; display: inline-block; background-size: 2rem auto; vertical-align: middle;}
.icobef:before,
.icobef:after{content: "\20"; display: block;}
/*清除浮动*/
.fl{float: left;}
.fr{float: right;}
.clear,
.clearfix:after{content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
em{font-style: normal;}
s,
i{font-style: normal;}
#top_main,
#nav_main,
#toolbar,
#search{width: 100%; min-width: 320px; max-width: 640px;}
/*==========@@HTML默认 结束@@==========*/
.trans{transition: all 0.3s ease-in;}
/*==========@@公共模块 开始@@==========*/
.w{padding-left: .5rem; padding-right: .5rem; margin-right: auto; margin-left: auto;}
/* navBar */
.navBar{width: 100%; height: 1.2rem; position: fixed; bottom: 0px; left: 0px; z-index: 80;}
.navBar ul{max-width: 640px; min-width: 320px; width: 100%; height: 8rem; box-sizing: border-box; margin: 0 auto;}
.navBar li{float: left; width: 25%; height: 1.2rem; background-color: #252525;}
.navBar li a{width: 100%; height: 1.2rem; box-sizing: border-box; display: block; text-align: center; font-size: .2rem; color: #fff; padding-top: 0.2rem;}
.navBar li a:before{display: block; margin: 0 auto;}
.navBar li:nth-child(1) a:before{width: .38rem; height: .43rem; background-position: -0.03rem 0;}
.navBar li:nth-child(2) a:before{width: .39rem; height: .43rem; background-position: -0.43rem 0;}
.navBar li:nth-child(3) a:before{width: .38rem; height: .43rem; background-position: -0.82rem 0;}
.navBar li:nth-child(4) a:before{width: .39rem; height: .43rem; background-position: -1.2rem 0;}
.navBar .hover{background-color: #333333;}
.navBar li:hover{background-color: #333333;}
.closs_bl{position: absolute; left: 4.5rem; top: 0; width: .87rem; height: 1rem; background: #D5E9F6; display: none;}
.closs_bl i{background-position: -2.55rem 0; width: .47rem; height: .45rem; margin-top: .3rem; margin-left: .2rem;}
#search{background: #D5E9F6; width: 100%; margin: 0 auto; height: 1rem; position: absolute; left: 0; top: 1rem; z-index: 999; display: none; border-bottom: 1px solid #d1d1d1;}
#search .txt{margin-top: .18rem; border: none; width: 80%; height: 0.6rem; line-height: 0.6rem; margin-left: 2%; color: #9999; font-size: 0.2rem; background: #ffffff; text-indent: 8%; -webkit-border-radius: .5rem 0 0 .5rem; -moz-border-radius: .5rem 0 0 .5rem; border-radius: .5rem 0 0 .5rem;}
#search .btn{margin-top: .18rem; background: url(../images/search.png); cursor: pointer; border: none; font-size: 0.24rem; width: 1rem; height: 0.6rem; text-align: center; background-size: 1rem .6rem; color: #fff; -webkit-border-radius: 0 .5rem .5rem 0; -moz-border-radius: 0 .5rem .5rem 0; border-radius: 0 .5rem .5rem 0;}
#search input{display: block; padding: 0; margin: 0;}
.top_main{height: 1rem; background: #FFFFFF;}
.top_main .top{position: relative; height: 1rem;}
.top_main .top .logo{margin-top: .26rem; display: inline-block;}
.top_main .top .logo img{width: 3.55rem; height: .56rem; display: block;}
.top_main .top .btn_search{position: absolute; left: 4.71rem; top: .30rem; display: inline-block; width: 0.41rem; height: .39rem; text-align: center;}
.top_main .top .btn_search a{display: block;}
.top_main .top .btn_search .btn{height: 0.41rem; background-position: -0.06rem -2.25rem; width: 0.43rem;}
.top_main .top #navlist{position: absolute; right: .5rem; top: .31rem; height: 0.41rem; background-position: -0.6rem -2.25rem; width: 0.47rem;}
.contxt img{
    width: 100%;
}
.top_main .top #Menu{display: none; position: fixed; left: 0; top: 0; margin: 0 auto; width: 100%; height: 100%; z-index: 1000; overflow: auto; background: #ffffff;}
.top_main .top #Menu .logo{padding-left: .5rem; display: inline-block;}
.top_main .top #Menu .logo img{width: 3.55rem; height: .56rem; display: block;}
.top_main .top #Menu .close{background-position: -1.76rem 0; width: .45rem; height: .45rem; position: absolute; right: .32rem; top: .26rem;}
.top_main .top #Menu ul li{text-align: left; height: .91rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.top_main .top #Menu ul li a{display: block; position: relative; line-height: .90rem; font-size: .3rem; color: #333333; height: .90rem; border-top: 1px solid #CCCCCC; margin-left: .5rem;}
.top_main .top #Menu ul li a .i1{background-position: -2.25rem 0; width: .23rem; height: .48rem; position: absolute; right: .3rem; top: .3rem;}
.top_main .top #Menu ul li:hover{background: #5A8ED8;}
.top_main .top #Menu ul li:hover a{color: #fff; border-top: 1px solid #5A8ED8; margin-left: .5rem;}
.top_main .top #Menu ul li:hover a .i1{background-position: -2.25rem 0; width: .23rem; height: .48rem; position: absolute; right: .3rem; top: .3rem;}
.copyright_main{background: #FFFFFF; height: 2.57rem; padding-top: .44rem;padding-bottom: .8rem;}
.copyright_main .copyright p{color: #444444; font-size: .24rem; line-height: .5rem;}
.backTop{background-position: -0.06rem -0.83rem; width: .94rem; height: .9rem; position: fixed; right: .05rem; bottom: 2rem; z-index: 1000;}
/*==========@@主页主页开始@@==========*/
.index #index_banner{width: 100%; height: 3.8rem; margin: 0 auto; position: relative; overflow: hidden;}
.index #index_banner .hd{width: 100%; position: absolute; z-index: 1; bottom: .3rem; text-align: center;}
.index #index_banner .hd ul{display: inline-block; height: 5px;}
.index #index_banner .hd ul li{font-size:0;display: inline-block; width: .3rem; height: .05rem; overflow: hidden; margin-right: .1rem; background: #ffffff;}
.index #index_banner .hd ul .on{background: #5A8ED8;}
.index #index_banner .bd{position: relative; z-index: 0;}
.index #index_banner .bd li img{width: 100%; height: 3.8rem;}
.index #index_banner .bd li a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */}
.index .floor1_main{background: #ffffff;}
.index .floor1_main .floor1{overflow: auto; position: relative;}
.index .floor1_main .floor1 .title{overflow: auto; padding-top: .6rem;}
.index .floor1_main .floor1 .title h4{font-size: .34rem;  color: #333333;line-height: .49rem;}
.index .floor1_main .floor1 .title i{background-position: -1.62rem -1.81rem; width: .6rem; height: .39rem; display: inline-block; float: left; margin-top: .03rem; margin-right: .1rem;}
.index .floor1_main .floor1 .content{overflow: auto; padding: 0; padding-bottom: 2.1rem;}
.index .floor1_main .floor1 .content .box{padding-top: .4rem; height: 1.21rem; overflow: hidden; position: relative;}
.index .floor1_main .floor1 .content .box img{display: block; float: left; width: 2.15rem; height: 2.12rem; margin-right: .2rem;}
.index .floor1_main .floor1 .content .box h5{  font-size: .28rem; color: #333;}
.index .floor1_main .floor1 .content .box span{font-family: Arial; font-size: .2rem; color: #999; position: absolute; left: 2.35rem; bottom: 0;}
.index .floor1_main .floor1 .btn{position: absolute; bottom: 0.8rem; left: .5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #5A8ED8; text-align: center; display: block; width: 2.8rem; height: .7rem; line-height: .7rem; color: #5A8ED8;}
.index .floor2_main{background: #4072B9; height: 6.3rem;}
.index .floor2_main .floor2{height: 6.3rem; overflow: auto; position: relative;}
.index .floor2_main .floor2 .title{overflow: auto; padding-top: .6rem;}
.index .floor2_main .floor2 .title h4{font-size: .34rem;   color: #ffffff;line-height: .49rem;}
.index .floor2_main .floor2 .title i{background-position: -1.2rem -1.81rem; width: .39rem; height: .39rem; display: inline-block; float: left; margin-top: .05rem; margin-right: .1rem;}
.index .floor2_main .floor2 #floor2_banner{width: 5.4rem; height: 3.08rem; margin: 0 auto; position: absolute; overflow: hidden; margin-top: .34rem;}
.index .floor2_main .floor2 #floor2_banner .hd{width: 100%; position: absolute; z-index: 1; bottom: .14rem; left: 0;}
.index .floor2_main .floor2 #floor2_banner .hd ul{display: inline-block; height: 5px;}
.index .floor2_main .floor2 #floor2_banner .hd ul li{font-size:0;display: inline-block; width: .5rem; height: .05rem; overflow: hidden; margin-right: .2rem; background: #ffffff;}
.index .floor2_main .floor2 #floor2_banner .hd ul .on{background: #5A8ED8;}
.index .floor2_main .floor2 #floor2_banner .bd{position: relative; z-index: 0;}
.index .floor2_main .floor2 #floor2_banner .bd{position: relative; z-index: 0;}
.index .floor2_main .floor2 #floor2_banner .bd li{width: 5.4rem;}
.index .floor2_main .floor2 #floor2_banner .bd li h4 a{font-size: .34rem;   color: #ffffff; line-height: .38rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ height: .76rem;}
.index .floor2_main .floor2 #floor2_banner .bd li h4{padding-bottom: .35rem; padding-right: .2rem; width: 5.1rem;}
.index .floor2_main .floor2 #floor2_banner .bd li p a{font-size: .24rem;   color: #9fbeea; line-height: .41rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 3; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/}
.index .floor2_main .floor2 #floor2_banner .bd li p{padding-right: .2rem; width: 5.1rem;}
.index .floor2_main .floor2 #floor2_banner .bd li img{width: 5.4rem; height: 3.08rem;}
.index .floor2_main .floor2 #floor2_banner .bd li a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */}
.index .floor2_main .floor2 .btn{position: absolute; bottom: 0.8rem; left: .5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ffffff; text-align: center; display: block; width: 2.8rem; height: .7rem; line-height: .7rem; color: #ffffff;}
.index .floor3_main{background: #ffffff;}
.index .floor3_main .floor3{overflow: auto; position: relative;}
.index .floor3_main .floor3 .title{overflow: auto; padding-top: .6rem;}
.index .floor3_main .floor3 .title h4{font-size: .34rem;  color: #333333;    line-height: .49rem;}
.index .floor3_main .floor3 .title i{background-position: -0.51rem -1.81rem; width: .69rem; height: .39rem; display: inline-block; float: left; margin-top: .05rem; margin-right: .1rem;}
.index .floor3_main .floor3 .content{overflow: auto; padding: 0; padding-bottom: 2.1rem;}
.index .floor3_main .floor3 .content .box{padding-top: .4rem; height: 2.02rem; overflow: hidden; position: relative; border-bottom: 1px solid #DDDDDD;}
.index .floor3_main .floor3 .content .box h5{ ; font-size: .30rem; color: #333; line-height: .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: .2rem;}
.index .floor3_main .floor3 .content .box h5 a{ line-height: 1.2em}
.index .floor3_main .floor3 .content .box p{color: #666;   font-size: .24rem; line-height: .36rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/}
.index .floor3_main .floor3 .content .box p a{color: #666; line-height: 1.2em}
.index .floor3_main .floor3 .content .box p a:hover{  color: #666}
.index .floor3_main .floor3 .content .box span{font-family: Arial; font-size: .2rem; color: #999; position: absolute; left: 0rem; bottom: .37rem;}
.index .floor3_main .floor3 .btn{position: absolute; bottom: 0.8rem; left: .5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #5A8ED8; text-align: center; display: block; width: 2.8rem; height: .7rem; line-height: .7rem; color: #5A8ED8;}
.index .fengexian{width: 100%; height: .2rem; background-color: #F2F2F2;}
.index .floor4_main{background: #fff; height: 9.9rem;}
.index .floor4_main .floor4{height: 9.9rem; position: relative;}
.index .floor4_main .floor4 .title{overflow: auto; padding-top: .6rem;overflow-y: hidden}
.index .floor4_main .floor4 .title h4{font-size: .34rem;  color: #333;    line-height: .49rem;}
.index .floor4_main .floor4 .title i{background-position: -0.06rem -1.81rem; width: .43rem; height: .39rem; display: block; float: left;  margin-top: .05rem; margin-right: .1rem;}
.index .floor4_main .floor4 #floor4_banner{width: 5.4rem; height: 5.85rem; margin: 0 auto; position: absolute; margin-top: .37rem;}
.index .floor4_main .floor4 #floor4_banner .hd{width: 100%; position: absolute; z-index: 1; bottom: -0.6rem; left: 0;}
.index .floor4_main .floor4 #floor4_banner .hd ul{display: inline-block; height: 5px;}
.index .floor4_main .floor4 #floor4_banner .hd ul li{font-size:0;display: inline-block; width: .5rem; height: .05rem; overflow: hidden; margin-right: .2rem; background: #DDDDDD;}

.index .floor4_main .floor4 #floor4_banner .hd ul .on{background: #5A8ED8;}
.index .floor4_main .floor4 #floor4_banner .bd{position: relative; z-index: 0;}
.index .floor4_main .floor4 #floor4_banner .bd{position: relative; z-index: 0;}
.index .floor4_main .floor4 #floor4_banner .bd li .box{width: 5.4rem; overflow: hidden; position: relative; height: 2.70rem; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: .38rem .35rem 0 .35rem;}
.index .floor4_main .floor4 #floor4_banner .bd li img{width: 5.4rem; height: 3.14rem; display: block;}
.index .floor4_main .floor4 #floor4_banner .bd li .box h5 a{font-size: .34rem;   width: 5.3rem; display: block; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: .34rem;}
.index .floor4_main .floor4 #floor4_banner .bd li .box h5{padding-bottom: .38rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: .2rem;}
.index .floor4_main .floor4 #floor4_banner .bd li .box p a{font-size: .24rem;  color: #666; line-height: .41rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/}
.index .floor4_main .floor4 #floor4_banner .bd li .box p{padding-right: .2rem;}
.index .floor4_main .floor4 #floor4_banner .bd li .box span{font-family: Arial; font-size: .2rem; color: #999; position: absolute; left: .35rem; bottom: .4rem;}
.index .floor4_main .floor4 #floor4_banner .bd li a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */}
.index .floor4_main .floor4 .btn{position: absolute; bottom: 0.8rem; left: .5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #5A8ED8; text-align: center; display: block; width: 2.8rem; height: .7rem; line-height: .7rem; color: #5A8ED8;}
.index .floor5_main{background: #5A8ED8; height: 8.16rem; position: relative;}
.index .floor5_main .floor5_bg{background: url(../images/floor5_bg.png) no-repeat; -webkit-background-size: 6.4rem 2.33rem; background-size: 6.4rem 2.33rem; height: 2.33rem; width: 100%; position: absolute; left: 0; top: 0;}
.index .floor5_main .floor5{position: absolute; left: 0; top: 0;}
.index .floor5_main .floor5 img{width: 100%; display: block; margin-bottom: .27rem; height: 2.75rem;}
.index .floor5_main .floor5 h4{font-size: .34rem; color: #ffffff;   line-height: 1.15rem; padding-top: .18rem;}
.index .floor5_main .floor5 p{font-size: .24rem;   color: #ffffff; line-height: .46rem;}
.index .floor5_main .btn{position: absolute; bottom: 0.8rem; left: .5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ffffff; text-align: center; display: block; width: 2.8rem; height: .7rem; line-height: .7rem; color: #ffffff;}
/*==========@@页面布局 开始@@==========*/
.reg .floor1_main{background: #F5F5F5; padding-bottom: 1.6rem;}
.reg .floor1_main .page_top{border-top: 1px solid #ECECEC; height: .8rem; text-align: center; width: 100%; background: #ffffff; line-height: .8rem;}
.reg .floor1_main .page_top h4{font-size: .34rem;  color: #333333; display: inline-block;}
.reg .floor1_main .page_top i{background-position: -1.07rem -0.83rem; width: .5rem; height: .47rem; display: inline-block; margin-top: -0.1rem;}
.reg .floor1_main .floor1{background: #F5F5F5; overflow: auto;}
.reg .floor1_main .floor1 .content{background: #F5F5F5;}
.reg .floor1_main .floor1 .content .ip1{margin-bottom: .4rem; overflow: auto;}
.reg .floor1_main .floor1 .content .ip1 i{background-position: -1.68rem -1.25rem; width: .27rem; height: .29rem; margin-top: -0.07rem; margin-right: .04rem;}
.reg .floor1_main .floor1 .content .ip2{margin-bottom: .4rem; overflow: auto;}
.reg .floor1_main .floor1 .content .ip2 i{background-position: -2.36rem -0.9rem; width: .25rem; height: .29rem; margin-top: -0.08rem; margin-right: .04rem;}
.reg .floor1_main .floor1 .content .ip3{margin-bottom: .4rem; overflow: auto;}
.reg .floor1_main .floor1 .content .ip3 i{background-position: -1.66rem -0.9rem; width: .29rem; height: .29rem; margin-top: -0.07rem;}
.reg .floor1_main .floor1 .content .ip4{margin-bottom: .4rem; overflow: auto;}
.reg .floor1_main .floor1 .content .ip4 i{background-position: -2.64rem -0.9rem; width: .27rem; height: .26rem; margin-top: -0.06rem; margin-right: .04rem;}
.reg .floor1_main .floor1 .content .left{width: 25%; border: 1px solid #8DB0E2; float: left; height: .7rem; -webkit-border-radius: .05rem 0 0 .05rem; -moz-border-radius: .05rem 0 0 .05rem; border-radius: .05rem 0 0 .05rem; text-align: left; line-height: .69rem; background: #ffffff; padding-left: 3%;}
.reg .floor1_main .floor1 .content .left i{display: inline-block;}
.reg .floor1_main .floor1 .content .left span{display: inline-block;   font-size: .24rem; color: #333333;}
.reg .floor1_main .floor1 .content input{width: 70%; border: 1px solid #8DB0E2; text-indent: 1em; border-left: transparent; float: left; height: .7rem; -webkit-border-radius: 0 .05rem .05rem 0; -moz-border-radius: 0 .05rem .05rem 0; border-radius: 0 .05rem .05rem 0; line-height: .7rem;}
.reg .floor1_main .floor1 .content .btn{line-height: .7rem; width: 98.8%; border: 1px solid #8DB0E2; text-align: center; margin-top: 1.8rem; background: #4072B9; color: #ffffff; font-size: .3rem;   height: .7rem; -webkit-border-radius: .05rem ; -moz-border-radius: .05rem ; border-radius: .05rem ;}
.reg .floor1_main .floor1 .content .la{margin-top: .47rem; display: inline-block;}
.changepw .floor1_main{background: #F5F5F5; padding-bottom: 1.6rem;}
.changepw .floor1_main .page_top{border-top: 1px solid #ECECEC; height: .8rem; text-align: center; width: 100%; background: #ffffff; line-height: .8rem;}
.changepw .floor1_main .page_top h4{font-size: .34rem;   color: #333333; display: inline-block;}
.changepw .floor1_main .page_top i{background-position: -1.07rem -0.83rem; width: .5rem; height: .47rem; display: inline-block; margin-top: -0.1rem;}
.changepw .floor1_main .floor1{background: #F5F5F5; overflow: auto;}
.changepw .floor1_main .floor1 .content{background: #F5F5F5;}
.changepw .floor1_main .floor1 .content .ip1{margin-bottom: .4rem; overflow: auto;}
.changepw .floor1_main .floor1 .content .ip1 i{background-position: -1.68rem -1.25rem; width: .27rem; height: .29rem; margin-top: -0.07rem; margin-right: .04rem;}
.changepw .floor1_main .floor1 .content .ip2{margin-bottom: .4rem; overflow: auto;}
.changepw .floor1_main .floor1 .content .ip2 i{background-position: -2.36rem -0.9rem; width: .25rem; height: .29rem; margin-top: -0.08rem; margin-right: .04rem;}
.changepw .floor1_main .floor1 .content .ip3{margin-bottom: .4rem; overflow: auto;}
.changepw .floor1_main .floor1 .content .ip3 i{background-position: -1.66rem -0.9rem; width: .29rem; height: .29rem; margin-top: -0.07rem;}
.changepw .floor1_main .floor1 .content .ip4{margin-bottom: .4rem; overflow: auto;}
.changepw .floor1_main .floor1 .content .ip4 i{background-position: -2.64rem -0.9rem; width: .27rem; height: .26rem; margin-top: -0.06rem; margin-right: .04rem;}
.changepw .floor1_main .floor1 .content .left{width: 23%; border: 1px solid #8DB0E2; float: left; height: .7rem; -webkit-border-radius: .05rem 0 0 .05rem; -moz-border-radius: .05rem 0 0 .05rem; border-radius: .05rem 0 0 .05rem; text-align: left; line-height: .69rem; background: #ffffff; padding-left: 5%;}
.changepw .floor1_main .floor1 .content .left i{display: inline-block;}
.changepw .floor1_main .floor1 .content .left span{display: inline-block;   font-size: .24rem; color: #333333;}
.changepw .floor1_main .floor1 .content input{width: 70%; border: 1px solid #8DB0E2; text-indent: 1em; border-left: transparent; float: left; height: .7rem; -webkit-border-radius: 0 .05rem .05rem 0; -moz-border-radius: 0 .05rem .05rem 0; border-radius: 0 .05rem .05rem 0; line-height: .7rem;}
.changepw .floor1_main .floor1 .content .btn{line-height: .7rem; width: 98.8%; border: 1px solid #8DB0E2; text-align: center; margin-top: 1.8rem; background: #4072B9; color: #ffffff; font-size: .3rem;  height: .7rem; -webkit-border-radius: .05rem ; -moz-border-radius: .05rem ; border-radius: .05rem ;}
.changepw .floor1_main .floor1 .content .btn2{line-height: .7rem; width: 98.8%; border: 1px solid #999999; text-align: center; margin-top: 0.2rem; background: #999999; color: #ffffff; font-size: .3rem;   height: .7rem; -webkit-border-radius: .05rem ; -moz-border-radius: .05rem ; border-radius: .05rem ;}
.forget .floor1_main{background: #F5F5F5; padding-bottom: 1.6rem;}
.forget .floor1_main .page_top{border-top: 1px solid #ECECEC; height: .8rem; text-align: center; width: 100%; background: #ffffff; line-height: .8rem;}
.forget .floor1_main .page_top h4{font-size: .34rem; color: #333333; display: inline-block;}
.forget .floor1_main .page_top i{background-position: -1.07rem -0.83rem; width: .5rem; height: .47rem; display: inline-block; margin-top: -0.1rem;}
.forget .floor1_main .floor1{background: #F5F5F5; overflow: auto;}
.forget .floor1_main .floor1 .content{background: #F5F5F5;}
.forget .floor1_main .floor1 .content .ip1{margin-bottom: .4rem; overflow: auto; position: relative;}
.forget .floor1_main .floor1 .content .ip1 i{width: .29rem; height: .29rem; position: absolute; right: 5%; top: 50%; margin-top: -0.145rem; background-position: -1.66rem -0.9rem;}
.forget .floor1_main .floor1 .content .ip2{margin-bottom: .4rem; overflow: auto;}
.forget .floor1_main .floor1 .content .ip2 input{width: 61%;}
.forget .floor1_main .floor1 .content .ip2 .right{width: 1.8rem; height: .7rem; background: #648CC5; text-align: center; line-height: .7rem; color: #ffffff; display: inline-block; -webkit-border-radius: .05rem ; -moz-border-radius: .05rem ; border-radius: .05rem ; margin-left: .2rem;}
.forget .floor1_main .floor1 .content .ip3{position: relative; margin-bottom: .4rem; overflow: auto;}
.forget .floor1_main .floor1 .content .ip3 i{background-position: -1.97rem -0.9rem; width: .31rem; height: .22rem; position: absolute; right: 5%; top: 50%; margin-top: -0.11rem;}
.forget .floor1_main .floor1 .content .left{width: 23%; border: 1px solid #8DB0E2; float: left; height: .7rem; -webkit-border-radius: .05rem 0 0 .05rem; -moz-border-radius: .05rem 0 0 .05rem; border-radius: .05rem 0 0 .05rem; text-align: left; line-height: .69rem; background: #ffffff; padding-left: 5%;}
.forget .floor1_main .floor1 .content .left i{display: inline-block;}
.forget .floor1_main .floor1 .content .left span{display: inline-block;  font-size: .24rem; color: #333333;}
.forget .floor1_main .floor1 .content input{width: 98%; border: 1px solid #8DB0E2; text-indent: 1em; color: #333333; float: left; height: .7rem; -webkit-border-radius: .05rem ; -moz-border-radius: .05rem ; border-radius: .05rem ; line-height: .7rem;}
.forget .floor1_main .floor1 .content .btn{line-height: .7rem; width: 98%; border: 1px solid #8DB0E2; text-align: center; margin-top: 3.07rem; background: #4072B9; color: #ffffff; font-size: .3rem;  height: .7rem; -webkit-border-radius: .05rem ; -moz-border-radius: .05rem ; border-radius: .05rem ;}
.login .floor1_main{background: url("../images/login_bg.png"); padding-bottom: 1.6rem;}
.login .floor1_main .floor1{overflow: auto;}
.login .floor1_main .floor1 .content{text-align: center; width: 100%; padding-bottom: 0; padding-top: 0; background: transparent;}
.login .floor1_main .floor1 .content .big_i{background-position: -3.06rem -0.12rem; width: 2.43rem; height: 2.45rem; margin-top: .5rem; margin-bottom: .9rem;}
.login .floor1_main .floor1 .content .ip1{margin-bottom: .4rem; overflow: auto;}
.login .floor1_main .floor1 .content .ip2{position: relative; margin-bottom: .4rem; overflow: auto;}
.login .floor1_main .floor1 .content .ip2 i{background-position: -2.36rem -0.9rem; width: .25rem; height: .29rem; position: absolute; right: 5%; top: 26%;}
.login .floor1_main .floor1 .content .left{width: 14%; border: transparent; float: left; height: .7rem; -webkit-border-radius: .05rem 0 0 .05rem; -moz-border-radius: .05rem 0 0 .05rem; border-radius: .05rem 0 0 .05rem; text-align: left; line-height: .69rem; background: #ffffff; padding-left: 5%;}
.login .floor1_main .floor1 .content .left i{display: inline-block;}
.login .floor1_main .floor1 .content .left span{display: inline-block; font-size: .24rem; color: #333333;}
.login .floor1_main .floor1 .content input{width: 80%; border: transparent; text-indent: 1em; float: left; height: .7rem; -webkit-border-radius: 0 .05rem .05rem 0; -moz-border-radius: 0 .05rem .05rem 0; border-radius: 0 .05rem .05rem 0; line-height: .7rem;}
.login .floor1_main .floor1 .content .btn{line-height: .7rem; width: 98.8%; text-align: center; display: block; background: #4072B9; color: #ffffff; font-size: .3rem;   height: .7rem; -webkit-border-radius: .05rem ; -moz-border-radius: .05rem ; border-radius: .05rem ; margin-bottom: .56rem;}
.login .floor1_main .floor1 .la{color: #ffffff; display: inline-block; text-align: left; font-size: .24rem; margin-top: .1rem;}
/*内页样式*/
.content{width: 100%; padding-bottom: .2rem; padding-top: 0.5rem; background: #fff;}
/*menu*/
.menu{width: 96%; padding: .1rem 2%; background: #f6f6f6; 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: -1rem -0.7rem;}
.menu .goHome{background-position: 0 -0.66rem;}
.menu .subSort{background-position: -0.5rem -0.7rem;}
/*sitepath*/
.sitepath{width: 98%; padding: 0 0 0 2%; height: .6rem; font-size: .22rem; margin: .2rem 0; line-height: .6rem; background: #f6f6f6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
.sitepath .btn{width: 1.5rem; height: .8rem; text-align: center; 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: -0.08rem; background-position: -0.6rem 0;}
.sitepath a{color: #f68b20; 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;}
.catemore{width: 100%; margin: 2% auto 6%; height: .65rem; line-height: .65rem; display: block; text-align: center; background: #f68b20; color: #fff; font-size: .22rem; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);}
.catemore:active,
.catemore:hover{background: #0e66b7; color: #fff;}
.showmenu{width: 100%; padding-top: 0.4rem; display: none; background: #fff;}
.showmenu a{width: 31%; height: .6rem; display: block; float: left; line-height: .6rem; text-align: center; border-radius: .04rem; color: #fff; background: #f68b20; margin: 0 1% 2%;}
.showmenu a:last-child{margin-right: 0;}
.erro{padding-left: 0.2rem; padding-top: 0.2rem;}
/*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: #0e66b7; color: #fff; border-radius: 5px;}
.pager .yem{height: .4rem; display: inline-block; margin: 0px .1rem; line-height: .4rem;}
/*reLink*/
.reLink{margin: 0.3rem auto 0.3rem; width: 92%;}
.reLink .prevLink,
.reLink .nextLink{display: block; height: .5rem; line-height: .5rem; font-size: .22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box;}
/*m-share*/
.m-share{margin-left: 3%; margin-bottom: .2rem;}
/*catelist*/
.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: 2.95rem; height: 2.2rem; margin: 0px auto; 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;}
/*product.html*/
.listProduct .list{width: 100%;}
.listProduct li{width: 96%; margin-left: 2%; margin-right: 2%; margin-bottom: 3%; box-sizing: border-box; border-top: 1px dotted #e0e0e0; display: block; padding-bottom: 3%; padding-top: 3%;}
.listProduct li:first-child{border-top: 0 none;}
.listProduct li a{display: block;}
.listProduct li a.txt{width: 58%; padding-left: 2%;}
.listProduct li a.img{width: 40%;}
.listProduct li figure{width: 100%; padding-top: 56.25%; 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: .3rem; line-height: .3rem; font-size: 0.28rem; overflow: hidden; font-weight: normal; color: #f68b20;}
.listProduct li:hover h3{color: #0e66b7;}
.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.17rem; padding: .2rem 6% .2rem 2%; display: block;}
.newsList .item h3{font-size: .3rem; line-height: .38rem; font-weight: normal; margin-bottom: .08rem; color: #f68b20;}
.newsList .item .txt{color: #666666; font-size: .22rem; line-height: .28rem;}
/*showInfor*/
.showInfo{width: 100%; background: #fff; overflow: hidden;}
.showInfo .showSubTit{width: 100%; height: .5rem; line-height: .5rem; font-weight: normal; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #0e66b7; font-size: .24rem; text-indent: .1rem;}
.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: #f68b20; 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;}
#back_top{width: 0.88rem; height: 0.92rem; background: url(../images/back_top.png) no-repeat center; background-size: 100% 100%; position: fixed; z-index: 999; right: 0.2rem; bottom: 1.5rem; display: none;}
/* 留言样式 */
.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: .55rem; font-size: .2rem; height: .5rem; line-height: .5rem;}
.leave .item-wrap{margin-left: .55rem;}
.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: #0e66b7; border-radius: initial;}
.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 li{margin-bottom: .2rem;}
.messagesbox li:nth-child{margin-bottom: .1rem;}
.messagesbox li label{float: left; display: block; width: 18%; font-size: .2rem; height: .5rem; line-height: .5rem; padding-right: 2%; text-align: right;}
.messagesbox li label font{color: red;}
.messagesbox .item-wrap{margin-left: .55rem;}
.messagesbox input,
.messagesbox textarea{width: 75%; background: #fff; border: 1px solid #e8e8e8; color: #aaa; font-size: .2rem; 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 input{height: .65rem; background: #f68b20; color: #fff; text-align: center;}
.messagesbox .msg-box{padding-left: 20%; color: red; width: 70%; white-space: nowrap; font-size: 0.22rem;}
.subright .showInfo{display: none;}
/*showproduct showimg*/
/*recomPro*/
.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 4.2rem; 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{height: 2.36rem; 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; background: #0e66b7; text-align: center; font-size: .24rem;}
.showorder a{color: #fff;}
/*recomNew*/
.recomNew{width: 96%; padding: 0.3rem 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);}
/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px;}
#nativeShare .label{margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem;}
#nativeShare .list{width: 5.4rem; float: right;}
#nativeShare .list span{height: 0.9rem; width: 0.9rem; padding: 0; display: inline-block;}
#nativeShare .list span i{margin: 0 auto; width: 0.63rem; height: 0.63rem; display: block;}
#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.73rem;}
#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 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%;}












#nav{
    top:1.7rem;}
#wrapper{
    padding-top: 1.7rem;}

/*内页开始自写 开始*/

.header-min { position:fixed; left:0; top:0; width:100%; height:.8rem; background:#f5f5f5; background:-webkit-linear-gradient(top, #fff, #efefef); border-bottom:1px solid #ddd; z-index:102; }
.header-min.show { -webkit-animation:slide_down .3s linear forwards; animation:slide_down .3s linear forwards; }
.header-min.hide { -webkit-animation:slide_up .3s linear forwards; animation:slide_up .3s linear forwards; }
.header-min h2 { line-height:.8rem; text-align:center; font-size:.28rem; font-weight:400; }
.header-min .back { position:absolute; left:0; top:0; width:.8rem; height:.8rem; overflow:hidden; text-indent:-99rem; background:url(../images/ico-back.png) center center no-repeat; background-size:.3rem; }
.header-min .links { position:absolute; right:0; top:0; width:.8rem; height:.8rem; line-height:.8rem; text-align:center; }
.header-min .links a { color:#FFF; display:block; }
.header-min .links .qlink { text-indent:-99rem; overflow:hidden; background:url(../images/ico-qlink.png) center center no-repeat; background-size:.4rem; }
.header-min .search { height:.8rem; padding:.1rem 0; margin:0 .8rem 0 .8rem; }
.header-min .search .txt { width:100%; height:.6rem; border:0; background:#FFF; border:1px solid #ddd; padding:0 .2rem; border-radius:5px; }
.header-min .odfiler { position:absolute; left:0; top:.8rem; width:100%; z-index:1000; }
.header-min .drop-links{ }
.header-min .mmenu { background: #5A8ED8;   }
.header-min .mmenu .list { display:table; width:100%; }
.header-min .mmenu li { display:table-cell; width:25%; }
.header-min .mmenu li > * { display:block; text-align:center; line-height:.3rem; color:#FFF; font-size:.20rem; padding:.1rem 0; }
.header-min .mmenu li > *:before { content:''; display:block; margin:0 auto; width:.4rem; height:.4rem; }
.header-min .ico-home:before { background:url(../images/ico-home.png) center center no-repeat; background-size:.4rem; }
.header-min .ico-nav:before { background:url(../images/ico-nav.png) center center no-repeat; background-size:.4rem; }
.header-min .ico-car:before { background:url(../images/ico-car.png) center center no-repeat; background-size:.4rem; }
.header-min .ico-user:before { background:url(../images/ico-user.png) center center no-repeat; background-size:.4rem; }
.header-min .mmenu li.current { background:#30558A; }
.header-min .odfilter { width:100%; background:#fff; border-bottom:1px solid #ddd; }
.header-min .odfilter .list { width:100%; display:table; text-align:center; }
.header-min .odfilter li { display:table-cell; width:25%; height:.6rem; line-height:.6rem; }
.header-min .current { color:#30558A;}
.header-min .ico-down:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.08rem; background:url(../images/ico-odfilter.png) -.6rem -.12rem no-repeat; background-size:1.1rem; }
.header-min .ico-normal:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.2rem; background:url(../images/ico-odfilter.png) 0 0 no-repeat; background-size:1.1rem; }
.header-min .ico-asc:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.2rem; background:url(../images/ico-odfilter.png) -.2rem 0 no-repeat; background-size:1.1rem; }
.header-min .ico-desc:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.2rem; background:url(../images/ico-odfilter.png) -.4rem 0 no-repeat; background-size:1.1rem; }
.header-min .ico-filter:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.27rem; height:.25rem; background:url(../images/ico-odfilter.png) -.8rem 0 no-repeat; background-size:1.1rem; opacity:.6; }
.header-min .tabbed { width:auto; margin:0 1.2rem; }
.header-min .tabbed li { width:33.33%; height:.8rem; line-height:.8rem; float:left; text-align:center; font-size:.26rem; cursor:pointer; }
.header-min .tabbed[md='4'] li { width:25%; }
.header-min .tabbed li.current { border-bottom:2px solid  #5A8ED8; }

.header-min .swiper-container{
    width: 100%;
    height: .7rem;
    background: #fff;
}
.header-min .swiper-container .swiper-slide{
 float: left;
    height: .7rem;

}

.header-min .swiper-container .swiper-wrapper  .hover a{
  color: red;
}


.header-min .swiper-container .swiper-slide  a:hover{
    color:  #648AB8;
}.header-min .swiper-container .swiper-slide  a{
    display: block;
    text-align: center;

     line-height: .7rem;
}


.header-min .swiper-container .swiper-wrapper   {
  width: 500%;
    overflow: hidden;
}










/*newsList*/
.newsList{ padding:.9rem 2% 0; }
.newsTit{ height: .74rem;  line-height: .74rem; margin-bottom: .1rem; background: url(../images/newsTitbg.jpg) no-repeat right bottom; background-size: 3.03rem auto;}
.newsTit{ }
.newsTit h2{ height: .74rem;  line-height: .74rem; font-size: .3rem; color: #333333;  font-weight: bold}
.newsTit h3{ font-size: .18rem; color: #999999; text-transform: uppercase; }
.newsList li{ height: 1.5rem; box-sizing: initial; padding: .18rem; background: #fff; margin-bottom: .15rem; border: 1px solid #e7e7e7;}
.newsList li.hover{background-color:#f3f3f3;}
.newsList li img{ width: 2rem; height: 1.5rem; display:block; float:left; margin-right:.2rem; }
.newsList li h3{ line-height:.45rem; height: .45rem; overflow: hidden; margin-bottom: .08rem; font-size: .3rem; margin-left: 2.2rem; border-bottom: 1px dashed #e1e1e1; color:#444; font-weight: normal; }
.newsList li .txt{ font-size: .2rem; line-height: .28rem; }
.newsList li .time{ font-size: .18rem; color: #999; }
.newsList li .more{ color: #999999; width: 1.2rem; margin-top: .12rem; border-radius: .1rem; height: .4rem; line-height: .4rem; text-align: center; background:#5A8ED8; color: #fff; display: block; font-size: .2rem; margin-left: 2.2rem;}
.newsList li a{ width:100%; display: block; }
.catemore{ width: 94%; margin: 5% 3%; height: .6rem; display: block; line-height: .6rem; text-align: center; background: #5A8ED8; color: #fff; }
.pageshowNews{ padding: .25rem 3%; }






/*内页开始自写 结束*/



/*字体*/
@media only screen and (min-device-width: 641px), only screen and (min-width: 641px){html{font-size: 100px;}}
@media only screen and (max-device-width: 640px), only screen and (max-width: 640px){html{font-size: 100px;}}
@media only screen and (max-device-width: 540px), only screen and (max-width: 540px){html{font-size: 84.375px;}}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px){html{font-size: 75px;}}
@media only screen and (max-device-width: 420px), only screen and (max-width: 420px){html{font-size: 65px;}}
@media only screen and (max-width: 400px){html{font-size: 62.5px;}}
@media only screen and (max-width: 375px){html{font-size: 59px;}}
@media only screen and (max-width: 360px), only screen and (max-device-width: 360px){html{font-size: 56.25px;}}
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px){html{font-size: 50px;}}
/** 自定义字体******************************/
@font-face{font-family: impact; src: url("../font/impact.eot"); src: url("../font/impact.eot?#iefix") format("eot"), url("../font/impact.ttf") format("truetype");}