@charset "utf-8";
/*--  关于我们  --*/
.box1{margin: 30px auto 0;}
.box1 .img {position: relative; width: 40%; height: auto; float: left;box-shadow:-20px -20px 0 10px #e6e6e6; }
.box1 .img img{transform: scale(1); transition: all 0.5s ease 0s;}
.box1 .img img:hover{transform: scale(1.2); transition: all 0.5s ease 0s;}
.box1 .img img { width: 100%; height: 100%; }
.box1 .summary { float: right; width: 50%; }
.box1 .summary .title { font-size: 30px; color: #333333; line-height: 48px; border-bottom: 1px solid #c0bebc; }
.box1 .summary article { margin-top: 30px;}
.box1 .summary article p { line-height: 28px;font-size: 14px;text-indent: 2em;}
.box2{width: 70%;margin: 30px auto 0;}
.box2 .environment{position: relative;}
.box2 .environment_over{overflow: hidden;margin-top: 30px;}
.box2 .environment_over ul{ width: 100%;}
.box2 .environment_over ul li{ float: left;width: 24%;margin-right: 1%; background: #3c3b37; position:relative;cursor: pointer;}
.box2 .environment_over ul li img{ width: 100%;}
.box2 .environment_over ul li:hover img{opacity:.5;filter:alpha(opacity=100);}
.box3{width: 70%;margin: 30px auto 0;}
.box3 .team{position: relative;height: auto;box-shadow: 0px 2px 2px rgba(0,0,0,.1);margin-top: 30px;padding-bottom: 30px;}
.box3 .team .teamBox {}
.box3 .team .teamList { overflow: hidden; width: 100%; height: auto; }
.box3 .team .teamList li { width: 48%;  height: auto; overflow: hidden; float: left; border-top: 1px solid #e6e6e6; }
.box3 .team .teamList li:nth-child(2n){margin-left: 4%;}
.box3 .team .teamList li:hover .textBox { top: 5px; }
.box3 .team .teamList li:hover .imgs { top: 0; }
.box3 .team .teamList li:hover { border-color: #ee93a1; }
.box3 .team .teamList li:hover .border { background: #ee93a1; }
.box3 .team .teamList .textBox { width: 50%; top: 0px; position: relative; float: left; padding: 0 6%; transition-duration: .4s; -webkit-transition-duration: .4s; }
.box3 .team .teamList .imgs { float: right; width: 40%; height: auto; font-size: 0px; overflow: hidden; position: relative; top: -21px; transition-duration: .4s; -webkit-transition-duration: .4s; }
.box3 .team .teamList .tit { font-size: 18px; color: #333333; line-height: 40px; }
.box3 .team .teamList .border { width: 30px; height: 2px; background: #333333; margin-bottom: 10px; transition-duration: .2s; -webkit-transition-duration: .2s; }
.box3 .team .teamList .text { color: #666666; line-height: 22px; font-size: 12px; text-align: justify;}

#pictureViewer{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.3); z-index: 10000;}
#pictureViewer > .content{background-color: #fff; position: absolute; width: 700px; height: 500px; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
#pictureViewer .menu-bar{width: 100%;}
#pictureViewer .menu-bar .handel{width: 40px; height: 40px; float: right; background-repeat: no-repeat; background-position: 50%; cursor: pointer;}
#pictureViewer .menu-bar .handel:hover{background-color: #ff808c; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#pictureViewer .menu-bar .handel.close-view{background-image: url(../images/close_black.png); background-size: 15px;}
#pictureViewer .menu-bar .handel.close-view:hover{background-image: url(../images/close_white.png);}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{display: inline-block; width: 50px; height: 70px; position: relative; top: calc(50% - 80px); background-repeat: no-repeat; background-size: 25px; background-position: 50%; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
#pictureViewer .handel-prev{background-image: url(../images/prev_blank.png);}
#pictureViewer .handel-next{background-image: url(../images/next_blank.png);}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{background-color: #ff808c;}
#pictureViewer .handel-prev:hover{background-image: url(../images/prev_white.png);}
#pictureViewer .handel-next:hover{background-image: url(../images/next_white.png);}
#pictureViewer .picture-content{display: inline-block; width: 80%; height: calc(100% - 80px); position: absolute; margin: 0 auto; left: 0; right: 0;}
#pictureViewer .picture-content .cover{position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
#pictureViewer .counter{position: absolute; bottom: 0; height: 40px; line-height: 40px; width: 100%; text-align: center; color: #808080; font-size: 13px;}
#pictureViewer .hide{display: none;}
#pictureViewer .left{float: left;}
#pictureViewer .right{float: right;}
#pictureViewer .clear-flex{clear: both;}
#pictureViewer img{max-width: 100%; max-height: 100%;}

@media (max-width: 767px){
	.box1,.box2,.box3{width: 90%;margin-top: 10px;padding: 0;}
	.box1 .img{width: 100%;box-shadow:none;margin-bottom:10px;}
	.box1 .img img:hover{transform: scale(1); transition: all 0.5s ease 0s;}
	.box1 .summary{width: 100%;}
	.box1 .summary article{ margin-top: 0;}
	.box1 .summary article p{margin: 10px 0 0 0;}
	.box2 .environment_over{margin-top: 10px;}
	.box2 .environment_over ul li{width: 49%;margin: 0;}
	.box2 .environment_over ul li:nth-of-type(1),.box2 .environment_over ul li:nth-of-type(3){margin-right:2%;}
	.box2 .environment_over ul li:nth-of-type(3),.box2 .environment_over ul li:nth-of-type(4){margin-top: 6px;}
	.box3 .team{margin-top: 10px;padding-bottom: 10px;}
	.box3 .team .teamList li{width: 100%;}
	.box3 .team .teamList li:nth-of-type(2),.box3 .team .teamList li:nth-of-type(4){margin-left: 0;}
	.box3 .team .teamList .textBox{padding: 0 4%;float: right;}
	.box3 .team .teamList .tit{font-size: 15px;line-height: 32px;}
	.box3 .team .teamList .imgs{width: 50%;top: 0;}
	.box3 .team .teamList li:hover .textBox { top: 0; }
	.box3 .team .teamList li:hover .imgs { top: 0; }
	#pictureViewer{display: none !important;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.box1,.box2,.box3{width: 90%;}
	.box3 .team .teamList .textBox{width: 51%;padding: 0 2%;}
	.box3 .team .teamList .imgs{width: 45%;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.box1,.box2,.box3{width: 974px;}
	.box3 .team .teamList .textBox{padding: 0 4%;}
	.box3 .team .teamList .imgs{width: 42%;}
}
@media (min-width: 1200px){
	.box1,.box2,.box3{width: 1160px;}
}