/*.banner*/
.banner{position: relative;}
.banner .container{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.banner .text li{position: relative;padding: 40px 0;margin-right: 2%;background: #fff;text-align: center;}
.banner .text li:last-child{margin-right: 0;}
.banner .text li.li1 .tu{position: relative;width: 50%;margin: 0 auto;}
.banner .text li.li1 .tu h4{position: absolute;bottom: 10px;left: 0;width: 100%;font-size: 15px;color: #fff;}
.banner .text li.li1 .lianjie{padding-top: 5%;}
.banner .text li.li1 .lianjie a{display: inline-block;font-size: 12px;color: #fff;width: 30%;height: 30px;line-height: 30px;text-indent: -5%;}
.banner .text li.li1 .lianjie a:first-child{background: url(../images/play.png) no-repeat 75% center #f58635;background-size: 10%;}
.banner .text li.li1 .lianjie a:last-child{background: url(../images/tiwen.png) no-repeat 75% center #f58635;background-size: 8%;}
@media only screen and (max-width: 1700px) {
	.banner .text li.li1 .lianjie a:first-child{background: url(../images/play.png) no-repeat 80% center #f58635;background-size: 11%;}
	.banner .text li.li1 .lianjie a:last-child{background: url(../images/tiwen.png) no-repeat 80% center #f58635;background-size: 10%;}
}
@media only screen and (max-width: 1500px) {
	.banner .text li.li1 .lianjie a:first-child{background: url(../images/play.png) no-repeat 88% center #f58635;background-size: 13%;}
	.banner .text li.li1 .lianjie a:last-child{background: url(../images/tiwen.png) no-repeat 88% center #f58635;background-size: 11%;}
}
.banner .text li.li2{position: relative;font-size: 14px;background: url(../images/2.png) no-repeat center #fff;background-size: 60%;}
.banner .text li.li2 h5{left: 0;width: 100%;font-size: 18px;color: #f58635;}
.banner .text li.li2 h5 span{font-family: helvetica;font-size: 30px;}
.banner .text li.li2 p{position: absolute;width: 50%;}
.banner .text li.li2 .p1{	top: 10%;left: 25%;	}
.banner .text li.li2 .p2{top: 40%;left: 5%;text-align: left;}
.banner .text li.li2 .p3{top: 40%;right: 5%;width: 50%;text-align: right;}
.banner .text li.li2 .p4{top: 85%;}
.banner .text li.li2 .p5{top: 85%;right: 0;}
.banner .info{left: 10%;width: 80%;}
.banner .part{padding: 2% 0;}
.banner .part h6{font-size: 14px;font-weight: normal;text-align: left;}
.banner .part h6 p{font-family: arial;font-size: 12px;color: #999;}
.banner .part p.line{position: relative;width: 100%;height: 5px;background: #ebebeb;border-radius: 5px;margin: 10px 5% 0;}
.banner .part p.line span{position: absolute;left: 0;height: 5px;background: #fdcdab;border-radius: 5px;}
.banner .part em{font-family: helvetica;font-weight: bold;font-size: 14px;color: #fdcdab;}
/*信息*/
.con1,.con2,.con3,.con4,.con5{padding-bottom: 3%;}
.con1 ul {padding: 3% 0;}
.con1 ul li{margin-right: 2%;border: 1px solid #333;}
.con1 ul li:first-child{background: url(../images/icon1.png) no-repeat 90% 10%;background-size: 20%;}
.con1 ul li:first-child:hover{background: url(../images/icon7.png) no-repeat 90% 10% #f58635;background-size: 20%;}
.con1 ul li:nth-child(2){background: url(../images/icon2.png) no-repeat 90% 10%;background-size: 20%;}
.con1 ul li:nth-child(2):hover{background: url(../images/icon8.png) no-repeat 90% 10% #f58635;background-size: 20%;}
.con1 ul li:nth-child(3){background: url(../images/icon3.png) no-repeat 90% 10%;background-size: 20%;}
.con1 ul li:nth-child(3):hover{background: url(../images/icon9.png) no-repeat 90% 10% #f58635;background-size: 20%;}
.con1 ul li:nth-child(4){background: url(../images/icon4.png) no-repeat 90% 10%;background-size: 20%;}
.con1 ul li:nth-child(4):hover{background: url(../images/icon10.png) no-repeat 90% 10% #f58635;background-size: 20%;}
.con1 ul li:nth-child(5){background: url(../images/icon5.png) no-repeat 90% 10%;background-size: 20%;}
.con1 ul li:nth-child(5):hover{background: url(../images/icon11.png) no-repeat 90% 10% #f58635;background-size: 20%;}
.con1 ul li:nth-child(6){background: url(../images/icon6.png) no-repeat 90% 10%;background-size: 20%;}
.con1 ul li:nth-child(6):hover{background: url(../images/icon12.png) no-repeat 90% 10% #f58635;background-size: 20%;}
.con1 ul li:last-child{margin-right: 0;}
.con1 ul li .info{padding: 40% 5% 10% 5%;}
.con1 ul li h4{font-size: 18px;color: #000;}
.con1 ul li h5{font-size: 16px;color: #333;height: 25px;line-height: 25px;}
@media only screen and (max-width: 1500px) {.con1 ul li h5{font-size: 14px;}}
.con1 ul li span{display: block;width: 10%;height: 1px;background: #333;margin-top: 10%;}
.con1 ul li:hover{border: 1px solid #f58635;}
.con1 ul li:hover h4,.con1 ul li:hover h5{color: #fff !important;}
.con1 ul li:hover span{background: #fff;}
.con1 .yx .con_l,.con1 .yx .con_r{position: relative;display: inline-block;width: 49%;font-size: 12px;box-shadow: 0 0 20px rgba(0,0,0,0.1);vertical-align: top;}
.con1 .yx .con_l{margin-right: 2%;}
.con1 .yx .con_r a{display: block;color: #fff;}
.con1 .yx .con_l a{display: block;color: #333;padding: 5% 10%;}
.con1 .yx .con_l .introduce img {width: 20%;margin-right: 5%;vertical-align: middle;}
.con1 .yx .con_l .introduce .info {display: inline-block;width: 70%;vertical-align: middle;}
.con1 .yx .con_l .introduce .info h5 {font-size: 14px;font-weight: bold;}
.con1 .yx .con_l .introduce .info p.en {font-size: 14px;opacity: 0.5;padding: 1% 0 4%;}
.con1 .yx .con_l .introduce .text {margin-top: 4%;}
.con1 .yx .con_l .introduce .text p {padding-top: 1%;}
.con1 .yx .con_r .info{left: 10%;width: 80%;}
.con1 .yx .con_r .info h5{font-size: 18px;padding-bottom: 5%;}
.con1 .yx .con_r .info p{font-size: 14px;line-height: 20px;}
/*offer展示*/
.con2,.con4{background: #f6f6f6;}
.con2 .offerList{text-align: center;}
.con2 li{display: inline-block;width: 18.6%;margin-right: 1.75%;background: #fff;}
.con2 li:nth-child(5n){margin-right: 0;}
.con2 li .tu{position: relative;padding: 3%;overflow: hidden;}
.con2 li .tu img{width: 100%;}
.con2 li .tu:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

/*作品集展示*/
.con3 li{margin-bottom: 1%;}
.con3 img{width: 24%;margin-right: 1%;}
.con3 img:nth-child(3n){margin-right: 0;}
.con3 img.img1{width: 50%;}
.con3 a{display: block;font-size: 14px;color: #fff;width: 15%;height: 35px;line-height: 35px;background: #f58635;text-align: center;margin: 3% auto 4%;}
/*成功案例*/
.con4 li{position: relative;display: inline-block;width: 23.5%;margin-right: 2%;}
.con4 li:nth-child(4n){margin-right: 0;}
.con4 li>a,.con5 li>a{display: block;color: #666;}
.con4 li .info{position: relative;width: 70%;color: #666;margin-top: -20%;margin-left: 15%;z-index: 2;}
.con4 li .info .text {padding: 5% 8%;background: #fff;}
.con4 li .info p.xy {opacity: 0;font-size: 14px;color: #fff;padding: 2% 0;background: rgba(0, 0, 0, 0.3);text-align: center;}
.con4 li .info h5 {font-size: 16px;padding-bottom: 10px;}
.con4 li .info h5 span {display: inline-block;width: 1px;height: 14px;background: #282828;vertical-align: middle;margin-right: 10px;}
.con4 li .info p {font-size: 12px;height: 25px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.con4 li:hover .info p.xy {opacity: 1;}
.con4 li:hover a .text {color: #fff;background: #f58635;}
.con4 li:hover .info h5 span {background: #fff;}
/*最新资讯*/
.con5 {padding-top: 3%;}
.con5 h3{text-align: left;padding: 0 0 50px;}
.con5 .con_l{display: inline-block;width: 65%;margin-right: 9%;vertical-align: top;}
.con5 .con_r{display: inline-block;width: 25%;vertical-align: top;}
.con5 .con_l ul{width: calc(100% - 20px);}
.con5 .con_l ul li{position: relative;background: #fff;padding: 5% 0;border-bottom: 1px solid #eee;}
.con5 .con_l ul li:first-child{padding-top: 0;}
.con5 .con_l ul li:last-child{border: none;}
.con5 .con_l ul li a{display: block;}
.con5 .con_l ul li .tu{display: inline-block;width: 30%;vertical-align: middle;}
.con5 .con_l ul .tu img{width: 100%;}
.con5 .con_l ul .info{display: inline-block;width: 65%;margin-left: 3%;vertical-align: middle;}
.con5 .con_l ul .info .date{display: inline-block;font-size: 20px;color: #333;margin-right: 5%;vertical-align: middle;}
.con5 .con_l ul .info .date p{font-size: 14px;color: #8c8c8c;}
.con5 .con_l ul .info .text{position: relative;display: inline-block;width: 75%;font-size: 14px;color: #333;line-height: 20px;padding-bottom: 5%;vertical-align: middle;}
.con5 .con_l ul .info .text:after{position: absolute;content: '......';left: 0;bottom: 0;}
.con5 .con_l ul .info .text h5{font-size: 14px;height: 20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.con5 .con_l ul .info .text p{color: #8c8c8c;padding-top: 3%;height: 40px;overflow: hidden;text-align: justify;}
.con5 .con_l ul li a>span{position: absolute;top: 50%;right: -20px;width: 40px;height: 40px;margin-top: -20px;background: url(../images/right.png) no-repeat center #ccc;background-size: 20%;}
.con5 .con_l ul li:hover a{background: #fafafa;}
.con5 .con_l ul li:hover a>span{background: url(../images/right.png) no-repeat center #f58635;}
.con5 .con_r li{position: relative;background: #e9e9e9;margin-bottom: 25%;}
.con5 .con_r li img{left: 5%;width: 42%;}
.con5 .con_r li .info{width: 43%;padding: 5% 5% 5% 52%;}
.con5 .con_r li .info h4{font-size: 16px;height: 25px;line-height: 25px;padding-bottom: 5%;}
.con5 .con_r li .info p{font-size: 12px;height: 20px;line-height: 20px;}
.con5 .con_r li .info h4,.con5 .con_r li .info p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}