@charset "utf-8";

/* CSS Document */
body{ font-size:16px !important; font-family:'Microsoft JhengHei',Arial,serif,Helvetica !important; background-color:#FFF; margin:0px; padding:0px;}
/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}


li{ list-style:none;}
a{ color:#000; text-decoration:none !important;}
.btn1{ width:184px; height:48px;color:#0060a7; font-size:16px; line-height:48px; border:1px #2681dc solid; border-radius:5px; text-align:center; float:left;}

/****導航****/
.navbar-brand{
	padding: 29px 15px;
	height: auto;
}
nav.navbar.bootsnav{
	border: none;
	margin-bottom: 150px;
}
.navbar-nav {
	display: inline-block;
}
nav.navbar.bootsnav ul.nav > li > a{
	font-size:18px;
	color: #474747;
	text-transform: uppercase;
	width:100%;
	float: left;
}
nav.navbar.bootsnav ul.nav > li:hover{
	
}

/*.nav > li:hover{ background:url('../images/wheel.png') 50% no-repeat; background-position:bottom;}*/
.header-navbar > ul{margin-bottom:0;}
.header-navbar > ul > li{display:inline-block;width: 130px;text-align: center;}
.header-navbar > ul > li > a{font-size:18px;color: #474747;text-transform: uppercase;width:100%;float: left;}
.header-navbar > ul > li:hover{background:url('../images/wheel.png') -10px 50% no-repeat; background-position:50% 27px;}
.header-navbar > ul > li > a:hover{
	color: #2E2F70;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white, 1px 0.5px white, 2px 0 white, 2px 0 white, -2px 0 white, -2px 0 white, 2px 0 white;
	transition:all .30s linear;
}
.li-active{background:url('../images/wheel.png') -10px 50% no-repeat; background-position:50% 27px;}
.a-active{
	color: #2E2F70;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white, 1px 0.5px white, 2px 0 white, 2px 0 white, -2px 0 white, -2px 0 white, 2px 0 white;
	transition:all .30s linear;

}
.language{width:22px;line-height:22px;background-color:#000;color:#FFF;border-radius:20px;font-size:0.2vw;display: inline-block;margin-right:5px;}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
	content: "+";
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 35%;
	right: 10%;
	transition: all 0.4s ease 0s;
}
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
	content: "\f105";
	transform: rotate(90deg);
}
.dropdown-menu.multi-dropdown{
	position: absolute;
	left: -100% !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	border: none;
}
#h-box-m{display:none;}
.nleft {
	float: unset;
	text-align: center;
}
.head-menu{
	background-color:#FFF;
	display:block;
	height:150px;
}
.head-logo{
	height:96px;margin:0 auto; text-align:center;
}
.head-logo2{line-height:96px;}
.head-title{display:inline-block;vertical-align: middle;font-size:28px;width: 34%;float: left;margin-top:8px;}
.head-title>p{margin:0;}
.head-title>span{font-size:22px;}
.dropdown-menu{
	min-width:100px;
}




.max-box{max-width:1920px; min-width:1200px;margin:0 auto;}
.all-box{ width:100%; float:left;}

/*頭部*/
.h-box{ width:100%;position:relative;z-index:999;float:left;border-bottom: 1px solid #DDD;}
.h-n{ width:100%;float:left;}
.h-n-1{ width:100%; height:42px;float:left;}
.h-box-m{ width:100%;height:100px;background:rgba(255,255,255,1);float:left;}
.h-box-m-2{background:rgba(255,255,255,1) !important}
.logo{padding-top:22px;padding-left:18.8%;float:left;}
.h-box-r{ padding-left:2.2%;float:left}
.a-color a{ color:#000 !important;}

/*首頁*/
/* 首页头部轮播图 */
#header{ width:100%; float:left;}
#header .swiper-pagination-bullet{
    width:24px;
    height:23px;
    border-radius:unset;
    background:url('../images/swiper-pagination.png')no-repeat;
    background-size:60%;
    opacity:1;
    outline:none;
	float:left;
}
#header>.swiper-pagination{
    z-index: 1000; position:relative; margin-top:-3%; text-align:right; padding-right:8.5%; float:right;
}

#header .swiper-pagination-bullet-active{
    width:29px;
    height:27px;
    background:url('../images/swiper-pagination-active.png')no-repeat;
    background-size:70%;
    outline:none;

}
#header .swiper-container-horizontal>.swiper-pagination-bullets{
    width:auto;
    left:unset;
    right:0%;
    height:100px;
    line-height: 100px;
}
.swiper-slide{ width:100%;}
.swiper-slide img{ width:100%;vertical-align:top;}


.banner-box{ width:100%; float:left;}
.banner-box img{ width:100%;}
.banner-box-title{
	width:100%;
	height:100px;
	float:left;
	margin-top:-25.5%;
}
.i-banner-box{ width:100%; position:relative; z-index:888; margin-top:-9%; float:left}
.i-banner-box img{ width:100%;}

.i-about-box{ width:62%;margin:0 auto;margin-top:100px;}
.i-about-box ul{ margin:0px; padding:0px;}
.i-about-box ul li{ width:50%; float:left;}
.i-about-box ul li img{ width:100%;}
.i-about-box .i-bout-l1{ margin-left:-100%;}
.i-about-box .i-bout-l2{ margin-left:50%; padding-top:15.6%;}
.i-about-box .i-box-div{ width:100%;margin-top:-49%; position:relative; z-index:80; padding-left:17%; padding-right:9%; float:left}
.i-about-box .i-box-t{ font-size:2.2vw; font-weight:bold}
.i-about-box .i-box-t2{ font-size:1.25vw;font-weight:bold}
.i-about-box .i-box-txt{ font-size:0.94vw; letter-spacing:1px; padding-top:4%;font-weight:bold;display: -webkit-box;-webkit-line-clamp: 4;overflow: hidden;-webkit-box-orient: vertical;}
.i-about-box .i-box-btn{ width:22.5%; float:right;margin-top:5%;}
.i-about-box .i-box-btn img{ width:100%;}

