@charset "utf-8";

.pc{display:block;}

.wap{display:none;}

.left{float:left;}

.right{float:right;}

html{ color:#707473; font-size:13px;}

span{display:block;}





/* --- 公用样式 --- */

.wrap{max-width:1200px; margin:0 auto;}

a{color:#505050;}

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





/*2600*/

@media screen and (min-width:1200px)  and  (max-width:2600px)  {



body{margin:0; line-height:1.428571429; font-size: 14px;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{height:60px;}



/* logo */

.logo{float:left; height:60px;}

.logo h1{background:url(../images/logo.png) no-repeat 0 center; width:101px; height:60px; text-indent:-888rem; cursor:pointer; } 





/* 导航 */

.nav{float:left; margin-left:60px; height:60px;}

.nav li{float:left; margin-right:55px; line-height:60px; text-transform:uppercase; height:60px; font-size:12px;}

.nav li a{display:block; font-size:14px; }

.nav li a.now{color:#FF0101;}

.nav li a:hover{color:#FF0101;}

.nav li:hover .nav-pop{ opacity:1; top:60px; height:auto;}

.nav li:hover a.link,.nav .now a{color:#FF0101;}

.nav .now dl a{color:#505050;}

.nav .now em a{ color:#505050; }

.nav li.nav-about{position:relative;}

.nav li.nav-about:hover .nav-pop-list{display:block;}

.nav li dl a,.nav li em a{ font-size:12px; }

.nav-pop{position:absolute; left:0; top:60px; width:100%; z-index:100; background:#FDFDFD; opacity:0; transition:all .5s ease; height:0px; overflow:hidden;}

.nav-pop .wrap{position:relative; overflow:hidden; padding-top:20px; padding-bottom:20px; margin-bottom:20px; background:#fdfdfd;}

.nav-pop .nav-pop-box{width:50%; float:left;}

.nav-pop .nav-pop-box dl{float:left; width:33.333%;}

.nav-pop dl.list em{line-height:250%;}

.nav-pop dl.list em a:hover{color:#FF0101;}

.nav-pop dl.list em .m-pic{width:0px; height:0px; background:#FDFDFD; position:absolute; right:0; top:23px; opacity:0; z-index:250; text-align:center;}

.nav-pop dl.list em:hover .m-pic { opacity:1; width:600px; height:280px;}

.nav-pop dl.list em .m-pic img{opacity:0; transition:all 1s ease;}

.nav-pop dl.list em:hover .m-pic img{ opacity:1;}



.nav-pop dl.list dt{font-weight:bold; margin-bottom:-10px; color:#505050;}

.nav-pop dl.list dt:hover{ color:#ff0101; }

.nav-pop .pic{float:right; width:600px; margin-top:30px; margin-right:-100px; position:relative;}

.nav-pop .pic em{display:block; float:left;}



.nav-pop-list{background:#fff; position:absolute; left:-10px; top:60px; z-index:100; width:180px; display:none;}

.nav-pop-list em{display:block; height:36px; line-height:36px;}

.nav-pop-list em a{padding-left:10px;}

.nav-pop-list em a:hover{background:#B6B6B6; color:#fff;}





/* 搜索 */

.search{float:left; position:relative;}

.search-btn{height:60px; width:19px; cursor:pointer;} 

.search-btn button{background:url(../images/search.png) no-repeat center center; width:18px; height:60px; border:none; cursor:pointer;}

.search dl{background:url(../images/search2.png) no-repeat; width:300px; height:79px; position:absolute; top:55px; z-index:100; right:-15px; display:none;}

.search dl input{margin-left:17px; margin-top:22px; width:266px; height:40px; border:none; font-size:16px; line-height:40px; padding-left:10px;}

.search dl button{position:absolute; width:40px; height:39px; background:url(../images/search3.png) no-repeat; border:none; right:17px; top:22px; cursor:pointer;}





/* 语言 */

.language{float:right; margin-left:50px; position:relative; height:60px; font-size:12px;}

.language span{background:url(../images/eng.png) no-repeat 15px center; padding-left:35px; line-height:60px; cursor:pointer; height:60px;}

.language ul{position:absolute; background:#FDFEFE; top:60px; display:none; z-index:100;}

.language ul li{height:36px; line-height:36px; text-align:center; width:110px; transition:all .3s ease;}

.language ul li a{color:#757575;}

.language ul li:hover{background:#B4B5B5;}

.language ul li:hover a{ color:#fff;}

.language:hover ul{display:block;}





/* --- banner --- */

.banner{position:relative; margin-bottom:5px;}

.banner .bd li{text-align:center; height:650px; cursor:pointer; }

.banner .hd{position:absolute; z-index:100; width:100% ; text-align:center; bottom:30px;}

.banner .hd li{ border-radius:100px; display:inline-block; border:2px solid #FF0101; width:10px; height:10px; margin-left:5px; margin-right:5px;}

.banner .hd li.on{width:10px; height:10px; background:#FF0101;}



.banner .prev,.banner .next{position:absolute; top:41%; cursor:pointer; z-index:10;}

.banner .prev{left:20px;}

.banner .next{right:20px;}





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

.home-product{padding:0 5px 5px 5px; overflow:hidden;}

.home-product li{float:left; width:33.333%;}

.home-product li .pic{margin:5px; overflow:hidden;}

.home-product li img{width:100%;}







/* --- 底部 --- */

.footer{background:#f7f8f9; overflow:hidden; padding-bottom:30px;}





/* --- 地图 --- */

.sitemaps{padding-bottom:30px; overflow:hidden;}

.sitemaps dl{float:left; width:16.666%; font-size:12px;}

.sitemaps dl dt{display:block; color:#767171; margin-top:25px; margin-bottom:15px;}

.sitemaps dl dd em{display:block;}

.sitemaps dl dd em a{color:#909090; line-height:180%;}

.sitemaps dl dd em a:hover{color:#FF0101;}





/* --- 版权 --- */

.copyright{ position:relative; text-align:center; height:21px; line-height:21px; color:#808080; font-size:12px;}

.copyright .left{background:url(../images/f-logo.png) no-repeat; height:21px; padding-left:60px; font-size:12px; color:#808080; line-height:21px; position:absolute; left:0;}

.copyright .right{position:absolute; right:0; height:21px; top:0;}

.copyright .right li{float:left; margin-left:10px;}





/* --- 内页 BANNER --- */

.page-banner{ height:450px;}

.banner-about{background:url(../images/banner/banner-about.jpg) no-repeat; background-size:cover;}

.banner-download{background:url(../images/banner/banner-download.jpg) no-repeat; background-size:cover;}

.banner-distributor{background:url(../images/banner/banner-distributor.jpg) no-repeat; background-size:cover;}

.banner-contact{background:url(../images/banner/banner-contact.jpg) no-repeat; background-size:cover;}

.banner-video{background:url(../images/banner/banner-video.jpg) no-repeat; background-size:cover;}





.banner-title{text-align:center; color:#fff; display:table; width:100%; height:450px;}

.banner-title span{display:table-cell; vertical-align:middle;}

.banner-title h3{font-size:24px; color:#fff; margin-bottom:30px;text-shadow : #333 0px 0px 20px}

.banner-title p{font-size:18px; width:60%; margin:0 auto; text-shadow : #333 0px 0px 20px}







/* --- 当前位置--- */

.path{line-height:58px; font-size:12px; background:#F7F8F9; overflow:hidden;}

.path a{color:#989898;}





/* --- 框架--- */

.page{margin-top:30px; overflow:hidden; margin-bottom:30px;}



/* 左侧 */

.page-left{float:left; width:227px}



/* 左侧栏目导航*/

.page-nav h3{margin-bottom:10px; color:#707473;}

.page-nav li{line-height:250%; font-size:14px;}

.page-nav li a.now{color:#FF0101;}

.page-nav li.li_2 a{ font-size: 12px; color: #909090; }




/* 右侧 */

.page-right{float:right; width:970px;}





/* --- 关于我们 --- */

.about-content p{margin-bottom:20px; font-size:14px; line-height:150%;}





/* --- 栏目名称 --- */

.column{border-bottom:1px solid #eee;}

.column h3{font-size:24px; color:#ff0101; text-transform:uppercase; padding-bottom:15px;}





/* --- 下载 --- */

.down-list li{height:69px; border-bottom:1px solid #eee; line-height:69px; position:relative;}

.down-list li em{display:block; position:absolute; right:10px; top:0;}

.down-list li a{margin-left:15px;}

.down-list li:hover{background:#FAFAFA;}

.down-list li:hover a{color:#FF0101;}





/* 分页 */

.showpage{text-align:center; margin-bottom:30px; margin-top:50px;}

.showpage a,.showpage span{border:1px solid #666; padding:5px 15px; border-radius:5px; color:#666; margin-left:2px; margin-right:2px; display:inline;}

.showpage a.now,.showpage span.current{background:#FF0303; color:#fff;border:1px solid #FF0303; }





/* --- 栏目盒子 --- */

.column-box{padding-top:50px; padding-bottom:50px; background:#F7F8F9;}

.column-box h1{font-size:24px; color:#FF0101; margin-bottom:15px;}





/* --- 产品列表 --- */

.product-list {margin-bottom:50px; overflow:hidden;}

.product-list ul{width:105%; margin-top:30px;}

.product-list li{float:left; width:470px; text-align:center; margin-right:35px; margin-bottom:50px; height:500px; }

.product-list li .pic{height:350px;}

.product-list li .text{text-align:center;}

.product-list li .text h3{margin-bottom:15px;}

.product-list li .text h3 a{color:#FF0101}

.product-list li .text p{font-size:12px; color:#999999; margin-bottom:30px;} 

.product-list li .sum{ height:50px; margin-bottom:30px; overflow:hidden; }

.product-list li em{display:block;}

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





/* --- 经销商 --- */

.distributors .hd{margin-bottom:40px;}

.distributors .hd li{display:inline-block; padding:5px 10px; margin-right:15px;}

.distributors .hd li.on{background:#ddd;}



.distributors .bd ul{width:105%;}

.distributors .bd li{float:left; width:261px; height:258px; border:1px solid #E5E5E5; margin-right:49px; text-align:center; margin-bottom:23px; border-bottom:2px solid #01AFAA; position:relative; overflow:hidden;}

.distributors .bd li .pic{display:table; text-align:center; width:100%; height:186px;}

.distributors .bd li .pic em{display:table-cell; vertical-align:middle;}

.distributors .bd li .text p{line-height:180%; color:#707473;}

.distributors .bd li .dep{background:#01AFAA; color:#fff; position:absolute; left:0; width:100%; top:100%; height:100%; text-align:left; padding:30px; line-height:200%; transition:all .3s ease; height:0; overflow:hidden;}



.distributors .bd li:hover .dep{top:0; height:100%;}







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



/* 邮箱 */

.email ul{width:105%;}

.email li{float:left; width:381px; margin-right:27px; border:1px solid #EBEBEB; text-align:center;}

.email li .text{padding:30px;}

.email li .text h3{font-size:18px; color:#707473; margin-bottom:20px;}

.email li .text p{line-height:200%;}

.email li .text p a{color:#FF0101;}





/* 联系方式 */

.contactBox{margin-top:40px; margin-bottom:40px; overflow:hidden; background:#F7F7F7; padding-top:40px; padding-bottom:40px;}



.contact-title{ margin-bottom:30px;}

.contact-title h3{text-align:center; font-size:30px; color:#333; margin-bottom:30px; }

.contact-title h4{font-size:22px; color:#333; margin-bottom:30px; text-transform:uppercase;}

.contact-title p{line-height:160%; font-size:14px; margin-bottom:20px;}



.contactBox .left{width:600px;}

.contactBox .left .form li{margin-bottom:10px;}

.contactBox .left .form li input{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:40px; line-height:40px; color:#535353; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:none;} 

.contactBox .left .form li textarea{width:96%; padding:0 2%; border:1px solid #E4E4E4; height:40px; line-height:40px; height:200px;color:#535353; font-family:Arial, Helvetica, sans-serif;font-size:14px; background:none;}

.contactBox .left .form li input::-webkit-input-placeholder { color:#535353;}

.contactBox .left .form li textarea::-webkit-input-placeholder { color:#535353;}

.contactBox .left .form li button{width:135px; height:40px; background:#868686; border:none; color:#fff; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.contactBox .left .form li button:active{background:#333;}



.contactBox .right{width:545px;}

.contactBox .right .info{margin-bottom:15px;}

.contactBox .right .info p{line-height:200%; font-size:14px;}







/* --- 技术咨询 --- */

.consult{margin-bottom:30px;}

.consult ul{width:115%;}

.consult li{float:left; width:562px; margin-right:72px; margin-bottom:22px;}

.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:136px; height:40px; line-height:40px; text-align:center; background:#868686; cursor:pointer; border:none; color:#fff; margin-top:15px;}

.consult button:active{background:#666;}



.subNav{height:30px; line-height:30px;background:url(../images/jt01.jpg) no-repeat right center;cursor:pointer; border-bottom:solid 1px #ddd; height:50px; line-height:50px; color:#535353; transition:all .3s ease;}

.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:20px; border-bottom:solid 1px #ddd;}

.navContent p{line-height:180%;}

.navContent em{display:block; margin-top:15px; margin-bottom:15px;color:#FF0101;}







/* --- 小标题 --- */

.dep-tit{padding-bottom:30px;}

.dep-tit h3{font-size:20px; text-transform:uppercase;color:#535353;}

.dep-tit p{color:#999999; margin-top:10px; }









/* --- 新闻中心 --- */

.news-left{float:left; width:886px;}

.news-right{float:right; width:258px;}





/* 新闻大图 */

.news-photo{margin-bottom:30px;}

.news-photo .pic{height:528px; display:table; width:100%; text-align:center;}

.news-photo .pic em{display:table-cell; vertical-align:middle;}

.news-photo .text{color:#989898;}

.news-photo .text em{display:block; margin-top:10px; font-size:12px;}





/* 新闻列表 */

.news-list ul{width:105%;}

.news-list li{float:left; width:423px; margin-right:37px; margin-bottom:20px; height:350px; }
.news-list li img{ /*width:258px; height:155px; */ }
.news-list li .pic{margin-bottom:10px;}

.news-list li .text{margin-bottom:15px;color:#989898;}

.news-list li .text p{margin-bottom:10px;}

.news-list li .text em{font-size:12px;}

.news-list li .text  a{color:#989898; }

.news-list li .text  a:hover{color:#FF0101;}





/* 最新新闻 */

.recent-news{margin-top:30px;}

.recent-news .pic{margin-bottom:10px;}

.recent-news .text{margin-bottom:15px;color:#989898; font-size:12px;}

.recent-news .text p{margin-bottom:10px;}

.recent-news .text a{color:#989898; }

.recent-news .text a:hover{color:#FF0101;}







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



/* 产品banner */

.pro-banner{text-align:center;}

.pro-banner img{width:100%;}







/* 子导航 */

.pro-nav{height:60px; background:#fff;}

.pro-nav h1{float:left; font-size:14px; line-height:60px;}

.pro-nav ul{float:right;}

.pro-nav ul li{display:inline-block; line-height:60px; text-transform:uppercase; margin-left:30px;}

.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:60px; padding-bottom:50px; background:url(../images/pro-dep.png) repeat-x; margin-bottom:30px;}

.pro-dep .pic{margin-bottom:50px;}

.pro-dep .pic img{max-width:800px;}

.pro-dep .text{line-height:200%; color:#777;}



/* 配件列表 */

.parts-list{overflow:hidden; margin-bottom:30px;}

.parts-list li{float:left; width:25%; text-align:center;}

.parts-list li .pic{display:table; width:100%; text-align:center; height:200px;}

.parts-list li .pic em{display:table-cell; vertical-align:middle;}



/* 产品图 */

.pro-pic img{width:100%;}
#div2  img{width:auto;}






/* --- 视频列表 --- */

.video{padding:0px;min-width:600px; margin:0 auto;max-width:1200px; margin:0 auto;}

.video li{float:left; width:50%;}

.video li .pic{margin:5px; overflow:hidden; position:relative; max-width:590px; max-height:330px }

.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 .pic am{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:12px; margin:15px 5px; line-height:200%;}


#newstitle{ font-size:16px; text-align:center; font-weight:bold; margin:10px 0; }

#newstime{ margin-bottom:10px; text-align:center; }





.product-list img{ max-width:320px; }

.m-pic img{ max-width:320px; }

.home-product  li{ position:relative; }
.home-product .text-wrap {
    background: rgba(0, 0, 0, 0) linear-gradient(-180deg, rgba(237, 237, 237, 0) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
    bottom: 0;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
}
.home-product .text {
    bottom: 25px;
    left: 30px;
    position: absolute;
}
.home-product .text .title::after {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 60%;
}
.home-product .text .main {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.3;
    text-transform: uppercase;
	color:#FFFFFF;
}
.home-product .text .title {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 13px;
    padding-bottom: 13px;
    position: relative;
    text-transform: uppercase;
	color:#FFFFFF;
}