.h2Box{color: #646464;}
.theAbout .h2Box{color: #fff;}
.pBox{color: #bfbfbf;}
.pBox:after{background: #B19464;}
section{padding: 70px 0 60px;}
.theAbout{padding: 70px 0 60px;}
.theAbout{text-align: center;}
.theAbout .divBox img{display: block;margin: 50px auto 0;opacity: 0.5;}
.theAbout .divBox ul li{display: inline-block;padding: 45px 0 25px;margin: 0 45px;}
.theAbout .divBox ul li h3{font-size: 48px;font-weight: bold;color: #fff;}
.theAbout .divBox ul li span{width: 36px;height: 1px;background: #E0E0E0;display: block;margin: 12px auto 12px;}
.theAbout .divBox ul li p{color: #fff; color: rgba(255,255,255,0.5);}
.theAbout .divBox .theAbout-title{color: #fff; color: rgba(255,255,255,0.7);margin: 20px 0 0;text-align: left;}
.theAbout .divBox>span{background: url(../img/ico-about-bot.png) no-repeat center;display: block;width: 18px;height: 37px;margin: 50px auto 0;}
.theAbout .divBox>span:hover{cursor: pointer;transform: translateY(8px);-moz-transform: translateY(8px);-webkit-transform: translateY(8px);-o-transform: translateY(8px);}

.slidewrapBox{width: 100%;position: relative;}
.theHistoryItem{margin-top: 98px;width: 100%;}
.theHistoryItem .swiper-slide ul{width:100%; margin: 0 auto;}
.theHistoryItem .swiper-slide ul li{margin-bottom: 38px;}
.theHistoryItem .swiper-slide ul li div{position: relative;margin: 0 auto;}
.theHistoryItem .swiper-slide ul li div h3{font-size: 20px;font-weight: bold;color: #4e4e50;text-align: right;float: left;width: 46%;line-height: 65px;}
.theHistoryItem .swiper-slide ul li div span{width: 8px;height: 8px;background: #B19464;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);
						-moz-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);display: block;position: absolute;top: 50%;left: 50%;margin-top: -5px;margin-left: -5px;}
.theHistoryItem .swiper-slide ul li div div{float: right;height: auto;width: 46%;background: #F4F4F4;position: relative;padding: 10px;}
.theHistoryItem .swiper-slide ul li div div p{color: #4e4e50;text-align: left;}
.theHistoryItem .swiper-slide ul li:nth-of-type(2n) div h3{text-align: left;float:right;}
.theHistoryItem .swiper-slide ul li:nth-of-type(2n) div div{float: left;}
.theHistoryItem .swiper-slide ul li:nth-of-type(2n) div div p{text-align: right;}
.slidewrapBox .swiper-pagination{top: -45px;}
.theHistoryItem .swiper-slide ul li:hover{background: #20326A;}
.theHistoryItem .swiper-slide ul li:hover div h3{color: #fff;}
.theHistoryItem .swiper-slide ul li:hover div span{background: #fff;}
.theHistoryItem .swiper-slide ul li:hover div div{background: #20326A;}
.theHistoryItem .swiper-slide ul li:hover div div p{color: #fff;}
.theHistory .slidewrapBox .swiper-pagination{position: absolute;top: -55px;left: 50%;
											-webkit-transform: translate3d(-50%,0,0);
										    -ms-transform: translate3d(-50%,0,0);
										    -o-transform: translate3d(-50%,0,0);
										    transform: translate3d(-50%,0,0);}


.theTeam{background: #F4F4F4;}
.theTeam ul{text-align: center;margin: 55px auto 68px;}
.theTeam ul li{display: inline-block;margin: 0 30px;width: 185px;height: 34px;line-height: 34px;background: #EDEDED;color: #4e4e50;cursor: pointer;}
.theTeam ul li.active, .theTeam ul li:hover{background: #B19464;color: #FFFFFF;}
.theTeam .swiper-slide a .teamTitle{width: 100%;height: 100px;background: #fff;padding: 25px 20px;
							box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;left: 0;bottom: 0;}
.theTeam .swiper-slide a .teamTitle p{color: #444;font-size: 16px;margin-bottom: 10px;}
.theTeam .swiper-slide a .teamTitle span{color: #a3a3a3;font-size: 12px;}
.theTeam .swiper-slide a{position: relative;display: block;width: 255px;height:376px;overflow: hidden;}
.theTeam .swiper-slide a img{display: block;height: 275px;}
.theTeam .swiper-slide a .teamMan{opacity: 0;overflow: hidden; color: #fff;text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width: 0;height: 0;
				padding: 40px 8px 0;background: #B19464;background: rgba(177,148,100,0.9);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.theTeam .swiper-slide a .teamMan h3{font-size: 16px;margin-bottom: 10px;}
.theTeam .swiper-slide a .teamMan p{font-size: 12px;text-align: left;line-height: 22px;padding: 50px 20px;border: 1px solid #C2AB85;margin-top: 15px;position: relative;}
.theTeam .swiper-slide a .teamMan p:after{position: absolute;content: '';display: block;width: 25px;height: 4px;background: #fff;top: -3px;left: 50%;margin-left: -12px;}
.theTeam .swiper-slide:hover a img{width: auto;height: 100%;}
.theTeam .swiper-slide:hover a .teamMan{opacity: 1;width: 100%;height: 100%;}
.theTeam .swiper-slide a img,
.theTeam .swiper-slide a .teamMan,
.pinzhiBar .swiper-slide ul li:after{transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;}
.teamBar02{display: none;}
.teamBar{position: relative;}
.teamBar01{position: absolute;padding: 0 60px;z-index: 0;opacity: 0; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;top: 0;left: 0;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.teamBar01.active{z-index: 1;opacity: 1;}
.theTeam .swiper-button-prev{left: -8px;}
.theTeam .swiper-button-next{right: -8px;}

.pinzhi .pinzhiTitle{margin: 55px 0 75px;color: #646464;line-height: 24px;text-align: center;}
.pinzhiBar .swiper-slide ul li{width: 33.333%;float: left;position: relative;overflow: hidden; padding: 8px 0;height: 150px; border-right: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.pinzhiBar .swiper-slide ul li img{display: block;margin: 0 auto;height: 100%;}
.pinzhiBar .swiper-slide ul li:nth-of-type(3n){border-right: none;}
.pinzhiBar .swiper-slide ul li:nth-of-type(4), 
.pinzhiBar .swiper-slide ul li:nth-of-type(5), 
.pinzhiBar .swiper-slide ul li:nth-of-type(6){border-bottom: 0;}
.pinzhiBar .swiper-slide ul li:after{position: absolute;left: 0;top: 0;content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);}
.pinzhiBar .swiper-slide ul li:hover:after{position: absolute;left: 0;top: 0;content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.pinzhiBar .pinzhiItem{padding-bottom: 60px;}

.zhuti{padding-bottom: 155px;}
.zhuti ul{margin-top: 60px;}
.zhuti ul li{width: 591px;height:337px;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zhuti ul li:first-child{background: url(../img/zhuti01.jpg) no-repeat center;background-size: cover;}
.zhuti ul li:last-child{float: right;background: url(../img/zhuti02.jpg) no-repeat center;background-size: cover;}
.zhuti ul li div div{border: 1px solid #fff;padding: 40px 55px;}
.zhuti ul li>div{width: 100%;height: 100%;padding: 17px 12px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.zhuti ul li:hover>div{background-color: rgba(27,50,106,0.8);}
.zhuti ul li div div h2{margin-bottom: 45px;position: relative;text-align: left;}
.zhuti ul li div div h2:after{position: absolute;content: '';display: block;width: 25px;height: 4px;background: #646464;left: 0;bottom: -22px;}
.zhuti ul li div div p{line-height: 24px;height: 72px;overflow: hidden;color: #646464;color: rgba(100,100,100,0.6);}
.zhuti ul li div div .more{margin: 25px 0 0 275px;border-color: #E6E6E6;}
.zhuti ul li:hover div h2, .zhuti ul li:hover div p, .zhuti ul li:hover div .more span{color: #fff;}
.zhuti ul li:hover div h2:after{background: #fff;}
.zhuti ul li:hover div .more:before{display: none;}
.zhuti ul li:hover div .more{background-color: #B19464;}
.zhuti ul li:hover div .more span{background-image: url(../img/ico-right.png);}

.rongyu ul{margin-top: 65px;}
.rongyu ul li{float: left;margin-right: 2%;width: 32%;position: relative;height: 518px;}
.rongyu ul li:last-child{margin-right: 0;}
.rongyu ul li .rongyuTitle{position: relative;}
.rongyu ul li .rongyuTitle:after{top: -12px;background: #203471;}
.rongyu ul li p{color: #444444;line-height: 24px;}
.rongyu ul li div{background: #fff;}
.rongyu ul li div img{margin-bottom: 55px;display: block;}
.rongyu ul li div, .rongyu ul li .rongyuMan{position: absolute;top: 50%;left: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
				padding: 12px 10px; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width: 100%;}
.rongyu ul li .rongyuMan{background: #B19464;overflow: hidden;opacity: 0;width:100%; height: 100%;}
.rongyu ul li .rongyuMan p{color: #fff;text-align: center;}
.rongyu ul li .rongyuMan .rongyuTitle{margin-bottom: 70px;}
.rongyu ul li .rongyuMan .rongyuTitle:after{top: auto; bottom: -35px;background: #fff;left: 50%;margin-left: -12px;}
.rongyu ul li:hover div{opacity: 0;}
.rongyu ul li:hover .rongyuMan{opacity: 1;padding: 55px 10px 0;}
.rongyu ul li .rongyuMan, .theRecruitment .theRecruitmentList>li{transition: all 0.6s ease 0.2s;-webkit-transition: all 0.6s ease 0.2s;-moz-transition: all 0.6s ease 0.2s;-o-transition: all 0.6s ease 0.2s;}

.theProduct{background: #EBEEF0;padding: 50px 0;}
.theProduct .swiper-slide>a{width: 49%;margin-right: 1%;display: inline-block;vertical-align: middle;}
.theProduct .swiper-slide div{width: 48%;display: inline-block;vertical-align: middle;}
.theProduct .swiper-slide div h2{font-size: 36px;color: #1d2947;margin-bottom: 15px;}
.theProduct .swiper-slide div h2 span{font-size: 18px;}
.theProduct .swiper-slide div p{color: #1d2947;font-size: 18px;margin-bottom: 15px;}
.theProduct .swiper-slide div .more{border-color: #DFDFE0;}
.theProduct .swiper-slide>a img{float: right;}
/*.theProduct .swiper-button-prev, .theProduct .swiper-container-rtl .swiper-button-next{background-color: #203471;}
.theProduct .swiper-button-next, .theProduct .swiper-container-rtl .swiper-button-prev*/

.rongyu ul li .rongyuTitle:after, .theProduct1 .theProductMan li>div div p:after, .theCase ul.thcaseList li div h3:after{position: absolute;left: 0;width: 25px;height: 4px;content: '';display: block;}

.theProduct1 .productClass{border-bottom: 1px solid #DCDCDC;}
.theProduct1{padding: 0 0 60px;}
.theProduct1 .productClass ul li{display: inline-block;width: 16%;float: left;}
.theProduct1 .productClass ul li>a{display: block;color: #444444;text-align: center;height: 55px;line-height: 55px;}
.theProduct1 .productClass ul li.active, .theProduct1 .productClass ul li:hover{background: #203471;}
.theProduct1 .productClass ul li.active a, .theProduct1 .productClass ul li:hover a{color: #fff;}
.theProduct1 .productClass ul li:last-child{position: relative;height: 55px;display: none;}
.theProduct1 .productClass ul li:last-child .yello{position: absolute;top: 50%;left: 50%;margin-top: -24px;margin-left: -90px;}
.theProduct1 .productClass ul li:last-child:hover{background: #fff;}
.theProduct1 .theProductMan{padding: 60px 0;}
.theProduct1 .theProductMan li{border: 1px solid #F3F5F6;width: 49%;background-size:cover !important; margin-right: 2%;overflow: hidden; position: relative; float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin-bottom: 18px;}
.theProduct1 .theProductMan li>img{width: 100%;display: block;opacity: 0;}
.theProduct1 .theProductMan li:nth-child(2n){margin-right: 0;}
.theProduct1 .theProductMan li>div{position: relative;width: 100%;height: 100%;background: #fff;}
.theProduct1 .theProductMan li>div div{float: left;width: 50%;}
.theProduct1 .theProductMan li>div div:first-child{position: relative;height: 337px;}
.theProduct1 .theProductMan li>div div img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.theProduct1 .theProductMan li>div div:last-child{float: right;padding: 60px 0;height: 216px;overflow: hidden;}
.theProduct1 .theProductMan li>div div h2{font-size: 16px;text-align: left;}
.theProduct1 .theProductMan li>div div p{margin-top: 47px;position: relative;font-size: 13px;height: 95px;line-height: 20px;}
.theProduct1 .theProductMan li>div div p:after{background: #B19464;top: -23px;}
.theProduct1 .theProductMan li>div div .more{border-color: #EAEAEA;background: #fff;}
.theProduct1 .theProductMan li:hover>img{opacity: 1;}
.theProduct1 .theProductMan li:hover>div{background: rgba(177,148,100,0.3);}
.theProduct1 .theProductMan li:hover>div div .more:before{display: none;}
.theProduct1 .theProductMan li:hover>div div .more span{color: #8E8E8E;background: url(../img/ico-right02.png) no-repeat 80px center;}
.theProduct1 .theProductMan li:hover>div div h2{color: #fff;}
.theProduct1 .theProductMan li:hover>div div p{color: #fff;}
.theProduct1 .theProductMan li:hover>div div p:after{background:#fff;}
.page{float: right;margin-top: 40px;height: 34px;line-height: 34px;}
.page a, .page ul{display: inline-block;vertical-align: middle;}
.page ul li{float: left; margin: 0 3px;}
.page a{padding: 0 17px;background: #F8F8F8;color: #666666;}
.page ul li.active a, .page ul li:hover a, .page>a:hover{background: #B19464;}
.page ul li:hover a, .page ul li.active a, .page>a:hover{color: #fff;}

.theService{padding: 70px 0 90px;}
.theService .h2Box{color: #fff;}
.theService .theServices{background: #fff;padding: 35px;margin-top: 60px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.theService .theServices .theServiceTitle li{float: left;width: 32%;margin-right: 2%;text-align: center;height: 55px;line-height: 55px;background: #F3F4F6;}
.theService .theServices .theServiceTitle li:last-child{margin-right: 0;}
.theService a, .theService .theServices p{color: #444444;}
.theService .theServices .theServiceTitle>li.active a, .theService .theServices .theServiceTitle>li:hover a{color: #fff;}
.theService .theServices .theServiceTitle>li.active, .theService .theServices .theServiceTitle>li:hover{background: #20326A;}
.theService .theServices .theServiceTitle>li a{display: block;}
.theService .theServices .theServiceList>li{padding: 24px 0 10px;text-align: left;}
.theService .theServices .theServiceList>li h4{height: 35px;line-height: 35px;text-indent: 25px; margin-bottom: 24px;color: #fff;background: url(../img/ico-service-bnt.jpg) no-repeat left center;}
.theService .theServices .theServiceList>li div{border-top: 1px solid #F2F2F4;padding-top: 24px;}
.theService .theServices .theServiceList>li div p{margin-bottom: 8px;line-height: 24px;}
.theService .theServices .theServiceList>li>div>p{text-indent: 2em;}
.theService .theServices .theServiceList>li div .theServiceMan1{margin-top: 24px;}
.theService .yello{margin: 60px auto 30px;}
.theService .theServices{text-align: center;}
.theService .theProductTitle{display:inline-block; margin:  0 auto;}
.theService .theProductTitle>li{float: left;}
.theService .theProductTitle>li a{padding: 0 25px;position: relative;display: block;}
.theService .theProductTitle>li a:after{position: absolute;width: 2px;height: 12px;background: #E3E3E3;right: 0;top: 3px;content: '';display: block;}
.theService .theProductTitle>li:last-child a:after{display: none;}

.theService .theServices .theServiceList>li div.active>ul{background: #F3F4F6;padding: 30px;text-align: center;}
.theService .theServices .theServiceList>li div.active>ul li p{background: #203471;color: #fff;height: 38px;line-height: 38px;}
.theService .theServices .theServiceList>li div.active>ul>li{float: left;margin-right: 20px;width: 158px;}
.theService .theServices .theServiceList>li div.active>ul>li ul{border: 1px solid #F1F1F1;background: #fff;}
.theService .theServices .theServiceList>li div.active>ul>li ul li{height: 55px;line-height: 55px;color: #444444;border-bottom: 1px solid #F1F1F1;}
.theService .theServices .theServiceList>li div.active>ul>li ul li:last-child{border-bottom: none;}
.theService .theServices .theServiceList>li>div>ul{margin: 10px 0 24px;}
.theService .theServices .theServiceList>li>div img{display: block;width: 100%;margin: 10px 0 24px;}
.theService .theServices .theServiceList>li>div.mafan ul li>p{width: 210px;float: left;margin-bottom: 0;text-align: center;font-weight: bold; border-right: none;border-left: 1px solid #F1F1F1;border-top: 1px solid #F1F1F1;}
.theService .theServices .theServiceList>li>div.mafan ul li>div{width: 807px;padding: 30px 55px;float: left;border-right: 1px solid #F1F1F1;border-left: 1px solid #F1F1F1;}
.theService .theServices .theServiceList>li>div.mafan ul li>div p{float: left;width: 60%;}
.theService .theServices .theServiceList>li>div.mafan ul li>div p:nth-of-type(2n){width: 40%;}
.theService .theServices .theServiceList>li>div.mafan ul li:last-child{border-bottom: 1px solid #F1F1F1;}
.theService .theServices .theServiceList>li>div.mafan ul li:nth-child(3)>p,
.theService .theServices .theServiceList>li>div.mafan ul li:nth-child(3)>div{background: #F3F6F9;}


.theSearch input{color: #444;}
.theSearch input[type=text]{width: 743px;height: 52px;border: 1px solid #E9E9E9;border-radius: 20px;-webkit-border-radius: 30px;-moz-border-radius: 30px;text-indent: 3em;}
.theSearch input[type=text]:focus{outline:none;border: 1px solid #007AFF;box-shadow: 0 0 1px 1px #007AFF;}
.theSearch{text-align: center;}
.theSearch .divBox{display: inline-block;width: auto;position: relative;}
.theSearch .divBox input[type=button]{width: 90px;height: 44px;border-radius: 20px;
						-webkit-border-radius: 30px;-moz-border-radius: 30px;
						background: #20326A url(../img/ico-search001.png) no-repeat center;top: 50%;
						right: 5px;margin-top: -22px;position: absolute;outline:none;border: none;cursor: pointer;}
.theSearch input[type=button]:focus{outline:none;}
.theSearchMan{background: #F4F5F6;padding: 0;}
.theSearchMan .theSearchList{padding: 60px 0 30px;}
.theSearchMan .theSearchList li h3{font-size: 15px;font-weight: normal;padding: 15px 0;border-bottom: 1px dotted #E0E0E1;}
.theSearchMan .theSearchList li h3 a{color: #222222;}
.theSearchMan .theSearchList li p{font-size: 13px;padding: 15px 0 20px;line-height: 24px;}
.theSearchMan .theSearchList li p a{color: #7e7e7e;}
.theSearchMan .theSearchList li:hover{background: #B19464;}
.theSearchMan .theSearchList li:hover p a,
.theSearchMan .theSearchList li:hover h3 a{color: #fff;}
.theSearchMan .page{float: none;margin-top: 0;padding: 40px 0;background: #fff;text-align: center;}
.theSearchMan .page ul li.active a, .theSearchMan .page ul li:hover a, .theSearchMan .page>a:hover{background: #007AFF;}

.theNews .divBox {text-align: center;}
.theProduct1.theNews .productClass ul li{display: inline-block;float: none;}
.theProduct1.theNews .productClass ul li:last-child:hover{background: #20326A;}
.theSearchMan.theNewsList{background: #fff;}
.theSearchMan.theNewsList .theSearchList{padding: 0 0 30px;}
.theSearchMan.theNewsList .theSearchList li h3{border-bottom: none;height: 20px;line-height: 20px; padding-bottom: 0;color: #232222;font-size: 16px;}
.theSearchMan .theSearchList li p a{color: #ACABAB;font-size: 14px;}
.theSearchMan.theNewsList .theSearchList{background: #fff;}
.theSearchMan.theNewsList .theSearchList li .time{width: 140px; float: left;font-size: 30px;color: #5e5d5d;display: block;}
.theSearchMan.theNewsList .theSearchList li time,
.theSearchMan.theNewsList .theSearchList li span{font-size: 30px;color: #5e5d5d;display: block;}
.theSearchMan.theNewsList .theSearchList li time{height: 44px;line-height: 44px;margin-top: 22px;}
.theSearchMan.theNewsList .theSearchList li span{font-size: 14px;}
.theSearchMan.theNewsList .theSearchList li .newsImg{float: left;width: 270px;overflow: hidden;margin-right: 40px;}
.theSearchMan.theNewsList .theSearchList li .newsImg img{display: block;}
.theSearchMan.theNewsList .theSearchList li .newsMan{float: left;width: 535px;}
.theSearchMan.theNewsList .theSearchList li .more{float: right;margin-top: 38px;border-color: #E6E6E6;}
.theSearchMan.theNewsList .theSearchList li{padding: 50px 0;}
.theSearchMan.theNewsList .theSearchList li p a{height: 43px;overflow: hidden;display: block;}
.theSearchMan.theNewsList .page{float: right;}
.theSearchMan.theNewsList .page ul li.active a, .theSearchMan.theNewsList .page ul li:hover a, 
.theSearchMan.theNewsList .page>a:hover{background: #B19464;}
.theNewsBan{ height: 447px;}
.theNewsBan{height: 394px;}

.theSearchMan.theNewsList .theSearchList li:hover{background: #EBEEF0;}
.theSearchMan.theNewsList .theSearchList li:hover p a{color: #AFB0B2;}
.theSearchMan.theNewsList .theSearchList li:hover h3 a{color: #1a3471;font-size: 18px;font-weight: bold;}
.theSearchMan.theNewsList .theSearchList li:hover time,
.theSearchMan.theNewsList .theSearchList li:hover span{color: #B19464;}
.theSearchMan.theNewsList .theSearchList li .more:before{display: none;}
.theSearchMan.theNewsList .theSearchList li:hover .more{background: #B19464;border-color: #B19464;}
.theSearchMan.theNewsList .theSearchList li:hover .more span{color: #fff;background-image: url(../img/ico-right.png);}
.theSearchMan.theNewsList .theSearchList li:hover time{font-weight: bold;}

.theCase ul.thcaseList li a, .theCaseXQ p, .theCaseXQ a, .theErzi .theErziList li h3, .theErzi .theErziList li p{color: #444444;}
.theCase ul.thcaseList li{float: left;border: 1px solid #EAEAEA; width: 381px;height: 423px;overflow: hidden; margin-right: 2%;margin-bottom: 50px; position: relative;overflow: hidden;}
.theCase ul.thcaseList li img{display: block;width:100%}
.theCase ul.thcaseList li:nth-child(3n){margin-right: 0;}
.theCase ul.thcaseList li div{ position: absolute;background: #EBEEF0;background: rgba(235,238,240,0.7); top: 0;left: 0;padding: 0 60px 73px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 90px;overflow: hidden;}
.theCase ul.thcaseList li div h3{height: 90px;line-height: 90px;border-bottom: 1px solid rgba(255,255,255,0.6); text-align: center; font-size: 16px;font-weight: normal;position: relative;}
.theCase ul.thcaseList li:hover div{padding-top: 0;background: rgba(177,148,100,0.7);height: 100%;}
.theCase ul.thcaseList li:hover div h3{font-size: 18px;margin-bottom: 35px;}
.theCase ul.thcaseList li div p{height: 200px;overflow: hidden;}
.theCase ul.thcaseList li:hover div h3 a, .theCase ul.thcaseList li div p a{color: #fff;}
.theCase ul.thcaseList li div h3:after{left: 50%;opacity: 0; bottom: -2px;margin-left: -12px;background: #fff;}
.theCase ul.thcaseList li div>a{color: #fff;display: block;width: 40px;height: 40px;border: 1px solid rgba(255,255,255,0.6);margin: 20px auto 0;text-align: center;line-height: 40px;}
.theCase ul.thcaseList li:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}
.theCase ul.thcaseList li:hover div h3:after{opacity: 1;}
.theCase .page{float: none;text-align: center;}

.theCaseNav{border-bottom: 1px solid #EAEAEA;}
.theCaseNav a{color: #2b2b2b;height: 45px;line-height: 45px;}
.theCaseNav a:first-child{float: left;background:  url(../img/ico-case-01.png) no-repeat left center;text-indent: 30px;}
.theCaseNav a:last-child{float: right;}
.theCaseNav a:hover{color: #B19464;}
.theCaseXQ h2{height: 118px;line-height: 118px;text-align: center;font-size: 24px;font-weight: bold;color: #2b2b2b;}
.theCaseImg{float: left;width: 380px;}
.theCaseImg img{display: block;width: 100%;}
.theCaseMan{float: right;width: calc(100% - 395px);min-height: 422px; background: #F5F7F9;padding: 35px 55px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.theCaseMan h4{font-weight: normal;color: #B19464;margin-bottom: 17px;}
.theCaseMan p{line-height: 30px;margin-bottom: 25px;}
.theCaseMan div a{display: inline-block;padding: 0 10px; height: 25px;text-align: center;line-height: 25px;border: 1px solid #D8D8D9;margin-bottom: 10px;margin-right: 10px;}
.theCaseMan div a:hover{color: #B19464;}
.theCaseMan div h3{font-weight: normal; color: #444;margin-bottom: 10px;font-size: 14px;}
.theMap .theMapList>li{margin-bottom: 18px;}
.theMap .theMapList>li h2{width: 160px;height: 40px;border: 1px solid #1A3471;text-align: center;line-height: 40px;background: #1A3471;float: left;}
.theMap .theMapList>li h2 a{font-size: 13px;display: block;color: #fff;}
.theMap .theMapList>li ul{float: left;padding-left: 35px;border: 1px solid #B8B8B8;width: calc(100% - 199px);}
.theMap .theMapList>li ul li{float: left;height: 40px;line-height: 40px;}
.theMap .theMapList>li ul li a{padding: 0 20px;position: relative;color: #444;}
.theMap .theMapList>li ul li a:after{position: absolute;width: 1px;height: 12px;background: #B8B8B8;right: 0;top: 3px;content: '';display: block;}
.theMap .theMapList>li ul li:last-child a:after{display: none;}
.theMap .theMapList>li ul li:hover a{color: #B19464;}

.theErzi .erziBox{position: relative;}
.theErzi .erziBox .swiper-button-prev{left: -28px;}
.theErzi .erziBox .swiper-button-next{right: -28px;}
.erziSwiper{height: 496px;margin-top: 200px;}
.theErzi .theErziList{padding: 55px 45px 40px;position: relative; border: 1px solid #CECECF;background: #F5F7F9;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.theErzi .theErziList h2{font-size: 18px;font-weight: bold;color: #1A3471;padding: 35px 0 25px;border-bottom: 1px solid #E7E8E9;}
.theErzi .theErziList h3{margin: 30px 0 12px;bottom: 15px;font-size: 16px;}
.theErzi .theErziList h3 span{font-size: 20px;}
.theErzi .theErziList p{line-height: 24px;height: 126px;overflow: hidden;}
.theErzi .theErziList .more{position: absolute;left: 50%;margin-left: -93px;bottom: -21px; border-color: #B19464; background: #B19464;}
.theErzi .theErziList .more span{color: #fff;background-image: url(../img/ico-right.png);}
.theErzi .theErziList img{display: block;}
.theErzi .pBox{margin-bottom: 20px;padding-bottom: 0;border-bottom: none;}
.theErzi .pBox:after{display: none;}
.theErzi .divBox>img{display: block;margin: 0 auto;}

.theCantact2{height: 862px;text-align: center;}
.theCantact1 .h2Box, .theCantact2 .h2Box{color: #fff;}
.theCantact2 ul{display: inline-block;margin-top: 80px;}
.theCantact2 ul li{margin-bottom: 10px;}
.theCantact2 ul li p{float: left;color: #fff;height: 45px;line-height: 45px;margin-right: 10px;}
.theCantact2 ul li input{float: right;width: 498px;height: 43px;border: 1px solid #4C4D4C;padding: 0 10px;}
.theCantact2 ul li textarea{float: right;width: 498px;height: 186px;border: 1px solid #4C4D4C;resize: none;padding: 10px;}
.theCantact2 ul li input[type=button]{width: 520px;}
.theCantact2 ul li input[type=text], .theCantact2 ul li textarea{background-color: rgba(0,0,0,0);}
.theCantact2 ul li input[type=text]:focus, .theCantact2 ul li textarea:focus{background-color: #fff;}
.theCantact2 ul li input[type=button]{background-color: #B19464;color: #fff;letter-spacing: 10px;}
.theCantact1-title{text-align: center;}
.theCantact1-title h3, .theCantact1-title .theCantact1XQ{color: #fff;}
.theCantact1-title h3{font-size: 20px;position: relative;margin-top: 60px;margin-bottom: 65px;}
.theCantact1-title h3:after{position: absolute;content: '';width: 0;height: 0;display: block;border: 10px solid transparent;border-top-color: #fff;bottom: -50px;left: 50%;margin-left: -10px;}
.theCantact1-title .theCantact1XQ{line-height: 24px;font-size: 13px;margin-bottom: 70px;}
.theCantact1-man{background: #EBEEF0;padding: 30px 45px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.theCantact1-man h4{color: #1c1c1c;font-size: 18px;padding-bottom: 17px;display: inline-block;border-bottom: 2px solid #B19464;}
.theCantact1-man>p{padding: 20px 0;height: 78px;border-bottom: 1px solid #D6D9DB;margin-bottom: 60px;}
.theCantact1-man p{line-height: 24px;color: #444444;}
.theCantact1-man>ul li{width: 158px;height: 32px;line-height: 32px;text-align: center;background: #fff;float: left;margin-right: 10px;}
.theCantact1-man>ul li.active, .theCantact1-man>ul li:hover{background: #B19464;}
.theCantact1-man>ul li a{color: #4e4e50;display: block;}
.theCantact1-man>ul li.active a, .theCantact1-man>ul li:hover a{color: #fff;}
.theCantact1-man>ul{margin-bottom: 42px;}
.theRecruitment .theRecruitmentList>li{margin-bottom: 20px;height: 40px;overflow: hidden;}
.theRecruitment .theRecruitmentList>li div{background: #fff;position: relative;cursor: pointer;}
.theRecruitment .theRecruitmentList>li div p{height: 40px;line-height: 40px;font-size: 15px; color: #11472b;padding: 0 24px;}
.theRecruitment .theRecruitmentList>li div span{width: 30px;height: 30px;background: #B19464;right: 18px;
				border-radius: 20px;-webkit-border-radius: 30px;-moz-border-radius: 30px;top: 5px; position: absolute;display: block;}
.theRecruitment .theRecruitmentList>li div span:before,
.theRecruitment .theRecruitmentList>li div span:after{top:50%;left: 50%; content: '';display: block;position: absolute;background: #fff;}
.theRecruitment .theRecruitmentList>li div span:after{width: 2px;height: 10px;margin: -5px 0 0 -1px;}
.theRecruitment .theRecruitmentList>li div span:before{width: 10px;height: 2px;margin: -1px 0 0 -5px;}
.theRecruitment .theRecruitmentList>li ul{padding: 0 24px;}
.theRecruitment .theRecruitmentList>li.active div,
.theRecruitment .theRecruitmentList>li div:hover{background:#B19464}
.theRecruitment .theRecruitmentList>li.active div p,
.theRecruitment .theRecruitmentList>li div:hover p{color:#fff;}
.theRecruitment .theRecruitmentList>li.active div span,
.theRecruitment .theRecruitmentList>li div:hover span{background: #fff;}
.theRecruitment .theRecruitmentList>li.active div span:after,
.theRecruitment .theRecruitmentList>li div:hover span:after,
.theRecruitment .theRecruitmentList>li.active div span:before,
.theRecruitment .theRecruitmentList>li div:hover span:before{background: #B19464;}
.theRecruitment .theRecruitmentList>li.active div span:after,
.theRecruitment .theRecruitmentList>li div:hover span:after{opacity: 0;}
.theRecruitment .theRecruitmentList>li h4{font-size: 13px;font-weight: bold;color: #333333;padding-bottom: 10px;border-bottom: none;}
.theRecruitment .theRecruitmentList>li li{padding-top: 25px;padding-bottom: 65px;}
.theRecruitment .theRecruitmentList>li li p{color: #666666;font-size: 13px;}
.theRecruitment .theRecruitmentList>li li{width: 50%;float: left;}
.theRecruitment .theRecruitmentList>li.active{height: 326px;}
.theRecruitment-prev, .theRecruitment-next{position: inherit;margin: 80px 15px 0;}
.btn{font-size: 20px;display: inline-block;text-align: center; width: 38px;cursor: pointer; height: 38px;line-height: 38px;background: #fff;color: #646464;}
.btn:hover{background: #B19464;color: #fff;}
.theCantact1-man .slidewrapBox{padding-bottom: 115px;text-align: center;}
.theCantact1-man .slidewrapBox .theRecruitment{text-align: left;}
.theCantact{background: #EBEEF0;}
.theCantact .theCantactMap>img{display: block;margin: 75px auto 0;}
.theCantact .theCantactMap{position: relative;}
.theCantact .theCantactMap>a{background: #B19464;color: #fff;position: absolute;height: 28px;line-height: 28px;padding: 0 20px;text-align: center;display: inline-block;}
.theCantact .theCantactMap>a.cd{top: 105px;left: 271px;}
.theCantact .theCantactMap>a.bg{top: 162px;left: 916px;}
.theCantact .theCantactMap>a.sh{top: 203px;left: 930px}
.theCantact .theCantactMap>a.gd{top: 235px;left: 915px}
.theCantact .theCantactMap .cantactMapBox ul li{color: #646464;margin-bottom: 10px;}
.theCantact .theCantactMap .cantactMapBox ul li img{vertical-align: middle;margin-right: 20px;}
.theCantact .theCantactMap .cantactMapMod{z-index: -1;opacity: 0; position: absolute;width: 858px;text-align: center; height: 458px;border: 1px solid #E1E3E4;border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;
										background: #fff; top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.cantactMapMod h3{font-size: 18px;color: #646464;height: 96px;border-bottom: 2px solid #ECECEC;text-indent: 225px;}
.cantactMapMod .swiper-slide{padding: 60px 0 50px;text-align: left;}
.cantactMapMod .swiper-slide ul{margin-top: 35px;}
.cantactMapMod .swiper-slide ul li{text-indent: 225px;}
.cantactMapBox-prev, .cantactMapBox-next{background: #EBEEF0;margin: 0 16px;}
.cantactMapMod span{width: 30px;height: 30px; transform: rotateZ(45deg);z-index:1;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-o-transform: rotateZ(45deg); position: absolute;display: block;top: 40px;right: 40px;cursor: pointer;}
.cantactMapMod span:after, .cantactMapMod span:before{cursor: pointer; content: '';display: block;background: #B2B2B2;position: absolute;}
.cantactMapMod span:before{width: 100%;height: 2px;top: 50%;margin-top: -1px;left: 0;}
.cantactMapMod span:after{width: 2px;height: 100%;top: 0;left: 50%; margin-left: -1px;}
.cantactMapMod span:hover:before, .cantactMapMod span:hover:after{background: #B19464;}
.cantactMapMod span:hover{transform: rotateZ(135deg);z-index:1;-webkit-transform: rotateZ(135deg);-moz-transform: rotateZ(135deg);-o-transform: rotateZ(135deg);}
.theCantact .theCantactMap .cantactMapMod.active{z-index: 1;opacity: 1;}

.theGupiao .h2Box, .theGonggao .h2Box{color: #fff;}
.theGupiaoXX{margin: 48px 0 5px;text-align: center;color: #bfbfbf;}
.theGupiaoDM{width: 398px;height: 70px;border: 5px solid #999c9f;margin: 0 auto 30px;text-align: center;color: #bfbfbf;}
.theGupiaoDM span{font-size: 48px;color: #B19464;}
.theGupiao img{border: 5px solid #fff;display: block;margin: 0 auto;}
.theTouzi ul{margin: 50px 0;padding-left: 60px;}
.theTouzi ul li{float: left;}
.theTouzi ul li a{width: 92px;height: 30px;text-align: center;line-height: 30px; position: relative;color: #646464;margin: 0 15px;display: block;}
.theTouzi ul li a:after{position: absolute;width: 1px;height: 12px;background: #f2f2f2;right: -15px;top: 8px;content: '';display: block;}
.theTouzi ul li:last-child a:after{display: none;}
.theTouzi ul li.active a, .theTouzi ul li:hover a{background: #B19464;color: #fff;}
.touziMan .swiper-slide a{border: 5px solid #999c9f;position: relative;width:215px;height: 308px;display: block;}
.touziMan .swiper-slide a img{display: block;}
.touziMan .swiper-slide:hover a{border-color: #B19464;}
.touziMan{padding: 0 75px;position: absolute;top:0;left: 0; opacity:0;z-index: 0;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.touziMan.active{opacity: 1;z-index: 1;}
.theTouzi .divBox>div{position: relative;}
.theTouzi .btn{background: #ebeef0;position: absolute;top: 50%;margin-top: -19px;}
.theTouzi .btn:hover{background: #B19464;}
.theTouzi .touziManList-prev{left: 0;}
.theTouzi .touziManList-next{right: 0;}

.theGonggao .slidewrapBox{margin-top: 80px;padding-bottom: 50px;}
.theGonggao .swiper-slide ul li{position: relative;}
.theGonggao .swiper-slide ul li .ggTime{width: 118px;height: 118px;float: left;margin-right: 5px; background: #646464;padding: 8px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.theGonggao .swiper-slide ul li .ggTime a{border: 1px solid #a2a2a2;display: block;height: 100%;width: 100%;padding-top: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.theGonggao .swiper-slide ul li .ggTime a time{font-size: 32px;color: #fff;height: 32px;}
.theGonggao .swiper-slide ul li .ggTime a span{font-size: 12px;color: #fff;padding-left: 10px;}
.theGonggao .swiper-slide ul li .ggMan{background: rgba(255,255,255,0.3);float: left;padding: 24px 100px 24px 35px;width: 66%;}
.theGonggao .swiper-slide ul li .ggMan h3{font-weight: 14px;color: #fff;margin-bottom: 7px;}
.theGonggao .swiper-slide ul li .ggMan p{font-size: 12px;color: rgba(255,255,255,0.5);line-height: 22px;height: 44px;overflow: hidden;}
.theGonggao .swiper-slide ul li .btn{position: absolute;right: 15px;top: 50%;margin-top: -19px;background: rgba(0,0,0,0);color: #fff; border: 1px solid rgba(255,255,255,0.5);}
.theGonggao .swiper-slide ul li:hover .ggTime{background: #B19464;}
.theGonggao .swiper-slide ul li:hover .btn{background: #B19464;}
.theGonggao .scrollBan span, .theEvents .scrollBan1 span{ border-radius: 0;margin: 0 5px; -webkit-border-radius: 0;color: #646464; -moz-border-radius: 0;-o-border-radius: 0; background: rgba(0,0,0,0);color: #fff;border: 1px solid rgba(255,255,255,0.5);width: 38px;height: 38px;text-align: center;line-height: 38px;}
.theGonggao .scrollBan span:hover, .theEvents .scrollBan1 span:hover{box-shadow: 0 0 0 0 #fff;background: #B19464;color: #fff;}
.theGonggao .scrollBan span.swiper-pagination-bullet-active, .theEvents .scrollBan1 span.swiper-pagination-bullet-active{box-shadow: 0 0 0 0 #fff;background: #B19464;color: #fff;}
.theGonggao .btn, .theEvents .btn{position: inherit;display: inline-block; background: rgba(0,0,0,0);border: 1px solid rgba(255,255,255,0.5);vertical-align: middle;}
.theGonggao .scrollBan .swiper-pagination-bullet, .theEvents .scrollBan1 .swiper-pagination-bullet{opacity: 1;}
.buttonBox{position: relative;margin-top: 75px;text-align: center;}
.slidewrapBox .swiper-pagination{top: 0;position: inherit;display: inline-block;left: 0;    transform: translate3d(0,0,0);vertical-align: middle;}
.theGonggao .btn:hover, .theEvents .btn:hover{background: #B19464;}
.theEventsMan .swiper-slide{padding: 2px 3px 25px;border: 2px solid #E7E7E7;}
.theEventsMan .swiper-slide a img{display: block;}
.theEventsMan .swiper-slide div{padding: 20px 15px 0;}
.theEventsMan .swiper-slide div time{font-size: 12px;color: #646464;}
.theEventsMan .swiper-slide div h3 a{margin-top: 5px;padding-bottom: 15px;border-bottom: 1px solid #E1E1E1;font-size: 14px;font-weight: bold;color: #646464;display: block;}
.theEventsMan .swiper-slide div p a{padding: 24px 0;display: block;font-size: 13px;color: rgba(100,100,100,0.5);line-height: 22px;height: 66px;overflow: hidden;}
.theEventsMan .swiper-slide div .btn, .theEvents .btn, .theEvents .scrollBan1 span{border: 1px solid #ECECEC;}
.theEvents .slidewrapBox{margin-top: 60px;}
.theEvents .scrollBan1 span{color: #646464;}

.theNewsXQ{background: #f7f8f9;}
.theNewsXQ .divBox{position: relative;}
.theNewsXQ .divBox .theNewsXQ2{position: absolute;right: 0;top: 0; width: 260px;}
.theNewsXQ .divBox .theNewsXQ1{width: calc(100% - 355px);}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQtop, .theNewsXQ .divBox .theNewsXQ2 .theNewsXQbot{background: #fff;border: 1px solid #E7E7E7;padding-bottom: 20px;margin-bottom: 30px;}
.theNewsXQ .divBox .theNewsXQ2 h3{color: #2b2b2b;font-size: 14px;height: 55px;line-height: 55px;padding: 0 20px;border-bottom: 1px solid #E7E7E7;}
.theNewsXQ .divBox .theNewsXQ2 ul li{padding: 0 20px;}
.theNewsXQ .divBox .theNewsXQ2 a{color: #2b2b2b;font-size: 13px;display: block;padding: 25px 0;}
.theNewsXQ .divBox .theNewsXQ2 ul li:hover a{color: #B19464;}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQtop ul li a{background: url(../img/ico-line001.jpg) no-repeat center bottom;position: relative;}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQtop ul li a:after{content: '';display: block;width: 5px;height: 5px;background: #191919;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;position: absolute; left: -11px;top: 33px;}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQbot ul li a:after{content: '';display: block;width: 5px;height: 5px;background: rgba(0,0,0,0);transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-o-transform:rotateZ(45deg); position: absolute; left: -11px;top: 16px;}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQtop ul li:last-child a{background: #fff;}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQtop ul li:hover a:after, .theNewsXQ .divBox .theNewsXQ2 .theNewsXQbot ul li:hover a:after{background: #B19464;}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQbot ul{padding: 9px 0;}
.theNewsXQ .divBox .theNewsXQ2 .theNewsXQbot a{padding: 9px 0;position: relative;}
.theNewsXQ .divBox .theNewsXQ1 p{color: #4e4a5d;font-size: 13px;line-height: 22px;margin-bottom: 20px;}
.theNewsXQ .divBox .theNewsXQ1 h2{color: #2b2b2b;font-size: 24px;text-align: center;margin-bottom: 12px;}
.theNewsXQ .divBox .theNewsXQ1 nav p{color: #8c8c8c;text-align: center;height: 35px;line-height: 35px;background: #fff;}
.theNewsXQ .divBox .theNewsXQ1 nav{margin-bottom: 100px;}
.theNewsXQ .divBox .theNewsXQ1 div a, .theNewsXQ .divBox .theNewsXQ1 div div{display: inline-block;margin: 0 10px;}
.theNewsXQ .divBox .theNewsXQ1>div{text-align: center;margin: 30px 0;border: 1px solid #e2e2e2;}
.theNewsXQ .divBox .theNewsXQ1 div div{text-align: left;}
.theNewsXQ .divBox .theNewsXQ1 div div h2{text-align: left;}
.theNewsXQ .divBox .theNewsXQ1 div div a{margin-left: 0;border: 1px solid #EFEFEF;}
.theNewsXQ .divBox>ul{margin-top: 150px;margin-bottom: 40px;}
.theNewsXQ .divBox>ul a{color: #4e4a5d;}
.theNewsXQ .divBox>ul li{margin-bottom: 10px;}
.theNewsXQ .divBox>ul li:hover a{color: #B19464;}

.yuanjing{padding-bottom: 135px;}
.yuanjing ul{margin-top: 65px;}
.yuanjing ul li{width: 296px;height: 360px;float: left;position: relative;}
.yuanjing ul li>span, .yuanjing ul li svg{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}

.yuanjing ul li>span{color: #fff;width: 90px;padding-top: 85px;text-align: center;}
.yuanjing ul li div span{color: #646464;font-size: 18px;position: relative;margin-bottom: 40px;display: block;}
.yuanjing ul li div span:after{position: absolute;content: '';display: block;width: 25px;height: 4px;background: #B19464;bottom: -20px;left: 0;}
.yuanjing ul li div p{font-size: 13px;color: #646464;line-height: 22px;}
.yuanjing ul li div{padding: 55px 20px 0;width:0;height: 0;border-radius: 50%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); background: #fff;opacity: 0;overflow: hidden;
		box-shadow: 0 0 4px 2px #E8E8E8;}
.yuanjing ul li:hover svg{opacity: 0;}
.yuanjing ul li:hover div{opacity: 1;width:100%;height: 100%;border-radius: 0;}
.yuanjing ul li div{transition: all 0.6s ease 0.2s;-webkit-transition: all 0.6s ease 0.2s;-moz-transition: all 0.6s ease 0.2s;-o-transition: all 0.6s ease 0.2s;}

.theProductXiangq{background: #fff;}
.theProductXQ .theProductXQ-1 h3{font-size: 20px;color: #B19464;}
.theProductXQ .theProductXQ-1 div{padding-left: 70px;}
.theProductXQ li:first-child .theProductXQ-1 div{background: url(../img/ico-proXQ01.png) no-repeat left center;}
.theProductXQ li:nth-child(2) .theProductXQ-1 div{background: url(../img/ico-proXQ02.png) no-repeat left center;}
.theProductXQ li:nth-child(3){margin-top: 70px;border-top: 1px solid #eee7dd;padding-top: 78px;}
.theProductXQ .theProductXQ-1 p{color: #bababa;}
.theProductXQ .theProductXQ-1{padding: 55px 0 45px;}
.theProductXQ-2 .h2Box{color: #444444;font-size: 18px;}
.theProductXQ-2 .h2Box span{color: #adadad;position: relative;margin-left: 10px;}
.theProductXQ-2 .h2Box span:after{position: absolute;content: '';display: block;width: 1px;height: 15px;background: #adadad;top: 2px;left: -5px;}
.theProductXQ .left{float: left;width: 215px;height: 100%; position: relative;height: 100%;}
.theProductXQ .left img{position: absolute;top: 50%;left: 0;max-width: 100%;display: block; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.theProductXQ .right{float: right;}
.theProductXQ li:first-child .left{height: 450px;}
.theProductXQ li:first-child .right{height: 450px;width: calc(100% - 535px);position: relative;padding-right: 50px;}
.theProductXQ li .right .h2Box{text-align: left;margin-bottom: 40px;padding-bottom: 45px;border-bottom: 1px solid #DFDFDF;}
.theProductXQ li:first-child .theProductXQ-2{background: #F4F6F7; border: 1px solid #dfdfdf;}
.theProductXQ li:first-child .right div{position: absolute;width: calc(100% - 50px); left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}
.theProductXQ li:first-child .theProductXQ-2 .left:first-child img{left: 100%;margin-left: -164px;}
.theProductXQ-2 p{color: #444444;font-size: 13px;line-height: 22px;}
.theProductXQ-1 div{position: relative;}
.theProductXQ-1 div:after{position: absolute;content: '';display: block;width: 4px;height: 84%;background: #B19464;left: 60px;top: 8%;}
.theProductXQ li:nth-child(2) .theProductXQ-2 .h2Box span, .theProductXQ li:nth-child(3) .theProductXQ-2 .h2Box span{color: #fff; width: 35px;height: 35px;margin-left: 0; margin-right: 5px; text-align: center;display: inline-block; line-height: 35px;background: #1A3471;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
.theProductXQ li:nth-child(2) .theProductXQ-2 .h2Box span:after, .theProductXQ li:nth-child(3) .theProductXQ-2 .h2Box span:after{display: none;}
.theProductXQ li:nth-child(2) .theProductXQ-2 .right, .theProductXQ li:nth-child(3) .theProductXQ-2 .right{margin-top: 35px;width: calc(100% - 265px);}
.theProductXQ li:nth-child(2) .theProductXQ-2 .left, .theProductXQ li:nth-child(3) .theProductXQ-2 .left{margin-top: 45px;height: 162px;}
.theProductXQ li:nth-child(2) .theProductXQ-2 ul{padding: 32px 0 32px 35px;background: #F1F2F2;}
.theProductXQ li:nth-child(2) .theProductXQ-2 .right .h2Box, .theProductXQ li:nth-child(3) .theProductXQ-2 .right .h2Box{padding-bottom: 12px;margin-bottom: 25px;color: #1a3471;font-size: 18px;}
.theProductXQ li:nth-child(2) .theProductXQ-2  .right p span:first-child, .theProductXQ li:nth-child(3) .theProductXQ-2  .right>div>span{color: #B19464;}
.theProductXQ li .theProductXQ-2  p{color: #909090;font-size: 13px;}
.theProductXQ li:nth-child(2) .theProductXQ-2{height: auto;}
.theProductXQ li:nth-child(3) .theProductXQ-2 div.rile{background: #F8F9F9;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div{padding: 25px 0;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div p span{padding-right: 20px;margin-right: 25px;position: relative;display: inline-block;margin-bottom: 12px;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div p span:after{position: absolute;width: 1px;height: 13px;background: #A3A3A3;content: '';display: block;right: 0;top: 4px;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div p span:before{position: absolute;width: 5px;height: 5px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%; background: #909090;content: '';display: block;left: -10px;top: 50%;margin-top: -2px;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div p span:last-child:after{display: none;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div>span{padding-right: 0;margin-right: 0;float: left;width: 210px;text-align: center;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div p{margin-left: 20px;float: right;width: calc(100% - 235px);}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div:nth-child(2)>span{letter-spacing: 15px;}
.theProductXQ li:nth-child(3) .theProductXQ-2  .right div:nth-child(3)>span{letter-spacing: 8px;}
.theProductXiangq .a-link a{display: block;text-align: center;color: #2b2b2b;}
.theProductXiangq .a-link a:hover{color: #B19464;}

.erziXQ{background: #F6F7F9;padding-bottom: 116px;}
.erziXQ .divBox h2{color: #1a3471;font-weight: bold;font-size: 24px;text-align: center;}
.erziXQ .divBox h4{color: #646464;font-size: 18px;position: relative;text-align: center;font-weight: normal;margin-top: 18px;margin-bottom: 80px;}
.erziXQ .divBox h4:after{content: '';display: block;width: 25px;height: 4px;position: absolute;bottom: -38px;left: 50%;margin-left: -12px;background: #70799C;}
.erziXQ .divBox p{color: #646464;margin-top: 40px;line-height: 24px;padding: 0 45px;}
.erziXQ .divBox div{margin-top: 40px;background: #fff;padding: 50px;border: 1px solid #E4E5E5;}
.erziXQ .divBox div h3{font-size: 24px;color: #646464;padding-bottom: 25px;border-bottom: 1px solid #DFDFDF;}
.erziXQ .divBox div h4{text-align: left;margin: 30px 0 25px;}
.erziXQ .divBox div h4:after{display: none;}
.erziXQ .divBox div p{font-size: 15px;padding: 0;}
.erziXQ .divBox img{display: block;margin: 0 auto;}
.erziXQ .divBox a{width: 380px;height: 40px;background: #B19464;display: block;margin: 95px auto 0;text-align: center;line-height: 40px;color: #fff;font-size: 13px;}

.mymap{position: relative;}
.mymap span{display: block;width: 10px;height: 10px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;background: #fff;position: absolute;}
.mymap .sp1{top: 65px;left: 328px;}
.mymap .sp2{top: 283px;left: 435px;}
.mymap .sp3{top: 141px;left: 664px;}
.mymap .sp4{top: 94px;left: 833px;}
.mymap .sp5{top: 120px;left: 822px;}
.mymap .sp6{top: 150px;left: 811px;}
.mymap span.sp1:before{content: 'Calgary';display: block;position: absolute;top: -23px;right: -58px;width: 40px;height: 18px;font-size: 12px; color: #fff;text-align: center;}
.mymap span.sp4:before{content: 'Beijing';display: block;position: absolute;top: -5px;right: -58px;width: 40px;height: 18px;font-size: 12px; color: #fff;text-align: center;}
.mymap span.sp5:before{content: 'Shanghai';display: block;position: absolute;top: -5px;right: -58px;width: 40px;height: 18px;font-size: 12px; color: #fff;text-align: center;}
.mymap span.sp6:before{content: 'Guangzhou';display: block;position: absolute;top: -5px;right: -58px;width: 40px;height: 18px;font-size: 12px; color: #fff;text-align: center;}
.mymap span:after{ border: 1px solid #fff;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%; position: absolute;width: 0;height: 0; content: '';display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.mymap span.sp1:after{animation: sp 1.2s 0s infinite;}
.mymap span.sp2:after{animation: sp 1.2s 0.3s infinite;}
.mymap span.sp3:after{animation: sp 1.2s 0.5s infinite;}
.mymap span.sp4:after{animation: sp 1.2s 0.7s infinite;}
.mymap span.sp5:after{animation: sp 1.2s 1s infinite;}
.mymap span.sp6:after{animation: sp 1.2s 0.6s infinite;}


@keyframes sp{
	from{width: 0;height: 0;border: 1px solid #fff;}
	to{width: 65px;height: 65px;border: 1px solid rgba(255,255,255,0);}
}
@-webkit-keyframes sp{
	from{width: 0;height: 0;border: 1px solid #fff;}
	to{width: 65px;height: 65px;border: 1px solid rgba(255,255,255,0);}
}
@-moz-keyframes sp{
	from{width: 0;height: 0;border: 1px solid #fff;}
	to{width: 65px;height: 65px;border: 1px solid rgba(255,255,255,0);}
}
@-o-keyframes sp{
	from{width: 0;height: 0;border: 1px solid #fff;}
	to{width: 65px;height: 65px;border: 1px solid rgba(255,255,255,0);}
}




.historyBan .swiper-pagination-bullet{border-color: #442b01;}
.historyBan .swiper-pagination-bullet-active{border-color: #B19464;}
.yello{width:190px; height: 38px;padding: 5px;background: #B19464;}
.yello a{display: block;border: 1px solid #BCA47A;}
.yello a span{width: 60%;float: right;height: 36px;line-height: 36px;color: #fff;}
.yello a img{margin: 12px 0 0 38px;}

.theProductXiangq div.divBox{padding: 70px 0;position: relative;}
.xqLeft{width: 300px;height: 406px;float: left;position: relative;}
.xqLeft .swiper-slide{position: relative;}
/*.xqLeft .swiper-slide img{position: absolute;max-width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}*/
.xqRight{float: right;width: calc(100% - 315px);height: 408px; background: #F5F7F7 url(../img/products-XQ-bg.jpg) no-repeat top right; padding: 66px 20px 10px 40px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.xqRight .theProductXQ-1 span{float: left; display: block; width: 40px;background: #fff url(../img/ico-products-XQ.png) no-repeat center; height: 40px;border: 1px solid #E3E4E4;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;position: relative;}
.xqRight .theProductXQ-1 span:after{position: absolute;content: '';height: 40px;width: 5px;background: #B19464;top: 0;right: -20px;}
.xqRight .theProductXQ-1 h3{font-size: 20px;color: #b29364;}
.xqRight .theProductXQ-1 p{color: #bababa;font-size: 14px;}
.xqRight .theProductXQ-1 div{float: left;margin-left: 30px;}
.theProductXQ-1 div:after{display: none;}
.theProductXQ-1:after{content: '';display: block;clear: both;}
.theProductXQ-1{margin-bottom: 38px;}
.xqRight2{padding: 27px 0 40px;border-top: 1px solid #EDEEEE;}
.xqRight h4{font-size: 14px;color: #b29364;margin-bottom: 5px;}
.xqRight p, .xqRight li{font-size: 13px;color: #444;line-height: 22px;}
.xqRight p{text-indent: 2em;}
.xqRightList>li{float: left;width: 33.33%;margin-bottom: 20px;padding-right: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.xqRightList>li.active{width: 100%;}
.xqRightList>li.active2{width: 50%;}
.xqRightList>li ul li{margin-bottom: 5px;}
.xqLeft .swiper-pagination{position: absolute;bottom: 14px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.xqLeft .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;border: 1px solid #B19464;background: #fff;}
.xqLeft .swiper-pagination-bullet-active{background: #B19464 !important;}

/*.theAbout-title{height: 76px;overflow-y: scroll;}

.theAbout .divBox .theAbout-title::-webkit-scrollbar {
    width: 1px;
    height: 8px;
    background-color: #fff;
}

.theAbout .divBox .theAbout-title::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #fff;
}
.theAbout .divBox .theAbout-title::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 0;
    background-color: #3E4760;
}*/

.myDiv{overflow-y: scroll;height: 324px;}
.myDiv::-webkit-scrollbar {
    width: 1px;
    height: 8px;
    background-color: #fff;
}

.myDiv::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #B29667;
}
.myDiv::-webkit-scrollbar-track {
    background: #ECE9E3;
    border-radius: 0;
    background-color: #ECE9E3;
}

.xqLeft .xqImg img{width: 100%;}



.box {
	width: 300px;
}
.tb-pic a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.tb-pic a img {
	vertical-align: middle;
	width: 100%;
}
.tb-pic a {
*display:block;
*font-family:Arial;
*line-height:1;
}
.tb-thumb {
	margin: 10px 0 0;
	overflow: hidden;
}
.tb-thumb li {
	background: none repeat scroll 0 0 transparent;
	float: left;
	height: 42px;
	margin: 0 6px 0 0;
	overflow: hidden;
	padding: 1px;
}
.tb-s310, .tb-s310 a {
	height: 350px;
	width: 298px;
}
.tb-s310, .tb-s310 img {
	max-height: 350px;
	max-width: 298px;
}
.tb-s310 a {
*font-size:271px;
}
.tb-s40 a {
*font-size:35px;
}
.tb-s40, .tb-s40 a {
	height: 40px;
	width: 40px;
}
.tb-booth {
	border: 1px solid #CDCDCD;
	position: relative;
	z-index: 1;
}
.tb-thumb .tb-selected {
	background: none repeat scroll 0 0 #203471;
	height: 42px;
	padding: 1px;
}
.tb-thumb .tb-selected div {
	background-color: #FFFFFF;
	border: medium none;
}
.tb-thumb li div {
	border: 1px solid #CDCDCD;
}
div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}
div.zoomMask {
	position: absolute;
	background: url("../img/mask.png") repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}

.myCases{padding: 0;}
.myCases .productClass ul{text-align: center;}
.myCases .productClass ul li{float: none;width: 30%;}
.myCases .productClass ul li:last-child:hover{background: #203471;}