@charset "utf-8";
/* CSS Document */
body,html{ width:100%; height:100%; margin:0; padding:0;}
.header{ width:100%; height:100%; background:url(../images/wsyzt_bg.jpg); background-size:100% 100%; overflow:hidden;}
.layout{ width:80%; margin:0 auto; overflow:hidden;}
.header_top{ width:100%; overflow:hidden; padding-top:5vh;}
.header_left{ float:left; width:37%;font-size: 60px;font-family: 黑体;color: #fff;font-weight: bold;}
.header_left span{font-size: 60px;font-family: 黑体;color: #fff;font-weight: bold;}
.header_right{ float:right; width:21%;font-size: 60px;font-family: 黑体;color: #fff;font-weight: bold;}
.header_top img{ max-width:100%;}

.header_cen{ width:100%; padding-top:15vh; padding-bottom:15vh;}
.header_cen a{ width:16%; height:20vh; margin:0 auto; background: rgb(248 149 73); display:block;}
.header_cen h1{ text-align:center; color:#FFF; font-weight:bold; font-size:5vh; padding-top:4vh;}
.header_cen h4{ text-align:center; color:#FFF; font-weight:bold; font-size:4vh; padding-top:1vh; text-transform:uppercase;}

.header_foter{ width:100%; overflow:hidden;}
.logo{ float:left; width:30%;}
.logo img{ max-width:100%;}
.bottom{ float:right; color:#FFF; font-size:1.6vh; line-height:3vh; width:50%;}

.header_list{ width:95%; margin:0 auto; padding:5vh 0; overflow:hidden; position:relative; height:100%;}
.blong_left{ width:45%; height:100%; float:left; overflow:hidden; position:relative;}
.blon_top{ position:absolute; left:70px; top:0;font-size: 52px;font-family: 黑体;color: #fff;font-weight: bold;width:13%;}
.blon_bottom{ position:absolute; left:0; bottom:0;font-size:38px;font-family: 黑体;color: #fff;font-weight: bold;width:47%;}
.blong_right{ width:50%; height:100%; overflow:hidden; float:right; margin-right:5%;}
.blong_right .bd{ width:100%; height:100%;}
.blong_right .bd ul{ width:100%; height:100%; overflow:hidden;}
.blong_right .bd ul li{ width:100%; height:100%; overflow:hidden;}
.nav_cen{ width:100%; height:100%; border-left:10px #85026e solid; background: rgba(159,11,135,0.9); padding:5vh; overflow:hidden;}
.nav_left{ float:left; width:18%; overflow:hidden; height:100%; position:relative;}
.nav_or{ width:100%; text-align:center; color:#FFF; position:absolute; top:0;}
.nav_or h1{ font-size:5vh; font-weight:bold;}
.nav_or h4{ font-size:2.1vh; font-weight:bold; text-transform:uppercase;}
.nav_bottom{ width:100%; position:absolute; bottom:0; text-align:left; color:#FFF;}
.nav_bottom h1{ font-size:3vh; padding-bottom:1vh;}
.nav_bottom h2{ font-size:2vh; padding-bottom:1vh;}
.nav_bottom h3{ font-size:2.6vh; padding-bottom:1vh;}
.nav_bottom h4{ font-size:1vh;}
.nav_right{ width:70%; float:right; overflow:hidden; color:#FFF; font-size:2vh; line-height:3.8vh;}
.prev{ position:absolute; left:0; top:47%; height:8.5vh;}
.next{ position:absolute; right:0; top:47%; height:8.5vh;}
.tempWrap{ height:100%;}


.blon_zy{ width:100%; overflow:hidden; padding-top:5vh;}
.blon_zy dl{ width:31.3%; height:195px; float:left; margin-left:1%; margin-right:1%; /* background:#dc2c2e;  opacity: 0.8;*/ padding:2vh; margin-top:3vh; position:relative;}
.blon_zy dl a{ display:block; color:#FFF;height:195px; }
.blon_zy dl span{ display:block; font-size:2vh; text-transform:uppercase;}
.blon_zy dl p{ display:block; font-size:2.5vh; position:absolute; bottom:4vh;}



.product_left{ width:135px; float:left; background:#AD1709; height:100%; position:relative;}
.product_left h1{ color:#FFF; font-size:4vh; padding:40px 47px; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.product_left p{    height: 48%; color:#FFF; font-size:3vh; padding:40px 27px; text-transform:uppercase; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.product_left p span{ color:#FFF; font-size:3vh; text-transform:uppercase; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.product_left .fh{ position:absolute; bottom:10vh; left:0; right:0; margin:0 auto; text-align:center;}
/*
.product_right{ width:91%; float:right; padding:6vh 10vh 10vh 10vh;}
.product_right ul li{ width:14.66%; float:left; margin-left:1%; margin-right:1%; margin-top:4vh;}*/


.product_right{ width:91%; float:right; padding:5vh 10vh 10vh 10vh;}
.product_right ul li{ width:14%; float:left; margin-left:1.3%; margin-right:1.3%; margin-top:5vh;}
.product_right ul li .pro_img{width:100%;height:33vh; overflow:hidden;}
.product_right ul li img{width:100%;height:100%;transition: all 1s ease-out; overflow:hidden;}
.product_right ul li img:hover{transform: scale(1.2);}
.product_right ul li span{ display:block; font-size:14px; text-align:center; color:#FFF; padding-top:10px; height:7vh; overflow:hidden;}