.home-about{
    margin: 0 auto;
    width: 63%;
    text-align: center;
    background: url(../images/about.png)no-repeat top center;
    background-size: 100%;
    height: 600px;
    position: relative;
}
.word{
    width:40%;
    float: left;
    margin-top: 24%;
    margin-left: 7%;
    text-align:left;
}
.word>h3{font-size:2em;margin-bottom:5px;}
.word>p{margin-bottom:5px;}

.home-product-one .product-one-title{ margin:100px 0;}


/* news轮播图 */
#certify {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top:5%;
}

#certify .swiper-container {
	padding-bottom: 30px;
}

#certify  .swiper-slide {
	width: 652px;
	height:482px;
	/* background: #fff; */
	/* box-shadow: 0 8px 30px #ddd; */
}
#certify  .swiper-slide img{
    display:block;
	width:100%;
	height:100%;
}

#certify  .swiper-slide p {
    line-height: 45px;
    margin: 0 auto;
    text-align: center;
    background: url(../images/8.png);
    width: 314px;
    height: 100px;
    color: #FFF;
    border-bottom: 5px solid RGB(247,189,1,0.7);
    margin-top: -45%;
    font-size: 24px;
	position:relative;
	z-index:9999;
}
#certify  .swiper-slide p span { font-size:30px; font-weight:bold;}
#certify .swiper-slide-active p{
    border-bottom: 5px solid RGB(247,189,1,1);
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 15px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 44px;
    border: unset;
    background-color: unset;
    width: 50px;
    height: 30px;
    opacity: 1;
    background: url(../images/car.png)no-repeat center;
    line-height: 70px;
    outline: none;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: url(../images/car-active.png)no-repeat center;
    color:#F7BD01;
}
#certify .swiper-slide-active{
	border:2px solid #F7BD01;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
#certify .sw-i-morer{ width:100%; margin-bottom:2.5%; text-align:center;}

.sw-on{height: 47px;border-top: 4px solid RGB(134,160,198);top: 90%;width: 800px;margin: 0 auto;}


/* 首頁產品 */
.product-title{
	width:100%;
	font-size:1.65vw;
	line-height:7.5vw;
	font-weight:bold;
	text-align:center;
}
.swiper-product{
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

#swiper-product .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 35px;
    border: unset;
    background-color: unset;
    width: 4vw; 
    height: 6vw;
    border-radius: unset;
    opacity: 0.6;
	margin-top:6%
}
#swiper-product .swiper-pagination-bullets .swiper-pagination-bullet-active{
    width:5.5vw;
    height:6vw;
    opacity: 1;
    
}
/*#product-swiper-pagination>span:nth-child(1){background: url(../images/2.png)no-repeat center;background-size: 100%; }
#product-swiper-pagination>span:nth-child(2){background: url(../images/img.png)no-repeat center;background-size: 100%;}
#product-swiper-pagination>span:nth-child(3){background: url(../images/2.png)no-repeat center;background-size: 100%;  }
#product-swiper-pagination>span:nth-child(4){background: url(../images/img.png)no-repeat center;background-size: 100%;}*/


