@charset "utf-8";
body {font-family:"微软雅黑"!important;font-size:0.875rem;}
* {margin:0;padding:0;}
ul,ol,li {list-style:none}
a {text-decoration:none;color:#333;}
a:hover {color:#0673C4;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
img {margin:0;padding:0;border:none; display:block;}
.clear {clear:both;margin:0px;padding:0px;}
form {display:block;}
.clear {clear:both;}
.white {color:#FFFFFF!important;}
.mart1 {margin-top:1rem!important;}
.mart1 {margin-top:2rem;}
.mart0 {margin-top:-1rem!important;}
.button {outline:none;}
body{background-color:#FFF;}

.allpage{position:relative;z-index:10; background-color:#FFF; height:100%;right:0;min-height:6rem;}
.allpage.hui{position:relative;z-index:10; background-color:#f4f5f6; height:100%;right:0;min-height:6rem;}
/**---------------------首页头部header----------------------------------**/

.headeri{width:100%;height:3.125rem;position:relative;z-index:9999;}
.headi{text-align: center;position:fixed;width:100%;height:3.125rem; overflow:hidden;top:0;right:0; background-color:rgba(6,115,196,0.6);}

/**---------------------首页头部banner----------------------------------**/

.indexbanner {width:100%; margin-top:-3.125rem;}
#topbanner {}
#topbanner.swiper-container-horizontal>.swiper-pagination{bottom:1.7rem;}
#topbanner .swiper-pagination-bullet{ background: #FFFFFF;}
.swiper-slide img {width:100%;height:auto;display: block;}
.swiper-slide{display: block!important;}


/**---------------------首页搜索----------------------------------**/


.searchi {position:absolute;top:0;right:3%;width:80%;display:none;height:3rem;}
.searchi form {width:100%;}
.searchi input {color:#565656;font-family:"微软雅黑";outline:none;position:relative;border:1px solid #F0F0F0;border-radius:30px;background:#f5f6f7;padding-left:3%;width:97%;height:1.875rem;line-height:2.1875rem;}
.searchi .search_btn {display:block!important;border:none;background:none;max-width:1.2rem;}
.searchi img {max-width:1.2rem;position:absolute;right:4%;z-index:40;margin-top:-2.15rem;}



/*首页通用样式标题*/

.indicate {width:94%; padding-top:1.6rem; padding-bottom:0rem; margin-left:auto; margin-right:auto; position:relative;}
.same-title{font-size: 1.6rem; color:#0673C4; font-weight:bold; line-height:2.6rem;}     
.same-en{font-size:1.1rem; color:#666666; lin-height:2rem;}

.same-ena{font-size:1.1rem; color:#999999; lin-height:2rem; text-align:center;}


.our_advantages{width:100%; display:block;}
.our_advantages img{width:100%;} 


.our_advantagesa{width:100%; display:block; border-top:1.2rem solid #f4f5f6;}
.our_advantagesa img{width:100%;} 




.top-dao{background:#FFF;width:100%; padding-top:2rem; padding-bottom:2rem;}
.tn-frame{ width:100%;}
.tn-single{width:21%; float:left; overflow:hidden; display:block; margin-left:2%; margin-right:2%;}
.tn-icon{width:2rem; height:2rem; overflow:hidden; margin-left:auto; margin-right:auto; background-color:#5F9AE0; padding:1.5rem; border-radius:4rem;}
.tn-icon img{width:2rem; height:2rem;}
.tn-title{height:2rem; line-height:2rem; font-size:1.1rem; color:#333; text-align:center; overflow:hidden; margin-top:1rem;}



.new_product{background:#f4f5f6;width: 100%; padding-bottom:1.6rem;}

.np-bottom{width: 94%; padding:0 3%; padding-top:0.2rem;}
.npb-single{width:calc(100% - 1rem); padding:0.5rem; background-color:#FFF; margin-top:1.2rem; background-image:url(cp-i.png); background-repeat:no-repeat; background-position:right bottom; background-size:3rem 3rem;}
.npbs-pic{width:40%; display:block; float:left;}
.npbs-pic img{width:100%;}
.npbs-text{width:calc(60% - 1.5rem); display:block; padding-left:1rem; padding-right:0.5rem; float:left;}
.npbs-name{height:3rem; line-height:3rem; font-size:1.2rem; color:#222222; font-weight:bold; overflow:hidden; margin-top:1rem;}
.npbs-jian{height:2rem; line-height:2rem; font-size:1rem; color:#666666; overflow:hidden;}




.liu-yan{width:100%; background-color:#0673C4; padding-top:3rem; padding-bottom:3rem; position:relative;}
.ly-cha{width:94%; line-height:3rem; font-size:1.8rem; color:#0673C4; font-weight:bold; margin-left:auto; margin-right:auto; text-align:center;}
.ly-chb{width:94%; line-height:2rem; font-size:1rem; color:#FFF; margin-left:auto; margin-right:auto; text-align:center;}
.ly-frame{width:calc(80% - 3rem); background-color:#FFF; margin-left:auto; margin-right:auto; padding-top:1rem; padding-bottom:3rem; padding-left:1.5rem; padding-right:1.5rem; margin-top:2rem;}
.lxwm{width:100%;}
.lxwm p{width:4rem; height:2.8rem; line-height:2.8rem; font-size:1.1rem; color:#333; text-align:right; float:left; margin-top:1rem;}
.lxwm p span{color:#F00;}
.lxwm .kh-name{width:calc(100% - 5.4rem);height:2.8rem; line-height:2.8rem; font-size:1.1rem; border:0px; background-color:#f4f5f6; color:#333; padding-left:0.8rem; padding-right:0.6rem; overflow:hidden; margin-top:1rem;}
.lxwm .kh-num{width:calc(100% - 5.4rem);height:2.8rem; line-height:2.8rem; font-size:1.1rem; border:0px; background-color:#f4f5f6; color:#333; padding-left:0.8rem; padding-right:0.6rem; overflow:hidden; margin-top:1rem;}
.lxwm .ly-ny{width:calc(100% - 5.6rem);height:6.6rem; line-height:2.2rem; font-size:1.4rem; background-color:#FFF; color:#333; border:0.1rem solid #cccccc; padding-left:0.8rem; padding-right:0.6rem; overflow:hidden; margin-top:1rem; padding-top:0.4rem; padding-bottom:0.4rem;}
.ly-tj{width:80%; height:3.2rem; line-height:3.2rem; font-size:1.2rem; display:block; background-color:#0673C4; color:#FFF; text-align:center; margin-left:auto; margin-right:auto; clear:both; margin-top:2.5rem; border:0; border-radius:3.2rem;}


.i-choose{width:100%; background-color:#FFF;}


.i-case{background:#FFF;width: 100%; padding-bottom:1.6rem;}

.ic-bottom{width: 94%; padding:0 3%; padding-top:0.2rem;}
.icb-single{width:48%; margin-top:1.2rem; float:left;}
.icbs-pic{width:100%; display:block;}
.icbs-pic img{width:100%;}
.icbs-text{width:100%; display:block;}
.icbs-name{height:2rem; line-height:2rem; font-size:1.1rem; color:#222222; overflow:hidden; margin-top:0.6rem; text-align:center;}


.icb-single:nth-of-type(2){margin-left:4%;}
.icb-single:nth-of-type(4){margin-left:4%;}
.icb-single:nth-of-type(6){margin-left:4%;}
.icb-single:nth-of-type(8){margin-left:4%;}

		
		
.index_news{background:#FFF;width: 94%; padding:0 3%;}
.index_news .list{ width:100%;}

.index_news .list ul{ width: 100%; height: auto; position:relative; padding-top:0.2rem;}			
.index_news .list ul li{ margin-top:1rem; padding-top:1rem; padding-right:1rem; background-color:#f4f5f6; position:relative;}
.news-top{width:100%;}
.news-top{padding-bottom:1rem;}
.index_news .list ul li .nt-left{width:6rem; float:left; border-right:0.1rem solid #dddddd;}
.index_news .list ul li .nt-icon{width:2rem; height:2rem; margin-left:auto; margin-right:auto; margin-top:0.6rem; background-image:url(nmore.png); background-repeat:no-repeat; background-position:center center; background-size:2rem 2rem;}
.index_news .list ul li .nt-time{height:1.6rem; line-height:1.6rem; font-size:0.9rem; color:#888888; margin-top:0.4rem; text-align:center;}

.index_news .list ul li .nt-text{width:calc(100% - 7.5rem); float:left; margin-left:1.4rem;}
.index_news .list ul li .title{height:2rem; font-size:1.1rem; color:#333; line-height:2rem;display: block; overflow: hidden; font-weight:bold;}
.index_news .list ul li .nt-jian{height:2rem; font-size:1rem; color:#666; line-height:2rem;display: block; overflow: hidden; margin-top:0.5rem;}
.index_news .list ul li .news-bottom{width:calc(100% - 1rem); height:4rem; line-height:4rem; font-size:1rem; color:#666; display:block;border-top:1px solid #dddddd; margin-left:1rem; background-image:url(pmore.png); background-repeat:no-repeat; background-position:right center; background-size:2rem auto;}



.index_about{width: 94%; padding:0rem 3% 2.2rem 3%; padding-bottom:6rem; border-top:1rem solid #f4f5f6;}
.ia-frame{width:100%;}
.ia-frame .ia-pic{width:100%; overflow:hidden; margin-top:1.6rem; padding-bottom:0.5rem;}
.ia-frame .ia-pic img{width:100%;}
.ia-frame p{ line-height:2.2rem; font-size:1rem; color:#444444; margin-top:1rem; text-indent:2rem;}


.index_contact {width:100%; padding-top:1.2rem;}
.index_contact ul {width:100%;height:auto;}
.index_contact ul li { height:3.4rem; line-height:3.4rem; font-size:1.2rem; color:#FFF; background-color:#333333; text-indent:2rem; border-radius:3.4rem; overflow:hidden; margin-top:1rem;}




.header {-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;position:fixed;z-index:1000;line-height:3.125rem;height:3.125rem;width:94%;top:0;padding:0 3%;text-align:center;background:#ffffff;}
.header .return {position:absolute;left:3%;z-index:100;top:0.4rem;}
.header .return img {max-width:1.4rem;}
.header .logo {font-size:1rem;color:#333333;}
.header .topmenu {position:absolute;right:3%;z-index:100;top:0.9rem;bottom:0.7rem; padding-left: 0.35rem; border-left:1px solid #d3d3d3;}
.header .topmenu img {max-width:1.165rem;margin-bottom:0.4rem;vertical-align: middle;padding-top: 0.2rem;/* display: block; */}
.header .topmenu a{display: block;width: 4rem;line-height: 1rem;color:#333333;}
.header .topmenu a:hover{color:#333333;}



.top {-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;height:2.5rem;width:100%;border-top:1px solid #e9e9e9;background:#FFFFFF;line-height:2.5rem;position:fixed;top:3.125rem; z-index: 1000;}
.top .title {font-size:1rem;line-height:2.5rem;float:left;padding-left:3%;}
.top .title img {max-width:0.7rem;margin-left:3px;vertical-align:middle;}
.top .search {float:right;padding-right:3%;}
.top .search input {outline:none;display:none;position:relative;border:1px solid #F0F0F0;border-radius:30px;background:#FFFFFF;color:#666666;font-family:"微软雅黑";padding-left:0.8rem;width:200px;height:28px;line-height:28px;}
.top .search .search_btn {/*display:block!important;*/ border:none;background:none;max-width:1.2rem;position:absolute;right:5%;z-index:40;top:0.6rem;}
.top .search img {max-width:1.2rem;position:absolute;right:5%;z-index:40;}
#searchbefore {margin-top:0.5rem;}
.tops{border-top: 1px solid #ef1c53!important;border-bottom: 1px solid #ef1c53!important;}


.about {background:#FFFFFF;width:94%;margin:0 3%;margin-bottom:2rem; margin-top:1.5rem;}
.about .text {font-size:1.1rem; color:#444444;line-height:2.4rem;}
.about .text p{text-indent: 2rem;}
.about .text img {width:100%;height:auto;}






.news_list {width:94%; padding-left:3%; padding-right:3%;padding-top:2.5rem;padding-bottom:4rem; background-color:#FFF;}

.news_list ul{ width: 100%; height: auto; position:relative; padding-top:0.2rem;}			
.news_list ul li{ margin-top:1rem; padding-top:1rem; padding-right:1rem; background-color:#f4f5f6; position:relative;}
.news-top{width:100%;}
.news-top{padding-bottom:1rem;}
.news_list ul li .nt-left{width:6rem; float:left; border-right:0.1rem solid #dddddd;}
.news_list ul li .nt-icon{width:2rem; height:2rem; margin-left:auto; margin-right:auto; margin-top:0.6rem; background-image:url(nmore.png); background-repeat:no-repeat; background-position:center center; background-size:2rem 2rem;}
.news_list ul li .nt-time{height:1.6rem; line-height:1.6rem; font-size:0.9rem; color:#888888; margin-top:0.4rem; text-align:center;}

.news_list ul li .nt-text{width:calc(100% - 7.5rem); float:left; margin-left:1.4rem;}
.news_list ul li .title{height:2rem; font-size:1.1rem; color:#333; line-height:2rem;display: block; overflow: hidden; font-weight:bold;}
.news_list ul li .nt-jian{height:2rem; font-size:1rem; color:#666; line-height:2rem;display: block; overflow: hidden; margin-top:0.5rem;}
.news_list ul li .news-bottom{width:calc(100% - 1rem); height:4rem; line-height:4rem; font-size:1rem; color:#666; display:block;border-top:1px solid #dddddd; margin-left:1rem; background-image:url(pmore.png); background-repeat:no-repeat; background-position:right center; background-size:2rem auto;}



/**---------------------页码样式----------------------------------**/

.page {text-align:center;margin:0px;height:auto;width:100%;font-size:14px;color:#666; padding-top:1.5rem; padding-bottom:1.5rem;}
.page a {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; background:#FFFFFF;line-height:26px;clear:none;height:auto;font-size:0.8125rem;color:#333;padding:0 10px;border:1px solid #CCC;display:inline-block;margin:5px 3px;}
.page a:hover { background-color:#0673C4;border:1px solid #0673C4;color:#FFF;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}
.page a.active {background:#0673C4;color:#FFFFFF;border-color:#0673C4;-webkit-box-shadow:0 0 10px rgba(151,150,150,.5);-moz-box-shadow:0 0 10px rgba(151,150,150,.5);box-shadow:0 0 10px rgba(151,150,150,.5);}

.pagea {text-align:center;margin:0px;height:auto;width:100%;font-size:14px;color:#666; padding-top:0.5rem; padding-bottom:1.5rem;}
.pagea a {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; background:#FFFFFF;line-height:26px;clear:none;height:auto;font-size:0.8125rem;color:#333;padding:0 10px;border:1px solid #CCC;display:inline-block;margin:5px 3px;}
.pagea a:hover { background-color:#0673C4;border:1px solid #0673C4;color:#FFF;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}
.pagea a.active {background:#0673C4;color:#FFFFFF;border-color:#0673C4;-webkit-box-shadow:0 0 10px rgba(151,150,150,.5);-moz-box-shadow:0 0 10px rgba(151,150,150,.5);box-shadow:0 0 10px rgba(151,150,150,.5);}


/**---------------------新闻详情页面----------------------------------**/

.news_detail{margin-top:2.6rem; background: #FFF;}
.news_detail .caption{ width: 94%; padding:1rem 3%; background: #f4f5f6;}
.news_detail .caption .title{ font-size:1.4rem; font-weight: bold; line-height:2.4rem;color: #222222; overflow: hidden; margin-top:0.5rem;}
.news_detail .caption .time{ color: #888888;font-weight: normal; line-height:2rem; font-size:1rem; margin-top:0.5rem;}


.news_text{ background: #FFFFFF; width: 94%; padding:1rem 3% 1rem 3%;color: #444444;}
.news_text .title{ color: #FFFFFF; background: #f4f5f6; font-size: 1rem; line-height: 2.5rem; width: 100%; height: 2.5rem; float:left; margin: 1rem 0;}
.news_text .title  span{line-height:2.5rem; background:#04a6ef; float:left; padding: 0 0.5rem;}
.news_text p{line-height:2.4rem; font-size:1.1rem; color:#444444; text-indent:2rem;}

.news_detail .titles{border-bottom: 1px solid #0673C4;  height:2.6rem; width: 94%; padding: 0 3%; margin-top:1.5rem;}
.news_detail .titles span{float:left; width:8rem;  height: 2.6rem; background: #0673C4;color: #FFFFFF; text-align: center; font-size: 1.2rem; line-height: 2.6rem;  border-top-left-radius:5px ;border-top-right-radius:5px ;}


.next_page{background: #FFFFFF; padding-bottom:1rem;}
.next_page ul{ width: 100%; min-height: 4.375rem; padding: 0.5rem 0; }
.next_page ul li{ width: 88%; padding:0 3%; height:3rem; line-height:3rem; font-size:1.1rem; overflow: hidden; color: #666666; background-color:#f4f5f6; margin-top:1rem; margin-left:auto; margin-right:auto; border-radius:8px;}
.next_page ul li a{ width: 100%; color: #222222; }
.next_page ul li:hover{color: #FFF; background-color:#0673C4;}
.next_page ul li:hover a{color: #FFF;}

/**---------------------产品页面----------------------------------**/

.product{width: 94%; padding-left:3%; padding-right:3%; padding-bottom:4rem; padding-top:3rem;}

.np-ul{width:100%;}
.npul-single{width:calc(48% - 1rem); padding:0.5rem; background-color:#f4f5f6; margin-top:1.2rem; padding-bottom:1.2rem; float:left;}
.npul-pic{width:100%; display:block;}
.npul-pic img{width:100%;}
.npul-text{width:calc(100% - 2rem); display:block; padding-left:1rem; padding-right:1rem;}
.npul-name{height:3rem; line-height:3rem; font-size:1.1rem; color:#222222; overflow:hidden; margin-top:0.3rem;}
.npul-line{height:1px; background-color:#CCCCCC;}
.npul-more{ width:1.6rem; height:1.6rem; margin-left:auto; margin-right:auto; margin-top:1rem;}
.npul-more img{ width:1.6rem; height:1.6rem;}

.npul-single:nth-of-type(2){margin-left:4%;}
.npul-single:nth-of-type(4){margin-left:4%;}
.npul-single:nth-of-type(6){margin-left:4%;}
.npul-single:nth-of-type(8){margin-left:4%;}
.npul-single:nth-of-type(10){margin-left:4%;}
.npul-single:nth-of-type(12){margin-left:4%;}



/**---------------------产品详情页面----------------------------------**/



.pd-top{background:#FFF; width:94%; padding-left: 3%;padding-right: 3%; padding-top:3.5rem; padding-bottom:1.2rem;border-bottom:1rem solid #f4f5f6;}
.pd-top .caption {background:#FFFFFF; width:100%; margin-top:0.5rem;}
.pd-top .caption img {width:100%;height:auto;}
.pd-top .title {padding-left: 1rem; padding-right:1rem; height:3.6rem;overflow:hidden;font-size:1.4rem;line-height:3.6rem;color:#222222; text-align:center;}


.product_detail {background: #FFF; padding-bottom:0;}
.hot_line{ width:94%; margin-top:0.5rem;  margin-bottom:0rem; font-size:1.2rem; color: #666666; line-height: 3rem; min-height: 3rem; margin-left:auto; margin-right:auto; border-top:3px solid #f4f5f6; padding-bottom:0.5rem; text-align:center;}
.hot_line .number{ color: #333333; line-height:3rem; font-size: 1.4rem;}
.hot_line span{}
.hot_line img{max-width: 1.7rem; padding-right: 0.5rem; padding-top: 1rem; display:inline-block;}
.hot_line .line{width: 1.5rem; height:1.4rem; margin-right: 0.825rem; margin-left: 0.5rem;border-bottom:1px solid #0673C4; display:inline-block; margin-top:1rem;}

.product_tt{border-bottom:5px solid #f4f5f6;  height:4rem; width: 94%; margin-top:0.2rem; margin-left:auto; margin-right:auto;}
.ptt-title{height: 4rem; color: #0673C4; font-size: 1.4rem; line-height:4rem; font-weight:bold;}


.product_text {background:#FFFFFF; width:94%;padding:1.2rem 3% 1.6rem 3%;color:#444444;}
.product_text .toptitle {border-bottom:1px solid #ececec;height:2.5rem;color:#333333;font-size:1rem;line-height:2.5rem;background:#FFFFFF;width:100%;margin-bottom:0.5rem;}
.product_text .toptitle  span {border-bottom:2px solid #05c693;line-height:2.5rem;color:#333333;float:left;}
.product_text p {line-height:2.4rem; font-size:1.1rem; color:#444444; text-indent:2rem;}









/**---------------------推荐版块----------------------------------**/


.tui-jian{width:100%; padding-bottom:5.5rem; border-top:1.5rem solid #f4f5f6;}
.tj-top{width:94%; padding:0 3%; border-bottom:5px solid #f4f5f6; background-color:#FFF;}
.tjt-title{height:4rem; line-height:4rem; font-size:1.4rem; color:#0673C4; float:left; font-weight:bold;}
.tjt-more{width:6rem; height:4rem;line-height:4rem; font-size:1rem; color:#666666; float:right; display:block; text-align:right;}

.tj-frame{width:94%; padding-left:3%; padding-right:3%; background-color:#FFF;}


.hotproduct{ width: 100%; height: 11rem; padding-top: 1.5rem; }
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: 0.875rem;margin:1rem 0 .4rem 0;}
.wrapperslist {position:relative;height: 11rem;width: 100%;overflow: hidden;margin:0 auto;}
.wrapperslist .scroller {position:absolute}
.wrapperslist .scroller li {color:#333;float: left;text-align: center;}
.wrapperslist .scroller li a{display:block; width:10rem; margin-right: 0.5rem;}
.wrapperslist .scroller li a img{ width: 100%;}
.hotproduct .title{ line-height: 3rem;height: 3rem; font-size:1rem; overflow: hidden; display: block;}


.liu-yana{width:100%; background-color:#f4f5f6; padding-top:3rem; padding-bottom:2rem; position:relative;}
.ly-chc{width:94%; line-height:3rem; font-size:1rem; color:#333333; margin-left:auto; margin-right:auto; text-align:center;}
.ly-framea{width:calc(88% - 3rem); background-color:#FFF; margin-left:auto; margin-right:auto; padding-top:2rem; padding-bottom:3rem; padding-left:1.5rem; padding-right:1.5rem; margin-top:2rem;}


/**---------------------一键通话------------------**/

.magnifier {-webkit-animation:magnify 1s linear infinite alternate;-moz-animation:magnify 1s linear infinite alternate;animation:magnify 1s linear infinite alternate;text-align:center;position:fixed;right:3%;bottom:5rem;z-index:1000;background:#0673C4;width:2.2rem;height:2.2rem;border-radius:5px;}

.magnifier img {max-width:1.5rem;padding-top:0.3rem; display:inline-block;}

.magnifier:after,.magnifier:before {position:absolute;content:"";}

@-webkit-keyframes magnify {0% {-webkit-transform:scale(1,1);}

100% {-webkit-transform:scale(1.3,1.3);}

}

@-moz-keyframes magnify {0% {-webkit-transform:scale(1,1);}

100% {-webkit-transform:scale(1.3,1.3);}

}

@keyframes magnify {0% {-webkit-transform:scale(1,1);}

100% {-webkit-transform:scale(1.3,1.3);}

}



/**---------------------其他页面分类弹框----------------------------------**/

.black {position:absolute;top:2.5rem;bottom:80px;z-index:50;background-color:rgba(0,0,0,0.85);width:100%;height:1500px;display:none;}
.label {text-align:center;padding-bottom:1rem;overflow:overlay;width:90%;background:#FFFFFF;position:fixed;top:7rem;bottom:5rem;margin-left:5%;margin-right:5%;border:1px solid #d9d9d9;overflow-y:inherit;}
.label h3 {display:inline;font-weight:normal;}
.label a {margin-right:3px;margin-left:3px;border-radius:20px;line-height:2rem;padding:0 0.875rem;border:1px solid #CCC;display:inline-block;background-color:#FFF;margin-top:15px;background-color:#FFF;}
.label a:hover {background-color:#05c895;color:#FFF;border:1px solid #05c895;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;/*过渡效果*/}
.label a.active {background-color:#0673C4;color:#FFF;border:1px solid #0673C4;}

/*侧边栏*/
.smallheader {left:-240px;width:240px;background:#2F3C4F;position:fixed;top:0;min-height:100%;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;z-index:2000;/* opacity:0.8;*/}
.smallheader h2 {font-weight:normal;}
.smallheader .title {border-bottom:1px solid #273543;height:3.75rem;line-height:3.75rem;}
.smallheader .title img {max-width:73%;padding-top:0.5rem;padding-left:1rem;}
.smallheader .bottom {position:absolute;bottom:0;border-top:1px solid #273543;height:3.75rem;text-align:center;line-height:3.75rem;width:100%;color:#FFFFFF;}
.smallheader .bottom img {margin-right:0.8rem;vertical-align:middle;max-width:1.2rem;}
.smallheader .middle {width:100%;height:auto;}
.smallheader .middle ul {width:100%;margin-top:1rem;}
.smallheader .middle ul li {width:92%;padding-left:8%;height:3.125rem;line-height:3.125rem;}
.smallheader .middle ul li a {display:block;width:100%;height:100%;color:#FFFFFF;font-size:1rem;}
.smallheader .middle img {max-width:1.1rem;margin-right:0.8rem;vertical-align:middle;margin-top:-0.25rem;}
.boxs {overflow:hidden;height:100%;position:relative;}
.box {overflow:hidden;height:auto;transform:translate3d(240px,0,0);-webkit-transform:translate3d(240px,0,0);-o-transform:translate3d(240px,0,0);-moz-transform:translate3d(240px,0,0)}
#all {width:100%;margin:0px auto;min-height:100%;position:absolute;top:0;min-width:320px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}
#close {width:25px;height:25px;position:absolute;left:240px;z-index:3000;display:none;top:15px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;}


/*系列滑动*/
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
.htit{line-height:1rem;padding:0 .3rem;color:#ff8e2e;font-size: 0.875rem;margin:1rem 0 .4rem 0}
.wrapper{background: #FFFFFF;}
.wrapperlist {position:relative;height: 2.5rem;width: 100%;overflow: hidden;margin:0 auto;}
.wrapperlist .scroller {position:absolute}
.wrapperlist .scroller li {height: 2.5rem;color:#333;float: left;line-height: 2.5rem;font-size: 0.875rem;text-align: center}
.wrapperlist .scroller li a{background: url(list1.png) no-repeat; background-position:left center ;  color:#333333;display:block;margin:0 .3rem;padding-left: 0.8rem; padding-right: 0.5rem; line-height: 2.5rem;}
.wrapperlist .scroller .cur a{color:#333333;height:2.46rem;background: url(list2.png) no-repeat; background-position:left center ; }
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrapperlist h3{font-weight: normal;}
.clearfix ul{height: auto;}
.clearfix ul li {height: 2.5rem; line-height: 2.5rem;}
.wrapperlist .scroller li:first-child{padding-left: 0.875rem;}
.wrapperlist .scroller li:last-child{ padding-right: 2.5rem;}

/*系列滑动右侧点击出现弹框*/

#title{ text-align:right;background: #FFFFFF; position: fixed; right: 0; border-left:1px solid #c4c4c4;  padding-right:3%; padding-left: 0.875rem; height: 1.6rem;margin-top: 0.45rem; z-index: 2000;} 
#titles{background: #fc205d;text-align:right;position: fixed; right: 0; border-left:1px solid #FFFFFF;  padding-right:3%; padding-left: 0.875rem; height: 1.6rem;margin-top: 0.45rem; z-index: 2000;}

#title img,#titles img{ max-width: 1.425rem; }






/*搜索页面样式*/

.result {width:94%;padding:0 3%;margin-bottom:0.5rem; margin-top: 4rem;}
.result span {color:red;}


/*底部样式*/


html,body {font-size:0.875rem!important;}
.searchbox {position:absolute;top:0;right:3%;width:80%;display:none;height:3rem;z-index: 200;}
.searchbox form {width:100%;}
.searchbox input {color:#565656;font-family:"微软雅黑";outline:none;position:relative;border:1px solid #F0F0F0;border-radius:30px;background:#f5f6f7;padding-left:3%;width:97%;height:1.875rem;line-height:2.1875rem;top: 0.1rem;}
.searchbox .search_btn {display:block!important;border:none;background:none;max-width:1.2rem; margin-top: -1px;}
.searchbox img {max-width:1.2rem;position:absolute;right:4%;z-index:40;margin-top: -2rem;}
.bottomlist {width:100%!important;height:3.75rem!important;border-top:1px solid #0673C4;background:#0673C4;position:fixed;bottom:0;z-index:5000;}
.bottomlist ul {width:100%!important;}
.bottomlist ul li {width:25%;float:left;height:3.75rem;}
.bottomlist ul li a {display:block!important;width:100%!important;height:100%!important;text-align:center;}
.bottomlist ul li img {margin-top:8px!important;max-width:1.6rem!important; display:inline-block;}
.bottomlist ul li span {color:#FFF;font-size:0.8125rem;display:block;}
.bottomlist ul li span.active {color:#FFF;}
.bottomlist ul li:nth-of-type(4){border-right:0px;width:25%!important;}