/* by Adon , CSS Document */
.mp3{ display: block;}
.slider{overflow:hidden;position:relative}
.slider,.slider li,.slider li a{float:left;width:100%}
.slider li img{display:block;margin:0 auto}
.slider li{position:relative;overflow:hidden}
.slider li .box{position:absolute;left:0;top:50%;width:100%; text-align:center;margin:-75px auto 0 auto;right:0;color:#fff;}
.slider li .box p{ padding:0 15px;}
.slider li .box .p1{font-size:25px; text-transform:uppercase;}
.slider li .box .p2{ margin:10px 0;font-size:50px; letter-spacing:15px;}
.slider li .box .p3{ font-size:20px;}
.slider .owl-pagination{ position:absolute; left:0; right:0; text-align:center; bottom:10%;}
.slider .owl-pagination .owl-page{ display:inline-block; width:10px; height:10px; border:solid 1px #a40000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; margin:0 5px;}
.slider .owl-pagination .owl-page.active{ border:solid 1px #fff; background:#fff;}
.about{ float:left; width:100%; margin:200px 0;}
.about .about-left { float:left; width:80%;}
.about .about-left p{ float:left; width:45%; padding-right:5%;}
.about .about-left p font{ height:1px; background:#e4e4e4; margin-bottom:45px;width:80px; display:block;}
.about .about-left p.cn{ font-size:17px;}
.about .about-left p.en{ font-size:14px; padding-right:0; width:50%;}
.about .about-des{ background:url(../img/index.png) no-repeat; width:173px; height:173px; text-align:center; font-size:50px; color:#69120a; padding-top:15px;}
.about ul{ overflow:hidden; margin-top:150px;}
.about ul li{ float:left;width:32.33%; margin-right:1.5%;border-right:solid 1px #eaeaea;height:390px;}
.about ul li.clear{ margin-right:0; border-right:none;}
.about ul li .item{ float:left;border:solid 4px #e3e3e3;text-align:center;width:80%;max-width:294px; padding-top:8%;}
.about ul li .item a{color:#69120a;}
.about ul li .item span{ display:block; font-size:20px;text-transform:uppercase;}
.about ul li .item span font{ display:block; font-size:40px; font-weight:bold; line-height:40px;}
.about ul li .item p{ font-size:30px; margin:20px 0;}
.about ul li .p{ float:right;width:20%;-webkit-writing-mode:vertical-lr;writing-mode:tb-rl;writing-mode:vertical-lr;}
.about ul li .p span{ display:block; font-size:25px; width:1.5em}
.about ul li .p font{ display: block; font-size:20px; text-transform:uppercase;width:1.5em}
.lists{ float:left; width:100%;}
.lists ul li{ float:left; width:33.3%; position:relative; overflow:hidden;}
.lists ul li .item{ position:absolute;bottom:15%;left:0; width:80%; margin:0 10%; color:#fff;}
.lists ul li .item span{ margin-bottom:5px;display:block; font-size:30px;}
.lists ul li .item p{ display:block; font-size:14px;}
.lists ul li .item i{ display:block; height:1px;margin:25px 0;background:#fff; width:100px;}
.lists ul li .item em img{ width:auto;}
.products { float:left; width:100%;}
.products big{ font-size:30px;text-align:center; margin-top:135px;}
.products small{font-size:14px;text-align:center; margin-bottom:135px;}
.products .list li{width:32.33%; margin-right:1.5%; overflow:hidden;float:left;position:relative; text-align:center; margin-bottom:1.5%;}
.products .list li .item{ position:absolute; top:25%; left:0; width:100%; color:#fff;}
.products .list li .item span{ display:block;font-size:35px; width:140px; margin:0 auto; padding:20px;border:solid 2px #fff;}
.products .list li .item font{ display: block;font-size:18px; margin:10px 0;}
.products .list li .item p{ font-size:16px; width:100%;max-width:160px; margin:0 auto;}
.products .list li.clear{ margin-right:0;}
.products .des{ float:left; width:100%; background:#2f2f2f; color:#fff; margin-bottom:20px; position:relative;}
.products .des .item{ width:30%; padding:5%;}
.products .des .item .p1{ font-size:30px;}
.products .des .item .p2{ font-size:20px; text-transform:uppercase}
.products .des .item .p3{ font-size:18px; margin:20% 0 15px 0;}
.products .des .item .p4{ font-size:14px; color:#a9a9a9;}
.products .des .item .p5{ margin-top:15%;}
.products .des .thumb{ width:70%; position:absolute; top:0; height:100%;}
.products .des .thumb img{ display:none;}
.products .des .thumb a{ float:left; width:100%; height:100%;}
.products .des .thumb.service{background:url(../img/service.jpg) no-repeat center;background-size:cover;right:0;}
.products .des .thumb.investment{background:url(../img/investment.jpg) no-repeat center;background-size:cover;left:0;}
.article{ float:left; width:100%;background:#eaeaea; padding-bottom:150px;}
.article .p1{ font-size:25px; margin-top:100px;}
.article .p1 font{ display:block; height:1px; background:#d1d1d1; width:48px; margin:20px 0;}
.article .p2{ font-size:13px; position:relative; margin-bottom:50px;}
.article .p2 a{ position:absolute; right:0; background:url(../img/more.png) no-repeat left; padding-left:30px;bottom:0;}
.article ul li{float:left;}
.article ul li.clear{ margin-right:0;}
.article .case li{width:32.33%; margin-right:1.5%;}
.article .case li span{ display:block; font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin:20px 0;}
.article .case li p{font-size:13px; color:#3f3f3f; line-height:20px; overflow:hidden; height:40px;}
.article .case li em{ display:block; font-style:normal; font-size:13px; color:#69120a; background:url(../img/more1.png) no-repeat right 88%; border-top:solid 1px #dbdbdb; margin-top:35px; padding-top:20px;}
.article .store li{width:49%; margin-right:2%; overflow:hidden;}
.lists ul li:hover img,.products .list li:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}

@media (max-width:1024px){
.article{ padding-bottom:15%;}
.article .p1{ margin-top:15%;}
.products .des .item .p1{ font-size:26px;}
.products big{ margin-top:15%;}
.products small{ margin-bottom:15%;}
.about{ margin:15% 0;}
.about ul{ margin-top:15%;}
.about ul li{ border-right:none; height:auto;}
.about ul li .p{ display:none;}
.about ul li .item{ width:100%; max-width:inherit; padding-top:15%;}
}
@media (max-width:1024px) and (min-width:769px){
.products .list li .item span{ font-size:28px; width:120px;}
.lists ul li .item span{ font-size:28px;}
}
@media (max-width:960px){
.lists ul li{ width:100%;}	
.lists ul li img{ width:100%;}
.products .list li{width:49%; margin-bottom:2%;}	
.products .list li img{ width:100%;}
.products .list li:nth-child(even){ margin-left:1%; margin-right:0;}	
.products .list li:nth-child(odd){ margin-right:1%;}	
.about .about-left{ width:100%;}
.about .about-des{ display:none;}
.about .about-left p.cn{ width:50%;}
}
@media (max-width:768px){
.slider li{ overflow:hidden;}
.slider li img{ max-width:110%; width:110%; margin-left:-5%;}	
.products .des .item{ width:100%; padding:10%;}
.products .des .item .p3,.products .des .item .p5{ margin-top:8%}
.products .des .thumb{ width:100%; position:static; background:none !important;}
.products .des .thumb img{ display: block;}
.slider li .box .p1{ font-size:20px;}
.slider li .box .p2{ font-size:42px;}
.slider li .box .p3{ font-size:16px;}
}
@media (max-width:640px){
.about .about-left p{ width:100% !important; margin-bottom:5%;}	
.about .about-left p.en font{ display:none;}
.about ul li{ width:100%; margin-bottom:2%;}
.about ul li img{ width:100%;}
.products .list li{width:100%;margin-bottom:2%;}		
.article .case li{ width:100%; margin-right:0; margin-bottom:10%;}
.article .case li img{ width:100%;}
.article .case li p{ height:auto;}
.article .store li{ width:100%; margin-right:0; margin-bottom:5%;}
.slider .owl-pagination{ display:none;}
}
@media (max-width:480px){
.slider li .box{ margin-top:-50px;}	
.slider li .box .p2{ font-size:30px;letter-spacing:8px;}
.about .about-left p.cn{font-size:15px;}
.about .about-left p.en{font-size:12px;}
.about ul li .item span{font-size:18px;}
.about ul li .item span font{font-size:34px;}
.about ul li .item p{ font-size:22px;}
.lists ul li .item span{ font-size:24px;}
.lists ul li .item p{ font-size:12px;}
.products big{ font-size:26px;}
.products .list li .item span{ font-size:28px; width:120px;}
.products .des .item .p1{ font-size:24px;}
.products .des .item .p2{ font-size:16px;}
.products .des .item .p3{ font-size:16px;}
.products .des .item .p4{ font-size:12px;}
.article .p1{ font-size:22px;}
}
@media (max-width:320px){
.slider li .box .p1{ font-size:14px;}
.slider li .box .p2{ font-size:24px;letter-spacing:5px;}
.slider li .box .p3{ font-size:14px;}
.about .about-left p.cn{ font-size:13px;}
.about ul li .item span{font-size:14px;}
.about ul li .item span font{font-size:26px;}
.about ul li .item p{ font-size:18px;}
.lists ul li .item span{ font-size:20px;}
.lists ul li .item em img{ height:25px;}
.products big{ font-size:22px;}
.products small{ font-size:12px;}
.products .list li .item span{ font-size:22px; width:90px; padding:15px;}
.products .list li .item font{ font-size:16px;}
.products .list li .item p{ font-size:13px;}
.products .des .item .p1{ font-size:20px;}
.products .des .item .p2{ font-size:14px;}
.products .des .item .p3{ font-size:14px;}
.article .p1{ font-size:18px;}
.article .p2{ font-size:12px; padding-right:30%;}
.article .case li p{ font-size:12px;}
.article .case li span{ font-size:14px;}
}