@charset "utf-8";
/* CSS Document */
@import url(nav.css);
@import url(index_show.css);
@import url(footer_nav.css);
body{background:#fff;max-width:1920px;width: 100%;margin:0 auto;}
.wrap{max-width:1560px;width: 100%; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.wrap2{max-width:1346px;}
.wrap3{max-width:1318px;}
.textOver{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.display-table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.inline-block{display: inline-block;}
.middle{vertical-align: middle;}
.picCenter {text-align: center;}
.picCenter span {display: inline-block;height: 100%;vertical-align: middle;}
.show-pc{}
.show-mb{display: none;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans2{-webkit-transition:all 400ms ease 0s; -moz-transition:all 400ms ease 0s; -ms-transition:all 400ms ease 0s; -o-transition:all 400ms ease 0s; transition:all 400ms ease 0s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
@font-face{font-family: 'MyriadPro';src: url(/inc/file/fonts/MyriadPro.otf);}
.ffamily1{}

.hide_body{left: 50%;}

#header{position: relative;}
#header .posi-ab{position: absolute;left: 0;top: 0;width: 100%;padding: 40px 100px 0;}
#header .logo{margin-top: -10px;}
#header .nav{}
#header .nav .ul{}
#header .nav .ul .li{display: inline-block;margin-left: 40px;}
#header .nav .ul .li a{display: inline-block;color: #fff;font-size: 14px;padding-bottom: 10px;}
#header .nav .ul .li_on{}
#header .nav .ul .li_on a{border-bottom: 3px solid #00b2e2;}
#header .nav .ul .mb-form{display: none;padding: 10px 0;}
#header .nav .ul .mb-form .text{width:130px;border:1px solid #838383;border-radius: 5px;padding:3px 0;text-indent: 4px;font-size: 13px;}
#header .nav .ul .mb-form .sub{border:none;background: none;}
#header .search{margin-left: 20px;}
#header .search .search-form{overflow: hidden;position: relative;display: inline-block;width: 0;}
#header .search .search-form .text{border:1px solid #ededed;background: #fff;padding:0 22px 0 10px;border-radius: 50px;width: 120px;}
#header .search .search-form .sub{position: absolute;right: 0;top: 0;width: 21px;height: 21px;background: #00b2e2 url(/images/head1.png) no-repeat center;border:none;border-radius: 50px;}
#header .search .show-form{background: url(/images/head1.png) no-repeat center;width: 22px;height: 22px;display: inline-block;}
#header .m-nav{width:40px;}
#header .change-lang{margin-left: 20px;}
#header .change-lang a{border:1px solid #777;display: inline-block;border-radius: 100px;padding:6px 5px;line-height: 100%;color: #0E031C;font-size: 12px;}
.mask{position: fixed;top: 0;left:0;width:100%;height:100%;z-index: 90;visibility: hidden;opacity: 0;    background: rgba( 0, 0, 0, 0.4);}
.mask_vis{visibility: visible;opacity: 1.0;transition: visibility 0s, opacity 0.5s;}

#ibanner,#banner{width: 100%;max-width: 1920px;}

#i-product{position: relative;}
#i-product .left{width: 51.201%;background: #f9fafc;}
#i-product .left .title{font-size: 16px;color: #333333;font-family: 'MyriadPro';margin-top: 100px;}
#i-product .left .bf{font-size: 16px;color: #555555;margin: 15px 0 75px;}
#i-product .right{position: absolute;right: 0;top:0;width: 48.8%;height: 100%;}
#i-product .right .main{position: relative;}
#i-product .right .main .top{position: absolute;top:0;left:0;width: 100%;height: 50%;background: #00b2e2;}
#i-product .right .main .top .mid-width{width:90%;margin:0 auto;}
#i-product .right .top .title{font-size: 32px;color: #fff;font-family: 'MyriadPro';}
#i-product .right .top .bf{font-size: 16px;color: #fff;font-family: "MyriadPro";margin:2% 0 4%;}
#i-product .right .top .but{}
#i-product .right .top .but a{font-size: 16px;color: #00b2e2;font-family: "MyriadPro";display: inline-block;background: #fff;padding:1.3% 4%;border-radius: 50px;}
#i-product .right .bottom{position: absolute;left: 0;top: 50%;width: 100%;height: 50%;}
#i-product .right .bottom div{width:50%;}

.iTitle div{font-size: 32px;color: #000;font-family: "MyriadPro";}
.iTitle span{display: inline-block;border-bottom: 3px solid #00b2e2;width: 30px;}

#can-do{padding:4% 0 0%;}
#can-do .main{width: 80%;margin:0 auto;}
#can-do .box{margin:4% 0 5%;}
#can-do .box .img{height: 70px;}
#can-do .box .name{font-size: 16px;font-family: "MyriadPro";}
#can-do .box .bf{font-size: 13px;color: #888;font-family: "MyriadPro";line-height: 200%;}
#can-do .box img{position: relative;top:0;left:0;}

#i-video{position: relative;}
#i-video .play{position: absolute;left:48%;top:48%;width: 5%;}
#i-video .video{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 95;}
#i-video .video .main{position: relative;}
#i-video .video .main .close{position: absolute;right: 2%;top:2%;font-size: 30px;}


#i-news{padding:2% 0 4%;}
#i-news .box{margin: 3% 3.0769% 0 0;float: left;cursor: pointer;}
#i-news .no-mr{margin-right: 0;}
#i-news .big_box{width: 48.462%;position: relative;}
#i-news .big_box .detail{position: absolute;left: 0;bottom: 3%; width: 90%;/*padding:0 2.5% 2%;*/ opacity: 0;}
#i-news .big_box .show_detail{left: 3%;opacity: 1;}
#i-news .big_box .detail .t{font-size: 22px;color: #fff;}
#i-news .big_box .detail .date{font-size: 16px;color: #fff;}
#i-news .big_box .fa{position: absolute;right: 0;bottom: 3%;color: #fff;font-size: 16px;opacity: 0;}
#i-news .big_box .show_fa{right: 3%;opacity: 1;}
#i-news .sm_box{width: 22.565%;}
#i-news .sm_box .detail{width: 100%;padding:4% 2.5%;background: #ebebeb;}
#i-news .sm_box .img{position: relative;}
#i-news .sm_box .if_mask{width:200%; height:0; background:url(/images/info_bg.png); position:absolute; left:-50%; top:48%; z-index:2001; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
#i-news .sm_box .sear{position: absolute;left: 0;top: -50%;width: 100%;z-index: 2002;}
#i-news .sm_box .sear .fa{color: #fff;font-size: 25px;}
#i-news .sm_box .detail .t{font-size: 18px;color: #333333;width: 100%;padding-bottom: 7%;}
#i-news .sm_box .detail .date{font-size: 16px;color: #888;}
#i-news .sm_box .detail .fa{color: #ccc;font-size: 16px;margin-top: 1%;}
#i-news .sm_box:hover .sear{top:50%;}
#i-news .sm_box:hover .if_mask{width:200%; height:400%; left:-70%; top:-100%; -webkit-transition:800ms; -moz-transition:800ms ; -ms-transition:800ms; -o-transition:800ms; transition:800ms;}

#footer{}
#footer .bg1{background: #000;padding:1% 0 2%;}
#footer .bg1 .box{width: 20%;}
#footer .bg1 .box .t{font-size: 18px;color: #fff;padding-bottom: 1%;}
#footer .bg1 .box .li{line-height: 180%;}
#footer .bg1 .box .li a{font-size: 14px;color: #b5b5b5;}
#footer .bg1 .box .first{}
#footer .bg1 .box .last{}
#footer .bg1 .inline-block{text-align: left;}
#footer .bg2{background: #202020;padding:1.2% 0;}
#footer .bg2 .cr{font-size: 14px;color: #fff;}
#footer .bg2 .share{}
#footer .bg2 .share a{margin:0 8px;}


#about{}
.wrap-title{margin: 2% 0;}
.wrap-title .t{font-size: 32px;color: #333;}
.wrap-title span{font-size: 10px;color: #888;border-bottom: 1px solid #353535;display: inline-block;padding:.5% 0;}
#about .turn-on{padding: 2% 0 5%;}
#about .turn-on .wrods{width:57%;}
#about .turn-on .ab-video{width:33.5769%;margin-left: 3%;}
#about .turn-on .ab-video .img{box-shadow: -30px 30px #00b2e2;}
#about .turn-on #i-video .play{width: 13%;top: 35%;left: 44%;}
#about .turn-on .bottom-font{position: absolute;bottom: -25px;right: 55px;color: #fff;font-size: 14px;}
#about .team{background: #f2f2f2;}
#about .team .wrap{position: relative;}
#about .team .list{width: 88%;margin: 0 auto;padding-bottom: 5%;height: 500px;}
#about .team .list .bd{position: relative;left:0;top:0;width: 9999999999px;}
#about .team .list .bd .box{width: 172px;margin-right: 12px;margin-top: 65px;cursor: pointer;}
#about .team .list .bd .box .t{width: 100%;padding:1.5% 0;color: #888;font-size: 12px;}
#about .team .list .bd .mid-box{width: 266px;margin-top: 0;box-shadow: 10px 12px 13px #dad9d9;}
#about .team .list .bd .mid-box .t{padding:4% 2%;text-align: left;background: #fff url(/images/ab4.jpg) no-repeat 95% center;}
#about .team .list .button{position: absolute;/*top:48%;*/top: 50%;cursor: pointer;width: 2%;}
#about .team .list .prev{left: 0;}
#about .team .list .next{right: 0;}
#about .story{padding-bottom: 5%;}
#about .story .year{font-size: 72px;color: #353535;font-family: "Times New Roman";}
#about .story .wrap{}
#about .story .list{width: 96%;margin:0 auto;position: relative;padding-bottom: 2%;z-index: 60;}
#about .story .list .mid-sopt{position: absolute;top:0;left:50%;border-radius: 50px;width: 14px;height: 14px;line-height: 10px;box-shadow: 3px 2px 4px #dddcdc;font-size: 20px;font-weight: bold;background: #fff;}
#about .story .list .bd{}
#about .story .list .bd .box{width: 16.6678%;padding:3px 0;position: relative;border-bottom: 1px solid #353535;cursor: pointer;}
#about .story .list .bd .box span{}
#about .story .list .bd .box .spot{position: absolute;left:50%;bottom: -3px;}
#about .story .list .hd{text-align: center;}
#about .story .list .hd .button{position: absolute;top:0;cursor: pointer;display: inline-block;}
#about .story .list .hd .prev{left: 0;}
#about .story .list .hd .next{right: 0;}
#about .story .content{}
#about .story .content .box{display: none;position: relative;}
#about .story .content .box .bf{width: 50%;height: 100%;position: absolute;left: 0;top: 0;}
#about .story .content .box .bf .wid{width:80%;margin: 0 auto;font-size: 14px;color: #353535;line-height: 200%;}
#about .story .content .box .pic{width: 49.5%;padding:3% 0;}
#about .story .content .box .mid-line{position: absolute;left:50.5%;top: -7%;height: 110%;border-right: 1px solid #353535;z-index: 50;}
#about .list_m{display: none;padding: 4% 0;}
#about .list_m .bd{position: relative;left:0;top:0;width: 9999999999px;}
#about .list_m .bd .box{margin-right: 12px;}
#about .list_m .bd .box .t{margin-top: 3%;}




#products{padding-bottom: 3%;}
#products .product-box{}
#products .product-box .box{background: #f5f7fa;width:49%;padding:5% 2% 3%;margin:.4%;}
#products .product-box .box .t{font-size: 22px;color: #333;padding-bottom: 1%;}
#products .product-box .box .more a{font-size: 12px;color: #00b2e2;}
#products .product-box .box .img{height: 385px;margin:4% 0 0;}
#products .product-box .last{width: 100%;margin-top: 1%;}
#products .product-box .last .t{text-align: center;}
#products .product-box .last .more{text-align: center;}

#product-detail{padding:3% 0;}
#product-detail .top .pic{width:36.41%;position: relative;}
#product-detail .top .pic .b-img{border:1px solid #e5e5e5;height: 400px;}
#product-detail .top .pic .s-img{}
#product-detail .top .desc{padding-left: 4%;width: 60%;}
#product-detail .top .desc .name{font-size: 22px;color: #333;margin:2% 0;}
#product-detail .top .desc .bf{font-size: 14px;color: #333;line-height: 200%;margin:4% 0;}
#product-detail .top .desc .inq{padding-top: 3%;}
#product-detail .top .desc .inq a{display: inline-block;background: #00b2e2;color: #fff;border-radius: 14px;padding:2% 5%;}
#product-detail .detail{}
#product-detail .detail .tab{background: #e5e5e5;margin:3% 0 0;letter-spacing: -3px;}
#product-detail .detail .tab span{display: inline-block;padding:1% 2%;border-top: 3px solid #e5e5e5;font-size: 18px;color: #333;cursor: pointer;letter-spacing: 0;}
#product-detail .detail .tab .span-on{border-color: #00b2e2;background: #fff;}
#product-detail .detail .ct{display: none;padding:3% 2% 0;}
.scrollBox{width:93%;margin:2% auto;position: relative;}
.scrollBox .hd{}
.scrollBox .hd ul{ display: none;}
.scrollBox .bd li{width:23%;max-height: 98px;float: left;margin:0 1%;border:1px solid #e6e6e6;text-align: center;cursor: pointer;    overflow: hidden;}
.scrollBox .button{display:inline-block;overflow:hidden;position: absolute;top:45%;width: 3.5%;cursor: pointer;}
.scrollBox .prev{left: -4%;}
.scrollBox .next{right: -4%;}


#info{}
#info .cate-row{margin:2% 0;}
#info .cate-row .main{display: inline-block;}
#info .cate-row .name{margin-right: 1px;width: 195px;}
#info .cate-row .name a{display: inline-block;width: 100%;padding:14px 0;background: #efefef;font-size: 18px;color: #555;}
#info .cate-row .on{}
#info .cate-row .on a{background: #00b2e2;color: #fff;}
#info .row{}
#info .row .box{margin-bottom: 3%;cursor: pointer;}
#info .row .box .img{position: relative;}
#info .row .box .img .fa{color: #fff;font-size: 25px;}
#info .row .box .img .if_mask{width:200%; height:0; background:url(/images/info_bg.png); position:absolute; left:-50%; top:48%; z-index:2001; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
#info .row .box .img .sear{position: absolute;left: 0;top: -50%;width: 100%;z-index: 2002;}
#info .row .box .det{background: #efefef;padding:3%;}
#info .row .box .det .t{color: #333;font-size: 18px;width: 99%;}
#info .row .box .det .bf{color: #555;font-size: 12px;line-height: 190%;height: 45px;margin:2.5% 0;}
#info .row .box .det .d{color: #888;font-size: 16px;}
#info .row .box:hover .sear{top:50%;}
#info .row .box:hover .if_mask{width:200%; height:400%; left:-70%; top:-100%; -webkit-transition:800ms; -moz-transition:800ms ; -ms-transition:800ms; -o-transition:800ms; transition:800ms;}
#info_detail{padding-bottom: 5%;}
#info_detail .title{font-size: 18px;padding:2% 0;}
#info_detail .d{padding-bottom: 2%;}
#info_detail .content{}


#support{}
#support .row1{padding:1% 0 4%;}
#support .row1 .box{margin-right: 14.813%;width: 23.1%;}
#support .row1 .last{margin-right: 0;}
#support .row1 .box .img{width: 25%;}
#support .row1 .box .right{padding-left: 10px;width: 73%;}
#support .row1 .box .right .t{font-size: 18px;color: #00b2e2;padding-bottom: 3%;}
#support .row1 .box .right .bf{font-size: 14px;color: #555;}
#support .supp-artical{border-top: 1px solid #e6e6e6;padding:1.5% 0;}
#support .supp-artical .slideBox{ position:relative; overflow:hidden; margin:0 auto;width: 100%;}
#support .supp-artical .slideBox .hd{text-align: center;}
#support .supp-artical .slideBox .hd ul{display: inline-block;}
#support .supp-artical .slideBox .hd li{ display:inline-block; width:23px; height:23px; border-radius:50px;margin:0 6px;color: #888;border:1px solid #d5d5d5;cursor: pointer;}
#support .supp-artical .slideBox .hd li.on{background: #00b2e2;color: #fff;border:1px solid #00b2e2;}
#support .supp-artical .slideBox .hd .button{cursor: pointer;width:23px; height:23px;display: inline-block;}
#support .supp-artical .slideBox .bd{ position:relative; z-index:0;}
#support .supp-artical .slideBox .bd li{}
#support .supp-artical .row2{}
#support .supp-artical .row2 .box{padding:2%;width:48.2912%;margin-right: 3.1203%;margin-bottom: 3.1203%; border:1px solid #e6e6e6;}
#support .supp-artical .row2 .no-mr{margin-right: 0;}
#support .supp-artical .row2 .box .c-name{border-left: 4px solid #00b2e2;padding:0 0 0 5px;margin-bottom: 2%;}
#support .supp-artical .row2 .box .list{line-height: 200%;height: 84px;}
#support .supp-artical .row2 .box .list .title{}
#support .supp-artical .row2 .box .list .title a{font-size: 14px;color: #555;display: inline-block;width: 100%;}
#support .find{background: #f4f4f4 url(/images/spo_bg.jpg) no-repeat center bottom;}
#support .find .f3{font-size: 18px;color: #888;}


#contact{}
#contact .ct-way{position: relative;margin-bottom: 4%;}
#contact .ct-way .pic{width: 50%;}
#contact .ct-way .word{position: absolute;width: 50%;height: 100%; right: 0;top: 0;background: #00b2e2;}
#contact .ct-way .word .mar{width: 90%;margin:0 auto;}
#contact .ct-way .word .mar .li{color: #fff;font-size: 16px;line-height: 200%;padding-left: 25px;background-position:0 8px;background-repeat:no-repeat;  }
#contact .feedback{background: #f3f3f3;}
#contact .feedback .form{overflow: hidden;}
#contact .feedback .form .tr{margin-bottom: 1.5%;}
#contact .feedback .form .tr span{display: inline-block;width: 47.7238%;}
#contact .feedback .form .tr span:first-child{margin-right: 4%;}
#contact .feedback .form .tr span input{border:1px solid #e4e4e4;background: #fff;text-indent: 15px;font-size: 14px;color: #888;height: 45px;width: 100%;}
#contact .feedback .form .code span input{border:1px solid #e4e4e4;background: #fff;text-indent: 15px;font-size: 14px;color: #888;height: 45px;width: calc(100% - 180px);vertical-align: middle;}
#contact .feedback .form .code span img{height: 45px;}
#contact .feedback .form .tr span select{appearance:none;-moz-appearance:none;-webkit-appearance:none;border:1px solid #e4e4e4;background:#fff url(/images/sele.jpg) no-repeat 98% center;width:100%;font-size: 14px;color: #B9B9B9;height: 45px;text-indent: 7px;}
#contact .feedback .form .tr textarea{width: 100%;border:1px solid #e4e4e4;resize:none;text-indent: 15px;padding:1% 0;font-size: 14px;color: #888;height: 130px;}
#contact .feedback .form .button{margin: 3% 0;}
#contact .feedback .form .button input{border:none;background: none;font-size: 16px;color: #fff;width: 190px;padding:1% 0;border-radius: 10px;}
#contact .feedback .form .button .sub{background: #00b2e2;margin-right: 2%;}
#contact .feedback .form .button .res{background: #b5b5b5;}

#inquiry{padding:4% 0;}



@media only screen and (max-width: 1440px){
	.wrap{padding:0 2%;}
	#about .team .list{width: 100%;}
	#about .story .list{width: 100%;}
}
@media only screen and (max-width: 1280px){
	#header .posi-ab{padding-left: 4%;padding-right: 4%;}
	#i-news{padding-left: 2%;padding-right: 2%;}
	#about .team .list .bd .box{width: 154px;}
	#about .team .list .bd .mid-box{width: 230px;}
}

@media only screen and (max-width: 1024px){
	#i-product .right .top .title{font-size: 23px;}
	#i-product .right .top .bf{line-height: 163%;font-size: 13px;}
	#products .product-box .box .img{height: 225px;}
	#support .row1 .box{text-align: center;}
	#support .row1 .box .img{display: block;width: 100%;margin-bottom: 5%;}
	#support .row1 .box .right{display: block;padding-left: 0;width: 100%;}
	#about .team .list{height: 350px;}
	#about .team .list .bd .box{width: 123px;margin-top: 35px;}
	#about .team .list .bd .mid-box{width: 170px;margin-top: 0;}
}

@media only screen and (max-width: 992px){
	#header .mb_nav{position: fixed;top: 0;left: -240px;width: 240px;height: 100%;background: #edeef0;z-index:100;}
	#header .mb_nav .ul .li{display: block;margin-left: 0;text-align: center;border-bottom: 1px solid #c8c5c5;}
	#header .mb_nav .ul .li a{border:none;padding:15px 0;color: #000 !important;width: 100%;font-size: 16px;}
	#header .mb_nav .ul .li_on a{color: #00b2e2;}
	#header .search{margin:5px 10px 0 0;}
 	#i-product .left,#i-product .right{width: 100%;float: none;position: initial;}
 	#i-product .right .main .top,#i-product .right .main .bottom{position: initial;}
	#i-product .right .top{text-align: center;padding:4% 0;}
 	#i-product .right .main .top .mid-width{width: 95%;}
	#i-product .right .top .title{font-size: 32px;}
	#i-product .right .top .bf{line-height: 190%;font-size: 16px;}
	#i-product .right .mg-left{margin-left: 0;}
	#can-do .main{width: 95%;}
	#i-news .box{margin-right: 3.0769%;}
	#i-news .no-mr2{margin-right: 0;}
	#i-news .big_box{width: 100%;text-align: center;margin-right: 0;}
	#i-news .big_box .detail{padding-bottom: 1%;}
	#i-news .big_box .detail span{float: none;display: block;}
	#i-news .sm_box .detail .t{font-size: 14px;}
	#i-news .sm_box .detail .date{font-size: 13px;}
	#footer .bg1{display: none;}
	#about .turn-on .wrods{float: none;width: 100%;}
	#about .turn-on .ab-video{width: 60%;margin: 0 auto 6%;float: none;}
	#info .cate-row .main{display: block;}
	#info .cate-row .name{width: 33%;}
	#info .cate-row .name a{font-size: 12px;}
	#contact .ct-way .pic{width: 100%;text-align: center;}
	#contact .ct-way .word{position: unset;width: 100%;padding:2% 0;}
	#lib_product_inquire .product_list .item{width: 100%;}
	#lib_product_inquire .form{width: 100%;}
	#about .team .list{display: none;}
	#about .list_m{display: block;}
	#about .story .content .box .mid-line{display: none;}
	#about .story .list .mid-sopt{display: none;}
	#about .story .content .box .pic{width: 100%;}
	#about .story .content .box .bf{position: unset;width: 100%;}
	#about .story .list .hd{padding-top: 4%;}
	#about .story .list .hd .button{position: unset;margin:0 2%;}
	#header .search .show-form{display: none!important;}
}

@media only screen and (max-width: 768px){
	#can-do .box .name{font-size: 14px;}
	#can-do .box .bf{line-height: 160%;font-size: 12px;}
	#i-news .sm_box{width: 48.4621%;}
	#i-news .no-mr2{margin-right: 3.0769%;}
	#i-news .no-mr3{margin-right: 0;}
	#i-news .big_box .detail .t{font-size: 16px;}
	#products .product-box .box{width: 100%;text-align: center;margin: 2% 0;}
	#products .product-box .box .t{font-size: 20px;}
	#products .product-box .box .img{height: 185px;}
	.show-pc{display: none;}
	.show-mb{display: block;}
	#product-detail .top .pic{width: 100%;}
	#product-detail .top .desc{width: 100%;padding-left: 0;}
	#info .row .box .det .t{font-size: 15px;}
	#info .row .box .det .d{font-size: 14px;}
	#support .supp-artical .row2 .box{width: 500px;margin-right: auto;margin-left: auto;float: none;}
	#support .supp-artical .row2 .box .list{}
	#support .row1 .box .right .t{font-size: 15px;}
	#support .row1 .box .right .bf{font-size: 12px;}
	#contact .feedback .form .tr{margin-bottom: 0;}
	#contact .feedback .form .tr span{width: 100%;margin-right: 0;margin-bottom: 2%;}
	#contact .feedback .form .button span{display: inline-block;width: 100%;margin-bottom: 2%;}
	#contact .feedback .form .button input{margin-right: 0;width: 100%;padding:2% 0;}
	#contact .feedback .form .tr textarea{margin-bottom: 1.5%;}
}

@media only screen and (max-width: 640px){
	.wrap-title .t{font-size: 28px;}
	#i-product .right .top .title{font-size: 25px;}
	#i-product .right .top .bf{line-height: 190%;font-size: 14px;}
	#i-product .right .top .but a{padding: 6px 30px;}
	#footer .bg2 div{float: none;text-align: center;padding:2% 0;}
	#about .turn-on .ab-video{width: 75%;margin-bottom: 10%;}
	#support .row1 .box{width: 100%;text-align: left;margin-bottom: 3%;margin-right: 0;}
	#support .row1 .box .img{width: 25%;display: inline-block;margin-bottom: 0;}
	#support .row1 .box .right{width: 70%; display: inline-block;}
	#support .supp-artical .row2 .box{width: 300px;}
	#lib_product_inquire .form .rows label{float: none;width: 100%;}
	#lib_product_inquire .form .rows span{float: none;width: 100%;}
	#lib_product_inquire .form .rows span .form_input{width: 100%;}
	#lib_product_inquire .form .rows span select{width: 100%;}
	#lib_product_inquire .form .rows span .contents{width: 100%;}
	#lib_product_inquire .form .rows span .sub{width: 100%;height: 35px;height: 45px;}
}