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

/* 头部 */

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

/*  pc头部  */

.pcHeader{width: 1200px; margin: 0 auto; height: 112px;}
.pcHeader .logo{float: left; line-height: 112px;}
.pcHeader .logo img{display: inline-block;}
.pcHeader .pcNav{float: right;}
.pcHeader .pcNav > li{float: left; width: 124px;}
.pcHeader .pcNav > li dl{}
.pcHeader .pcNav > li dl dt{height: 112px; 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: 40px;}
.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: #005bac;}
.pcHeader .pcNav > li:hover dl dt a span,.pcHeader .pcNav > li.on dl dt a span{color: #005bac;}
.pcHeader .pcNav > li dl dd{position: absolute; width: 100%; background: rgba(0,0,0,0.2); left: 0; top: 112px; height: 50px; z-index: 88; display: none;}
.pcHeader .pcNav > li dl dd ol{text-align: right;}
.pcHeader .pcNav > li:nth-child(2) dl dd ol{padding-right: 41%;}
.pcHeader .pcNav > li:nth-child(3) dl dd ol{padding-right: 38%;}
.pcHeader .pcNav > li:nth-child(4) dl dd ol{padding-right: 33%;}
.pcHeader .pcNav > li:nth-child(5) dl dd ol{padding-right: 26%;}
.pcHeader .pcNav > li:nth-child(6) dl dd ol{padding-right: 16%;}
.pcHeader .pcNav > li dl dd ol li{display: inline-block; line-height: 50px; font-size: 16px; margin: 0 20px;}
.pcHeader .pcNav > li dl dd ol li a{color: #fff;}

/* 手机头部 */

.phHeader{padding: 0 3%; height: 80px; display: none;}
.phHeader .logo{float: left; line-height: 80px;}
.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;}

@font-face{font-family: "MyFont"; src: url('../font/MFLiHei.otf');}
.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; font-family: "MyFont"; letter-spacing:2px;}
.yw_tit span a {color: #020314;}
.yw_tit span b {color: #ff5500;	font-weight: normal;}
.yw_tit font {color: #727272;font-size: 16px;line-height: 30px;}

/* 搜索与联系方式 */

.GeBackground{background: url(../images/bg1.jpg); padding: 15px 0; border-bottom: 1px solid #e1e1e1;}
.idx_lxpnl{width: 1200px; margin: 0 auto;}
.idx_lxpnl > div{float: left; width: auto;}
.idx_lxpnl .ewmBox{float: right; text-align: right;}
.idx_lxpnl .ewmBox img{display: inline-block; margin-left: 5px; width: 80px;}
.idx_lxpnl p{color: #888; font-size: 14px; margin-top: 10px;}
.idx_lxpnl p a{color: #888; display: inline-block; margin-right: 10px;}
.idx_lxpnl .ntLine{text-align: center; padding-top: 24px;}

.idx_lxpnl .home_base_btn{clear: both; height: 48px; border: 1px solid #fe7d02; margin: auto; background-color: #ffffff;}
.idx_lxpnl .home_base_btn>i,.home_base_btn>p,.home_base_btn>b{float: left;}
.idx_lxpnl .home_base_btn>i{margin-left: -21px; margin-top: 3px; transition: .7s;}
.idx_lxpnl .home_base_btn>p{font-size: 14px; color: rgb(254, 125, 2); margin: 6px 28px 0 9px; line-height: 16px;}
.idx_lxpnl .home_base_btn>b{font-size: 36px; font-family: "Impact"; color: rgb(254, 125, 2); padding-right: 30px;}
.idx_lxpnl .home_base_btn>a{float: right;  background-image: -moz-linear-gradient( 45deg, rgb(255,138,79) 0%, rgb(255,108,78) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(255,138,79) 0%, rgb(255,108,78) 100%); background-image: -ms-linear-gradient( 45deg, rgb(255,138,79) 0%, rgb(255,108,78) 100%); background-image: linear-gradient( 45deg, rgb(255,138,79) 0%, rgb(255,108,78) 100%); width: 152px; height: 46px; text-align: center; line-height: 46px;font-size: 15px; color: rgb(255, 255, 255);}
.idx_lxpnl .home_base_btn:hover>i{transform: rotateY(360deg);}
#pcask{display:block;}
#wapask{display:none;}

/*公司介绍*/
.comdesc{background: url(../images/bg1.jpg) repeat;  /*background-size: 100% 100%;*/ padding: 40px 0 50px 0;}
.comdesc .comwrap{width:1200px; margin:0 auto; direction: rtl;}
.comdesc .comwrap .pic {display: inline-block; position: relative; width: calc(40% + 10px); vertical-align: middle;}
.comdesc .comwrap .pic img{position: absolute;  z-index: 2; width: 88.732%;  top: 0; left: 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;}
.comdesc .comwrap .pic:hover img{opacity:0.9;filter:alpha(opacity=90); box-shadow: 5px 5px 5px rgba(0,0,0,.3); margin-top:-10px;}
.comdesc .comwrap .pic:after {content: ''; display: block;  position: absolute;  width: 70.465%;  height: 70.727%; border: 4px solid #fff; top: 16.36%; left: 15.5%; transform: scale(1.2); -moz-transform: scale(1.2);    -webkit-transform: scale(1.2);}
.comdesc .comwrap .pic:before {content: ''; display: block; height: 0; padding-bottom: 77.465%;}

.comdesc .comwrap  .text {display: inline-block;  width: calc(60% - 60px); vertical-align: middle;  margin-left: 50px;  direction: ltr;}
.comdesc .comwrap .text .subject-en {line-height: 40px; font-size: 32px; font-weight: 100; color: #005bac; margin: 0; font-family: myfont;}
.comdesc .comwrap .text .subject {line-height: 34px; font-size: 24px; margin: 0; color: rgba(153, 153, 153, 0.5); text-transform: uppercase;}
.comdesc .comwrap .text .summary {line-height: 30px; font-size: 14px; margin: 20px 0 0;}
.comdesc .comwrap .text .summary span {color:#c33}
.comdesc .comwrap .text .summary strong {font-weight:normal}

/* 新闻中心 */

.NewCenter{width: 1200px; margin: 50px auto;}
.NewCenter .left{float: left; background: url(../images/NewCenter.jpg)no-repeat; background-size: 100% 100%; width: 25%; color: #fff; padding: 0 2.5%;}
.NewCenter .left > div{text-align: right; margin-top: 30px;}
.NewCenter .left h2{margin-top: 50%; font-weight: normal; font-size: 24px; line-height: 24px;}
.NewCenter .left .line{display: block; width: 24px; height: 1px; background: #fff; margin-top: 15px;}
.NewCenter .left .en{color: #fff; text-transform: uppercase; font-size: 14px; line-height: 24px; margin-top: 10px;}
.NewCenter .left .more{display: block; width: 94px; line-height: 28px; text-align: center; color: #fff; border: 1px solid #fff; margin-top: 10px;}
.NewCenter .center{float: left; background: #f7f7f7; width: 41%; padding: 0 2.5%;}
.NewCenter .center ul li{border-bottom: 1px dashed #c2c2c2; padding: 8% 0;}
.NewCenter .center ul li:last-child{border-bottom: none;}
.NewCenter .center ul li h3{font-size: 16px; background: url(../images/newList-b.png)no-repeat left center; padding-left: 25px; line-height: 28px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.NewCenter .center ul li h3:hover{background: url(../images/newList.png)no-repeat left center;}
.NewCenter .center ul li h3:hover a{color: #005bac;}
.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{float: right; width: 32%; position: relative; overflow: hidden;}
.NewCenter .right img{display: block; width: 100%; height: 100%;transition:all 0.5s ease;}

.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;/* margin-top: 45px;*/}
.Design{width: 1200px; margin: 0 auto;}

.Design dl{float: left; width: 24%;  padding: 50px 0; margin-right: 1.33%; position:relative; height:240px;}
.Design dl i{ position:absolute; width:100%; height:100%; top:0; left:0; display:block; opacity:0.7;filter:alpha(opacity=70); 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:first-child  i{background: #000000; }
.Design dl:nth-child(2) i{background: #19afa8; }
.Design dl:nth-child(3) i{background: #FFC107; }
.Design dl:nth-child(4) i{background: #5798AA; }
.Design dl:nth-child(5) i{background: #6157aa; }
.Design dl:nth-child(6) i{background: #b0e496; }
.Design dl:nth-child(7) i{background: #90716f; }
.Design dl:nth-child(8) i{background: #FF9800; }
.Design dl:nth-child(9) i{background: #607D8B; }
.Design dl:nth-child(10) i{background: #2a404d; }

.Design dl:first-child{background: url(../images/biz1.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(2){background: url(../images/biz2.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(3){background: url(../images/biz3.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(4){background: url(../images/biz4.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(5){background: url(../images/biz5.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(6){background: url(../images/biz6.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(7){background: url(../images/biz7.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(8){background: url(../images/biz8.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(9){background: url(../images/biz9.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(10){background: url(../images/biz10.jpg)no-repeat; background-size: 100% 100%;}
.Design dl:nth-child(4n+4){margin-right: 0;}

.Design dl dt,.Design dl dd{position:absolute; z-index:10; width:100%; text-align:center; color:#fff;} 
.Design dl dt{top:50px;}
.Design dl dt img{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: 0 auto; height: 1px; background: #fff; width: 22px; margin-top: 20px;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: 48px; font-size: 24px; font-weight: normal;}
.Design dl dd h3 a{color: #fff;}
.Design dl dd p a{color: #fff;}
.Design dl dd p{text-transform: uppercase; font-size: 12px;}

.Design dl:hover i{ opacity:0.1;filter:alpha(opacity=10);}
.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: 1200px; 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: 1200px; 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: #1b2025;}
.pcFooter{width: 1200px; margin: 0 auto;}
.pcFooter ul{display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; display: flexbox; display: box; -ms-flex-direction: row; -ms-flex-align: center; padding-top: 40px;}
.pcFooter ul li{-ms-box-flex:1; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; flex: 1; -ms-flex: 1;}
.pcFooter ul li:last-child{width: 230px; flex: none;}
.pcFooter ul li dl dt{color: #acadae; font-size: 16px; line-height: 36px;}
.pcFooter ul li dl dd{font-size: 14px; line-height: 28px; color: #737373;}
.pcFooter ul li dl dd a{color: #737373;}
.pcFooter ul li dl dd span{float: left; width: 22%;}
.pcFooter ul li dl dd p{float: left; width: 78%;}
.phFooter{width: 100%; border-top: 1px solid #2f3438; margin-top: 50px;}
.phfoot{width: 1200px; 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;}
.Sidebar ul li > a img{display: block; width: 100%; height: 100%;}
.Sidebar ul li.tels p{position: absolute; right: 0; top: 0; width: 0px; height: 38px; background: url(../images/1-1.png)no-repeat; z-index: 6; line-height: 38px; font-size: 16px; color: #fff; padding-left: 10px; transition: all .5s; cursor: pointer; overflow: hidden;}
.Sidebar ul li.tels:hover p{width: 167px; z-index: 8;}

.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: 1200px; 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 #005bac; color: #005bac; height: 71px;}
.HeadNav ul>li.on>a,.HeadNav ul>li:hover>a{background: #fff; border-top: 3px solid #005bac; color: #005bac; 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: #005bac;}

.AboutShuo{width: 1200px; 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%;}

.BlueWhiteDragon{width: 100%; background: url(../images/bluebg.jpg)no-repeat; background-size: 100% 100%; padding: 4% 0; margin-top: 40px;}
.BlueWhiteDragon dl{width: 1200px; 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: 1200px; 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: 1200px; margin: 0 auto; margin-top: 55px;}
.CompanyName{float: left; width: 50%;}
.CompanyName h2{font-size: 24px; font-weight: normal; color: #444;}
.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;}




.CompanyErwm{float: right; width: 50%; text-align: right;}
.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 #005bac;}
.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: 1200px; 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: 1200px; 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: 1200px; 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: 1200px; 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 #005bac; 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: 1200px; 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: #005bac; font-size: 20px; font-weight: normal;}
.CorporateBox dl dd p{color: #666; font-size: 18px;}


.Culture{width: 1200px; 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: 1200px; 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: 1200px; 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: #005bac;}
.BooksBox dl:hover dd a{color: #005bac;}
.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 #005bac; text-align: center; line-height: 32px; font-size: 16px; color: #fff; background: #005bac; cursor: pointer; margin: 0 3px;}

.BookShoWindow{width: 1200px; 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 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: 1200px; 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: #005bac; font-size: 28px; margin-top: 30%;}
.Layout dl dd .line{display: block; width: 31px; height: 3px; background: #005bac; 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: 1200px; 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;}
.CaseShowList dl dt>a>img{display: block; width: auto; 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: 18px; font-weight: normal; margin-top: 23%;}*/
.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; width: 26px; height: 26px; margin: 0 auto; margin-top: 20px;}*/
.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: 1200px; 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: 1200px; 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: #1d45a4; color: #fff;}
.resources ul>li.on h2{background: #1d45a4; 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: #1d45a4;}
.resources ul>li.on h2:after{border-color: #1d45a4;}
.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: #1d45a4;}
.resources ul>li.on .look{background: #1d45a4;}
.resources ul>li .look a{color: #fff; background: #1d45a4; display: inline-block; padding: 3% 6%; margin-top: 26%; transition: all .5s;}
.resources ul>li:hover .look a{background: #fff; color: #1d45a4;}
.resources ul>li.on .look a{background: #fff; color: #1d45a4;}
.resources ul>div{display: none; width: 100%; padding: 2% 5%; border-top: 6px solid #fabc44; 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: 1200px; 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: #005bac;}
.HonorBoxs dl:nth-child(2n) dd a{color: #fff;}
.HonorBoxs dl:hover dd{background: #005bac; 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: 1200px; 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: 1200px; 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: 2; overflow: hidden; height: 52px;}
.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: #005bac; 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: 1200px){
 .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:1200px;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: 1200px){
 .PartnerList{ width: 90%; }
}
@media screen and (max-width: 600px){
	.PartnerList li{width:46%; margin:15px 2%;}
}