/* by Adon , CSS Document */





.products { float:left; width:100%; margin-top:5%;}

.products big{ text-transform:uppercase;font-size:50px;display:block; font-weight:bold; padding:5% 7.5%; background:#f3f3f3;}

.products nav{ border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; font-size:18px; line-height:60px; margin:2.5% 0; font-weight:bold}

.products nav a{ padding:0 2.5%;}

.products .list li{ border:solid 2px #e7e7e7; margin-right:1.5%; margin-bottom:1.5%;width:32.33%; text-align:center; float:left; font-weight:bold; padding:5% 0;}

.products .list li.clear{ margin-right:0;}

.products .list li span{ font-size:24px; margin-top:20%;}

.products .list li font{ font-size:18px;}

.products .list li img{ height:250px; margin:0 auto;}

.products-view{ margin:5% 0 0 0; float:left; width:100%;}

.products-p{ width:100%; position:relative; text-align:center;}

.products-p .products-pic{ padding:0; width:50%;}

.products-p .products-list{ clear:both; overflow:hidden;}

.products-p .products-list li{ float:left;border:solid 1px #e4e4e4; background:#fff;text-align:center; padding:0; margin-right:10px;margin-bottom:15px;}

.products-p .products-list li img{ height:70px; display:block; margin:0 auto;}

.products-view .products-title{ font-size:45px;display:block; font-weight:bold; margin:5% 0 10% 0; text-align:center}

.products-view .video .item{margin:-125px auto; position:absolute;top:50%; left:0; right:0;}

.products-view .video .item a{ color:#fff;}

.products-view .video .item span{ font-size:45px;font-weight:bold;text-transform:uppercase; line-height:45px;}

.products-view .video .item font{ font-size:22px; max-width:665px; margin:25px auto; padding:0 15px;}

.products-view .video .item em{ border:solid 1px #fff; line-height:48px; text-align:center; max-width:190px; width:100%; margin:0 auto;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}

.products-view .video { float:left; width:100%;height:652px; background:url(../img/video.jpg) no-repeat center;background-size: cover;text-align:center; position:relative;}

.products-ul{ float:left; width:100%; margin:5% 0 7.5% 0}

.products-ul ul li { float:left;position:relative; width:100%; height:752px;}

.products-ul ul li .item{ margin-top:-135px; position: absolute; left:0; width:100%;top:50%; color:#fff;}

.products-ul ul li .item span{ font-size:45px; font-weight:bold;margin-bottom:2.5%;text-transform:uppercase; line-height:45px; padding-right:20%;}

.products-ul ul li .item font{ max-width:650px; font-size:18px; }

.specifications{ float:left; width:100%}

.specifications .p1{ font-size:30px; font-weight:bold}

.specifications .p2{ font-size:18px; max-width:900px; margin:3% 0 5% 0; overflow:hidden;}

.specifications .p2 font font{ float:left; width:50%; line-height:25px;}

.specifications ul li { float:left;position:relative; width:49.5%; margin-bottom:1%;border: solid 1px #e4e4e4;}

.specifications ul li.l{margin-right:0.5%}

.specifications ul li.r{margin-left:0.5%}

.productviews{ float:left; width:100%; background:#161616; height:685px;color:#fff; position:relative; margin-top:5%; overflow:hidden;}

.productviews .container{ height:100%; position:relative;}

.productviews .item{ margin-top:-120px; position: absolute; left:0; z-index:1;width:100%;top:50%; color:#fff;}

.productviews .item span{ font-size:45px; font-weight:bold; text-transform:uppercase; line-height:45px;}

.productviews .item font{font-size:18px; margin-top:35px;}

.productviews .pic{ position:absolute;right: -70px;bottom: 0;top: 57px;}

.attm { text-align:center; clear:both; overflow:hidden;}

.attm .owl-pagination .owl-page{ display:inline-block; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;margin:5px;background:#a0a0a0; width:9px; height:9px;}

.attm .owl-pagination .owl-page.active{ background:#000;}

.products-items{ text-align:left; width:45%; margin-top:15%;}

.products-items .p1{font-size:45px;display:block; font-weight:bold;}

.products-items .p2{font-size:18px; margin:2.5% 0 5% 0;}

.parameter{ float:left; width:100%; background:#f3f3f3; padding-bottom:10%;}

.parameter .p1{ font-size:35px; margin:5% 0; font-weight:bold;}

.parameter ul{ padding:0 20%; overflow:hidden;}

.parameter ul li{ display:block;}

.parameter ul li span{ display:block; font-size:23px; border-top:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; line-height:50px; padding:0 10px; background:url(../img/jia.png) no-repeat 99%;}

.parameter ul li p{ display:none; padding:2.5% 10px; font-size:16px; overflow:hidden;}

.parameter ul li p .d{ font-size:20px; background:url(../img/dd.png) no-repeat left top; display:inline-block;padding-left:50px; margin-right:50px;}

.parameter ul li p .d em{ font-size:15px; display:block; font-style:normal;}



.parameter ul li.on span{background:url(../img/jian.png) no-repeat 99%;}






.products-items .p2{ text-transform:uppercase}

.m1attc { float:left;position:relative; width:100%; height:752px;background:url(../img/m1attc.jpg) no-repeat center; background-size:cover;}

.m1attc .item{ margin-top:-155px; position: absolute; left:0; width:100%;top:50%; color:#fff;}

.m1attc .item span{ font-size:45px; font-weight:bold;margin-bottom:2.5%;text-transform:uppercase; line-height:45px; padding-right:20%;}

.m1attc .item font{ max-width:650px; font-size:18px; }

.m1attc .item font i{ display:block; height:1px; width:100%; background:#fff; opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3; -ms-opacity:0.3; -o-opacity:0.3; margin:25px 0;}

.m1con .p1{ font-size:35px; text-align:center; font-weight:bold; text-decoration:underline}

.m1con .p2{ font-size:20px; text-align:center; margin:7.5% 0;}

.m1con .p3{text-align:center;}

.m1con .item{ margin:0 auto; max-width:650px; width:100%;}

.m1con{ float:left; width:100%; margin:10% 0;}



.s9attc { float:left;position:relative; width:100%; height:752px;background:url(../img/s9attc.jpg) no-repeat center; background-size:cover;}

.s9attc .item{ margin-top:-35px; position: absolute; left:0; width:100%;top:50%; color:#fff;}

.s9attc .item font{ max-width:650px; font-size:18px; }

.s9con{ float:left; width:100%; margin:5% 0}

.s9con ul li{ float:left; width:48%; margin:2.5% 1%; text-align:center;}

.s9con ul li span{ display:block; font-size:35px; font-weight:bold}

.s9con ul li p{ display:block; font-size:16px; padding:0 15%; height:88px; margin:5% 0;}


.s8con1{ float:left; width:100%; background:#f3f3f3; padding:5% 0;}

.s8con1 .p1{ text-align:center;}

.s8con1 .p2,.s8ul .p1,.s8con3 .p1,.s8con4 .p1{ text-align:center; font-size:40px; margin:5% 0; text-transform:uppercase; line-height:45px; font-weight:bold}

.s8con1 .p3{ text-align:center; font-size:30px;}

.s8con1 .p3 span font,.s8ul .p2,.s8con3 .p2,.s8con4 .p2{font-size:18px; display:block; text-transform:capitalize; margin-top:25px; font-weight:normal}

.s8con1 .p3 span{ width:50%; float:left; text-align:left; text-transform:uppercase; margin-top:150px; font-weight:bold}

.s8con1 .p3 img{ width:50%; float:left;}


.s8ul{float:left; width:100%; padding:5% 0;}

.s8ul .p1{ text-align:center; font-size:40px; text-transform:uppercase; line-height:45px; font-weight:bold}

.s8ul .p2{ text-align:center; font-size:18px; margin:5% auto; max-width:670px; width:100%;}

.s8ul ul li{ width:24%; margin-right:1%; float:left;}

.s8ul ul{ margin:0 auto; max-width:850px; width:100%;}

.s8con3{float:left; width:100%; color:#fff; background:#0d336b; position:relative; height:956px;}

.s8con3 .item{ position: relative; z-index:1; max-width:750px; top:200px;}

.s8con3 .p1{font-size:40px; text-transform:uppercase; line-height:45px; font-weight:bold; text-align:left !important;}

.s8con3 .p2{ overflow:hidden;font-size:18px; margin:5% 0; max-width:540px;}

.s8con3 .pic{ position:absolute;right:0;bottom: 0;top: 0;}

.s8con4{float:left; width:100%; padding:5% 0;}

.s8con4 .p1{font-size:40px; text-transform:uppercase; line-height:45px; font-weight:bold; text-align:left !important;}

.s8con4 .p2{ overflow:hidden;font-size:18px; margin:5% 0;}

.s8con4 .p2 font{ width:45%;}



@media (max-width:1366px){

.productviews .item{ padding:0 15px;}

}

@media (max-width:1024px){

.products .list li img{ height:200px;}

.products big{ font-size:40px;}

.products-view .products-title{ font-size:35px;}

.productviews { padding:5% 0; height:auto; text-align:center;}

.productviews .pic{ position:static;}

.productviews .item{ position:static; margin:0;}




.m1attc,.s9attc { padding:25% 0; height:auto;}

.m1attc .item,.s9attc .item{ position:static; margin:0;}

.s9con ul li p{ font-size:14px;}

.s9con ul li span{ font-size:30px;}

.s8con1 .p3 img{ width:100%;}

.s8con1 .p3 span{ float:none; margin:0 auto;}

.s8con3{ height:auto; padding:5% 0;}

.s8con3 .pic{ position:static;}

.s8con3 .item{ top:0; margin-bottom:5%;}

}

@media (max-width:768px){

.products-view{ margin-top:10%;}

.products nav{ font-size:16px;}

.products big{ font-size:34px;}

.products .list li img{ height:150px;}

.products .list li span{ font-size:20px;}

.products .list li font{ font-size:16px;}

.products-view .products-title{ font-size:30px;}

.products-p .products-list{ position:static; text-align:center; margin-bottom:10%;}

.products-p .products-list li{display: inline-block; margin:0 5px;}

.products-view .video{ height:auto; padding:25% 0; background-attachment: inherit;}

.products-view .video .item{ position:static; margin:0;}

.products-view .video .item span{ font-size:40px;line-height:40px;}

.products-view .video .item font{ font-size:20px;}

.products-ul ul li {height:auto; padding:25% 0;}

.products-ul ul li .item{ position:static; margin:0;}

.products-ul ul li .item span{ font-size:36px; line-height:40px;}

.products-ul ul li .item font{ font-size:16px;}

.specifications .p2{ margin:5% 0 7.5% 0;}

.specifications .p1{ font-size:26px;}

.specifications .p2{ font-size:16px;}

.productviews .item span{ font-size:36px;line-height:40px;}

.productviews .item font{ font-size:16px;}

.productviews .pic{ margin-top:5%;}

.products-p .products-pic{ width:100%;}

.products-items{ width:100%; margin-top:0}

.parameter .p1{ font-size:28px; margin:7.5% 0;}

.parameter ul{ padding:0;}



.m1attc .item span{ font-size:36px;line-height:40px;}

.m1attc .item font,.s9attc .item font{ font-size:16px;}

.m1con .p1{ font-size:30px;}

.m1con .p2{ font-size:16px;}

.s9con ul li p{ height:120px;}

.s9con ul li span{ font-size:23px;}

.s8con1 .p3 span{ width:100%;}

.s8con1 .p2,.s8ul .p1,.s8con3 .p1,.s8con4 .p1{ font-size:34px;}

.s8con1 .p3{ font-size:25px;}

.s8ul,.s8con1{ padding:7.5% 0;}



}


@media (max-width:640px){

.s9con ul li{ width:100%; margin:5% 0;}

.s9con ul li p{ height:auto;}


}

@media (max-width:480px){

.products big{ padding:5% 10%; font-size:20px;}

.products nav{ font-size:14px; line-height:30px; margin:5% 0; padding:5% 0}

.products .list li img{ height:100px;}

.products .list li{ width:48%; margin-left:1% !important; margin-right:1% !important; padding:10% 0;}

.products .list li span{ font-size:16px;}

.products .list li font{ font-size:13px;}

.products-view .products-title{ font-size:24px; margin:10% 0;}

.products-p .products-list li img{ height:auto;}

.products-view .video .item span{ font-size:30px;line-height:30px;}

.products-view .video .item font{ font-size:16px;}

.products-view .video .item em{ max-width:150px;}

.products-ul ul li .item span{ font-size:26px; line-height:30px; margin-bottom:5%;}

.products-ul ul li .item font{ font-size:14px;}

.products-ul{ margin:7.5% 0 10% 0}

.specifications .p1{ font-size:22px;}

.specifications .p2{ font-size:14px;margin:7.5% 0 10% 0}

.specifications .p2 font font{ width:100%}

.productviews .item span{ font-size:26px;line-height:30px;}

.productviews .item font{ font-size:14px;margin-top:15px;}

.productviews{ margin-top:7.5%;}

.products-items .p1{ font-size:30px;}

.products-items .p2{ font-size:15px;}

.attm .owl-pagination{ display:none}

.parameter { padding-bottom:15%;}

.parameter .p1{ font-size:20px; margin:10% 0;}

.parameter ul li span{ font-size:17px;}

.parameter ul li p{ font-size:14px;}

.parameter ul li span,.parameter ul li.on span{background-size: 5%;}

.parameter ul li p .d{ font-size:16px;}

.parameter ul li p .d em{ font-size:13px;}



.m1attc .item span{ font-size:26px;line-height:30px;}

.m1attc .item font,.s9attc .item font{ font-size:14px;}

.m1con .p1{ font-size:22px;}

.m1con .p2{ font-size:14px;}

.m1con .p3 img{ width:75%;}

.s9con ul li span{ font-size:20px;}

.s9con ul li p{ padding:0}

.s8con1 .p2,.s8ul .p1,.s8con3 .p1,.s8con4 .p1{ font-size:24px; line-height:30px;}

.s8con1 .p3{ font-size:20px;}

.s8con1 .p3 span font,.s8ul .p2,.s8con3 .p2,.s8con4 .p2{ font-size:14px;}

.s8ul ul li{ width:48%; margin:1%;}

.s8con4 .p2 font{ width:100%; margin:2.5% 0;}

.s8con3 .p3 img{ width:35%;}

.s8con3 .item{ margin-bottom:10%;}

.s8con3{ padding:7.5% 0}

}

@media (max-width:320px){

.products nav{ font-size:14px; line-height:30px; margin:5% 0; padding:5% 0}

.products .list li{ width:100%; margin-left:0 !important; margin-right:0 !important; padding:10% 0;}

.products .list li span{ margin-top:7.5%;}

.products-view .video .item span{ font-size:24px;line-height:24px;}

.products-view .video .item font{ font-size:14px;}

.products-view .video .item em{ max-width:125px;}

.products-ul ul li .item span{ font-size:22px;}

.products-ul ul li .item font{ font-size:13px;}

.specifications .p1{ font-size:20px;}

.specifications .p2{ font-size:13px;}

.specifications ul li{ width:100%; margin:1% 0 !important;}

.productviews .item span{ font-size:22px;}

.productviews .item font{ font-size:13px;}

.parameter ul li span{ font-size:15px;}

.parameter ul li p{ font-size:13px;}

.parameter ul li p .d{ font-size:15px;}

.parameter ul li p .d em{ font-size:12px;}




.m1attc .item span{ font-size:22px;}

.m1attc .item font,.s9attc .item font{ font-size:13px;}

.m1con .p1{ font-size:20px;}

.m1con .p2{ font-size:13px;}

.s9con ul li span{ font-size:18px;}

.s9con ul li p{font-size:13px;}

.s8con1 .p2,.s8ul .p1,.s8con3 .p1,.s8con4 .p1{ font-size:20px; line-height:25px;}

.s8con1 .p3{ font-size:18px;}

.s8con1 .p3 span font,.s8ul .p2,.s8con3 .p2,.s8con4 .p2{ font-size:13px;}


}