.h-p-ad{margin: 0 auto;text-align: center;width:64%;margin-bottom:100px;}
.i-p2-t{ width:100%; font-size:2.82vw; font-weight:bold; line-height:5.6vw; color:#f7bd01; text-align:left; padding-top:9%;}
.i-p2-t span{ font-size:2.3vw;}
.i-p2-txt{ width:92%; font-size:0.94vw; line-height:1.5vw; text-align:left;}
.i-p2-img img{ width:100%;}
.i-p-txt-m{ padding-top:38%; text-align:right; float:right}
.i-by{ width:35.6% !important; padding-top:11%;float:right;}
.i-by img{ width:100%;}


.i-m-p-box{ display:none}
.product-title-m{ display:none;}

/*首頁新聞*/
.i-news-box{ width:64%; margin:0 auto; padding-top:4.5%;}
.i-news-box .i-news-h{ width:50%; float:left;}
.i-news-box .i-news-h2{ width:50%; padding-top:5%; float:left;}
.i-news-left{ margin-left:-100%;}
.i-news-right{ margin-left:50%;}
.i-news-img{ width:100%;}
.i-news-img img{ width:100%;}
.i-news-t{ width:90%; font-size:1.88vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-news-date{ width:90%; font-size:1.35vw;}
.i-news-txt{width:90%; height:9.5vw;font-size:0.93vw;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.i-news-dt{ width:70px; height:6px; background-color:#f7bd01; margin-top:2%; margin-bottom:2%;}
.i-news-btn{ width:22%; margin-top:0%; float:left;}
.i-news-btn img{ width:100%;}
.o-r{ float:right; text-align:right;}
.o-r-btn{float:right; text-align:right;}

.banner-box-title ul{ margin:0 auto; padding:0px; display:table}
.banner-box-title ul li{ font-size: 2.1vw; line-height:2.1vw; color: #2E2F70;background-color: RGB(255,255,255,0.4);text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white, 1px 0.5px white, 2px 0px white, 2px 0px white, -2px 0px white, -2px 0px white, 2px 0px white; padding-left:1.5vw; padding-right:1.5vw; padding-top:0.7vw; padding-bottom:0.7vw;float:left;}
.content-b{ width:100%;margin-top:-9%; float:left}
.content-b img{ width:100%;}

.d-box{ width:100%; height:100px; background-color:#FFF;border-top:1px #dddddd solid; float:left;}
.d-box-menu{ width:100%; height:100px; background-color:#FFF; border-bottom:1px #dddddd solid; float:left;}
.d-box-menu .back-box{ width:292px; height:97px; font-size:24px; line-height:100px; text-align:center; background:url('../images/back.png') 100px 50% no-repeat; border-right:1px #dddddd solid; padding-left:46px; font-weight:bold; float:left;}
.d-box-menu .back-box a{ width:100%; height:97px; color:#000; float:left;}
.d-box-menu .back-box:hover{ height:99px; border-bottom:2px #000000 solid}
.d-box-T{ font-size:24px; line-height:100px; padding-right:100px; float:right;}
.d-box-T span{ color:#666666;}
.d-c-box{ width:1200px; padding-top:2%; padding-bottom:100px; margin:0 auto;}
.d-c-box img{ max-width:1200px;}

/*關於我們*/
.about-box{ width:62%; margin:100px auto;}
.about-box .k-box{ width:85%; min-height:100px; border:10px #a7c8f7 solid; margin-right:8%; margin-bottom:10%; margin-top:2%; float:right;}
.about-box .about-left{ width:65%; padding-top:1%; padding-bottom:2%; float:left;}
.about-box .k-box .about-t{ width:100%; font-size:2.2vw; line-height:2.2vw; font-weight:bold; padding-left:3%; padding-top:2%; float:left;}
.about-box .k-box .about-t2{ width:100%; font-size:1.35vw; line-height:3.5vw; font-weight:bold;background-color:#FFF; margin-left:-15%; float:left;}
.about-box .k-box .about-txt{ width:100%;font-size:0.94vw; line-height:1.5vw; float:left; padding-left:3%}
.about-box .about-right{ width:40%; margin-right:-10%; padding-top:4%; padding-bottom:4%; float:right;}
.about-box .about-right img{ width:100%;}

/*產品介紹*/
.brand-btn-box{ width:284px; height:5.5vw; font-size:24px; line-height:5.6vw; text-align:center;/*background:url('../images/product-introduce.png') 26px 50% no-repeat; padding-left:36px;*/ border-left:1px #dddddd solid; outline:none;  float:right;}
.brand-btn-box a{ width:100%; height:100%; color:#000; float:left;overflow: hidden;}
/*.brand-btn-box a:hover{ color:#000;}*/
.brand-btn-box:hover{ border-bottom:2px #000000 solid;color:#000;}
.cat-righe2{ width:285px; height:100%; float:right}
.cat-righe2:hover{border-bottom:2px #000000 solid;}
.cat-btn2{ width:285px; height:5.6vw; font-size:24px; background:none; border:0px; /*background:url('../images/screen.png') 90px 50% no-repeat;*/ padding-left:36px; border-left:1px #dddddd solid; outline:none; }
.cat-menu2{ width:100%; height:0px; background:rgba(0,0,0,0.6); position:relative; z-index:999; overflow:hidden; float:left;transition: .5s;}
.menu-add{ /* height:calc(100vh - 170px); */transition: .5s}
.cat-menu2 .cat-box-product{ width:100%; height:400px;border-bottom:1px #ededed solid; background:#FFF; float:left;}
.cat-menu2 .cat-box-product-close{ width:100%; font-size:14px; line-height:54px;background:#FFF; text-align:center; height:54px; float:left}
.cat-box-product-close a,.cat-box-product-close button{float:left;width:50%;}
.cat-menu2 .cat-box-product-close a{ color:#000}
.cat-box-h{ width:50%; height:100%; height:100%; float:left;}
.cat-box-h-b{border-right:1px #ededed solid;}
.cat-t-box{ width:100%; float:left;}
.cat-t-box-lef{ font-size:1vw; color:#000; padding-left:10%; line-height:4vw; float:left;}
.cat-t-box-right{ font-size:0.81vw; color:#000; padding-right:4%; line-height:4vw; float:right;}
.cat-li-box{ width:75%; padding-left:10%;float:left;}
.cat-li-box ul{ margin:0px; padding:0px;}
/* .cat-li-box ul li{  padding:1%; padding-left:2%; padding-right:2%;  float:left;} */
.cat-t-box-brand,.cat-t-box-product{padding:1%; padding-left:2%; padding-right:2%;  float:left;color:#000;cursor:pointer;margin:1%;}
.cat-li-box ul li:hover,.cat-li-box-active{ background-color:#292a6e; color:#FFF;}
.cat-show-box{ width:100%; border-bottom:1px #dddddd solid; display:none; float:left;}
.cat-show-box-left{ width:80%; padding-left:5%;float:left;}
.cat-show-box-left ul{ margin:0; padding:0;}
.cat-show-box-left ul li{  padding:0.5%; background-color:#292a6e; color:#FFF;margin:1%; float:left;}
.cat-show-box-left ul li a{ color:#FFF; padding-left:0.5vw}
.cat-show-box-right{ font-size:0.81vw; color:#000; padding:0.5%; padding-right:5%; float:right;line-height: 3vw;}

.btn-black{ background-color:#000 !important; border:1px #000000 solid !important;}


.product-box{ width:100%;}
.product-box ul{ margin:0; padding:0;}
.product-box ul li{ width:20%;border-right:1px #ededed solid; border-bottom:1px #ededed solid; float:left;}
.product-box ul li a{ color:#000;}
.product-box ul li:nth-child(5n){ border-right:1px #fff solid;}
.product-box .product-li-box{ width:100%; height:25.6vw; border:8px #fff solid; float:left; }
.product-box .product-li-box:hover{border:8px #ededed solid;}
.product-box .product-li-box .product-img{ width:100%; height:18vw; overflow:hidden; float:left}
.product-box .product-li-box .product-img img{ width:100%;}
.product-box .product-li-box .product-t{ width:100%; font-size:0.95vw; line-height:2vw; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:7%; padding-right:7%;float:left;}
.product-box .product-li-box .product-b{width:100%; font-size:0.95vw; line-height:0.95vw; color:#666666; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:7%; padding-right:7%;float:left;}
.product-box .product-li-box .product-price{width:100%; font-size:1vw; line-height:3vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:7%; padding-right:7%;float:left;}

/*最新消息*/
.cat-box{ width:100%; height:5.6vw; min-height:66px; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; float:left;}
.cat-left{ font-size:1.3vw; line-height:5.6vw; float:left; text-align:center; padding-left:5%;}
.cat-left span{ color:#666666;}
.cat-righe{ width:285px; height:100%; float:right;}
/*.cat-righe:hover{border-bottom: 4px solid rgb(0, 0, 0);}*/
.cat-btn{     width: 284px;height: 5.5vw;font-size: 24px;line-height: 5.6vw;text-align: center;border: 1px solid #FFF;border-left: 1px #dddddd solid;outline: none;background-color: #FFF;outline:none; }
.cat-btn:hover{border-bottom: 2px solid rgb(0, 0, 0);}
.cat-menu{ width:285px;border:1px #dddddd solid !important; border-radius:0 !important; padding:20px;}
.cat-menu li{ font-size:14px; line-height:32px; padding-left:14px; padding-right:14px;float:left;width:50%;}
.cat-menu li a{ width:100%; float:left;}
.cat-menu li a:hover{ background-color:#292a6e !important; color:#FFF !important;}
.news-box{ width:100%; float:left;}
.news-box ul{ margin:0px; padding:0px;}
.news-box ul li{ width: 25%;border: 1px #dddddd solid;border-left: 0px;border-top: 0px;float: left; }
/*.news-box ul li:nth-child(4n){ border-right:0px;}*/
.news-box ul li a{ color:#000;}
.news-box .news-box2{ width:100%; height:100%;border:6px #fff solid; float:left;}
.news-box2:hover{ border:6px #eeeeee solid;}
.news-box2 .news-img{ 
	padding: 7.6%;
    padding-bottom: 0;
    width: 100%;
    height: 285px;
	overflow: hidden;
	float: left;
}
.news-box2 .news-img img{ width:100%;object-fit: cover;}
.news-box2 .news-t{ width:100%; min-width:247px; font-size:18px;padding-left:7.6%; padding-right:7.6%; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top:3%;float:left; }
.news-box2 .news-date{ width:100%; color:#666666; font-size:0.84vw; line-height:1.5vw;padding-left:7.6%; padding-right:7.6%; text-align:left; float:left;}
.news-txt{
	width: 100%;
    height: 65px;
    font-size: 15px;
    padding-left: 8.5%;
    padding-right: 8.5%;
    padding-top: 1%;
    text-align: left;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom: 9.7%;
}

/*联络我们*/
.t-b{ width:49.5%; margin:0 auto;padding-top:4%;}
.t-b img{ width:100%;}
.t-b-c{ width:27.5%; margin:0 auto;padding-top:4.5%;}
.t-b-c img{ width:100%;}
.contact-box1{ width:75%; margin:0 auto; padding-top:4.4%;}
.contact-box1 ul{ margin:0px; padding:0px;}
.contact-box1 ul li{ width:25%; float:left;}
.contact-box1 ul li:nth-child(4){ margin-right:0px;}
.contact-box1 ul li .c-y-b1{ background:url('../images/c-y-b1.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .c-y-b2{ background:url('../images/c-y-b2.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .c-y-b3{ background:url('../images/c-y-b3.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .c-y-b4{ background:url('../images/c-y-b4.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .Y-box{ width:47%; padding-top:46.5%;border-radius:50%; background-color:#f1efe8; margin:0 auto;}
.contact-box1 .contact-t{ width:100%; font-size:1.25vw; line-height:3vw; font-weight:bold; text-align:center;}
.contact-box1 .contact-txt{ width:100%; font-size:0.83vw; line-height:1.5vw; text-align:center;}
.contact-map{ width:100%; padding-top:4%; float:left;}
.contact-map img{ width:100%;}

.centent-box2{ width:62%; margin:0 auto; padding-top:4%;}
.input-box{ width:21.5%; height:36px; border:1px #999999 solid; padding-left:1%;}
.input-t{ font-size:1vw;  margin-right:1%;}
.input-t-n{ margin-left:0px;}
.input-x{ font-size:1vw; color:#292a6e; padding-left:1%}
.textarea-box{ width:93.5%; height:9vw; float:left;}
.input-p2{ padding-top:1.5%}
.input-btn{ font-size:0.83vw; color:#FFF; background-color:#292a6e; border:0px; padding:0.6%; padding-left:3%; padding-right:3%; margin-top:2.5%; margin-left:4.5%; margin-bottom:5%;float:left}

/* 产品详情 */
.bread{text-align: left;font-size: 1vw;padding-top: 170px;margin: 0 5.5%;}
.bread a{color:#000;}
.details-con{display:none;}
.detail-con{padding: 0 5.5%;display: inline-block;width: 100%;}
.detail-left{float: left;width: 50%;}
.detail-left img{width:100%;}
.detail-img{margin-top: 6%;margin-left: 14%;margin-bottom: 14%;width: 78%;height: 100%;}
.images>li{width: 25%;float: left;}
.pro-img{width: 90%;padding: 13%;border: 1px solid #DDD;float: left;}
.detail-right{float: left;padding-left: 10%;font-size: 1vw;text-align: left;width: 50%;}
.goods-title{font-size: 1.5vw;}
.price-span1{margin-right:40px;}
.price-span2{font-size:1.5vw;}
.price-span3{text-decoration:line-through;color:#999;margin-left:10px;}
.size-title{float: left;margin-right:40px;}
.detail-unit{display:inline-block;}
.detail-unit a{width:42px;height:42px;text-align: center;line-height: 42px;border:1px solid #DDD;margin-right:20px;float:left;color:#000;}
/* .detail-unit a:hover,.detail-style a:hover{border:1px solid #000;} */
.detail-unit-black{border:1px solid #000;}
.remark,.num{margin-top:3%;}
.remark-content{width: 80%;float: left;}
.color-title{float:left;line-height:120px;margin-right:40px;}
.detail-style{display:inline-block;}
.detail-style a{width:120px;height:120px;border:1px solid #DDD;margin-right:20px;float:left;padding:37px 17px;}
/* .detail-style a:hover{border:1px solid #000;} */
.detail-style img{width:100%;}
.num-title{margin-right:40px;}
.num-input{padding: 3px 2px 0 3px;line-height: 31px;border: 1px solid;width: 90px;font-size: 20px;height: 54px;}
.mui-amount-btn{display: inline-block;vertical-align: middle;margin-right: 15px;margin-bottom: 12px;}
.mui-amount-increase{width: 28px;height: 24px;overflow: hidden;border: 1px solid #a7a6ab;display: inline-block;line-height: 20px;font-size: 20px;cursor: pointer;margin-bottom: 3px;text-align: center;}
.mui-amount-decrease{width: 28px;height: 24px;overflow: hidden;border: 1px solid #a7a6ab;display: block;line-height: 20px;font-size: 20px;cursor: pointer;text-align: center;}
.reserve{margin-right:30px;}
.detail-buy{margin-top:164px;margin-left:20px;font-size:20px;}
.immediately{width:260px;line-height: 54px;margin:0 auto;border:1px solid #000;}
.detail-cart{width:260px;line-height: 54px;margin:0 auto;border:1px solid #292A6E;background-color:#292A6E;color:#FFF;}
.details-content{margin:40px 100px;}
.pro-details{    margin: 5%;}
.pro-love{margin:100px auto;position: relative;width: 80%;text-align:center;}
#details-container .swiper-slide{padding:30px;font-size:1vw;text-align:left;}
#details-container .swiper-slide>img{width:100%;}
#details-container .swiper-button-next, .swiper-button-prev{top:40%;}
.layui-flow-more{
	clear:both;
	padding-top: 20px;
	margin: 10px 0;
	text-align: center;
	color: #999;
	font-size: 14px;
}
.layui-flow-more a{
	height: 32px;
	line-height: 32px;
}
.layui-flow-more a cite {
	padding: 0 20px;
	border-radius: 3px;
	background-color: #eee;
	color: #333;
	font-style: normal;
}
.layui-flow-more a *{
	display: inline-block;
}
/* 底部 */
.footer{
	width:100%;
	/* background:url(../images/footer_background.png)no-repeat center; */
	background-color:#EEE;
    height:252px;
    background-size:100%;
	margin-top:4.5%;
	float:left;
}
/* .footer-d{background:url(../images/footer_background_white.png)no-repeat center;} */
.footer-width{width:65%;margin:0 auto;}
.footer-con{
    width:60%;
	float: left;
}
.footer-right{width: 30%;float: right;text-align: right;margin: 0 auto;}
.footer-right a{float: left;width: 50%;margin-top: 20px;padding: 0 10px;}
.footer-t{ font-size:32px; line-height:32px; padding-top:30px;}
.footer-title{margin:30px 0;}
.footer-data{margin:25px 0;font-size:18px;}
.footer-data span{margin-left:5px;}

.modal-backdrop{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
	background-color: #000;
}
.modal{
	padding-top:322.5px;
}
#check{
	width: 16px;height: 16px;background-color: #EEE;-webkit-appearance: none;border: 1px solid #EEE;margin:0;outline: 0;
}
.checkBox input[type=checkbox]:checked{
	background: url(../images/timg.jpg)no-repeat center;
	background-size: 100%;
}
#login-btn{width:106px;text-align:center;height:40px;border:1px solid #292A6E;background-color:#292A6E;color:white;}


@media(max-width:1200px){
	
}



@media(max-width:1800px){
	#certify  .swiper-slide {
		width: 550px !important;
		height:407px !important;
	}	
	.i-news-txt{
		
	}
}
@media(max-width:1600px){
#certify  .swiper-slide {
	width: 530px !important;
	height:390px !important;
}	
}
@media(max-width:1550px){
	.i-news-txt{
		
	}
}

@media(max-width:1400px){
	#certify  .swiper-slide {
		width: 500px !important;
		height:370px !important;
	}	
	.i-news-txt{
	
	}
}





/* 中等屏幕（桌面显示器，大于等于 992px） */
@media(max-width:768px){
.head-menu{display:none;}
#h-box-m{display:block;}
#header >.swiper-pagination{display:none;}
.max-box{ max-width:768px; min-width:350px; width:100%; overflow:hidden; float:left;}
.h-box{position:relative;}
.index-b-box{ margin-top:-80px;}
.index-b-box2{ height:250px; margin-top:-80px;}
.index-b-box2 img{ height:100%;object-fit: cover;}
.logo{ width:85%; margin-top:0px; padding-left:0px; text-align:center; padding:12px; padding-bottom:0px;}
.logo >a{display: inline-block;float: left;margin-left: 10%;}
.logo img{ width:100%;}
.logo-title > p{    font-size: 3vw;margin: 0;font-weight: 700;}
.logo-title >span{font-size: 2vw;font-weight:700;}
.h-box{}
.h-box-m {height:80px;float: left;}
.fa-bars{ width:25px; color:#000;}
.fa-times{ width:25px;color:#000;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none !important;}
.h-box-r{ width:10%;float:left;}
.fa{ font-size:25px !important;}
.fa-bars{ margin-top:10px;}
.fa-times{ margin-top:10px;}


/*****導航*****/		
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
.dropdown-menu.multi-dropdown{ left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
nav.navbar.bootsnav ul.nav > li > a{ color:#000 !important; margin: 0; }

/*首頁*/


.i-about-box{ width:80%;}

/*滾動產品*/

.sw-on{ margin-bottom:50px; margin-top:50px;}
.h-p-ad{ display:none !important;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 15px;
	line-height:64px;
}
.product-title-m{
	width:100%;
	font-size:4.5vw;
	line-height:15vw;
	font-weight:bold;
	text-align:center;
	display:block;
}
/*移動端發動機*/
.i-m-p-box{ width:90%; margin:0 auto; display:block}
.carousel-control.right{ background-image:none !important;}
.carousel-control.left{ background-image:none !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ font-size:18px !important; color:#000; font-weight:lighter}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{  font-size:18px !important;color:#000; font-weight:lighter}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:40% !important;}
.i-m-img{ width:58%; margin:0 auto;height: 194px;padding:5%;}
.i-m-img img{ width:100%;}
.i-m-t{ width:100%; font-size:6vw; font-weight:bold; line-height:6vw; color:#f7bd01; text-align:left; text-align:center; padding-top:25%;}
.i-m-t span{ font-size:6vw;}
.i-m-txt{ width:100%; font-size:2vw;}
/**內頁*/
/*.banner-box{height:0;}*/
.banner-box img{ object-fit: cover;}
.banner-box-title{
	width:100%;
	height:100px;
	float:left;
	margin-top:-25.5%;
}

/*首頁新聞*/
/* .i-news-box{ width:90%; margin:0 auto; padding-top:4.5%;}
.i-news-box .i-news-h{ width:50%; float:left;}
.i-news-left{ margin-left:-100%;}
.i-news-right{ margin-left:50%;}
.i-news-img{ width:100%;}
.i-news-img img{ width:100%;}
.i-news-t{ width:90%; font-size:3vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.i-news-date{ width:90%; font-size:2vw;}
.i-news-txt{ width:90%; font-size:1.5vw;}
.i-news-dt{ width:70px; height:6px; background-color:#f7bd01; margin-top:2%; margin-bottom:2%;}
.i-news-btn{ width:22%; margin-top:8%; float:left;}
.i-news-btn img{ width:100%;}
.o-r{ float:right; text-align:right;} */

.i-news-box{ width:90%; margin:0 auto; padding-top:8%;}
.i-news-box .i-news-h{ width:100%; float:left;}
.i-news-left{ margin-left:0%;}
.i-news-right{ margin-left:0%;}
.i-news-img{ width:100%;}
.i-news-img img{ width:100%;}
.i-news-t{ width:100%; font-size:5vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:1.5%;}
.i-news-date{ width:100%; font-size:4vw;}
.i-news-txt{ width:100%; font-size:3vw;height:auto;}
.i-news-dt{ width:70px; height:6px; background-color:#f7bd01; margin-top:2%; margin-bottom:2%;}
.i-news-btn{ width:100%; margin-bottom:5%; text-align:center; float:left}
.i-news-btn img{ width:100%; max-width:104px;}
.o-r{ float:left; text-align:left;height:auto;}
.o-r-btn{ text-align:center;}

.banner-box-title ul{ margin:0 auto; padding:0px; display:table}
.banner-box-title ul li{ font-size: 5vw; line-height:5vw; color: #2E2F70;background-color: RGB(255,255,255,0.4);text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white, 1px 0.5px white, 2px 0px white, 2px 0px white, -2px 0px white, -2px 0px white, 2px 0px white; padding-left:1.5vw; padding-right:1.5vw; padding-top:0.7vw; padding-bottom:0.7vw;float:left;}
.content-b{ width:100%;margin-top:-8.9%; float:left}
.content-b img{ width:100%;}
.d-box{display:none;}
.d-box-menu{height:80px;}
.d-box-menu .back-box{ width:180px; height:80px; font-size:20px; line-height:80px; text-align:center; background:url('../images/back.png') 50px 50% no-repeat; }
	.d-box-menu .back-box:hover{height:auto;}
.d-box-menu .back-box a{height:80px;}

.d-box-T{ font-size:14px; line-height:80px; padding-right:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float:right;}
.d-box-T span{ color:#666666;}
.d-c-box{ width:100%; padding-top:2%; padding-bottom:100px; padding:30px; margin:0 auto;}
.d-c-box img{ max-width:100%;}

/*關於我們*/
.about-box{ width:90%; margin:0 auto;}
.about-box .k-box{ width:85%; margin-right:8%; margin-bottom:10%; margin-top:2%; float:right;}
.about-box .about-left{ width:62%; padding-top:1%; padding-bottom:2%; float:left;}
.about-box .k-box .about-t{ width:100%; font-size:20px; line-height:20px; padding-left:3%; padding-top:2%; float:left;}
.about-box .k-box .about-t2{ width:100%; font-size:16px; line-height:30px; font-weight:bold;background-color:#FFF; margin-left:-10%; float:left;}
.about-box .k-box .about-txt{ width:100%;font-size:14px; line-height:18px; float:left; padding-left:3%}
.about-box .about-right{ width:40%; margin-right:-5%; padding-top:4%; padding-bottom:4%; float:right;}
.about-box .about-right img{ width:100%;}

/*產品介紹*/
.brand-btn-box{ width:150px; font-size:16px; line-height:5.6vw;/* background:url('../images/product-introduce.png') 30px 50% no-repeat; padding-left:36px;*/ background-size:15%;}
.cat-righe2{ width:150px;}
.cat-btn2{ width:150px; height:5.6vw; font-size:16px;  /*background:url('../images/screen.png') 30px 50% no-repeat;*/ padding-left:36px;background-size:15%; }
.cat-menu2{ width:100%; height:0px; background:rgba(0,0,0,0.6); position:relative; z-index:99; overflow:hidden; float:left;}
.cat-menu2 .cat-box-product{ height:200px;}

.cat-t-box-lef{ font-size:16px;}
.cat-t-box-right{ font-size:16px;}

.cat-show-box-left ul li{ font-size:14px;}
.cat-show-box-right{ font-size:16px;}

.product-box ul li{ width:33%;}
.product-box ul li:nth-child(3n){ border-right:1px #fff solid;}
.product-box ul li:nth-child(5n){ border-right:1px #ededed solid;}

.product-box .product-li-box{ width:100%; height:45vw; }
.product-box .product-li-box .product-img{height:29.5vw;}

.product-box .product-li-box .product-t{  font-size:16px; line-height:30px;}
.product-box .product-li-box .product-b{font-size:16px; line-height:16px; }
.product-box .product-li-box .product-price{font-size:16px; line-height:40px;}

/*最新消息*/
.cat-left{ font-size:16px; line-height:40px; float:left; text-align:center; padding-left:5%;}
.cat-box{min-height:45px; border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; float:left;}
.news-box ul li{ width:50%;}
.news-box ul li:nth-child(2n){ border-right:0px;}
.news-box2:hover{ border:6px #eeeeee solid;}
.news-box2 .news-img{height:230px;}
.news-box2 .news-t{font-size:18px; line-height:20px;}
.news-box2 .news-date{font-size:16px; line-height:22px;}
.news-box2 .news-txt{ min-height:90px; font-size:14px; line-height:17px;-webkit-line-clamp:unset;}

/*联络我们*/
.t-b{ width:45%; margin:0 auto;padding-top:4.4%;}
.t-b img{ width:100%;}
.t-b-c{ width:70%; margin:0 auto;padding-top:4.4%;}
.t-b-c img{ width:100%;}
.contact-box1{ width:72%; margin:0 auto; padding-top:4.4%;}
.contact-box1 ul{ margin:0px; padding:0px;}
.contact-box1 ul li{ width:50%; margin-top:5%; float:left;}
.contact-box1 ul li:nth-child(2){ margin-right:0px;}
.contact-box1 ul li:nth-child(4){ margin-right:0px;}
.contact-box1 ul li .c-y-b1{ background:url('../images/c-y-b1.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .c-y-b2{ background:url('../images/c-y-b2.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .c-y-b3{ background:url('../images/c-y-b3.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .c-y-b4{ background:url('../images/c-y-b4.png') 50% 50% no-repeat; background-size:30%;}
.contact-box1 ul li .Y-box{ width:50%; padding-top:49.5%;border-radius:50%; background-color:#f1efe8; margin:0 auto;}
.contact-box1 .contact-t{ width:100%;font-size:1.25vw; line-height:3vw; font-weight:bold; text-align:center;}
.contact-box1 .contact-txt{ width:100%; height:10vw;font-size:0.83vw; line-height:0.83vw; text-align:center;}
.contact-map{ width:100%; padding-top:4%; float:left;}
.contact-map img{ width:100%;}

.centent-box2{ width:62%; margin:0 auto; padding-top:4%;}
.input-box{ width:80%; height:36px; border:1px #999999 solid; padding-left:1%; margin-top:3%;}
.input-t{ font-size:16px; margin-left:0%; margin-right:1%;}
.input-t-n{ margin-left:0px;}
.input-x{ font-size:16px; color:#292a6e; padding-left:1%}
.textarea-box{ width:80%; height:9vw; float:left;}
.input-p2{ padding-top:1.5%}
.input-btn{ font-size:16px; color:#FFF; background-color:#292a6e; border:0px; padding:0.6%; padding-left:3%; padding-right:3%; margin-top:2.5%; margin-left:8.5%; margin-bottom:5%;float:left}



/* 产品详情 */
.details-con{display:block;}
.bread{font-size:18px;padding-top:80px;}
.detail-con{padding:0;}
.detail-left,.mui-amount-btn{display:none;}
.details-con{margin:3% auto;background-color: #DDD;}
#image-container .swiper-slide{padding:5% 20%;}
.goods-title{font-size:20px;}
.price-span2{font-size:20px;}
.detail-right{width:100%;padding:0 10%;font-size:18px;}
.num-input{height:40px;width:50px;}
.pro-love{width: 90%;margin: 0 auto;}
.pro-love img{width:100%;}
#details-container{margin-top:20px;}
#details-container .swiper-slide{padding:5px;}

.reserve{margin-right:0;}
.pro-details img{width:100%;}
.price-span1 {margin-right:0;}
.num-title{margin-right:0;}


/* 底部 */
.footer{
	width:100%;
    background:none;
	background-color:#eeeeee;
    height:450px;
    background-size:100%;
	float:left;
}
.footer-width{ width:70%;}
.footer-con{ width:100%;}
.footer-right{width:100%;float:left;text-align:center;}
/* .footer-right a{width:25%;} */
.footer-t{ width:100%; font-size:21px; line-height:24px; font-weight:bold; text-align:left;; float:left; padding-top:30px; padding-bottom:10px;}
.footer-d{background:none;background-color:#eeeeee;}
.footer-con{width:100%;margin: 0 auto;}
.footer-data{ width:100%; font-size:16px; font-weight:bold; line-height:16px; text-align:left; margin:0px; padding-top:10px;float:left;}
.footer-data span{ padding-left:5px; line-height:25px;}



}
@media(max-width:680px){
	.i-m-img{padding:0;}
}


@media(max-width:414px){
.index-b-box{ margin-top:-60px;}
.index-b-box2{ height:150px; margin-top:-80px;}
.logo{ width:85%; margin-top:0px; padding-left:0px; text-align:center; padding:14px; padding-bottom:0px;}
.logo>a{margin-left:0;}
.logo img{ width:70%; margin-left:18%;}
.h-box{}
.h-box-m {height:60px;float: left;}
.h-box-r{ width:15%;float:right}
.fa{ font-size:18px !important;}
.fa-bars{ margin-top:8px;}
.fa-times{ margin-top:8px;}
/*首頁*/
/*移動端發動機*/
.i-m-t{ width:100%; font-size:8vw; font-weight:bold; line-height:8vw;padding-top:5%;}
.i-m-t span{ font-size:6vw;}
.i-m-txt{ width:100%; font-size:4vw; height:auto;}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{ top:30% !important;}

/*首頁新聞*/
.i-news-box{ width:90%; margin:0 auto; padding-top:8%;}
.i-news-box .i-news-h{ width:100%; float:left;}
.i-news-left{ margin-left:0%;}
.i-news-right{ margin-left:0%;}
.i-news-img{ width:100%;}
.i-news-img img{ width:100%;}
.i-news-t{ width:100%; font-size:5vw;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:1.5%;}
.i-news-date{ width:100%; font-size:4vw;}
.i-news-txt{ width:100%;font-size:3vw;height:auto;}
.i-news-dt{ width:70px; height:6px; background-color:#f7bd01; margin-top:2%; margin-bottom:2%;}
.i-news-btn{ width:100%; margin-top:5%; margin-bottom:5%; text-align:center; float:left}
.i-news-btn img{ width:100%; max-width:104px;}
.o-r{ float:left; text-align:left;}
.o-r-btn{ text-align:center;}

/**內頁*/
.banner-box{/*height:250px;*/}
.banner-box img{ object-fit: cover;}
.banner-box-title{
	width:100%;
	height:100px;
	float:left;
	margin-top:-25.5%;
}
.i-about-box{ width:85%;margin:0 auto;}
.i-about-box ul{ margin:0px; padding:0px;}
.i-about-box ul li{ width:100%; float:left;}
.i-about-box ul li img{ width:100%;}
.i-about-box .i-bout-l1{ margin-left:0%;}
.i-about-box .i-bout-l1 img{ display:none}
.i-about-box .i-bout-l2{ margin-left:0%; padding-top:5%;}
.i-about-box .i-box-div{ width:100%;margin-top:0%; position:relative; z-index:80; padding-left:0%; padding-right:0%; float:left}
.i-about-box .i-box-t{ font-size:2.2vw; font-weight:bold; display:none;}
.i-about-box .i-box-t2{ font-size:1.25vw;font-weight:bold;display:none;}
.i-about-box .i-box-txt{ font-size:16px; line-height:22px; letter-spacing:1px; padding-top:4%;font-weight:lighter}
.i-about-box .i-box-btn{ width:98px;float:none; margin:0 auto; padding-top:5%; padding-bottom:5%;}
.i-about-box .i-box-btn img{ width:100%; display:block}



.d-box-menu{height:60px;}
.d-box-menu .back-box{ width:70px; height:60px; font-size:14px; line-height:60px; text-align:center; background:url('../images/back.png') 10px 50% no-repeat;
background-size:20%; padding-left:10px; }
.d-box-menu .back-box a{height:60px;}
.d-box-T{ font-size:14px; line-height:60px; padding-right:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-c-box{ width:100%; padding-top:2%; padding-bottom:100px; padding:3%; margin:0 auto;}

/*滾動產品*/
#certify  .swiper-slide {
	width: 350px !important;
	height:259px !important;
}
.sw-on{height: 1px;border-top: 4px solid RGB(134,160,198);top: 0%; width: 90%;margin: 0 auto; margin-bottom:50px; margin-top:40px;}
#certify .swiper-pagination{ bottom:-22px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 15px;
    border: unset;
    background-color: unset;
    width: 35px;
    height: 50px;
    opacity: 1;
    background: url(../images/car.png)no-repeat center;
	background-size:110%;
    line-height: 90px;
    outline: none;
	font-size:12px;

}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: url(../images/car-active.png)no-repeat center;
    background-size:110%;
}

/*關於我們*/
.about-box{ width:90%; margin:0 auto;}
.about-box .k-box{ width:100%; border:0px; margin-right:0%; margin-bottom:10%; margin-top:2%; float:right;}
.about-box .about-left{ width:100%; padding-top:1%; padding-bottom:2%; float:left;}
.about-box .k-box .about-t{ width:100%; font-size:20px; line-height:20px; padding-left:3%; padding-top:2%; float:left;}
.about-box .k-box .about-t2{ width:100%; font-size:16px; line-height:30px; font-weight:bold;background-color:#FFF; margin-left:0%; padding-left:3%; padding-right:3%; float:left;}
.about-box .k-box .about-txt{ width:100%;font-size:14px; line-height:18px; float:left; padding-left:3%; padding-right:3%;}
.about-box .about-right{ width:100%; margin-right:0%; padding-top:4%; padding-bottom:4%; padding-left:3%; padding-right:3%; float:right;}
.about-box .about-right img{ width:100%;}

/*產品介紹*/
.brand-btn-box{ width:50%; height:60px; font-size:16px; line-height:60px; /*background:url('../images/product-introduce.png') 30px 50% no-repeat; padding-left:36px;*/ background-size:10%;}
.cat-righe2{ width:50%;}
.cat-btn2{ width:150px; height:60px; font-size:16px;  /*background:url('../images/screen.png') 30px 50% no-repeat; padding-left:36px;*/background-size:10%; }
.cat-menu2{ width:100%; height:0px; background:rgba(0,0,0,0.6); position:relative; z-index:99; overflow:hidden; float:left;}
.cat-menu2 .cat-box-product{ height:200px;}

.cat-t-box-lef{ padding-top:10px; padding-bottom:10px; font-size:14px;}
.cat-t-box-right{padding-top:10px;padding-bottom:10px; font-size:14px;}

.cat-li-box ul li{ font-size:14px;}

.cat-show-box-left{ width:100%;}
.cat-show-box-right{ display:none}

.product-box ul li{ width:100%; border:0px;border-bottom:1px #ededed solid;}

.product-box .product-li-box{ width:100%; height:500px; }
.product-box .product-li-box .product-img{height:375px;}


.product-box .product-li-box .product-t{  font-size:16px; line-height:30px;}
.product-box .product-li-box .product-b{font-size:16px; line-height:16px; }
.product-box .product-li-box .product-price{font-size:16px; line-height:40px;}


/*最新消息*/
.cat-box{ width:100%; height:60px;border-top:1px #dddddd solid; border-bottom:1px #dddddd solid; float:left;}
.cat-left{ font-size:1.3vw; line-height:5.6vw; float:left; text-align:center; padding-left:5%; display:none;}
.cat-left span{ color:#666666;}
.cat-righe{ width:100%; height:100%; float:right}
.cat-btn{ width:100%; height:60px; font-size:24px; background:none; border:0; /*background:url('../images/screen.png') 40% 50% no-repeat; padding-left:36px;*/ border-left:0px; outline:none;}
.cat-menu{ width:100%;border:1px #dddddd solid !important; /*border-top:4px #000000 solid !important;*/ border-radius:0px !important; padding:20px;  }
.cat-menu li{ font-size:14px; line-height:32px; padding-left:14px; padding-right:14px;float:left;}
.cat-menu li a{ width:100%; float:left;}
.cat-menu li a:hover{ background-color:#292a6e !important; color:#FFF !important;}

.news-box ul li{ width:100%; border-right:0px;}
.news-box2 .news-img{height:247px;}
.news-box2 .news-txt{ min-height:80px;line-height:19px;}

/*联络我们*/
.t-b{ width:85%;}
.contact-box1{ width:100%;}
.contact-box1 ul li .Y-box{ width:65%; padding-top:63%;}
.contact-box1 .contact-t{ font-size:16px;line-height:25px;}
.contact-box1 .contact-txt{font-size:14px; line-height:18px;}


.centent-box2{ width:85%;}
.input-box{ width:73%;}
.input-x{ font-size:16px; color:#292a6e; padding-left:1%}
.textarea-box{ width:73%; height:100px; float:left;}
.input-p2{ padding-top:0%}
.input-btn{ width:73%; padding:1.5%; padding-left:0%; padding-right:0%; margin-top:2.5%; margin-left:11%; margin-bottom:5%;float:left}

.f-s2{ padding-left:8% !important;}
#certify .sw-i-morer img{ width:30%;}

}