@charset "utf-8";/* CSS Document */
html,body{width: 100%; position: relative; font-size: 12px;}

/* 头部 */

.header{width: 100%; border-top: 4px solid #eb1c24; background: url(../images/headerbg.png)no-repeat 92% bottom; position: relative;}

/*  pc头部  */

.pcHeader{width: 1300px; margin: 0 auto; height: 95px;}
.pcHeader .logo{float: left; line-height: 95px;}
.pcHeader .logo img{display: inline-block; height:50px;}
.pcHeader .pcNav{float: right;}
.pcHeader .pcNav > li{float: left; width: 124px;}
.pcHeader .pcNav > li dl{position: relative;}
.pcHeader .pcNav > li dl dt{height: 95px; position: relative; border-right: 1px solid #f9f9f9;}
.pcHeader .pcNav > li:first-child dl dt{border-left: 1px solid #f9f9f9;}
.pcHeader .pcNav > li dl dt a{font-size: 16px; display: block; width: 100%; height: 100%; text-align: center; padding-top: 30px;}
.pcHeader .pcNav > li dl dt a span{display: block; font-size: 12px; color: #999; text-transform: uppercase; line-height: 16px; margin-top: 5px;}
.pcHeader .pcNav > li dl dt i{position: absolute; left: 50%; bottom: 0; width: 0; height: 0; margin-left: -8px; margin-bottom: -16px; border: 8px solid #eee; border-color: #eee transparent transparent transparent; z-index: 100; display: none;}
.pcHeader .pcNav > li:hover dt,.pcHeader .pcNav > li.on dt{background: #f3f3f3;}
.pcHeader .pcNav > li:hover dl dt a,.pcHeader .pcNav > li.on dl dt a{color: #eb1c24;}
.pcHeader .pcNav > li:hover dl dt a span,.pcHeader .pcNav > li.on dl dt a span{color: #eb1c24;}
.pcHeader .pcNav > li dl dd{position: absolute; left: -13px; top: 95px; z-index: 88; display: none; width:150px; display:block;visibility: hidden;height: auto;overflow:hidden;}
.pcHeader .pcNav > li:hover dl dd{ visibility:visible; height:auto; overflow:visible;}
.pcHeader .pcNav > li dl dd ol{text-align: center;}
.pcHeader .pcNav > li dl dd ol li{line-height: 50px; font-size: 16px; opacity: 0; transform: skew(0deg,10deg) scale(0,1); -webkit-transform: skew(0deg,10deg) scale(0,1); transition: all 0.5s;  -webkit-transition: all 0.5s;}
.pcHeader .pcNav > li:hover dl dd ol li{opacity:1;transform:skew(0) scale(1);-webkit-transform:skew(0) scale(1);}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(2){-webkit-transition-delay:50ms;transition-delay:50ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(4){-webkit-transition-delay:150ms;transition-delay:150ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(6){-webkit-transition-delay:250ms;transition-delay:250ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(7){-webkit-transition-delay:.3s;transition-delay:.3s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(8){-webkit-transition-delay:350ms;transition-delay:350ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(9){-webkit-transition-delay:.4s;transition-delay:.4s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(10){-webkit-transition-delay:450ms;transition-delay:450ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(11){-webkit-transition-delay:.5s;transition-delay:.5s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(12){-webkit-transition-delay:550ms;transition-delay:550ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(13){-webkit-transition-delay:.6s;transition-delay:.6s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(14){-webkit-transition-delay:650ms;transition-delay:650ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(15){-webkit-transition-delay:.7s;transition-delay:.7s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(16){-webkit-transition-delay:750ms;transition-delay:750ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(17){-webkit-transition-delay:.8s;transition-delay:.8s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(18){-webkit-transition-delay:850ms;transition-delay:850ms;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(19){-webkit-transition-delay:.9s;transition-delay:.9s;}
.pcHeader .pcNav > li:hover dl dd ol li:nth-child(20){-webkit-transition-delay:950ms;transition-delay:950ms;}
.pcHeader .pcNav > li dl dd ol li a{color: #fff; background: rgba(7, 105, 194, 1); display:block;}
.pcHeader .pcNav > li:hover dl dd ol li a:hover{background:#eb1c24;}

/* 手机头部 */

.phHeader{padding: 0 3%; height: 80px; display: none;}
.phHeader .logo{float: left; line-height: 80px;}
.phHeader .logo img{ max-height: 40px; }
.phHeader .mBtn{float: right; margin-top: 30px; cursor: pointer;}
.phHeader .blockMask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99; display: none;}
.phHeader .phNav{position: fixed; z-index: 100; right: -50%; top: 0; width: 50%; height: 100%; background: #f5f5f5; padding-top: 5%;}
.phHeader .phNav li{border-bottom: 1px solid #eee;}
.phHeader .phNav > li dt{line-height: 50px; padding-left: 10%; font-size: 18px; border-bottom: 1px solid #eee;}
.phHeader .phNav > li dt a{color: #666;}
.phHeader .phNav > li dt a span{font-size: 14px; color: #999; text-transform: uppercase; margin-left: 7px;}
.phHeader .phNav > li dd{display: none;}
.phHeader .phNav > li dd ol li{line-height: 40px; padding-left: 15%; font-size: 14px;}
.phHeader .phNav > li dd ol li a{color: #666;}
.container{width: 100%;}


/* 首页轮播 */

.Carousel{width: 100%; position: relative; overflow: hidden;}
.Carousel ul li img{display: block; width: 100%;}
.Carousel .Prev{width: 249px; height: 66px; margin-top: -33px; background: url(../images/prev.png)no-repeat; left: 0;}
.Carousel .Next{width: 249px; height: 66px; margin-top: -33px; background: url(../images/next.png)no-repeat; right: 0;}
.Carousel .Pointer{bottom: 20px;}
.Carousel .Pointer span{opacity: 1; border: 1px solid #fff; background: transparent; width: 12px; height: 12px;}
.Carousel .Pointer span.swiper-pagination-bullet-active{background: #fff;}

.yw_tit {text-align: center; margin-bottom: 40px; padding-bottom: 10px; background: url(../images/bt.png) no-repeat bottom center;}
.yw_tit span {font-size: 32px;color: #005bac;display: block;line-height: 46px;  letter-spacing:2px;}
.yw_tit span a {color: #020314;}
.yw_tit span b {color: #ff5500;	font-weight: normal;}
.yw_tit font {color: #ddd;font-size: 20px;line-height: 30px; text-transform:uppercase;}

/*公司介绍*/
.comdesc{background: url(../images/bg1.jpg) repeat;  /*background-size: 100% 100%;*/ padding: 40px 0 50px 0;}
.comdesc .comwrap{width:1300px; margin:0 auto; direction: rtl;}
.comdesc .comwrap .subject-en {line-height: 40px; font-size: 40px; color: #dddddd; font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;text-align: center;}
.comdesc .comwrap .subject {line-height: 34px; font-size: 24px; margin: 0; color: #0769C2; text-transform: uppercase;}

.comdesc .comwrap .summary {line-height: 30px; font-size: 14px; margin: 20px 0 0; text-indent: 2em;}
.comdesc .comwrap .summary span {color:#c33}
.comdesc .comwrap .summary strong {font-weight:normal}
.comdesc .comwrap .pic {display: inline-block; position: relative; width: calc(50% - 25px); vertical-align: middle;  margin-left: 50px;}
.comdesc .comwrap .pic img{max-width:100%;}

.comdesc .comwrap .text {display: inline-block;  width: calc(50% - 25px); vertical-align: middle;  direction: ltr;    overflow: hidden;}

.comdesc .comwrap .text .summary {line-height: 30px; font-size: 14px; margin: 10px 0;}
.comdesc .comwrap .text .summary span {color:#c33}
.comdesc .comwrap .text .summary strong {font-weight:normal}
.comdesc .comwrap .text li {float:left; width:50%; margin:10px 0;}
.comdesc .comwrap .text li img{width:100px; height:100px; float:left; margin-right:10px;}
.comdesc .comwrap .text li .desc{float: left;  width: calc(100% - 120px); text-align: center;}
.comdesc .comwrap .text li .desc p{line-height:30px;text-align:left; font-size:14px;}
.comdesc .comwrap .text li .desc p.tit{line-height:35px; font-size:16px; font-weight:bold;}
/* 新闻中心 */
.idxNews{background:#f9f9f9; padding:20px 0;}
.NewCenter{width: 1300px; margin: 30px auto;}
.NewCenter .left{float: left; width: 35%; padding: 20px; background:#fff; border:1px solid #eee; margin-right:2%; position: relative; z-index:0;}
.NewCenter .left:before{content:''; position:absolute; width:100%; height:40%; background:url(../images/NewCenter.jpg) center; background-size: 100%; left:0; top:0; z-index:-5;}
.NewCenter .left .imgarea{width: 100%; overflow:hidden;}
.NewCenter .left .imgarea img{display: block; width: 100%; transition:all 0.5s ease;}
.NewCenter .left h2{font-weight: normal; font-size: 24px; line-height: 35px; text-align: center;}
.NewCenter .left p{line-height: 25px; color: #888; margin-top: 10px; font-size:14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.NewCenter .center{float: left; background: #fff; width: 63%; padding: 0 2.5%; border: 1px solid #eee;}
.NewCenter .center ul li{border-bottom: 1px dashed #c2c2c2; padding: 20px 0;}
.NewCenter .center ul li:last-child{border-bottom: none;}
.NewCenter .center ul li h3{font-size: 16px; background: url(../images/dian.png)no-repeat left center; padding-left: 25px; line-height: 28px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#005bac}
.NewCenter .center ul li h3:hover{background: url(../images/dian1.png)no-repeat left center; }
.NewCenter .center ul li h3:hover a{color: #eb1c24;}
.NewCenter .center ul li .time{display: block; color: #999; font-size: 14px; line-height: 14px; margin-top: 10px;}
.NewCenter .center ul li p{color: #666; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; margin-top: 12px;}


.NewCenter .right p{line-height:40px; background:rgba(0,0,0,.5); position:absolute; bottom:0; color: #fff; font-size: 16px; padding: 0 10px; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis;transition:all 0.5s ease;}
.NewCenter .right:hover img{transform:scale(1.1);}
.NewCenter .right a:after,.NewCenter .right a:before{transition:all 0.5s ease;}
.NewCenter .right:hover a:after{content:""; display:block;width: 94%;position:absolute; top: 0; left:0; height:94%; margin:3%; border:1px solid #dedede; z-index:5; background:url(../images/show_link.png) no-repeat center;}
.NewCenter .right:hover a:before{content:""; display:block; width: 100%; background:rgba(0, 0, 0, 0.3); position:absolute; top: 0; left:0; height:100%; z-index:2;}
.NewCenter .right:hover p{bottom:-40px;}

.Decoration{width: 100%; padding: 34px 0; border-bottom:1px solid #f5f5f5;	background: #fdfdfd;}
.Design{width: 1300px; margin: 0 auto; overflow:hidden;}
.Design .swiper-container-3{overflow:hidden; position: relative;}
.Design dl{float: left; width: 31.3%; padding: 15px; margin-right: 2%; position: relative; border: 1px solid #eee; background: #fbfbfb;}
.Design dl dt,.Design dl dd{width: 100%; text-align: center; color: #333; overflow: hidden;} 
.Design dl dt img{max-width:100%; rotate(0);webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.Design dl dd{bottom:50px;}
.Design dl dd span.line{display: block; margin: 5px auto; height: 1px; background: #eb1c24; width: 22px;  webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; -ms-transition: width 0.3s;    transition: width 0.3s;}
.Design dl dd h3{line-height: 35px; font-size: 20px; font-weight: normal;}
.Design dl dd p{text-transform: uppercase; font-size: 14px; color: #888; line-height: 22px; text-indent: 2em;text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.Design dl:hover dd h3{color:#eb1c24;}
.Design dl:hover dd span.line{width:50px;}
.Design dl:hover dt img{transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg);}



.OurHonor{width: 1300px; margin: 0 auto; padding: 40px 0 50px 0;}
.OurHonor .Left{float: left; width: 24%;}
.OurHonor .Left h2{font-size: 24px; font-weight: normal; border-bottom: 1px solid #d2d1d0; width: 135px; line-height: 24px; padding-bottom: 20px;}
.OurHonor .Left p{font-size: 14px; color: #666; line-height: 24px; margin-top: 12px;}
.OurHonor .Left .en{text-transform: uppercase; display: block; color: #999; font-size: 14px; margin-top: 30px;}
.OurHonor .Left .more{display: block; width: 94px; line-height: 28px; color: #bcbcbc; border: 1px solid #bcbcbc; text-align: center; font-size: 14px; margin-top: 10px;}

.OurHonor .Carousel-2{float: left; width: 76%; position: relative; overflow: hidden; padding: 0 3%;}
.OurHonor .Carousel-2 .prev{left: 0; width: 19px; height: 33px; background: url(../images/prev2.png)no-repeat; margin-top: -16.5px; z-index: 20;}
.OurHonor .Carousel-2 .prev:hover{background: url(../images/prev2-blue.png)no-repeat;}
.OurHonor .Carousel-2 .next{right: 0; width: 19px; height: 33px; background: url(../images/next2.png)no-repeat; margin-top: -16.5px; z-index: 20;}
.OurHonor .Carousel-2 .next:hover{background: url(../images/next2-blue.png)no-repeat;}
.Carousel-2 ul li dl dt a{display: block;}
.Carousel-2 ul li dl dt a img{display: block; width: 100%;}
.Carousel-2 ul li dl dd{text-align: center; font-size: 14px; margin-top: 10px;}

.ColorEEE{background: #eee;}
.FriendLink{width: 1300px; margin: 0 auto; overflow: hidden;}

.FriendLink h3{float: left; width: 11%; font-size: 18px; color: #fff; background: #a2a2a2; padding: 15px 0; line-height: 18px; position: relative; z-index: 77; text-align: center;}
.FriendLink h3 span{display: block; font-weight: normal; text-transform: uppercase; font-size: 16px; margin-top: 16px; color: #eee;}
.FriendLink  .Carousel-3{float: left; width: 89%; margin-top: 10px; padding: 10px 30px; position: relative; overflow: hidden;}
.Carousel-3 ul{}
.Carousel-3 ul li{text-align: center;}
.Carousel-3 ul li img{display: block; width: 100%;}

/* 页脚 */

.footer{width: 100%; background: url(../images/footerbg.jpg) no-repeat center; background-size:cover; position:relative; z-index:0;}
.footer:after{content:''; position:absolute; background:rgba(0,0,0,.5); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-5;}
.pcFooter{width: 1300px; margin: 0 auto;}
.pcFooter ul{padding: 40px 0;;}
.pcFooter ul li{padding: 30px 0; width: 20%;  margin-right: 2%; float:left;}
.pcFooter ul li i{display: block; width: 60px; height: 60px; float: left; border: 2px solid #fff; border-radius: 50%; text-align: center; line-height: 55px; font-size: 32px; color: #fff;}
.pcFooter ul li:last-child{width: 34%;; flex: none; margin-right: 0;}
.pcFooter ul li .wz{float:left; color:#fff; line-height:22px; font-size: 14px;}
.pcFooter ul li .wz p{color: #fff;   font-size:16px;  font-weight: bold; line-height:30px;}
.pcFooter ul li .wz span{}

.phFooter{width: 100%; border-top: 1px solid #2f3438; background: #03437b;}
.phfoot{width: 1300px; margin: 0 auto;}
.phfoot p{line-height: 30px; color: #dedede; font-size: 14px; text-align: center; padding: 20px 0;}
.phfoot a{color:#dedede;}

.Sidebar{position: fixed; right: 0; top: 45%; z-index: 999;}
.Sidebar ul li{position: relative; width: 38px; height: 38px; margin-top: 5px;}
.Sidebar ul li > a{position: relative; display: block; width: 38px; height: 38px; z-index: 7; background:#686868;}
.Sidebar ul li > a img{display: block; width: 100%; height: 100%;}
.Sidebar ul li.tels p{position: absolute; right: 38px; top: 0; width: 0px; height: 38px; background: #005bac; z-index: 6; line-height: 38px; font-size: 16px; color: #fff; padding-left: 0; transition: all .5s; cursor: pointer; overflow: hidden;}
.Sidebar ul li.tels:hover p{width: 129px; z-index: 8;padding-left: 10px; }

.HeadImgBox{width: 100%;}
.HeadImgBox > img{display: block; width: 100%;}
.HeadNav{background: #f2f2f2; height: 71px; border-bottom: 1px solid #ddd; position: relative;}
.HeadNav ul{margin: 0 auto; width: 1300px; height: 70px; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;    display: flexbox;    display: box;    -ms-flex-direction: row;    -ms-flex-align: center;}
.HeadNav ul>li{
 -ms-box-flex:1; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; flex: 1; -ms-flex: 1; line-height: 70px; text-align: center; font-size: 18px; border-right: 1px solid #ddd; height: 70px;}
.HeadNav ul>li:first-child{border-left: 1px solid #ddd;}
.HeadNav ul>li>a{display: block;}
.HeadNav ul>li.qyzx>a{background: url(../images/hsj.png)no-repeat 75% center;}
.HeadNav ul>li.qyzx.on>a,.HeadNav ul>li.qyzx:hover>a{background: #fff url(../images/lsj.png)no-repeat 75% center; border-top: 3px solid #eb1c24; color: #eb1c24; height: 71px;}
.HeadNav ul>li.on>a,.HeadNav ul>li:hover>a{background: #fff; border-top: 3px solid #eb1c24; color: #eb1c24; height: 71px;}
.HeadNav ul>li ol{position: absolute; width: 100%; border-bottom: 1px solid #ddd; left: 0; top: 71px; height: 43px; text-align: center; background: #fff; padding-left: 11%; display: none;}
.HeadNav ul>li.qyzx2 ol{text-align: left; padding-left: 18.5%;}
.HeadNav ul>li.one ol{text-align: left; padding-left: 18.5%;}
.HeadNav ul>li.one:nth-child(2) ol{padding-left: 31%;}
.HeadNav ul>li.one:nth-child(3) ol{padding-left: 43.5%;}
.HeadNav ul>li.two ol{text-align: center; padding-left: 0; padding-right: 50%;}
.HeadNav ul>li ol li{display: inline-block; position: relative; top: -14px; line-height: 24px; padding: 0 20px; border-right: 1px solid #ddd;}
.HeadNav ul>li ol li:first-child{border-left: 1px solid #ddd;}
.HeadNav ul>li ol li a{display: block; font-size: 16px;}
.HeadNav ul>li ol li:hover a{color: #eb1c24;}

.AboutShuo{width: 1300px; margin: 0 auto;}
.AboutShuo h2{font-size: 24px; font-weight: normal; text-align: center; margin-top: 40px; color: #333;}
.AboutShuo>p{font-size: 16px; color: #666; line-height: 30px; margin-top: 30px;}
.AboutShuo p.ind{text-indent: 2em;}
.AboutShuo .CompanyTre{margin-top: 30px;}
.AboutShuo .CompanyTre .left{width: 35%; float: left; background: #363636; color: #fff; padding: 8.7% 4%; font-size: 16px; line-height: 26px;}
.AboutShuo .CompanyTre .right{float: left; width: 65%;}
.AboutShuo .CompanyTre .right img{display: block; width: 100%;}
.AboutShuo > img.sing{display: block; margin: 0 auto; margin-top: 30px; width: 100%;}

.licheng2{padding-top:0;	position:relative; overflow:hidden;}
.licheng2 ul{position:relative;	z-index:1;}
.licheng2 .line{width:2px;height:100%;left:124px;top:50px;background:#eee;position:absolute;}
.licheng2 li{overflow: hidden;}
.licheng2 li h3 {float: left; font-size: 30px; color: #666; font-family: Georgia; font-weight: bold; width: 100px;margin-top:0;    line-height: 50px;}
.licheng2 li span{display:block;float:left;	width:40px;height:40px;	margin-top:10px;background:#fff url("../images/horone01.png") no-repeat center center; background-size:cover;}
.licheng2 li div {font-size: 15px; color: #666; float: right; width: calc(100% - 170px);position:relative;padding:15px 0 20px 20px;border-bottom:1px dashed #dedede;}
.licheng2 li div::after,.licheng2 li div p::after{position:absolute;content:"";width:6px;height:6px;background:#0093dd;transform:rotate(45deg);-ms-transform:rotate(45deg);	-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);left:0;	top:25px;}
.licheng2 li div p{margin-top:7px;	position:relative;}
.licheng2 li div p::after {top: 8px; left: -20px;}

@media screen and (min-width: 640px) {
	.licheng2 li h3 {font-size: 30px; width: 100px;margin-top:20px; line-height: 50px;}
	.licheng2 li span{width:40px;height:40px; margin-top:25px;background:#fff url("../images/horone01.png") no-repeat center center; background-size:cover;}
	.licheng2 li div {width: calc(100% - 180px);position:relative;padding:25px 0 25px 20px;}
	.licheng2 .line{left:124px;top:50px;}
	.licheng2 li div::after,.licheng2 li div p::after{top:40px;}
	.licheng2 li div p::after {top: 8px; left: -20px;}
}

.BlueWhiteDragon{width: 100%; background: url(../images/bluebg.jpg)no-repeat; background-size: 100% 100%; padding: 4% 0; margin-top: 40px;}
.BlueWhiteDragon dl{width: 1300px; margin: 0 auto;}
.BlueWhiteDragon dl dt{float: right; width: 50%;}
.BlueWhiteDragon dl dt img{display: block; width: 100%;}
.BlueWhiteDragon dl dd{float: left; width: 46%; font-size: 16px; color: #fff; line-height: 30px; text-indent: 2em; padding-top: 3%;}
.BlueWhiteDragon h2 {font-size: 24px; font-weight: normal; text-align: center;  color: #fff; line-height:60px;}

.CompanyTreS{width: 1300px; margin: 0 auto; padding: 3% 0;}
.CompanyTreS dl{width: 100%;}
.CompanyTreS dl dt{float: left; width: 50%;}
.CompanyTreS dl dt img{display: block; width: 100%;}
.CompanyTreS dl dd{float: right; width: 46%; font-size: 16px; text-indent: 2em; line-height: 30px; color: #666; padding-top: 6%;}
.CompanyTreS dl:nth-child(even) dt{float: right;}
.CompanyTreS dl:nth-child(even) dd{float: left;}


.CompanyAddress{width: 1300px; margin: 0 auto; margin-top: 55px;}
.CompanyName{width: calc(50% - 30px); display: inline-block; vertical-align: middle; margin: 14px;}
.CompanyName h2{font-size: 24px; font-weight: normal; color: #005bac;}
.CompanyName h3 {font-size: 36px; font-weight: normal;  color: #e0e0e0;}
.CompanyName ul{margin-top: 35px;}
.CompanyName ul li{font-size: 16px; color: #666; margin-top: 30px; line-height: 37px;}
.CompanyName ul li img{float: left; margin-right: 15px; width: 36px;}
.CompanyName ul li i{display: block; float: left; width: 36px; height: 36px; line-height: 36px; background: #005bac; color: #fff; text-align: center; border-radius: 50%; font-size: 18px; margin-right: 20px;}

.CompanyName p{font-size: 16px; color: #666; margin: 10px 0; line-height: 35px;}
.CompanyErwm{width: calc(50% - 30px); display: inline-block; vertical-align: middle;  margin: 14px;}
.CompanyErwm img{max-width:100%;}
.CompanyErwm dl{display: inline-block; text-align: center; margin-left: 35px; margin-top: 65px;margin-top: 30px; width: 40%;}
.CompanyErwm dl:nth-child(1){margin-left: 0;}
.CompanyErwm dl dt{border: 2px solid #eb1c24;}
.CompanyErwm dl dt img{max-width:100%;}
.CompanyErwm dl dd{font-size: 16px; color: #666; margin-top: 10px;}



.CompanyAdr{display: block; width: 100%; margin-top: 50px;}




.ByBusWay{width: 1300px; margin: 0 auto; margin-top: 50px;}
.ByBusWay .tip{font-size: 24px;}
.ByBusWay .tip span{color: #888; font-weight: normal; font-size: 20px;}
.ByBusWay h3{background: url(../images/cm5.png)no-repeat left center; font-size: 18px; color: #37a4e3; padding-left: 45px; line-height: 40px; font-weight: normal; margin-top: 20px;}


.BusBox > div{float: left; width: 33.33%; min-height: 460px; margin-top: 30px; padding-bottom: 20px; color: #fff;}
.BusBox > div:nth-child(1){background: #2a79c2;}
.BusBox > div:nth-child(2){background: #f98248 url(../images/bus.png)no-repeat center 90%;}
.BusBox > div:nth-child(3){background: #79c764;}
.BusBox > div h4{text-align: center; font-size: 22px; font-weight: normal; margin-top: 35px; margin-bottom: 20px;}
.BusBox > div p{margin: 0 10%; font-size: 14px; line-height: 24px; margin-top: 10px;}
.BusBox > div p.hasD{background: url(../images/yuan.png)no-repeat left center; padding-left: 20px; margin-top: 20px;}


.ByCarWay{width: 1300px; margin: 0 auto; margin-top: 35px;}
.ByCarWay h3{background: url(../images/cm6.png)no-repeat left center; line-height: 40px; font-size: 18px; color: #de6764; padding-left: 45px; font-weight: normal;}
.ByCarWay div{background: #60a5b4; color: #fff; margin-top: 30px; padding: 40px 7%;}
.ByCarWay div h4{font-size: 22px; text-align: center; font-weight: normal;}
.ByCarWay div p{font-size: 14px; line-height: 24px;}
.ByCarWay div p span{display: block;}


.ByMapWay{width: 1300px; margin: 0 auto; margin-top: 35px;}
.ByMapWay h3{background: url(../images/cm7.png)no-repeat left center; line-height: 40px; font-size: 18px; color: #37a4e3; padding-left: 45px; font-weight: normal;}
.ByMapWay div p{float: left; width: 49.5%; margin-right: 1%; line-height: 80px; text-align: center; font-size: 18px; margin-top: 30px;}
.ByMapWay div p:nth-child(2){margin-right: 0; background: url(../images/mapbg2.png)no-repeat; background-size: 100% 100%;}
.ByMapWay div p:nth-child(1){background: url(../images/mapbg1.png)no-repeat; background-size: 100% 100%;}
.ByMapWay div p a{display: block; color: #fff;}


.WhiteBackground{padding: 50px 0 60px 0; background: url(../images/whitebg.jpg)no-repeat; background-size: 100% 100%; margin-top: 70px;}
.FenCompany{width: 1300px; margin: 0 auto;}
.FenCompany h2{font-size: 22px; font-weight: normal;}
.FenGsBox{

}
.FenGsBox .FenGs{float: left; width: 32%; margin-right: 2%; background: #fff; padding: 30px 5%; margin-top: 30px;}
.FenGsBox .FenGs:nth-child(3n){margin-right: 0;}
.FenGsBox .FenGs .FeName{border-bottom: 1px solid #eb1c24; padding-bottom: 10px;}
.FenGsBox .FenGs .FeName h3{font-size: 18px; font-weight: normal; line-height: 28px; height: 28px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.FenGsBox .FenGs ul{padding-top: 5px;}
.FenGsBox .FenGs ul li{color: #888; font-size: 16px; margin-top: 10px;}
.FenGsBox .FenGs ul li:first-child{line-height: 20px; height: 40px; overflow: hidden;}


.Corporate{width: 1300px; margin: 0 auto; margin-top: 50px;}
.Corporate h2{text-align: center; font-size: 24px; font-weight: normal;}
.CorporateBox dl{float: left; width: 48.5%; margin-right: 3%; margin-top: 40px;}
.CorporateBox dl:nth-child(2n){margin-right: 0;}
.CorporateBox dl dt{border: 1px solid #ddd;}
.CorporateBox dl dt img{display: block; width: 100%;}
.CorporateBox dl dd{text-align: center; margin-top: 15px;}
.CorporateBox dl dd h3{color: #eb1c24; font-size: 20px; font-weight: normal;}
.CorporateBox dl dd p{color: #666; font-size: 18px;}


.Culture{width: 1300px; margin: 0 auto;}
.Culture dl{float: left; width: 32%; margin-right: 2%; min-height: 397px; text-align: center; color: #fff;}
.Culture dl:nth-child(3n){margin-right: 0;}
.Culture dl:nth-child(1){background: url(../images/orb1.jpg)no-repeat; background-size: 100% 100%;}
.Culture dl:nth-child(2){background: url(../images/orb2.jpg)no-repeat; background-size: 100% 100%;}
.Culture dl:nth-child(3){background: url(../images/orb3.jpg)no-repeat; background-size: 100% 100%;}
.Culture dl dt{margin-top: 25%;}
.Culture dl dd{margin-top: 30px;}
.Culture dl dd h3{font-size: 20px;}
.Culture dl dd p{font-size: 16px; margin-top: 20px; line-height: 28px;}




.Enterprise{width: 1300px; margin: 50px auto;}
.Enterprise #Videos{width: 100%;}
.Enterprise p{font-size: 16px; text-indent: 2em; line-height: 26px; margin-top: 20px; margin-bottom: 30px;}
.Enterprise dl{width: 100%; margin-top: .5%;}
.Enterprise dl dt{float: left; width: 65%;}
.Enterprise dl dt img{display: block; width: 100%;}
.Enterprise dl dd{float: right; width: 34.5%;}
.Enterprise dl dd img{display: block; width: 100%; margin-top: 1.3%;}
.Enterprise dl dd img:first-child{margin-top: 0;}
.Enterprise dl:nth-child(even) dt{float: right;}
.Enterprise dl:nth-child(even) dd{float: left;}
.Enterprise > img{display: block; margin: 0 auto; margin-top: 5px; max-width: 100%;}

.Certificate{width: 1300px; margin: 50px auto; margin-top: 30px;}

.BooksBox dl{float: left; width: 31.33%; margin-right: 3%; margin-top: 40px; padding-top: 38px; background: url(../images/zst.png)no-repeat center top;}
.BooksBox dl:nth-child(3n){margin-right: 0;}
.BooksBox dl dt{box-shadow: 15px 38px 38px #ddd; text-align: center; background: url(../images/zsbgt.jpg)no-repeat left top; background-size: 100% 100%;}
.BooksBox dl dt img{display: block; width: 100%;}
.BooksBox dl dd{margin-top: 36px; line-height: 36px; border: 1px solid #666; border-left: none; border-right: none; text-align: center; font-size: 18px; font-weight: bold;}
.BooksBox dl dd a{color: #666; display: block;}
.BooksBox dl:hover dd{border-color: #eb1c24;}
.BooksBox dl:hover dd a{color: #eb1c24;}
.NumberBox{margin-top: 60px; text-align: center;}
.NumberBox a{display: inline-block; width: 32px; height: 32px; border: 1px solid #ddd; text-align: center; line-height: 32px; font-size: 16px; color: #787878; margin: 0 3px;}
.NumberBox a.a1{font-size: 16px; width: 72px;}
.NumberBox span{display: inline-block; width: 32px; height: 32px; border: 1px solid #eb1c24; text-align: center; line-height: 32px; font-size: 16px; color: #fff; background: #eb1c24; cursor: pointer; margin: 0 3px;}

.BookShoWindow{width: 1300px; margin: 50px auto; margin-top: 70px;}
.BookShoWindow h2{text-align: center; font-size: 24px; font-weight: normal;}
.BookShoWindow .time{border: 1px solid #ddd; line-height: 38px; border-left: none; border-right: none; margin-top: 20px; text-align: center; font-size: 14px; color: #999;}
.BookShoWindow>img{display: block; margin: 50px auto; }
.ChangePage{border-top: 1px  solid #ddd; margin-top: 80px; padding-top: 20px;}
.ChangePage ul{float: left; width: 50%;}
.ChangePage ul li{color: #888; font-size: 16px; line-height: 30px;}
.ChangePage ul li a{color: #888;}
.ChangePage ul li a:hover{color:#eb1c24;}
.ChangePage p{float: right; font-size: 16px; color: #888; width: 50%; text-align: right; margin-top: 20px;}
.ChangePage p a{display: inline-block; margin: 0 3px;}
.Layout{background: url(../images/msbg.jpg)no-repeat; margin: 50px 0;}
.Layout dl{width: 1300px; margin: 0 auto; min-height: 645px;}
.Layout dl dt{float: right; width: 58%; line-height: 645px;}
.Layout dl dt img{width: 100%;}
.Layout dl dd{float: left; width: 39%; background: rgba(255,255,255,0.8); min-height: 645px; padding: 0 4%;}
.Layout dl dd h2{color: #eb1c24; font-size: 28px; margin-top: 30%;}
.Layout dl dd .line{display: block; width: 31px; height: 3px; background: #eb1c24; margin: 10px 0;}
.Layout dl dd h4{font-size: 16px;}
.Layout dl dd p{font-size: 16px; margin-top: 30px; color: #666; line-height: 30px;}

.CaseWindow{width: 1300px; margin: 50px auto;}
.CaseShowList dl{float: left; width: 32%; margin-right: 2%; margin-bottom:30px; position: relative; overflow: hidden;}
.CaseShowList dl:nth-child(3n){margin-right: 0;}
.CaseShowList dl dt{position: relative; overflow:hidden;}
.CaseShowList dl dt>a>img{display: block; width: 100%; max-height:300px;}
.CaseShowList dl dt .Mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1; padding: 15px; opacity: 0; transition: all 1s;}
.CaseShowList dl dt .Mask .NameB{border: 1px solid #ddd; width: 100%; height: 100%; padding:15px; overflow:hidden;}
.CaseShowList dl dt .Mask .NameB h3{text-align: center; font-size: 20px; font-weight: normal; line-height: 50px; color:#fff;border-bottom: 1px solid #8e8d8d;  margin-bottom: 15px;}
.CaseShowList dl dt .Mask .NameB h3 a{color: #fff;}
.CaseShowList dl dt .Mask .NameB > a{display: block; margin: 0 auto; color: #fff; font-size: 16px; line-height: 30px; text-indent: 2em; line-height: 32px;}
.CaseShowList dl dt .Mask .NameB .Let img{float:right;}
.CaseShowList dl dd{position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; background: rgba(0,0,0,0.6); transition: all .5s;}
.CaseShowList dl dd a{color: #fff; font-size: 16px;}
.CaseShowList dl:hover dd{bottom: -50px;}
.CaseShowList dl:hover dt .Mask{opacity: 1;}

.CarouselBox{width: 100%; margin-top: 60px;}
.ShowBigPic{width: 80%; border: 1px solid #ccc; padding: 10px; background: #f4f4f4; margin: 0 auto;}
.ShowBigPic img{display: block; width: 100%;}
.SmallPicBox{position: relative; overflow: hidden; padding: 0 65px; margin-top: 40px;}
.SmallPicBox ul li img{display: block; width: 100%;}
.SmallPicBox .prev{left: 0; background: #fff url(../images/prev4.jpg)no-repeat; background-size: 100% 100%; height: 100%; top: 0; margin-top: 0; width: 60px;}
.SmallPicBox .next{right: 0; background: #fff url(../images/next4.jpg)no-repeat; background-size: 100% 100%; height: 100%; top: 0; margin-top: 0; width: 60px;}
.SmallPicBox ul li{border: 1px solid #ccc; padding: 5px; background: #f4f4f4;}
.SmallPicBox ul li.swiper-slide-active{border-color: orange;}

.TeamPresence{background: url(../images/bg3.png)no-repeat; padding: 55px 0;}
.Presence{width: 1300px; margin: 0 auto;}
.Presence dl{position: relative; margin-top: 35px; min-height: 364px;}
.Presence dl dt{float: left; width: 55.5%; line-height: 364px;}
.Presence dl dt img{display: inline-block; width: 100%;}
.Presence dl dd{position: absolute; width: 48.58%; background: url(../images/wbg.png)no-repeat left center; background-size: 100% 100%; transition: all .5s; right: 0; min-height: 364px; top: 50%; margin-top: -182px; padding: 0 4%;}
.Presence dl:nth-child(even) dd{right: auto; left: 0; background: url(../images/wbg2.png)no-repeat right center; background-size: 100% 100%;}
.Presence dl:nth-child(even) dt{float: right;}
.Presence dl:hover dd{background: url(../images/bbg.png)no-repeat left center; background-size: 100% 100%;}
.Presence dl:nth-child(even):hover dd{background: url(../images/bbg2.png)no-repeat right center; background-size: 100% 100%;}
.Presence dl dd h3{font-size: 20px; margin-top: 10%; font-weight: normal;}
.Presence dl dd p{margin-top: 6%; font-size: 16px; color: #666; line-height: 26px;}
.Presence dl dd a.more{display: block; width: 105px; line-height: 33px; text-align: center; font-size: 16px; color: #666; border: 1px solid #bebebe; margin-top: 6%;}
.Presence dl:hover dd h3{color: #fff;}
.Presence dl:hover dd p{color: #fff;}
.Presence dl:hover dd a.more{color: #fff; border-color: #fff;}

.resources{width: 1300px; margin: 60px auto;}
.resources ul{width: 100%;}
.resources ul>li{width: 100%; margin-top: 40px; height: 122px; background: #eee;}
.resources ul>li h2{float: left; width: 18%; background: #c8c8c8; line-height: 122px; text-align: center; font-size: 20px; font-weight: normal; position: relative; transition: all .5s;}
.resources ul>li:hover h2{background: #005bac; color: #fff;}
.resources ul>li.on h2{background: #005bac; color: #fff;}
.resources ul>li h2:after{content: "."; position: absolute; width: 0; height: 0; border: 10px solid #c8c8c8; transform: rotate(45deg); top: 50%; right: -10px; margin-top: -10px; color: transparent; transition: all .5s;}
.resources ul>li:hover h2:after{border-color:#005bac;}
.resources ul>li.on h2:after{border-color: #005bac;}
.resources ul>li h2 em{float: right; font-size: 14px; display: none;}
.resources ul>li p{float: left; width: 67%; height: 100px; padding-top: 22px;}
.resources ul>li p span{float: left; width: 32.5%; text-align: center; font-size: 14px; line-height: 28px;}
.resources ul>li .look{float: left; width: 15%; height: 122px; background: #c8c8c8; font-size: 14px; text-align: center; transition: all .5s;}
.resources ul>li:hover .look{background: #005bac;}
.resources ul>li.on .look{background: #005bac;}
.resources ul>li .look a{color: #fff; background: #005bac; display: inline-block; padding: 3% 6%; margin-top: 26%; transition: all .5s;}
.resources ul>li:hover .look a{background: #fff; color: #005bac;}
.resources ul>li.on .look a{background: #fff; color: #005bac;}
.resources ul>div{display: none; width: 100%; padding: 2% 5%; border-top: 6px solid #eb1c24; background: #e9e9e9 url(../images/jiaru.png)no-repeat 90% center; padding-bottom: 4%;}
.resources ul>div h4{font-size: 16px; line-height: 16px; padding-top: 20px;}
.resources ul>div ol{padding-top: 10px;}
.resources ul>div ol li{font-size: 14px; color: #333; line-height: 30px;}
.resources ul>div p{padding-top: 20px; font-size: 15px;}
.resources ul>div p a{font-weight: bold;}

.EnterpriseHonor{background: url(../images/bg4.png)no-repeat; background-size: 100% 100%; padding: 45px 0 55px 0;}
.HonorBoxs{width: 1300px; margin: 0 auto;}
.HonorBoxs dl{float: left; width: 32.5%; margin-right: 1.25%; text-align: center; box-shadow: 0 0 7px #444; min-height: 320px; margin-top: 35px; background: #fff; position: relative;}
.HonorBoxs dl:nth-child(3n){margin-right: 0;}
.HonorBoxs dl dt{line-height: 264px;}
.HonorBoxs dl dd{position: absolute; bottom: 0; width: 100%; line-height: 56px; text-align: center; background: #d3d3d3; font-size: 16px; transition: all .5s;}
.HonorBoxs dl dd a{display: block;}
.HonorBoxs dl dt img{max-width: 92%;}
.HonorBoxs dl:nth-child(2n) dd{background: #eb1c24;}
.HonorBoxs dl:nth-child(2n) dd a{color: #fff;}
.HonorBoxs dl:hover dd{background: #eb1c24; line-height: 80px;}
.HonorBoxs dl:hover dd a{color: #fff;}

.HotNewsCenter{background: url(../images/hotnew.jpg)no-repeat left center; padding: 84px 0 135px 0; margin-top: 55px; background-size: 48% 100%;}
.new-Carousel{width: 1300px; margin: 0 auto;}
.Carousel-6{float: left; width: 52%; position: relative; overflow: hidden; box-shadow: -40px 40px 0 #fff;}
.picbox{width: 300%;}
.picbox li{float: left; width: 33.33%;}
.picbox li img{display: block; width: 100%;}
.n-prev{width: 50px; height: 68px; background: url(../images/n-prev.png)no-repeat; margin-top: -34px; left: 0;}
.n-next{width: 50px; height: 68px; background: url(../images/n-next.png)no-repeat; margin-top: -34px; right: 0;}
.Carousel-7{float: right; width: 44%; position: relative; overflow: hidden;}
.txtbox{width: 300%;}
.txtbox li{float: left; width: 33.33%;}
.txtbox li h3{width: 100%; font-size: 24px; line-height: 34px; padding-top: 3%;}
.txtbox li p{width: 100%; font-size: 16px; color: #666; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; margin-top: 5%;}
.txtbox li span{display: block; font-size: 12px; color: #999; line-height: 24px; background: url(../images/time.png)no-repeat left center; padding-left: 25px; margin-top: 4%;}
.txtbox li a{display: block; width: 164px; background: #1d45a4; color: #fff; text-align: center; line-height: 38px; font-size: 16px; margin-top: 7%;}
.txtbox li a img{margin-left: 5px;}


.NewCenterList{width: 1300px; margin: 0 auto; margin-top: 10px;}
.NewCenterList .NewPage{float: left; width: 32.5%; margin-right: 1.25%; margin-top: 50px; background: url(../images/newbgd.png)no-repeat; background-size: 100% 100%; padding: 10px 3% 30px 3%; transition: all .5s;}
.NewCenterList .NewPage:nth-child(3n){margin-right: 0;}
.NewCenterList .NewPage p.time{color: #999; background: url(../images/time.png)no-repeat left center; padding-left: 25px; line-height: 40px; transition: all .5s; height: 40px;}
.NewCenterList .NewPage .pics img{display: block; width: 100%;}
.NewCenterList .NewPage h3{margin-top: 20px; font-size: 18px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 26px;}
.NewCenterList .NewPage h3 a{transition: all .5s;}
.NewCenterList .NewPage p{font-size: 16px; color: #666; margin-top: 20px; transition: all .5s; line-height: 20px; height: 80px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.NewCenterList .NewPage .more{float: right; width: 63px; line-height: 25px; text-align: center; font-size: 14px; background: #eb1c24; color: #fff; margin-top: 15px; transition: all .5s;}
.NewCenterList .NewPage:hover{background: url(../images/newbg.png)no-repeat; background-size: 100% 100%;}
.NewCenterList .NewPage:hover p.time{color: #fff; background: url(../images/timew.png)no-repeat left center;}
.NewCenterList .NewPage:hover h3 a{color: #fff;}
.NewCenterList .NewPage:hover p{color: #aec0e3;}
.NewCenterList .NewPage:hover .more{background: #486fad;}
.Space{width: 100%; height: 60px;}
.BookShoWindow2 div.ind{font-size: 16px; color: #666; line-height: 26px; margin-top: 30px;}
.BookShoWindow2>img{margin: 0 auto; margin-top: 30px;}
.BookShoWindow2 div.ind img{display: block; margin: 0 auto; max-width: 100%; margin-top: 20px;}
.BookShoWindow2 div.ind iframe{width: 80%; height: 600px;}
@media screen and (max-width: 1300px){
 .BookShoWindow2 div.ind iframe{ width: 80%;  height: 550px; }
}
@media screen and (max-width: 960px){
 .BookShoWindow2 div.ind iframe{ width: 90%;  height: 550px; }
}
@media screen and (max-width: 768px){
 .BookShoWindow2 div.ind iframe{ width: 90%;  height: 460px; }
}
@media screen and (max-width: 550px){
 .BookShoWindow2 div.ind iframe{ width: 96%;  height: 360px; }
}
@media screen and (max-width: 414px){
 .BookShoWindow2 div.ind iframe{ width: 96%;  height: 270px; }
}
@media screen and (max-width: 375px){
 .BookShoWindow2 div.ind iframe{ width: 96%;  height: 250px; }
}
@media screen and (max-width: 320px){
 .BookShoWindow2 div.ind iframe{ width: 96%;  height: 220px; }
}

.threeNav{padding: 0 2%; display: none;}
.threeNav li{float: left; width: 23.5%; margin-right: 2%; line-height: 40px; background: #ddd; text-align: center; font-size: 18px; border: 1px solid #ccc; margin-top: 20px;}
.threeNav li:nth-child(4n){margin-right: 0;}
.threeNav li a{display: block;}

.CaseShowList2 dl{float: left; width: 49.8%; margin-top: 5px; position: relative; min-height: 364px; overflow: hidden;}
.CaseShowList2 dl:nth-child(2n){padding-right: 0;}
.CaseShowList2 dl.left{float: left;}
.CaseShowList2 dl.right{float: right;}
.CaseShowList2 dl.big{width: 49.8%;}
.CaseShowList2 dl dt img{display: block; height: 100%;}
.CaseShowList2 dl dd{position: absolute; height: 100%; top: 0; left: 0; z-index: 10; transition: all .5s; width: 80px; background: rgba(0, 111, 215, 0.8); text-align: center;}
.CaseShowList2 dl.black dd{background: rgba(0, 0, 0, 0.6);}
.CaseShowList2 dl dd img{display: block; height: 100%;}
.CaseShowList2 dl dd span{display: block; width: 100%; font-size: 24px; color: #fff; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; text-align: center; line-height: 80px; vertical-align: middle; }
.CaseShowList2 dl dd span.cn{padding: 20px 0 10px; font-weight: 400; letter-spacing: 5px;}
.CaseShowList2 dl dd span.en{padding: 0; font-weight: normal; letter-spacing: 2px; font-size: 16px;text-transform: uppercase; display:none;}
.CaseShowList2 dl dd i{position: absolute;left: 80px; width: 20px; height: 20px; width: 0; height: 0; border: 15px solid transparent; border-top-color: rgba(0, 111, 215, 0.8); top: 50%; transform: rotate(270deg);}
.CaseShowList2 dl.black dd i{border-top-color: rgba(0, 0, 0, 0.6);}

.CaseShowList2 dl .Mask{position: absolute; left: -100%; top: 0; z-index: 11; width: 100%; height: 100%; background: url(../images/bluebbg.png); padding: 10px; transition: all .5s;overflow: hidden;}
.CaseShowList2 dl.black .Mask{background: rgba(0,0,0,0.4);}
.CaseShowList2 dl .Mask a{display: block; width: 100%; height: 100%; border: 1px solid #fff; text-align: center;}
.CaseShowList2 dl .Mask a span{display: block;}
.CaseShowList2 dl .Mask a span.cn{font-size: 24px; font-weight: bold; color: #fff; margin-top: 20%;}
.CaseShowList2 dl.big .Mask a span.cn{margin-top: 20%;}
.CaseShowList2 dl .Mask a span.en{text-transform: uppercase; color: #fff; font-size: 16px; margin-top: 7px;}


.CaseShowList2 dl:hover dd{left: -50%;}
.CaseShowList2 dl:hover .Mask{left: 0;}

.PartnerList{margin: 50px auto; width:1300px;overflow:hidden;}
.PartnerList li{float:left;width:30%; margin:20px 1.66%;box-shadow: 0px 0px 2px #ddd;webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;}
.PartnerList li:hover{box-shadow: 5px 5px 5px #ddd;}
.PartnerList li img{width:100%;}

@media screen and (max-width: 1300px){
 .PartnerList{ width: 90%; }
}
@media screen and (max-width: 600px){
	.PartnerList li{width:46%; margin:15px 2%;}
}