.con1 {padding-bottom: 5%;background: url(../images/bg.png) no-repeat center bottom;background-size: 100%;text-align: center;}
.con1 li{display: inline-block;width: 21%;margin-right: 5%;margin-bottom:2%;vertical-align: top;}
.con1 li a{display: block;}
.con1 li p{width: 50%;height: 40px;line-height: 40px;font-size: 15px;color: #fff;font-weight: bold;margin-left: 16%;margin-top: -8%;background-color: #f58635;}
.con1 li:hover p{box-shadow: 5px 5px 5px #ffb076;}
.con2 .tabs{height: 60px;line-height: 60px;margin-bottom: 3%;z-index: 2;}
.con2 .tabs.fix{position: fixed;top: 105px;left: 0;width: 100%;margin-bottom: 0;padding: 10px 0;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,.1);}
.con2 .tabs ul{margin: 0 auto;}
.con2 .tabs li{display: inline-block;font-size: 20px;padding-left: 2%;padding-right: 2%;vertical-align: top;cursor: pointer;}
.con2 .tabs li:first-child{padding-left: 0 !important;}
.con2 .tabs li:last-child{padding-right: 0 !important;}
.con2 .tabs li.active,.con2 .tabs li:hover{font-weight: bold;color: #f58635;}
.con2 .tabs li p{position: relative;display: inline-block;}
.con2 .tabs li.active p:after,.con2 .tabs li:hover p:after{position: absolute;content: '';bottom: 0;left: 0;width: 100%;height: 4px;background: #f58635;}
.con2 .tabs+.tablist{padding-top: 0;}
.con2 .tabs.fix+.tablist{padding-top: 60px;}
.con2 .tablist .tabli{margin-bottom: 5.5%;}
.con2 .tablist .tabli .tu,.con2 .tablist .tabli ul{display: inline-block;vertical-align: top;}
.con2 .tablist .tabli .tu{width: 12%;margin-right: 2%;}
.con2 .tablist .tabli .tu img{width: 100%;}
.con2 .tablist .tabli ul{width: 86%;}
.con2 .tablist li{display: inline-block;width: 23.5%;margin-right: 2%;margin-bottom: 2%;box-shadow: 0 10px 20px rgba(0,0,0,0.1);vertical-align: top;}
.con2 .tablist li:nth-child(4n){margin-right: 0;}
.con2 .tablist li:last-child,.con2 .tablist li:nth-last-child(2),.con2 .tablist li:nth-last-child(3),.con2 .tablist li:nth-last-child(4){margin-bottom: 0;}
.con2 .tablist a{display: block;color: #282828;}
.con2 .tablist a img{width: 100%;}
.con2 .tablist .info{padding: 10% 30% 10% 10%;background: url(../images/arrow1.png) no-repeat 90% center;background-size: 9%;}
.con2 .tablist .info h5{font-size: 15px;padding-bottom: 5px;}
.con2 .tablist .info p{font-size: 13px;opacity: .8;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.con2 .tablist li:hover .info{color: #fff;background: url(../images/arrow2.png) no-repeat 90% center #f58635;background-size: 9%;}

.con3{padding-bottom: 3%;background: #f6f6f6;}
.con3 li{position: relative;color: #fff;}
.con3 li .text{position: absolute;top: 20%;left: 5%;right: 5%;width: 90%;text-align: center;}
.con3 li h5{font-family: helvetica;font-size: 54px;}
.con3 li span{display: block;width: 10%;height: 2px;background: #fff;margin: 8% auto;}
.con3 li h6{font-size: 14px;}
.con3 li img{width: 100%;}
.con3 li>em{position: absolute;bottom: -2%;left: 0;width: 100%;height: 1px;-webkit-transform: skewY(3.5deg);-moz-transform: skewY(3.5deg);-ms-transform: skewY(3.5deg);transform: skewY(3.5deg);background: #282828;}
.con3 li:hover>em{opacity: 0;}
.con3 li .shade{opacity: 0;position: absolute;top: 2%;left: 0;width: 100%;height: 96%;-webkit-transform: skewY(3.5deg);-moz-transform: skewY(3.5deg);-ms-transform: skewY(3.5deg);transform: skewY(3.5deg);background: rgba(245,134,53,0.7);text-align: center;}
.con3 li .shade em{position: absolute;top: -5%;left: 0;width: 100%;height: 1px;background: #f58635;}
.con3 li .shade .info{position: absolute;top: 50%;-webkit-transform: translateY(-50%) skewY(-3.5deg);-moz-transform: translateY(-50%) skewY(-3.5deg);-ms-transform: translateY(-50%) skewY(-3.5deg);transform: translateY(-50%) skewY(-3.5deg);}
.con3 li:hover .text{opacity: 0;}
.con3 li:hover .shade{opacity: 1;}
.con3 li .shade p{font-size: 12px;height: 30%;padding: 0 5%;overflow: hidden;}

.con4 ul li{position: relative;padding-bottom: 3%;}
.con4 ul li a{display: block;color: #282828;}
.con4 ul li span{position: absolute;top: 0;left: 0;padding: 2% 4%;font-size: 14px;font-weight: bold;color: #fff;background: #f58635;}
.con4 ul li .info{padding: 5%;}
.con4 ul li .info h5{font-size: 14px;font-weight: normal;padding-bottom: 3%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.con4 ul li .info p{font-size: 12px;opacity: 0.7;}
.con4 ul li p.line{width: 0;height: 2px;background: #f58635;}
.con4 ul li:hover p.line{width: 100%;}
.con4>a{display: block;width: 150px;height: 35px;line-height: 35px;font-size: 14px;color: #fff;background: #f58635;text-align: center;margin: 0 auto 5%;}