/* common */
body{background:#ccc url('../images/bg.jpg') no-repeat center top;background-attachment: fixed;}


/* 首页 ===================*/
.header{height: 100px;position: relative;}
.header .topbar,.header .nav{position: absolute;right: 0;}
.header .topbar{top:18px;}
.header .nav{top: 62px;}
/* logo */
.header .logo{width: 200px;}
/* .header .logo{width: 273px;height: 182px;} */
.header .logo img{width: 100%;}
/* 搜索 */
.header .topbar .search,.header .topbar .version,.header .topbar .link{display: inline-table;vertical-align: middle;}
.header .topbar .search input[type="text"],.header .topbar .search input[type="submit"]{vertical-align: middle;display:inline-block;float: left;}
.header .topbar .search{width: 150px;height: 25px;background: #235157;border-radius: 12px;overflow: hidden;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.header .topbar .search.active{background: #407278;}
.header .topbar .search input[type="text"]{width: 120px;background:transparent;height: 25px;line-height: 26px;border:0 none;font-size: 12px;padding-left:10px;color: #fff;}
.header .topbar .search input[type="submit"]{width: 30px;height: 25px;border:0 none;background:url("../images/search_icon.png") no-repeat center;cursor: pointer;}
/* 中英切换 */
.header .topbar .version{width: 74px;height: 25px;color: #fff;text-align: center;line-height: 25px;position: relative;margin-left: 8px;margin-right: 25px;}
.header .topbar .version .tit{text-align: center;cursor: pointer;overflow: hidden;border-radius: 12px;background: #235157;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.header .topbar .version .tit .name{display: inline-table;background:url("../images/down_min.png") no-repeat right center;padding-right: 14px;font-size: 12px;}
.header .topbar .version .tit.active .name{background-image: url("../images/up_min.png");}
.header .topbar .version .tit.active{background-color: #407278;}
.header .topbar .version .con{position: absolute;left: 0;top: 29px;width: 74px;background: #235157;border-radius: 10px;z-index: 99;overflow: hidden;display: none;}
.header .topbar .version .con li{height: 24px;line-height: 24px;text-align: center;width: 74px;border-top: 1px solid #444;border-top: 1px solid rgba(255,255,255,.1);-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.header .topbar .version .con li:first-child{border-top: 0 none;}
.header .topbar .version .con li a{color: #fff;font-size: 12px;display: block;}
.header .topbar .version .con li:hover{background: #407278;}
/* 链接 */
.link{color:#555;color:rgba(255,255,255,.3);font-size: 18px;}
.link a{display: inline-table;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;margin: 0 4px;vertical-align: middle;}
.link a.impressum{background-image: url("../images/impressum.png");width: 77px;}
.link a.imprint{background-image: url("../images/imprint.png");width: 53px;}
.link a.datenschutze{background-image: url("../images/datenschutze.png");width: 177px;}
.link a.privacypolicy{background-image: url("../images/privacypolicy.png");width: 109px;}
.link a.datenschutz{background-image: url("../images/datenschutz.png");width: 98px;}
.link a.haftungsausschluss{background-image: url("../images/haftungsausschluss.png");width: 153px;}
.link a.disclaimer{background-image: url("../images/disclaimer.png");width: 84px;}
.link a.agb{background-image: url("../images/agb.png");width: 37px;}
.link a.facebook{background-image: url("../images/facebook.png");width: 10px;}
.link a.twitter{background-image: url("../images/twitter.png");width: 20px;}
.link a.youtube{background-image: url("../images/youtube.png");width: 42px;}
.link a.linkin{background-image: url("../images/linkin.png");}
/* 导航菜单 */
.header .nav{}
.header .nav li{float: left;}
.header .nav a{color: #fff;margin-left: 38px;font-size: 18px;}
/* 产品下拉框 */
.menubar{height: 46px;position: relative;} 
.menubar .pro{height: 46px;float: left;}
/*删除plasma产品栏，显示P3，所以要删除type4样式,修改宽度
	同时修改宽度组合以适配德国网站内容，德语较长 */
/*
.menubar .type1{width: 614px;background: #113b41;background:rgba(17,59,65,1);}
.menubar .type2{width: 210px;margin-left: 1px;background: #103337;background:rgba(17,59,65,.8);}
.menubar .type3{width: 249px;margin-left: 1px;background: #153034;background:rgba(17,59,65,.65);}
.menubar .type4{width: 364px;margin-left: 1px;background: #1a2d2f;background:rgba(17,59,65,.4);} 
*/ 
.menubar .type1{width: 658px;background: #113b41;background:rgba(17,59,65,1);}
.menubar .type2{width: 358px;margin-left: 1px;background: #103337;background:rgba(17,59,65,.8);}
.menubar .type3{width: 422px;margin-left: 1px;background: #153034;background:rgba(17,59,65,.65);}
/*.menubar .type4{width: 421px;margin-left: 1px;background: #1a2d2f;background:rgba(17,59,65,.4);}*/
.menubar .tit a,.menubar .tit span{display: inline-table;float: left;line-height: 46px;text-align: center;}
.menubar .tit a{color: #fff;padding-left:30px;width: 120px;text-align: left;white-space: nowrap;}
.menubar .tit span{color:#556d65;color: rgba(255, 255, 255, .3);padding: 0 20px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.menubar .tit span:hover,.menubar .tit span.active{color:#fff;color: rgba(255, 255, 255, 1);cursor: pointer;}
.menubar .con{position: absolute;left: 30px;top: 46px;width: 1380px;height: 450px;z-index: 99;background: #eee;display: none;}
.menubar .con .list{position: relative;display: none;}
.menubar .con .list img{width: 1380px;height: 450px;}
.menubar .con .list .title{position: absolute;top: 90px;left: 60px;}
.menubar .con .list .title h3{font-size: 22px;color: #222;font-weight: normal;} 
.menubar .con .list .title ul{margin-top: 15px;}
.menubar .con .list .title li{padding-left: 15px;background:url("../images/list.png") no-repeat 0 center;}
.menubar .con .list .title li a{color: #123b41;font-size: 15px;line-height: 36px;}
.menubar .con .list .title li a:hover{text-decoration: underline;}
.menubar .con .list .content{position: absolute;top: 90px;left: 965px;width: 400px;}
.menubar .con .list .content .ms{font-size: 22px;color: #222;line-height: 1.3;}
.menubar .con .list .content .more a{background: #123b41;color: #fff;display: inline-table;width: 129px;height: 35px;line-height: 35px;text-align: center;border-radius: 18px;margin: 30px 0;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.menubar .con .list .content .more a:hover{background: #407278;}
/* banner */
.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.banner .md{width: 999999px;}
.banner .md li{float: left;position: relative;}
.banner .md li img{max-width: 100%;}
.banner .md li .con{position: absolute;left: 880px;top:90px;visibility: hidden;} 
.banner .md li .tit{color: #fff;font-size: 40px;-webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;opacity: 0;filter: alpha(opacity=0);width: 450px;} 
.banner .md li .content{width: 450px;height: 220px;background: #235157;background:rgba(35,81,87,.8);padding:25px;margin-top: 60px;-webkit-transition: all 1s 0.3s; -o-transition: all 1s 0.3s; transition: all 1s 0.3s;opacity: 0;filter: alpha(opacity=0);}
.banner .md li .content .ms{color: #fff;line-height: 1.8;font-size: 14px;} 
.banner .md li .content .more span{display: inline-table;width: 25px;height: 25px;background:url("../images/right.png") no-repeat center;margin-top: 20px;}

.banner .md li .con.active{visibility: visible;}
.banner .md li .con.active .tit{opacity: 1;filter: alpha(opacity=100);margin-top: -50px;visibility: visible;}
.banner .md li .con.active .content{opacity: 1;filter: alpha(opacity=100);margin-top: 28px;visibility: visible;}


.banner .hd{position: absolute;bottom: 18px;left: 0;text-align: center;z-index: 90;width: 100%;}
.banner .hd li{color: #fff;display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #fff;line-height: 999px;overflow: hidden;vertical-align: middle;margin: 0 5px;cursor: pointer;}
.banner .hd li.active{width: 14px;height: 14px;}


/* 新闻 */
.main-index{height: 200px;background: #fff;}
.main-index .news{padding: 15px 55px 0 55px;background:url("../images/index_news_bg.png") no-repeat center;height: 200px;}
.main-index .news .tit{position: relative;}
.main-index .news .tit div{font-size: 35px;font-weight: bold;color: #113b41;}
.main-index .news .tit a{display: inline-table;position: absolute;top:3px;right: -20px;width: 90px;height: 30px;line-height: 30px;background: #113b41;color: #fff;border-radius:18px;text-align: center;font-size: 15px;} 
.main-index .news .con{padding-top: 5px;}
.main-index .news .con li{font-size: 15px;line-height: 26px;border-top: 2px dotted #ddd;position: relative;}
.main-index .news .con li:first-child{border-top: 0 none;}
.main-index .news .con li a{color: #444;padding-left: 20px;background:url("../images/news_icon.png") no-repeat left center;display: block;margin-right: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main-index .news .con li a:hover{color:#113b41 }
.main-index .news .con li span{color: #444;position: absolute;top: 0;right: 0;}
.main-index .guide{height: 200px;background:url("../images/index_guide_bg.png") no-repeat 0 0;padding: 32px 68px 0 212px;}
/* 向导 */
.main-index .guide .tit{font-size: 40px;color: #222;}
.main-index .guide .ms{font-size: 16px;color: #444;line-height: 1.4;padding-top: 15px;}
/* 底部 */
.footer{min-height: 120px;padding-top: 20px;position: relative;background: transparent;}
.footer p{color:#bbb;color: rgba(255, 255, 255, .5);line-height: 1.6;font-size: 16px;}
.footer .link{position: absolute;top: 20px;right: 0;}



/* 新闻列表==================== */
.news-banner{position: relative;min-height:54px;}
.news-banner img{width: 100%;}
.news-banner .con{position: absolute;top: 42px;left: 928px;background: #235157;background: rgba(35,81,87,.8);width: 440px;height: 416px;padding:0 30px;padding-top: 45px;}
.news-banner .name{font-size: 50px;color: #fff;}
.news-banner .ms{line-height: 1.6;color: #fff;margin-top: 20px;}
.news-banner ul{margin-top: 25px;}
.news-banner ul li{float: left;margin-left: 10px;}
.news-banner ul li:first-child{margin-left: 0px;}
.news-banner ul li img{border:5px solid #fff;width:auto;}

.news-box{background: #fff;width: 100%;min-height:100px;padding: 1px 70px  25px 70px;position: relative;}
.news-box .tit{font-size: 36px;color:#235157; background:url("../images/news_titbg.jpg") no-repeat right center;font-weight: bold;padding: 15px 0;position: relative;}
.news-box .tit span{background: #fff;padding-right: 33px;display: inline-table;}
.news-box .con{} 
.news-box .con li a{display:block;padding: 15px 0;background:url("../images/new_list_icon01.jpg") no-repeat right center;border-bottom: 1px solid #e5e5e5;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.news-box .con li .time{font-size: 15px;color:#235157;}
.news-box .con li .name{font-size: 20px;color: #222;padding-top: 6px;}
.news-box .con li .ms{font-size: 16px;color: #444;line-height: 1.4;padding-top:15px;margin-right: 160px;}
.news-box .con li a:hover{background:url("../images/new_list_icon02.jpg") no-repeat right center;}
.news-box .con li a:hover .name{color: #235157;}

/* 分页 */
.page{width: 100%;text-align: center;height: 25px;line-height: 25px;margin-top: 25px;}
.page a,.page span{width: 25px;height: 25px;text-align: center;line-height: 25px;border:1px solid #fff;color: #4c4c4c;display: inline-block;margin:0 5px;vertical-align: top;background-color: #fff;border-radius: 50%;}
.page a.active,.page a.active:hover{border:1px solid #235157;background-color: #235157;color: #fff;}
.page a.p-prev{background:url("../images/page_left01.png") no-repeat center;border:1px solid #aaa;margin-right: 20px;} 
.page a.p-next{background:url("../images/page_left02.png") no-repeat center;border:1px solid #aaa;margin-left: 20px;}
.page a.p-prev.on,.page a.p-prev.on:hover{background:#235157 url("../images/page_left02_active.png") no-repeat center;border:1px solid #235157;}
.page a.p-next.on,.page a.p-next.on:hover{background:#235157 url("../images/page_right01_active.png") no-repeat center;border:1px solid #235157;}
.page a.p-prev:hover,.page a.p-next:hover{background-color: #f5f5f5;border:1px solid #aaa;}
.page a:hover{background-color: #f5f5f5;border:1px solid #aaa;}




/* 新闻中心-详情 ================== */
.news-detail{}
.news-detail .title{position: relative;padding-bottom: 15px;}
.news-detail .title .name{font-size: 30px;color: #222;padding: 15px 0;}
.news-detail .title .time{font-size: 16px;color: #235157;padding: 0px 0;}
.news-detail .title a{display: inline-table;position: absolute;right: 0;bottom: 30px;width: 104px;height: 35px;line-height: 35px;text-align: center;border:1px solid #d0d0d0;border-radius: 18px;color: #d0d0d0;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.news-detail .title a:hover,.news-back a:hover{background: #235157;border:1px solid #235157;color: #fff;}
.news-detail .content{padding: 20px 0 20px 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;line-height: 1.5;color: #444;font-size: 16px;}
.news-detail .content p{line-height: 1.5;color: #444;margin-bottom: 20px;font-size: 16px;}
.news-detail .content .col-8{padding-right: 80px;}
.news-detail .content .col-4{}
.news-detail .content .col-4 img{max-width: 100%;}
.news-back{padding-top: 25px;}
.news-back a{display: inline-table;width: 104px;height: 35px;line-height: 35px;text-align: center;border:1px solid #d0d0d0;border-radius: 18px;color: #d0d0d0;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
 




/* 服务 ==================== */
.news-banner .con.pos2{left: 72px;right: auto;}
.sub-menubar{border-bottom: 1px solid #dadada;height: 60px;}
.sub-menubar li{float: left;margin-right: 60px;}
.sub-menubar li a{font-size: 20px;font-weight: bold;color: #c6c6c6;height: 61px;line-height: 61px;display: inline-table;-webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;} 
.sub-menubar li.active a,.sub-menubar li a:hover{color: #113b41;background:url("../images/active_bg.png") no-repeat center bottom;}

.service-detial{position: relative;height: auto;margin-top: 10px;margin-bottom: 10px;} 
.service-detial .content{font-size: 16px;color: #444;}
.service-detial .content img{padding-top: 20px;padding-bottom: 15px;display: inline-table;}
.service-detial p{line-height: 1.6;margin-bottom: 20px;font-size: 16px;color: #444;}
.service-detial p span{background: #113b41;color: #fff;padding: 3px 7px;}




/* 服务 - 资料下载 ============================ */
.sub-menu{margin-top: 20px;}
.sub-menu li{float: left;}
.sub-menu li a{display: inline-table;width: 140px;height: 30px;line-height:30px;text-align: center;background: #eee;color: #999;position: relative;-webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s;} 
.sub-menu li.active a,.sub-menu li a:hover{background: #113b41;color: #fff;}
.sub-menu li.active a:after,.sub-menu li a:hover:after{content: "";position: absolute;left: 50%;bottom: -14px;border-color:  #113b41 transparent transparent; border-style: solid dashed dashed ; border-width: 7px; height: 0;width: 0;margin-left: -7px;}

.data-download{padding-top: 10px;}
.data-download li{border-bottom: 1px solid #e5e5e5;height: 46px;line-height:46px;position: relative;padding-left: 22px;background:url("../images/data_download_icon.png") no-repeat 2px center;} 
.data-download li .name a{font-size: 17px;color: #222;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;display: block;margin-right: 150px; 
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.data-download li a.download{position: absolute;top: 7px;right: 0;width: 135px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;border:1px solid #d0d0d0;color: #d0d0d0;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.data-download li:hover .name a{color: #113b41;}
.data-download li:hover a.download{background: #235157;border:1px solid #235157;color: #fff;}



/* 关于我们 =============== */
.about{position: relative;}
.about .content{padding-bottom: 20px;padding-top: 14px;margin-right: 650px;}
.about .content p{background:url("../images/data_download_icon.png") no-repeat 2px 10px;padding-left: 25px;margin-bottom: 30px;line-height: 1.6;font-size: 14px;color: #333;}
.about .img{position: absolute;top: 20px;right: 0;width: 566px;}
.about .img img{max-width: 100%;}



/* 联系我们 ================== */
.contact{}
.contact .img{padding-bottom: 20px;}
.contact .img img{width: 100%;}
.contact p{color: #444;font-size: 16px;line-height: 1.3;margin-bottom:15px;padding-right: 10px;}
.contact a{display: inline-table;background: #235157;border:1px solid #235157;color: #fff;width: 104px;height: 35px;line-height: 35px;text-align: center;border-radius: 18px;margin-top: 20px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.contact a:hover{background: #407278;}



/* 视频 */
.xy{position: relative;min-height: 74px;background:url("../images/xy_bg.png") no-repeat 0 0;margin-top: 40px;margin-bottom: 50px;}
.xy .icon{position: absolute;top: 0;left: 0;background:url("../images/xy.png") no-repeat center;width: 84px;height: 74px;}
.xy .con{margin-left: 84px;color: #fff;line-height: 1.3;font-size: 16px;padding-top: 16px;}
.xy.mb2{margin-top: 20px;margin-bottom: 0px;}
.galley-box{width: 100%;overflow: hidden}
.galley-box ul{width: 1500px;}
.galley-box li{float: left;width: 208px;margin-right: 10px;margin-bottom: 40px;}
.galley-box li .img{position: relative;width: 208px;height: 118px;overflow: hidden;} 
.galley-box li .img img{-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;width: 100%;} 
.galley-box li .img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,.6) url("../images/play.png") no-repeat center;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.galley-box li .img:hover:after{background-color:rgba(0,0,0,.3);}
.galley-box li .img:hover img{transform: scale(1.05)}
.galley-box li .name{font-size: 16px;color: #222;padding: 12px 0;height: 68px;}
.galley-box li:hover .name{color: #235157;}
.galley-box li .zx{display: inline-table;width: 104px;height: 35px;line-height: 35px;text-align: center;background: #d9d9d9;color: #fff;border-radius: 18px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.galley-box li:hover .zx{background: #235157;}
 

.page-more{width: 100%;height: 44px;line-height: 44px;text-align: center;font-size: 16px;background: #eaeaea;cursor: pointer;margin-top: 20px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.page-more:hover{background: #d5d5d5;}
.page-more .more-icon{display: inline-table;width: 25px;height: 25px;background:url("../images/loading.png") no-repeat center;opacity: 0;
filter: alpha(opacity=0);}
.page-more span{display: inline-table;padding-left: 10px;}
.page-more span,.page-more i{vertical-align: middle;}
.page-more.active .more-icon{opacity: 1;filter: alpha(opacity=100);animation: loading 1.5s linear  infinite 0s; -webkit-animation: loading 1.5s linear  infinite 0s; -moz-animation: loading 1.5s linear  infinite 0s; -o-animation: loading 1.5s linear  infinite 0s;}





/* 选配 配件 ========== */
.option-box{width: 100%;overflow: hidden;padding-top:25px;}
.option-box ul{width: 1300px;}
.option-box li{float: left;width:50%;margin-right: 0px;}
.option-box li a{position: relative;display: block;height: 145px;}
.option-box li .img{width: 120px;height: 120px;overflow: hidden;position: absolute;left: 0;top: 0;} 
.option-box li .img img{width: 100%;} 
.option-box li .content{margin-left: 140px;margin-right: 10px;} 
.option-box li .name{font-size: 20px;color: #222;padding-bottom:2px;} 
.option-box li .ms{font-size: 16px;color: #444;}  



/* 产品特性 ==============*/
.pro-ms{position: absolute;top: 70px;right: 90px;}
.pro-ms p{color: #fff;font-size: 45px;text-align: right;font-weight: bold;}

.probar{position: absolute;left: 0;top: -34px;width: 100%;}
.probar .side{width: 720px;height: 110px;background:url("../images/pro_titbg.jpg") no-repeat 0 0;padding-top: 20px;}
.probar .side .title,.probar .side .con{float: left;}
.probar .side .title{font-size: 28px;color: #fff;font-weight: bold;border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,.2);padding-left: 74px;padding-right: 75px;}
.probar .side .con{padding-left: 75px;font-size: 16px;color: #fff;line-height: 1.5;padding-top: 8px;}
.probar .side .con .name{}
.probar .side .con .content{margin-top: 4px;}
.probar .side .con .content a{color: #fff;padding-right: 23px;}
.probar .select{position: absolute;top: 75px;right: 70px;width: 169px;background: #d4d4d4;color: #fff;border-radius: 18px;line-height: 35px;cursor: pointer;padding: 0 20px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.probar .select.active{background: #235157;border-radius: 10px;}
.probar .select .title{height: 35px;background: url('../images/down_mid.png') no-repeat 114px center;}
.probar .select .title.active{background-image:url("../images/up_mid.png");}
.probar .select ul{border-top: 1px solid #eee;border-top: 1px solid rgba(255,255,255,.1);padding-bottom: 15px;display: none;}
.probar .select li{padding-top: 10px;}
.probar .select li .num,.probar .select li .ms{color: #fff;font-size: 13px;line-height: 1.2;} 

.pro-tx{width: 100%;overflow: hidden;}
.pro-tx ul{width: 1400px;}
.pro-tx li{width: 252px;border:3px solid #e0e0e0;float: left;margin-right: 10px;margin-top: 25px;padding: 40px 20px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;cursor: pointer;} 
.pro-tx li .img{margin-top: -10px;}
.pro-tx li .num{font-size: 60px;font-weight: bold;color:#235157;}
.pro-tx li .ms{line-height: 1.6;font-size: 16px;color: #444;padding-top: 25px;text-align:Justify;text-justify:inter-ideograph;}
.pro-tx li:hover{border:3px solid #235157;}
.mt{margin-top:75px;}

/* mask  视频弹出层*/
.mask,.mask .con{-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;background:rgba(0,0,0,0.4);opacity: 0;filter: alpha(opacity=0);display: none;z-index: 100000;}
.mask.active{opacity: 1;filter: alpha(opacity=100);}
.mask .con{position: absolute;left: 50%;top: 50%;margin-left: -720px;margin-top: -277px;width:1440px;height: 555px;background: #fff;transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);}
.mask.active .con{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.mask .con .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background:url("../images/close.png") no-repeat center;cursor: pointer;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.mask .con .close:hover{background:url("../images/close2.png") no-repeat center;}
.mask .con .side,.mask .con .content{float: left;}
.mask .con .side{padding:40px 0px 40px 30px;}
.mask .con .side .img{width: 900px;height: 481px;}
.mask .con .side .img img{width:100%;}
.mask .con .content{width: 510px;padding: 90px 60px 0 60px;}
.mask .con .content .num{font-size: 60px;font-weight: bold;color:#235157;}
.mask .con .content .ms{font-size: 16px;color: #444;line-height: 1.5;padding-top: 20px;text-align:Justify;text-justify:inter-ideograph;}


/* mask2 配件弹出层*/
.mask2,.mask2 .con{-webkit-transition: opacity 0.3s,transform 0.3s; -o-transition: opacity 0.3s ,transform 0.3s; transition: opacity 0.3s ,transform 0.3s;} 
.mask2{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;background:rgba(0,0,0,0.8);opacity: 0;filter: alpha(opacity=0);display: none;z-index: 99999;}
.mask2.active{opacity: 1;filter: alpha(opacity=100);}
.mask2 .con{position: absolute;left: 50%;top: 50%;background: #fff;transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);}
.mask2.active .con{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.mask2 .con .close{position: absolute;top: 0px;right: 0px;width:50px;height: 50px;background:#fff url("../images/close.png") no-repeat center;cursor: pointer;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;display: none;} 
.mask2 .con .close:hover{background-image:url("../images/close2.png");}  
.mask2 .con .img{padding: 10px 10px 10px 10px;}
.mask2 .con .img img{width: 100%;} 
.mask2 .title{font-size: 16px;color: #444;line-height: 1.5;text-align:Justify;text-justify:inter-ideograph;background: #fff;padding: 10px;position: absolute;bottom: 0;left: 0;width: 100%;}


/* mask3 产品特弹出层*/
.mask3,.mask3 .con{-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.mask3{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;background:rgba(0,0,0,0.4);opacity: 0;filter: alpha(opacity=0);display: none;z-index: 999;}
.mask3.active{opacity: 1;filter: alpha(opacity=100);}
.mask3 .con{position: absolute;left: 50%;top: 50%;margin-left: -720px;margin-top: -277px;width:1440px;height: 555px;background: #fff;transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);}
.mask3.active .con{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.mask3 .con .close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background:url("../images/close.png") no-repeat center;cursor: pointer;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} 
.mask3 .con .close:hover{background:url("../images/close2.png") no-repeat center;}
.mask3 .con .side,.mask3 .con .content{float: left;}
.mask3 .con .side{padding:40px 0px 40px 30px;}
.mask3 .con .side .img{width: 900px;height: 481px;}
.mask3 .con .side .img img{width:100%;}
.mask3 .con .content{width: 510px;padding: 90px 60px 0 60px;}
.mask3 .con .content .num{font-size: 60px;font-weight: bold;color:#235157;}
.mask3 .con .content .ms{font-size: 16px;color: #444;line-height: 1.5;padding-top: 20px;text-align:Justify;text-justify:inter-ideograph;}


/* 产品参数 */
.canshu{margin-top: 25px;} 
.canshu table{width: 100%;}
.canshu table td,.canshu table th{padding: 12px 0;border:1px solid #e4e9ea;text-align: center;} 
.canshu table td.title,.canshu table th.title{text-align: left;padding-left: 20px;width: 260px;background: #f6f9f9;color: #113b41;}
.canshu table th.content{background: #f6f9f9;font-weight: bold;font-size: 18px;}


/* 产品概述 */
.gaishu{margin-top: 25px;background: #113b41;}
.gaishu .img{position: relative;width: 921px;height: 490px;overflow: hidden;}
.gaishu .img .prev,.gaishu .img .next{position: absolute;top: 50%;margin-top: -40px;width: 45px;height: 80px;background-position: center;background-repeat: no-repeat;}
.gaishu .img .prev{left: 0;background-color: #000;background-color: rgba(0,0,0,.1);background-image: url('../images/algin-left.png');}
.gaishu .img .prev.active{left: 0;background-color: #113b41;background-color:rgba(17,59,65,.8);background-image: url('../images/algin-left-active.png');cursor: pointer;}
.gaishu .img .next{right: 0;background-color: #000;background-color: rgba(0,0,0,.1);background-image:url('../images/algin-right.png');}
.gaishu .img .next.active{right: 0;background-color: #113b41;background-color:rgba(17,59,65,.8);background-image: url('../images/algin-right-active.png');cursor: pointer;}
.gaishu .img ul{width: 99999px;}
.gaishu .img ul li{float: left;width: 921px;}
.gaishu .img ul li img{width: 100%;}
.gaishu .ms{padding: 50px 60px;color: #fff;font-size: 16px;line-height: 1.5;}
.gaishu .ms p{display: none;}
.gaishu .ms p.active{display: block;}

@media (max-width: 767px) {
	body{-webkit-background-size: cover;background-size: cover;}

	/* menu */
	.mb-nav-bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.6);display: none;z-index: 9998;}
	.mb-nav{position:absolute;right: 20px;top: 70px;width: 24px;height: 24px;cursor: pointer;z-index: 9999;}
	.mb-nav span{width: 100%;height: 3px;background: #fff;margin: 6px 0;display: block;}

	/*   header、logo  */
	.header{height: 140px;}
	.header .logo{width: 200px;height: 140px;padding-top: 10px;}
	.header .nav{display: none;}
	.header .topbar{top: 10px;z-index: 99999;}
	.header .topbar .version{margin-right: 10px;}
	.header .topbar .link{display: none;}

	/* 导航菜单 */
	.header .nav{top: 100px;z-index: 99999;background: #fff;right: 10px;}
	.header .nav ul{padding:0 10px;}
	.header .nav li{float: none;border-top: 1px solid #d0d0d0;}
	.header .nav li:first-child{border-top: 0 none;}
	.header .nav a{color: #fff;margin-left: 0px;font-size: 16px;line-height: 54px;color: #333;display: inline-table;min-width: 120px;}

	/* 新闻 */
	.main-index .news .tit div{font-size: 24px;font-weight: normal;}
	.main-index{height: auto;background: #fff;}
	.main-index .news{padding:20px 10px;height: auto;}
	.main-index .news .tit a{right: 0px;width: 90px;height: 26px;line-height: 26px;font-size: 13px;} 
	.main-index .news,.main-index .guide{-webkit-background-size: cover;background-size: cover;}
	.main-index .guide{padding:20px 10px 20px 10px;height: auto;background: none;}
	.main-index .guide .tit{font-size: 24px;}
	.main-index .guide .tit{text-align: left;margin-bottom:0px;}

	/* 底部 */
	.footer{padding-left:10px;padding-right: 10px;}
	.footer p{margin-right: 0px;font-size: 14px;}
	.footer{padding-bottom: 30px;}
	.footer .link{position: static;margin-top: 30px;}
  /* 产品下拉框 */ 
  	.menubar{height: auto;} 
/*   	.menubar .type2,.menubar .type3,.menubar .type4{margin-left: 0;}  */
	.menubar .type2,.menubar .type3{margin-left: 0;}
	.menubar .type1{width: 100%;}
	.menubar .type2{width: 100%;}
	.menubar .type3{width: 100%;}
	/*.menubar .type4{width: 100%;} */
	.menubar .tit a{padding:0 10px;font-size: 12px;width:auto;padding-left: 5px;}
	.menubar .tit span{padding: 0 7px;font-size: 12px;} 
	.menubar .con{width: 100%;height: auto;left: 0;top: 184px;background: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);}
	.menubar .con .list{height: 240px;}
	.menubar .con .list img{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;}
	.menubar .con .list .title{position: absolute;top: 10px;left: 0px;width: 100%;padding:0 10px;}
	.menubar .con .list .title h3{font-size: 18px;padding-top: 5px;}
	.menubar .con .list .title li{padding-left: 0;}
	.menubar .con .list .title li a{float: left;padding-right: 30px;display: inline-table;line-height: 30px;}
	.menubar .con .list .content{position: absolute;top: 125px;left:0px;width: auto;z-index: 90;padding:0 10px;}
	.menubar .con .list .content .ms{font-size: 18px;color: #222;}
	.menubar .con .list .content .more a{margin: 15px 0;width: 90px;height: 28px;line-height: 28px;font-size: 13px;}

	/* banner */
	.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
	.banner .md{width: 999999px;}
	.banner .md li{float: left;position: relative;}
	.banner .md li .con{left: 10px;right: 10px;top: 65px;} 
	.banner .md li .tit{font-size: 16px;} 
	.banner .md li .content{width:auto;height: auto;background: #235157;background:rgba(35,81,87,.8);padding: 7px;margin-top: 10px;}
	.banner .md li .content .ms{line-height: 1.2;font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.banner .md li .content .more span{display: none;}
	.banner .md li .con.active .content{margin-top: 10px;}

	/* 二级banner */
	.news-banner{position: relative;height: 280px;}
	.news-banner .con{position: absolute;top: 0px;left:auto;right: 0px;height:280px;padding:10px 10px;width: 100%;}
	.news-banner .con.pos2{left: 0px;right: auto;top: 0px;height: 280px;padding:10px 10px;}
	.news-banner .name{font-size: 26px;margin-top: 10px;}
	.news-banner .ms{margin-top: 15px;line-height: 1.2;font-size: 13px;}
	.news-banner ul{margin-top: 25px;}
	.news-banner ul li{width: 33.333333%;margin-left: 0;margin-right: 0;padding-right: 20px;}
	.news-banner ul li img{width: 100%;}
	
	/* 二级标题 */
	.news-box{background: #fff;width: 100%;min-height:100px;padding: 10px 10px  10px 10px;position: relative;}
	.news-box .tit{font-size: 40px;color:#235157; background:none;font-weight: bold;margin-bottom: 0px;}
	.news-box .tit span{background: #fff;padding-right: 33px;display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 31px;}
	
	.xs-pt{padding-top: 40px;}
	.sub-menubar.xs-mt{margin-top: 110px;}
	.page a,.page span{margin:0 3px;}
	.about .content p{background:none;padding-left: 0px;margin-bottom: 30px;line-height: 1.6;font-size: 14px;color: #333;}
	.page a.p-prev{background:url("../images/page_left01.png") no-repeat center;border:1px solid #aaa;margin-right: 5px;} 
	.page a.p-next{background:url("../images/page_left02.png") no-repeat center;border:1px solid #aaa;margin-left: 5px;}
	/* 二级菜单 */
	.sub-menubar{height: auto;border-bottom: 0 none;}
	.sub-menubar li{margin-right: 0px;float:none;}
	.sub-menubar li a{font-size: 18px;display: block;padding-left: 0px;height: 40px;line-height: 41px;} 
	.sub-menubar li.active a,.sub-menubar li a:hover{color: #113b41;background:none;}
	.probar .select .title{height: 35px;background: url('../images/down_mid.png') no-repeat right center;}


	.news-box .con li .ms{margin-right: 40px;}
	.news-detail .title a.xs-dn{display: none;}

	.page{margin-bottom: 15px;}
	.news-back{padding-top: 10px;}

	/* 二级产品菜单 */
	.probar{position: absolute;left: 0;top: -34px;width: 100%;}
	.probar .side{width: 100%;height: 80px;-webkit-background-size: cover;background-size: cover;} 
	.probar .side .title{padding-left: 10px;padding-right: 10px;font-size: 20px;}
	.probar .side .con{padding-left: 10px;padding-top: 0;}
	.probar .side .con .content{margin-top: 0px;}
	.probar .side .con .content a{padding-right: 10px;font-size: 14px;}

	/* 关于我们 =============== */
	.about .content{margin-right:0px;text-align:Justify;text-justify:inter-ideograph;padding-top: 0;}
	.about .img{width: 100%;position: static;}
	.about .content p{margin-bottom: 10px;}

	/* 视频 */
	.galley-box ul{width: 100%;}
	.galley-box li{width: 50%;padding:0 5px;margin-right: 0;}
	.galley-box li .img{width: 100%;height: auto;}

	.xy{-webkit-background-size: cover;background-size: cover;}
	.xy .con{padding: 16px 0;}
	
	/* 选配 配件 ========== */  
	.option-box{width: 100%;overflow: hidden;padding-top:25px;}
	.option-box ul{width: 100%;}
	.option-box li{float: left;width:100%;margin-right: 0px;}
	.option-box li a{position: relative;display: block;height: auto;padding-bottom: 20px;}
	.option-box li .img{width: 120px;height: 120px;overflow: hidden;position: static;left: 0;top: 0;margin-left: 0px;margin-bottom: 5px;} 
	.option-box li .img img{width: 100%;} 
	.option-box li .content{margin-left: 0px;margin-right: 0px;} 
	.option-box li .name{font-size: 20px;color: #222;padding-bottom:2px;} 
	.option-box li .ms{font-size: 16px;color: #444;}  
	/* 新闻详情 */
	.news-detail .content .col-8{padding-right: 0px;} 
	
	/* 产品参数 */
	.pro-ms{top: 20px;right:20px;}
	.pro-ms p{font-size: 30px;}
	.canshu{width: 100%;overflow: auto;} 
	.probar .select{position: static;margin-top: 25px;width: 100%;}  
 	.canshu table td.title,.canshu table th.title{text-align: left;padding:0 5px;width: auto;background: #fff;}

	/* 产品概述 */
	.gaishu .img{position: relative;width: 728px;height: auto;overflow: hidden;}
	.gaishu .img ul li{float: left;width: 728px;}
	.gaishu .ms{padding:20px;}

	/* 产品特性 */
	.pro-tx ul{width: 100%;}
	.pro-tx li{width: 100%;padding: 0px;margin-right: 0;border:0 none;}  
	.pro-tx li .row{border:1px solid #e0e0e0;padding: 20px;}
	.pro-tx li img{width: 100%;}
	.pro-tx li:hover{border:0 none;} 

	/* mask3 特性弹出层*/ 
	.mask3 .con{margin-left: 0;margin-top: 0;top: 10px;width:100%;height: auto;left: 0;}
	.mask3 .con .close{background:url("../images/close@2x.png") no-repeat center;-webkit-background-size: 18px 18px; background-size: 18px 18px;} 
	.mask3 .con .close:hover{background:url("../images/close2@2x.png") no-repeat center;-webkit-background-size: 18px 18px; background-size: 18px 18px;} 
	.mask3 .con .side{padding: 50px 10px 20px 10px;float: none;}
	.mask3 .con .side .img{width: 100%;height: auto;}
	.mask3 .con .side .img img{max-width:100%;}
	.mask3 .con .content{width: 100%;padding:0 20px 20px 20px;float: none;} 
	.mask3 .con .content .num{font-size:30px;font-weight: bold;}
	.mask3 .con .content .ms{padding-top: 10px;}

	/* 服务 */
	.service-detial{position: relative;height: auto;}
	.service-detial .img{position: static;width: 100%;}
	.service-detial .img img{width: 100%;}

	.service-detial .content{position: static;width: 100%;height: auto;border:0px solid #d0d0d0;padding-left: 0;padding-right: 0;font-size: 16px;color: #444;} 
	.service-detial .content p{line-height: 2;margin-top: 10px;}      
}

@media (max-width: 321px){
	.page a,.page span{margin:0 1px;}
	.galley-box li{width: 100%;padding:0 10px;margin-right: 0;} 
	/* 二级产品菜单 */
	.probar{position: absolute;left: 0;top: -34px;width: 100%;}
	.probar .side{width: 100%;height: 80px;-webkit-background-size: cover;background-size: cover;} 
	.probar .side .title{padding-left: 5px;padding-right: 5px;font-size:18px;}
	.probar .side .con{padding-left: 10px;padding-top: 0;}
	.probar .side .con .content{margin-top: 0px;}
	.probar .side .con .content a{padding-right: 6px;font-size: 14px;}
	.menubar .con .list .content{top: 110px;}
	.menubar .con .list .title li a{line-height: 24px;padding-right: 20px;}

	/* banner */
	.banner .md li .content{display: none;}

	/* 选配 配件 ========== */   
	.option-box li .img{width: 120px;height: 120px;overflow: hidden;position: static;left: 0;top: 0;margin-bottom: 5px;margin-left: 0px;} 
	.option-box li .content{margin-left: 0px;margin-right: 0px;}  
}


@media (min-width: 768px) and (max-width: 991px) {
	body{-webkit-background-size: cover;background-size: cover;}
	/* logo */
	.header .logo{width: 160px;height: 182px;padding-top: 10px;}

	/* 导航菜单 */
	.header .nav{top: 65px;}
	.header .nav li{float: left;}
	.header .nav a{color: #fff;margin-left: 30px;font-size: 16px;}

	/* 新闻 */
	.main-index{height: auto;background: #fff;}
	.main-index .news,.main-index .guide{-webkit-background-size: cover;background-size: cover;}
	.main-index .guide{padding-left: 240px;}


	/* 底部 */
	/* .footer p{margin-right: 200px;padding-left:20px;}
	.footer{padding-bottom: 30px;} */	
	.footer{padding-left:10px;padding-right: 10px;}
	.footer p{margin-right: 0px;font-size: 14px;}
	.footer{padding-bottom: 30px;}
	.footer .link{position: static;margin-top: 30px;}
	
  /* 产品下拉框 */ 
/*   	.menubar .type2,.menubar .type3,.menubar .type4{margin-left: 0;}  */
	.menubar .type2,.menubar .type3{margin-left: 0;} 
/* 	.menubar .type1{width:38%;}
	.menubar .type2{width: 17%;}
	.menubar .type3{width: 17%;}
	.menubar .type4{width: 28%;}  */
	.menubar .type1{width:45%;}
	.menubar .type2{width: 27%;}
	.menubar .type3{width: 28%;}
	.menubar .tit a{padding:0px;font-size: 12px;width:auto;padding-left: 5px;}
	.menubar .tit span{padding: 0 10px;font-size: 12px;} 
	.menubar .con{width: 100%;height: auto;left: 0;}
	.menubar .con .list img{width: 100%;height: auto;}
	.menubar .con .list .title{position: absolute;top: 35px;left: 10px;}
	.menubar .con .list .title h3{font-size: 20px;}
	.menubar .con .list .title li a{line-height: 30px;}
	.menubar .con .list .content{position: absolute;top: 20px;left: 480px;width: 270px;}
	.menubar .con .list .content .ms{font-size: 20px;color: #222;}
	.menubar .con .list .content .more a{margin: 20px 0;}

	/* banner */
	.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
	.banner .md{width: 999999px;}
	.banner .md li{float: left;position: relative;}
	.banner .md li .con{left: 30px;right: 30px;top: 60px;} 
	.banner .md li .tit{font-size: 26px;} 
	.banner .md li .content{width:auto;height: auto;background: #235157;background:rgba(35,81,87,.8);padding: 5px 10px;margin-top: 50px;}
	.banner .md li .con.active .tit{}
	.banner .md li .con.active .content{margin-top: 10px;}
	.banner .md li .content .more span{margin-top: 5px;}

	/* 二级banner */
	.news-banner .con{position: absolute;top: 10px;left:auto;right: 10px;height:246px;padding:10px 15px;padding-top: 10px;}
	.news-banner .con.pos2{left: 10px;right: auto;top: 10px;height: 246px;padding:10px 15px;}
	.news-banner .name{font-size: 26px;margin-top: 0px;}
	.news-banner .ms{margin-top: 5px;line-height: 1.2;font-size: 13px;}
	.news-banner ul{margin-top: 10px;}
	
	/* 二级标题 */
	.news-box{background: #fff;width: 100%;min-height:100px;position: relative;padding-left: 10px;padding-right: 10px;}
	.news-box .tit{font-size: 40px;color:#235157; background:url("../images/news_titbg.jpg") no-repeat right center;font-weight: bold;margin-bottom: 0px;}
	.news-box .tit span{background: #fff;padding-right: 33px;display: inline-table;}
	
	/* 二级菜单 */ 
	.sub-menubar li{margin-right: 30px;}
	.sub-menubar li a{font-size: 18px;} 

	/* 二级产品菜单 */
	.probar{position: absolute;left: 0;top: -34px;width: 100%;}
	.probar .side{width: 420px;height: 80px;-webkit-background-size: cover;background-size: cover;} 
	.probar .side .title{padding-left: 30px;padding-right: 30px;font-size: 20px;}
	.probar .side .con{padding-left: 30px;padding-top: 0;}
	.probar .side .con .content{margin-top: 0px;}
	.probar .side .con .content a{padding-right: 10px;font-size: 14px;}


	.news-box .con li .ms{margin-right: 60px;}
	/* 关于我们 =============== */
	.about .content{margin-right:230px;}
	.about .img{width: 200px;}

	/* 视频 */
	.galley-box ul{width: 100%;}
	.galley-box li{width: 33.333333333%;padding:0 5px;margin-right: 0;}
	.galley-box li .img{width: 100%;height: auto;}

	.xy{-webkit-background-size: cover;background-size: cover;}
	.xy .con{padding: 16px 0;}


	/* 选配 配件 ========== */  
	.option-box{width: 100%;overflow: hidden;padding-top:25px;}
	.option-box ul{width: 100%;}
	.option-box li{float: left;width:100%;margin-right: 0px;}
	.option-box li a{position: relative;display: block;height: 145px;}
	.option-box li .img{width: 120px;height: 120px;overflow: hidden;position: absolute;left: 0;top: 0;} 
	.option-box li .img img{width: 100%;} 
	.option-box li .content{margin-left: 140px;margin-right: 10px;} 
	.option-box li .name{font-size: 20px;color: #222;padding-bottom:2px;} 
	.option-box li .ms{font-size: 16px;color: #444;}  


	/* 新闻详情 */
	.news-detail .content .col-8{padding-right: 30px;} 
	
	/* 产品参数 */
	.pro-ms{top: 20px;right:20px;}
	.pro-ms p{font-size: 30px;}

	.probar .select{top:45px;right: 10px;} 

 	.canshu table td.title,.canshu table th.title{text-align: left;padding-left: 10px;width: 180px;}

	/* 产品概述 */
	.gaishu .img{position: relative;width: 728px;height: auto;overflow: hidden;}
	.gaishu .img ul li{float: left;width: 728px;}
	.gaishu .ms{padding: 30px 30px;}

	/* 产品特性 */
	.pro-tx ul{width: 100%;}
	.pro-tx li{width: 50%;padding: 10px;margin-right: 0;border:0 none;}  
	.pro-tx li .row{border:1px solid #e0e0e0;padding: 20px;}
	.pro-tx li img{width: 100%;}
	.pro-tx li:hover{border:0 none;} 
 
	/* mask3 特性弹出层*/ 
	.mask3 .con{margin-left: -364px;margin-top: 0;top: 10px;width:728px;height: auto;}
	.mask3 .con .close{background:url("../images/close@2x.png") no-repeat center;-webkit-background-size: 18px 18px; background-size: 18px 18px;} 
	.mask3 .con .close:hover{background:url("../images/close2@2x.png") no-repeat center;-webkit-background-size: 18px 18px; background-size: 18px 18px;} 
	.mask3 .con .side{padding: 60px 40px 20px 40px;float: none;}
	.mask3 .con .side .img{width: 100%;height: auto;}
	.mask3 .con .side .img img{max-width:100%;}
	.mask3 .con .content{width: 100%;padding:0 40px 40px 40px;float: none;} 
	.mask3 .con .content .num{font-size:30px;font-weight: bold;}
	.mask3 .con .content .ms{padding-top: 10px;}

	/* 服务 */
	.service-detial{position: relative;height: auto;}
	.service-detial .img{position: static;width: 100%;}
	.service-detial .img img{width: 100%;}

	.service-detial .content{position: static;width: 100%;height: auto;border:0px solid #d0d0d0;padding-left: 0;padding-right: 0;font-size: 16px;color: #444;} 
	.service-detial .content p{line-height: 2;margin-top: 10px;}   
}



@media (min-width: 992px) and (max-width: 1199px) {
	body{-webkit-background-size: cover;background-size: cover;}
  /* 产品下拉框 */ 
/*   	.menubar .type2,.menubar .type3,.menubar .type4{margin-left: 0;}  */
	.menubar .type2,.menubar .type3{margin-left: 0;}
/* 	.menubar .type1{width: 40%;}
	.menubar .type2{width: 18%;}
	.menubar .type3{width: 17%;}
	.menubar .type4{width: 25%;}  */
	.menubar .type1{width:40%;}
	.menubar .type2{width: 28%;}
	.menubar .type3{width: 32%;}
	.menubar .tit a{padding:0 0px 0 10px;width:90px;}
	.menubar .tit span{padding: 0 10px;} 
	.menubar .con{width: 100%;height: auto;left: 0;}
	.menubar .con .list img{width: 100%;height: auto;}
	.menubar .con .list .title{position: absolute;top: 50px;left: 10px;}
	.menubar .con .list .title li a{line-height: 34px;}
	.menubar .con .list .content{position: absolute;top: 50px;left: 660px;width: 360px;}
	.menubar .con .list .content .more a{margin: 30px 0;}

	/* banner */
	.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
	.banner .md{width: 999999px;}
	.banner .md li{float: left;position: relative;}
	.banner .md li .con{left: 580px;top: 70px;} 
	.banner .md li .tit{font-size: 26px;width: 432px;} 
	.banner .md li .content{width: 432px;height: 180px;background: #235157;background:rgba(35,81,87,.8);padding:15px 20px;margin-top: 72px;}
	.banner .md li .con.active .tit{margin-top: -50px;}
	.banner .md li .con.active .content{margin-top: 20px;}
	.banner .md li .content .more span{margin-top: 5px;}

	.main-index .guide{background:url("../images/index_guide_bg.png") no-repeat 0 0;padding: 40px 28px 0 168px;}
	.main-index .guide .tit{text-align: right;}

	/* 底部 */
	/* .footer{padding-left:20px;} */
	.footer{padding-left:10px;padding-right: 10px;}
	.footer p{margin-right: 0px;font-size: 14px;}
	.footer{padding-bottom: 30px;}
	.footer .link{position: static;margin-top: 30px;}
	/* 二级banner */
	.news-banner .con{position: absolute;top: 10px;right:10px;left:auto;height:336px;padding:0 30px;padding-top: 20px;}
	.news-banner .con.pos2{left: 10px;right: auto;top: 10px;height: 336px;padding-top: 20px;}
	.news-banner .name{font-size: 36px;margin-top: 10px;}
	.news-banner .ms{margin-top: 10px;}
	.news-banner ul{margin-top: 20px;}



	/* 关于我们 =============== */
	.about .content{margin-right:350px;}
	.about .img{width: 330px;}

	/* 视频 */
	.galley-box ul{width: 100%;}
	.galley-box li{width: 25%;padding:0 5px;margin-right: 0;}
	.galley-box li .img{width: 100%;height: auto;}

	.xy{-webkit-background-size: cover;background-size: cover;}
	.xy .con{padding: 16px 0;}

	/* 选配 配件 ========== */  
	.option-box{width: 100%;overflow: hidden;padding-top:25px;}
	.option-box ul{width: 100%;}
	.option-box li{float: left;width:100%;margin-right: 0px;}
	.option-box li a{position: relative;display: block;height: 145px;}
	.option-box li .img{width: 120px;height: 120px;overflow: hidden;position: absolute;left: 0;top: 0;} 
	.option-box li .img img{width: 100%;} 
	.option-box li .content{margin-left: 140px;margin-right: 10px;} 
	.option-box li .name{font-size: 20px;color: #222;padding-bottom:2px;} 
	.option-box li .ms{font-size: 16px;color: #444;}  

	/* 内容 */
	.news-box{padding-left: 20px;padding-right: 20px;}

	/* 新闻详情 */
	.news-detail .content .col-8{padding-right: 50px;} 
	
	/* 产品参数 */
	.pro-ms{top: 30px;right:40px;}
	.pro-ms p{font-size: 35px;}

	.probar .select{top: 75px;right: 10px;} 
 
	/* 产品概述 */
	.gaishu .img{position: relative;width: 884px;height: auto;overflow: hidden;}
	.gaishu .img ul li{float: left;width: 884px;}
	.gaishu .ms{padding: 30px 30px;}

	/* 产品特性 */
	.pro-tx ul{width: 100%;}
	.pro-tx li{width: 50%;padding: 10px;margin-right: 0;border:0 none;}  
	.pro-tx li .row{border:1px solid #e0e0e0;padding: 20px;}
	.pro-tx li img{width: 100%;}
	.pro-tx li:hover{border:0 none;}  

	/* mask3 特性弹出层*/ 
	.mask3 .con{margin-left: -440px;margin-top: 0;top: 10px;width:880px;height: auto;}
	.mask3 .con .close{background:url("../images/close@2x.png") no-repeat center;-webkit-background-size: 24px 24px; background-size: 24px 24px;} 
	.mask3 .con .close:hover{background:url("../images/close2@2x.png") no-repeat center;-webkit-background-size: 24px 24px; background-size: 24px 24px;} 
	.mask3 .con .side{padding: 60px 40px 20px 40px;float: none;}
	.mask3 .con .side .img{width: 100%;height: auto;}
	.mask3 .con .side .img img{max-width:100%;}
	.mask3 .con .content{width: 100%;padding:0 40px 40px 40px;float: none;} 
	.mask3 .con .content .num{font-size:30px;font-weight: bold;}
	.mask3 .con .content .ms{padding-top: 10px;}

	/* 服务 */
	.service-detial{position: relative;height: auto;}
	.service-detial .img{position: static;width: 100%;}
	.service-detial .img img{width: 100%;}

	.service-detial .content{position: static;width: 100%;height: auto;border:0px solid #d0d0d0;padding-left: 0;padding-right: 0;font-size: 16px;color: #444;} 
	.service-detial .content p{line-height: 2;margin-top: 10px;}

}

@media (min-width: 1200px) and (max-width: 1440px) {
  	/* 产品下拉框 */  
/* 	.menubar .type1{width: 514px;}
	.menubar .type2{width: 180px;}
	.menubar .type3{width: 219px;}
	.menubar .type4{width: 324px;}  */
	.menubar .type2,.menubar .type3{margin-left: 0;}
	.menubar .type1{width:40%;}
	.menubar .type2{width: 28%;}
	.menubar .type3{width: 32%;} 
	.menubar .tit a{padding:0 5px 0 15px;width:90px;}
	.menubar .tit span{padding: 0 15px;} 
	.menubar .con{width: 1180px;height: auto;}
	.menubar .con .list img{width: 100%;height: auto;}
	.menubar .con .list .title{position: absolute;top: 70px;left: 50px;}
	.menubar .con .list .content{position: absolute;top: 70px;left: 760px;}
   
	/* banner */
	.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
	.banner .md{width: 999999px;}
	.banner .md li{float: left;position: relative;}
	.banner .md li .con{left: 680px;top: 90px;} 
	.banner .md li .tit{font-size: 36px;} 
	.banner .md li .content{width: 460px;height: 230px;background: #235157;background:rgba(35,81,87,.8);padding: 25px;margin-top: 72px;} 
 
	/* 二级banner */
	.news-banner .con{position: absolute;top: 20px;left: 728px;height:390px;padding:0 30px;padding-top: 40px;}
	.news-banner .con.pos2{left: 50px;right: auto;top: 20px;height: 390px;padding-top: 40px;} 
	.news-banner .name{font-size: 40px;margin-top: 10px;}
	.news-banner .ms{margin-top: 10px;}
	.news-banner ul{margin-top: 20px;}

	/* 关于我们 =============== */
	.about .content{margin-right: 600px;}
	.about .img{width: 524px;}

	/* 视频 */
	.galley-box ul{width: 1200px;}
	.galley-box li{width: 175px;}
	.galley-box li .img{width: 175px;height: auto;} 


	/* 选配 配件 ========== */  

	.option-box{width: 100%;overflow: hidden;padding-top:25px;}
	.option-box ul{width: 1200px;}
	.option-box li{float: left;width:50%;margin-right: 0px;}
	.option-box li a{position: relative;display: block;height: 145px;}
	.option-box li .img{width: 120px;height: 120px;overflow: hidden;position: absolute;left: 0;top: 0;} 
	.option-box li .img img{width: 100%;} 
	.option-box li .content{margin-left: 140px;margin-right: 10px;} 
	.option-box li .name{font-size: 20px;color: #222;padding-bottom:2px;} 
	.option-box li .ms{font-size: 16px;color: #444;}  


	/* 产品概述 */
	.gaishu .img{position: relative;width: 771px;height: auto;overflow: hidden;}
	.gaishu .img ul li{float: left;width: 771px;}
	.gaishu .ms{padding: 30px 30px;} 

	/* 产品特性 */
	.pro-tx ul{width: 1200px;}
	.pro-tx li{width: 212px;padding: 30px 10px;}  
	.pro-tx li img{width: 100%;} 

	/* mask3 特性弹出层*/ 
	.mask3 .con{margin-left: -620px;margin-top: -253px;width: 1240px;height: auto;}
	.mask3 .con .side .img{width: 800px;height: auto;}
	.mask3 .con .side .img img{width:100%;}
	.mask3 .con .content{width: 410px;padding: 90px 60px 0 60px;} 

	/* 服务 */
	/* .service-detial{position: relative;height: 444px;margin-top: 56px;margin-bottom: 40px;}
	.service-detial .img{position: absolute;left: 0;top: 0;width: 520px;}
	.service-detial .img img{width: 100%;}
	.service-detial .content{position: absolute;right: 0;top: 29px;width: 668px;height: 330px;border:4px solid #d0d0d0;padding-left: 140px;padding-right: 40px;font-size: 16px;color: #444;}
	.service-detial .content img{padding-top: 10px;padding-bottom: 25px;padding-left: 8px;}
	.service-detial p{line-height: 1.6;margin-bottom: 5px;font-size: 16px;color: #444;}
	.service-detial p span{background: #113b41;color: #fff;padding: 3px 7px;} */
	
	 /* 底部 */
	/* .footer{padding-left:20px;} */
	.footer{padding-left:10px;padding-right: 10px;}
	.footer p{margin-right: 0px;font-size: 14px;}
	.footer{padding-bottom: 30px;}
	.footer .link{position: static;margin-top: 30px;}
}
 

/* 搜索列表 */
.search-list{}
.search-list li .name a {margin-right: 0;}

.search-l-tit{padding:15px 0;border-bottom: 1px solid #ddd;color: #666;font-size: 16px;}

.search-box{position: relative;height: 40px;background: #eee;border-radius: 20px;width: 100%;} 
.search-box form input[type="text"],.search-box form input[type="submit"]{vertical-align: middle;display: inline-block;} 
.search-box form input[type="text"]{height: 40px;line-height: 40px;border:0 none;background: transparent;padding-left: 20px;font-size: 16px;width: 100%;color: #666;}
.search-box form input[type="submit"]{position: absolute;top: 0;right: 0px;width: 60px;height: 40px;background:url(../images/search_list_icon.png) no-repeat center;border:0 none;cursor: pointer;z-index: 88;}


.news-box .tit .select{position: absolute;top: 40px;right: 0px;width: 169px;background: #d4d4d4;color: #fff;border-radius: 18px;line-height: 35px;cursor: pointer;padding: 0 20px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;z-index: 90;font-weight: normal;} 
.news-box .tit .select.active{background: #235157;border-radius: 10px;}
.news-box .tit .select .title{height: 35px;background: url('../images/down_mid.png') no-repeat 114px center;font-size: 14px;}
.news-box .tit .select .title.active{background-image:url("../images/up_mid.png");}
.news-box .tit .select ul{border-top: 1px solid #eee;border-top: 1px solid rgba(255,255,255,.1);padding-bottom: 15px;display: none;}
.news-box .tit .select li{padding-top: 10px;}
.news-box .tit .select li .num,.news-box .tit .select li .ms{color: #fff;font-size: 13px;line-height: 1.2;} 

 
/* 移动设备图标处理 */
@media (max-width: 1199px) { 
	.link a{-webkit-background-size: 100%;background-size: 100%;}
	.link a.facebook{background-image: url("../images/facebook_@2x.png");}
	.link a.twitter{background-image: url("../images/twitter_@2x.png");}
	.link a.youtube{background-image: url("../images/youtube_@2x.png");}
	.link a.linkin{background-image: url("../images/linkin_@2x.png");}

	.header .topbar .search input[type="submit"]{background:url("../images/search_icon_@2x.png") no-repeat center;-webkit-background-size:12px 12px ; background-size: 12px 12px;} 
	.header .topbar .version .tit .name{background:url("../images/down_min_@2x.png") no-repeat right center;-webkit-background-size:8px 5px ; background-size: 8px 5px;}
	.header .topbar .version .tit.active .name{background-image: url("../images/up_min_@2x.png");}

	.galley-box li .img:after{background:rgba(0,0,0,.6) url("../images/play_@2x.png") no-repeat center;-webkit-background-size: 30px 30px; background-size: 30px 30px;} 
}




/* 视频弹出层 */
@media (max-width: 767px) { 
	.mask .con{left: 0%;top: 0%;margin-left: 0;margin-top: 0;width:100%;height: auto;background: #000;background:rgba(0,0,0,.8);}
	.mask .con .c{width: 100%;height: 280px;background: #000;} 

	.news-box .tit .select{position: absolute;top: 63px;right: 0px;width: 100%;background: #d4d4d4;color: #fff;border-radius: 18px;line-height: 35px;cursor: pointer;padding: 0 20px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;z-index: 90;font-weight: normal;} 
	.news-box .tit .select .title{height: 35px;background: url('../images/down_mid.png') no-repeat right center;}
	.news-box .tit {margin-top: 5px; }
}
@media (min-width: 768px) and (max-width: 991px) { 
	.mask .con{left: 50%;top: 50%;margin-left: -320px;margin-top: -187px;width:640px;height: 394px;background: #000;background:rgba(0,0,0,.8);padding: 5px;} 
	.mask .con .c{width: 100%;height: 350px;background: #000;} 
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.mask .con{left: 50%;top: 50%;margin-left: -320px;margin-top: -187px;width:640px;height: 394px;background: #000;background:rgba(0,0,0,.8);padding: 5px;} 
	.mask .con .c{width: 100%;height: 350px;background: #000;} 
}
@media (min-width: 1200px) and (max-width: 1440px) { 
	.mask .con{left: 50%;top: 50%;margin-left: -320px;margin-top: -187px;width:640px;height: 394px;background: #000;background:rgba(0,0,0,.8);padding: 5px;} 
	.mask .con .c{width: 100%;height: 350px;background: #000;} 
}
@media (min-width: 1441px) { 
	.mask .con{position: absolute;left: 50%;top: 50%;margin-left: -320px;margin-top: -187px;width:640px;height: 394px;background: #000;background:rgba(0,0,0,.8);padding: 5px;} 
	.mask .con .c{width: 100%;height: 350px;background: #000;}  
} 


.vedio{width: 100%;height:auto;background:url(../images/galley_bg.jpg);padding: 0px 0;}
.vedio embed,.vedio iframe{display: block;margin:0 auto;width:640px;height: 360px;border:6px solid #212121;}
.mask .con .mv-title{padding: 10px;line-height: 1.5;font-size: 14px;color: #fff;}	
.mask .con .c embed,.mask .con .c iframe{display: block;width: 100%;height: 100%;}

@media(max-width: 767px) { 
	.vedio embed,.vedio iframe{display: block;margin:0 auto;width: 100%;height: 280px;border:0px none;}
}
@media(max-width: 361px) { 
	.vedio embed,.vedio iframe{display: block;margin:0 auto;width: 100%;height: 200px;border:0px none;}
	.mask .con .c{width: 100%;height: 200px;} 
}

.news-box .tit.bg-none{background:none;padding-bottom: 50px;}