@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:1199px)  {
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%; font-size:10px;}
.pc{display:none;}
.wap{display:block;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


body{margin:0; line-height:1.428571429;color:#3d3e3e;background-color:#fff; font-family:Arial, Helvetica, sans-serif;}

/* --- 公用样式 --- */
.wrap{max-width:1200px; margin:0 auto;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/* --- 头部 --- */
.header{ padding:1rem; overflow:hidden;}

/* logo */
.wap-logo{float:left; width:30%;}
.wap-logo img{width:100%;}


/* 搜索 */
.wap-search{float:left; height:3rem; background:url(../images/search.png) no-repeat center center; width:20%}
.wap-search-pop{background:#efefef; padding:1rem; position:relative; display:none;}
.wap-search-pop input{height:3rem; line-height:3rem; width:100%; border:none; padding-left:1rem;}
.wap-search-pop button{position:absolute; right:1rem; background:url(../images/search.png) no-repeat center center; height:3rem; width:3rem; top:1rem; border:none; font-size:1.2rem;}


/* 语言 */
.wap-language{float:left; width:20%; height:3rem; line-height:3rem; }
.wap-language span{background:url(../images/eng.png) no-repeat 0 center; padding-left:2rem;}
.wap-language-pop{ background:#fff; display:none;}

.pop-list{ border-top:1px solid #efefef;}
.pop-list li{line-height:3rem; text-align:center; font-size:1.2rem; border-bottom:1px solid #efefef; background:#fff;}
.pop-list li a{display:block;}
.pop-list li a:hover{background:#f9f9f9;}
.pop-list li a.now{background:#f9f9f9;}


/* 导航 */
.wap-nav{ float:right; width:30%; text-align:right; height:3rem; background:url(../images/wap-nav.png) no-repeat center right; background-size:1.5rem;}
.wap-nav-pop{display:none;}
.wap-nav-pop li dl{display:none;}
.wap-nav-pop li:hover dl{display:block;}
.wap-nav-pop li:hover{background:#f9f9f9;}
.wap-nav-pop li:hover dl em{background:#fff; display:block;}
.wap-nav-pop li:hover dl em dl{display:none;}
.wap-nav-pop li:hover dl em:hover dl{display:block;}

/* --- 首页产品 --- */
.home-product{ overflow:hidden;}
.home-product li .pic{margin:5px; overflow:hidden;}
.home-product li img{width:100%;}


/* --- 底部 --- */
.footer{background:#f7f8f9; overflow:hidden;}


/* --- 地图 --- */
.sitemaps{overflow:hidden;}
.sitemaps dl{font-size:1.2rem; padding:1rem; overflow:hidden; border-bottom:1px solid #efefef; }
.sitemaps dl dt{display:block; color:#767171; margin-bottom:1rem; font-size:1.2rem;}
.sitemaps dl dd em{display:block; float:left; width:50%;}
.sitemaps dl dd em a{color:#a6acaa; line-height:180%;}
.sitemaps dl dd em a:hover{color:#FF0101;}


/* --- 版权 --- */
.copyright{ position:relative; text-align:center; color:#808080; padding:1rem; font-size:1.2rem;}
.copyright .left{background:url(../images/f-logo.png) no-repeat center top; color:#808080; float:none; height:3rem; padding-top:3rem; margin-bottom:2rem;}
.copyright  p{margin-bottom:1rem;}
.copyright .right{float:none;}
.copyright .right li{margin-left:10px; display:inline-block;}


/* 栏目分类 */
.wap-type span{background:#FE3E3F; text-align:center; height:3rem; line-height:3rem; text-transform:uppercase; font-size:1.2rem; color:#fff;}
.wap-type ul{display:none;}
.wap-type dl{overflow:hidden;}
.wap-type dl dd{float:left; width:50%; text-align:center; height:3rem; line-height:3rem; background:#f9f9f9; font-size:1.2rem;}


/* --- 当前位置--- */
.path{font-size:1.2rem; background:#F7F8F9; overflow:hidden; padding:1rem;}
.path a{color:#989898;}


/* --- 关于我们 --- */
.about-content p{margin-bottom:20px; font-size:1.2rem; line-height:160%; word-break: break-all; color:#666;}


/* --- 框架--- */
.page{overflow:hidden;}

/* 右侧 */
.page-right{ padding:1rem;}


/* --- 内页 BANNER--- */
.page-banner-box{background:#000; padding:1rem; background-color:rgba(0,0,0,0.5); }
.banner-contact{background:url(../images/banner/banner-contact.jpg) no-repeat;text-align:center; color:#fff; background-size:cover;}
.banner-contact h3{color:#fff; font-size:1.6rem; margin-bottom:1rem; }
.banner-contact p{line-height:140%;}



/* --- 联系我们 --- */

/* 邮箱 */
.email ul{}
.email li{text-align:center;}
.email li .text{padding:2rem;}
.email li .text h3{font-size:1.6rem; color:#707473; margin-bottom:.5rem;}
.email li .text p{line-height:180%; font-size:1.2rem;}
.email li .text p a{color:#FF0101;}


.contactBox{margin-bottom:2rem; overflow:hidden;}

.contact-title{padding:1rem;}
.contact-title h3{text-align:center; font-size:1.8rem; color:#333; margin-bottom:1rem;}
.contact-title h4{font-size:1.6rem; color:#333; margin-bottom:1rem; text-align:center;}
.contact-title p{line-height:160%; font-size:1.2rem; margin-bottom:20px;}

.contactBox .left{ padding:1rem; float:none;}
.contactBox .left .form li{margin-bottom:10px; width:100%;}
.contactBox .left .form li input{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:3.5rem; line-height:3.5rem; color:#535353; font-family:Arial, Helvetica, sans-serif; transition:all .3s ease; } 
.contactBox .left .form li textarea{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:3.5rem; line-height:3.5rem; height:10rem;color:#535353; font-family:Arial, Helvetica, sans-serif; transition:all .3s ease;}
.contactBox .left .form li input::-webkit-input-placeholder { color:#535353;}
.contactBox .left .form li input:focus{border:1px solid #FF0101;}
.contactBox .left .form li textarea::-webkit-input-placeholder { color:#535353;}
.contactBox .left .form li textarea:focus{border:1px solid #FF0101;}
.contactBox .left .form li button{width:100%; height:3.5rem; background:#868686; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:1.2rem;}
.contactBox .left .form li button:active{background:#FF0101;}

.contactBox .right{padding:1rem; float:none; font-size:1.2rem;}
.contactBox .right .info{margin-bottom:1rem;}
.contactBox .right .info p{line-height:160%; margin-bottom:1rem; border-bottom:1px solid #efefef; padding-bottom:1rem;}
.contactBox .right .info p em{display:block; color:#999999; margin-bottom:1rem;}



/* --- 小标题 --- */
.dep-tit{padding:1rem; text-align:center;}
.dep-tit h3{font-size:1.8rem; text-transform:uppercase;color:#535353;}
.dep-tit p{color:#999999; margin-top:1rem; font-size:1.2rem;}


/* --- 技术咨询 --- */
.consult{padding:1rem; }
.consult ul{}
.consult li{margin-bottom:1rem;}
.consult li input{width:100%; height:41px; line-height:41px; border:1px solid #E4E4E4; padding-left:10px; transition:all .3s ease;}
.consult li input:focus{border:1px solid #FF0101;}
.consult span{display:block;}
.consult textarea{width:99.5%; border:1px solid #E4E4E4; padding:10px; height:160px; transition:all .3s ease;}
.consult textarea:focus{border:1px solid #FF0101;}
.consult button{width:100%; height:3.5rem; background:#868686; text-align:center; cursor:pointer; border:none; color:#fff; margin-top:1rem; font-size:1.4rem;}
.consult button:active{background:#FF0101;}

.ask{padding:1rem;}
.subNav{background:url(../images/jt01.jpg) no-repeat right center;cursor:pointer; border-bottom:solid 1px #ddd;  color:#535353; transition:all .3s ease; padding-top:1rem; padding-bottom:1rem; font-size:1.2rem;}
.subNav:hover{color:#FF0101;}
.currentDd{color:#FF0101; border-bottom:none;}
.currentDt{background:url(../images/jt02.jpg) no-repeat right center;}
.navContent{display: none; padding-bottom:1rem; border-bottom:solid 1px #ddd;}
.navContent p{line-height:180%;}
.navContent em{display:block; margin-top:1rem; margin-bottom:1rem;color:#FF0101;}


/* --- 经销商 --- */
.distributors .hd{margin-bottom:40px;}
.distributors .hd li{ height:3.5rem; text-align:center; line-height:3.5rem; background:#efefef; border-bottom:1px solid #ddd;}
.distributors .hd li.on{background:#ddd;}

.distributors .bd ul{}
.distributors .bd li{text-align:center; margin-bottom:23px; position:relative; overflow:hidden;}
.distributors .bd li .pic{text-align:center; width:100%; padding-bottom:1rem;}
.distributors .bd li .pic em{}
.distributors .bd li .text{margin-top:2rem; padding-bottom:2rem;}
.distributors .bd li .text p{line-height:180%; color:#707473;}
.distributors .bd li .dep{background:#01AFAA; color:#fff;  text-align:left; transition:all .3s ease; overflow:hidden; padding:1rem; font-size:1.2rem; line-height:180%;}


/* --- 下载 --- */
.down-list li{border-bottom:1px solid #eee; position:relative; padding:1rem 0; text-align:center;}
.down-list li em{display:block; background:#f9f9f9; text-align:center; line-height:2.5rem; border-radius:100px; width:10rem; margin:0 auto; margin-top:1rem; }
.down-list li a{}
.down-list li:hover a{color:#FF0101;}


/* --- 栏目名称 --- */
.column{border-bottom:1px solid #eee;}
.column h3{font-size:1.8rem; color:#ff0101; text-transform:uppercase; padding-bottom:2rem;  padding-top:1rem; text-align:center;}


/* 分页 */
.showpage{text-align:center; margin-bottom:3rem; margin-top:2rem;}
.showpage a{border:1px solid #666; padding:3px 10px; border-radius:5px; color:#666; margin-left:2px; margin-right:2px; font-size:1.2rem;}
.showpage a.now{background:#FF0303; color:#fff;border:1px solid #FF0303; }



/* --- 新闻中心 --- */
.news-left{}
.news-right{}


/* 左侧栏目导航*/
.page-nav{text-align:center; background:#f9f9f9; margin-top:1rem;}
.page-nav h3{color:#707473; background:#999; height:3rem; color:#fff; line-height:3rem;}
.page-nav li{font-size:1.2rem; height:3rem; border-bottom:1px solid #efefef; line-height:3rem;}
.page-nav li a.now{color:#666;}


/* 新闻大图 */
.news-photo{padding:1rem;}
.news-photo .pic{text-align:center; padding:1rem;}
.news-photo .pic em{display:table-cell; vertical-align:middle;}
.news-photo .text{color:#989898; font-size:1.2rem;}
.news-photo .text em{display:block; margin-top:1rem;}


/* 新闻列表 */
.news-list li{ padding:1rem;}
.news-list li .pic{margin-bottom:1rem;}
.news-list li .pic img{width:100%;}
.news-list li .text{margin-bottom:1rem;color:#989898;}
.news-list li .text p{margin-bottom:1rem; line-height:150%;}
.news-list li .text em{font-size:1.2rem;}
.news-list li .text  a{color:#989898; }
.news-list li .text  a:hover{color:#FF0101;}


/* 最新新闻 */
.recent-news{padding:1rem;}
.recent-news .pic{margin-bottom:10px;}
.recent-news .pic img{width:100%;}
.recent-news .text{margin-bottom:1rem; color:#989898; font-size:1.2rem;}
.recent-news .text p{margin-bottom:1rem; font-size:1.2rem;}
.recent-news .text a{color:#989898; }
.recent-news .text a:hover{color:#FF0101;}


/* --- 栏目盒子 --- */
.column-box{padding-top:2rem; padding-bottom:2rem; background:#F7F8F9; text-align:center; font-size:1.2rem;}
.column-box h1{font-size:1.8rem; color:#FF0101; margin-bottom:1rem;}



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

/* 产品banner */
.pro-banner{text-align:center;}

/* 子导航 */
.pro-nav{background:#fff; overflow:hidden;}
.pro-nav h1{font-size:1.6rem; text-align:center;  background:#f9f9f9; padding:1rem;}
.pro-nav ul{}
.pro-nav ul li{text-transform:uppercase; width:50%; text-align:center; float:left; font-size:1.2rem; height:5rem; line-height:5rem;}
.pro-nav ul li a.now{color:#FF0101;}

.small{position:fixed; left:0; top:0; width:100%; background-color:rgba(255,255,255,0.8); }


/* 简介 */
.pro-dep{text-align:center; padding-top:3rem; padding-bottom:3rem; background:url(../images/pro-dep.png) repeat-x; margin-bottom:2rem;}
.pro-dep .pic{}
.pro-dep .pic img{}
.pro-dep .text{line-height:180%; color:#777;}

/* 配件列表 */
.parts-list{overflow:hidden; margin-bottom:1rem;}
.parts-list li{float:left; width:50%; text-align:center; padding:1rem; font-size:1.2rem;}
.parts-list li .pic{display:table; width:100%; text-align:center; height:12rem;}
.parts-list li .pic img{width:80%;}
.parts-list li .pic em{display:table-cell; vertical-align:middle;}



/* --- 产品列表 --- */
.product-list {margin-bottom:50px; overflow:hidden;}
.product-list ul{}
.product-list li{text-align:center; border-bottom:1px solid #efefef; padding-bottom:1rem; margin-bottom:1rem;}
/*.product-list li .pic{height:20rem; overflow:hidden;}*/
.product-list li .pic{overflow:hidden;}
.product-list li .text{text-align:center; padding-bottom:2rem;}
.product-list li .text h3{margin-bottom:1rem; font-size:1.4rem;}
.product-list li .text h3 a{color:#FF0101}
.product-list li .text p{font-size:1.2rem; color:#999999; margin-bottom:1rem;} 
.product-list li em{display:block; font-size:1.2rem;}
.product-list li em a{position:relative; padding-bottom:10px;}
.product-list li em a:before{height:2px; background:#FF0101; content:""; bottom:0px; position:absolute; width:100%;}
.product-list li em a:hover{color:#FF0101}


/* --- 视频列表 --- */
.video{padding:1rem;}
.video li{}
.video li .pic{margin:.5rem; overflow:hidden; position:relative;}
.video li .pic em{display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/play.png) no-repeat center center;}
.video li img{width:100%;}
.video li .text{font-size:1.2rem; margin:1rem 5px; line-height:200%;}


}