@charset "utf-8";
/* CSS Document */

.main .attr h2.title em:first-child{ margin-top:0;}

.yewu1{ padding:0 0 80px;}
.yewu1 dl{ display:block; font-size:18px; overflow:hidden; margin:0 -0.8em;}
.yewu1 dl dt{ display:block; width:30%; float:left;}
.yewu1 dl dt .box{ color:#fff; overflow:hidden; position:relative; margin:0.8em;}
.yewu1 dl dt img{ display:block; width:100%; height:22.4em; transition:all ease 0.4s;}
.yewu1 dl dt .info{ width:100%; box-sizing:border-box; padding:0 12.25%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.yewu1 dl dt em{ display:block; line-height:1; font-size:1.75em; padding:0 0 0.825em;}
.yewu1 dl dt p{ display:block; line-height:1.78; font-size:0.9em;}
.yewu1 dl dt a{ display:block; width:8em; height:2.3em; line-height:2.3; color:#fff; text-align:center; overflow:hidden; background:#e71f19; border-radius:1.15em; margin:3.9em 0 0;}
.yewu1 dl dt a font{ display:block; transition:all ease 0.4s;}
.yewu1 dl dt:hover img{ transform:scale(1.08);}
.yewu1 dl dt a:hover font{ transform:translateY(-100%);}
.yewu1 dl dd{ display:block; width:20%; float:left;}
.yewu1 dl dd a{ display:flex; flex-direction:column; justify-content:center; height:10.4em; box-sizing:border-box; overflow:hidden; background:url(../images/icons/ywbg1.jpg) center bottom no-repeat; background-size:100% 100%; border:3px solid #fff; margin:0.8em; box-shadow:0 0 6px 1px rgba(129,129,129,0.3); transition:all ease 0.4s;}
.yewu1 dl dd a img{ display:block; height:5.2em; margin:0 auto; transition:all ease 0.4s;}
.yewu1 dl dd a em{ display:block; line-height:1; color:#333; font-size:1.2em; text-align:center; padding:0.75em 0 0; transition:all ease 0.4s;}
.yewu1 dl dd a:hover{ background-size:140% 140%;}
.yewu1 dl dd a:hover img{ transform:rotateY(180deg);}
.yewu1 dl dd a:hover em{ color:#e71f19;}

.yewu2{ background:url(../images/icons/ywbg2.jpg) center no-repeat; background-size:cover; padding:0 0 80px;}
.yewu2 ul{ display:block; font-size:16px; overflow:hidden; margin:-20px -30px 0;}
.yewu2 ul li{ display:block; width:50%; float:left;}
.yewu2 ul li .box{ color:#333; overflow:hidden; border:10px solid #fff; position:relative; margin:20px 30px; box-shadow:0 0 18px rgba(129,129,129,0.3);}
.yewu2 ul li img{ display:block; width:100%; height:13.45em; transition:all ease 0.4s;}
.yewu2 ul li .info{ width:100%; box-sizing:border-box; padding:0 7%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.yewu2 ul li em{ display:block; line-height:1; font-size:1.75em; padding:0 0 0.825em; transition:all ease 0.4s;}
.yewu2 ul li p{ display:block; line-height:1.78; min-height:4em;}
.yewu2 ul li:hover img{ transform:scale(1.2);}
.yewu2 ul li:hover em{ color:#e71f19;}

.yewu3{ background:#f7f9fc; padding:0 0 80px;}
.yewu3 .flex{ display:flex; justify-content:space-between;}
.yewu3 dl{ display:block; width:22.875%; box-sizing:border-box; font-size:16px; background:#fff; border-radius:1.5em; overflow:hidden; box-shadow:0 0 1em rgba(208,208,208,0.2); transition:all ease 0.4s;}
.yewu3 dl:hover{ transform:translateY(-1em); box-shadow:0 0 1em rgba(231,31,25,0.2);}
.yewu3 dl dt{ display:block; background:url(../images/icons/yw_title4.png) center no-repeat; background-size:100% 100%; padding:1em 0;}
.yewu3 dl dt img{ display:block; height:3.25em; margin:0 auto 1em; transition:all ease 0.4s;}
.yewu3 dl:hover dt img{ transform:rotateY(180deg);}
.yewu3 dl dt span{ display:block; line-height:1; color:#fff; font-size:1.75em; text-align:center;}
.yewu3 dl dt:last-child{ background:none; border-top:1px solid #eee; margin:2em 0.75em 0;}
.yewu3 dl dt a.btn{ display:block; width:8em; height:2.3em; line-height:2.3; color:#fff; font-size:1.125em; text-align:center; overflow:hidden; background:#e71f19; border-radius:1.15em; margin:1.22em auto;}
.yewu3 dl dt a.btn font{ display:block; transition:all ease 0.4s;}
.yewu3 dl dt a.btn:hover font{ transform:translateY(-100%);}
.yewu3 dl dd{ display:block; padding:1.25em 1.5em 0;}
.yewu3 dl dd em{ display:block; line-height:1.89; color:#333; font-size:1.125em;}
.yewu3 dl dd em::before{ content:''; display:block; width:5px; height:1em; background:#e71f19; border-radius:3px; float:left; margin:0.445em 0.56em 0 0;}
.yewu3 dl dd p{ display:block; height:3.5em; line-height:1.75; color:#666; padding-left:0.9375em;}

.yewu4{ background:url(../images/icons/ywbg4.jpg) center no-repeat; background-size:cover; padding:20px 0 140px;}
.yewu4 .attr h2.title{ text-align:left;}
.yewu4 .attr h2.title em{ color:#fff;}
.yewu4 .attr h2.title span{ color:#fff;}
.yewu4 p.tab{ display:block; width:19%; font-size:20px; overflow:hidden; float:left; border-left:2px solid rgba(255,255,255,0.7); margin-right:5.8%;}
.yewu4 p.tab a{ display:block; line-height:2.9; color:#fff; padding:0 1.8em; margin:0.6em 0; cursor:pointer; user-select:none;}
.yewu4 p.tab a.cur{ background:linear-gradient(to right, rgba(255,255,255,0.43), rgba(255,255,255,0.04));}
.yewu4 ul.tbox{ display:block; font-size:20px; overflow:hidden; margin:-90px 0 0;}
.yewu4 ul.tbox li{ display:none; background:rgba(255,255,255,0.8); overflow:hidden; padding:5.4% 5%;}
.yewu4 ul.tbox li em{ display:block; line-height:1.93; color:#333; font-size:1.4em;}
.yewu4 ul.tbox li p{ display:block; height:3.56em; line-height:1.78; color:#333; font-size:0.9em;}
.yewu4 ul.tbox li a.btn{ display:block; width:8em; height:2.3em; line-height:2.3; color:#fff; text-align:center; overflow:hidden; background:#e71f19; border-radius:1.15em; margin:1.6em 0 1em;}
.yewu4 ul.tbox li a.btn font{ display:block; transition:all ease 0.4s;}
.yewu4 ul.tbox li a.btn:hover font{ transform:translateY(-100%);}

.yewu5 ul{ display:flex; font-size:16px; margin:0 -1em;}
.yewu5 ul li{ display:block; width:25%;}
.yewu5 ul li .box{ height:100%; box-sizing:border-box; color:#333; overflow:hidden; background:linear-gradient(#e8eef1, #fff); padding:10% 0 12%; border:2px solid #fff; position:relative; margin:0 1em; box-shadow:0 0 1em rgba(129,129,129,0.3); cursor:default;}
.yewu5 ul li img{ display:block; height:9.22em; margin:0 auto; transition:all ease 0.4s;}
.yewu5 ul li em{ display:block; line-height:2.72; color:#333; font-size:1.55em; text-align:center; padding:0.215em 0 0; transition:all ease 0.4s;}
.yewu5 ul li p{ display:block; line-height:1.78; color:#666; margin:0 8.5%; transition:all ease 0.4s;}
.yewu5 ul li:hover img{ transform:rotateY(180deg) translateY(-10px);}
.yewu5 ul li:hover em{ color:#e71f19; transform:translateY(-10px);}
.yewu5 ul li:hover p{ transform:translateY(-10px);}
.yewu5 a.btn{ display:block; width:8em; height:2.3em; line-height:2.3; color:#fff; font-size:20px; text-align:center; overflow:hidden; background:#e71f19; border-radius:1.15em; margin:3.5em auto;}
.yewu5 a.btn font{ display:block; transition:all ease 0.4s;}
.yewu5 a.btn:hover font{ transform:translateY(-100%);}



@media only screen and (max-width:1600px){

.yewu1 dl{ font-size:14px;}
.yewu1 dl dt{ width:31%;}
.yewu1 dl dt p{ font-size:inherit;}
.yewu1 dl dt a{ margin:2.5em 0 0;}
.yewu1 dl dd{ width:19%;}
.yewu1 dl dd a em{ font-size:1.125em;}

.yewu2 ul{ font-size:14px; margin:-16px -16px 0;}
.yewu2 ul li .box{ margin:12px 16px;}
.yewu2 ul li .info{ padding:0 6%;}

.yewu3 dl{ font-size:14px; width:23.5%;}
.yewu3 dl dt{ padding:1.5em 0;}
.yewu3 dl dt span{ font-size:1.5em;}
.yewu3 dl dt a.btn{ margin:1em auto;}

.yewu4 p.tab{ font-size:16px;}
.yewu4 ul.tbox{ font-size:18px;}

.yewu5 ul{ font-size:14px;}




}












/**/