.banner {background-image: url(../img/intro/aboutbg.jpg);}
.banner {position:relative;width:100%;height:auto;overflow:hidden;background-size:100% auto;background-repeat:no-repeat;background-position:left 75px;background-attachment:fixed;}
.banner .bannerBg{visibility:hidden;width:100%;height:auto;vertical-align:middle;}
.banner .bannerInfo{position:absolute;top:50%;left:0px;width:100%;height:220px;margin-top:-110px;text-align:center;color:#fff;}
.banner .bannerInfo .title{font-family:'MyriadPro-Bold_0';font-size:55px;line-height:60px;}
.banner .bannerInfo .titleCh{position:relative;top:20px;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}

.main{position:relative;text-align:center;}
.main .mainChild .sub{width:178px;height:2px;margin:20px auto;background:#e60012;}
.main .mainChild .mainChildTitle{font-family: 'NotoSansHans-Light';line-height:100px;color:#434343;font-size:55px;}
.main .mainChild .mainChildTitle2{font-family: 'NotoSansHans-Light';font-size:36px;color:#fff;line-height:60px;}

.main{position:relative;text-align:center;border-bottom:1px solid #949494;}
.main .mainChild{padding:70px 0 80px 0;text-align:center;}
.main .mainChild .mainsTitle{color:#434343;font-size:55px;line-height:55px;font-family:"NotoSansHans-Light";}
.main .mainChild .mainSub{width:126px;height:2px;margin:26px auto 20px auto;}
.main .mainChild .mainsInfo{color:#434343;font-size:18px;line-height:30px; text-align: left;}
.main .mainChild .mainsInfo span {color: #333; display: block; line-height: 20px; text-align: center; font-weight: bold; color: #f00; font-size: 22px;}
.main .mainChild .linkBtn{margin:0 auto;}

#mainChild1 {border-bottom: 1px solid #949494;}
#mainChild1 .mainsTitleRed{color:#E50012;font-size:36px;line-height:44px;margin-bottom:26px;font-family:"NotoSansHans-Light";}
#mainChild1 .child{width:300px;/*float:left;*/margin:0px 30px;padding:40px 0;display:inline-block;*display:inline;*zoom:1;}
#mainChild1 .child .childMsg{text-align:left;position:relative;padding:22px 26px 0 26px;margin-bottom:28px;background:#f1f1f1;width:248px;height:256px;}
#mainChild1 .child .childMsg p{color:#434343;font-size:16px;line-height:24px;}
#mainChild1 .child .childMsg .pointer{position:absolute;bottom:-28px;height:28px;left:50%;width:57px;margin-left:-29px;}
#mainChild1 .child .childImg{position:relative;width:298px;height:311px;overflow:hidden;border:1px solid #a7a7a7;}
#mainChild1 .child .childImg img{position:absolute;bottom:0px;left:0px;max-width:100%;width: 100%;height:auto;}
#mainChild1 .child .childImg .childImgMsg{padding:0 5%;position:absolute;left:0;bottom:-100%;width:90%;height:100%;background:url(../img/blackBg.png);}
#mainChild1 .child .childImg .childImgMsg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
#mainChild1 .child .childImg .childImgMsg p{text-align:left;color:#fff;font-size:14px;line-height:20px;padding-top:14px;}
#mainChild1 .child .titleEn{font-size:30px;font-family:'MyriadPro-Cond_0';color:#444;letter-spacing:0.12em;font-stretch: condensed;margin:16px 0; display: none;}
#mainChild1 .child .title{font-size:18px;color:#444; margin: 20px 0 0;}
#mainChild1 .child .sub{width:40px;height:2px;margin:18px auto;background:#f0002f;}
#mainChild1 .child .info{font-size:14px;color:#999;}
#mainChild1 .child .info span{margin:0 10px;}
#mainChild1 .child:hover .childImg .childImgMsg{bottom:0;}

/* Team */
.pet_team {padding: 2% 0; border-bottom: 1px solid #949494;}
.p_team {padding: 40px 0 0;}
.p_team dl {float: left; width: 48%; margin-right: 2%;}
.p_team dl dt, .p_team dl dd  {display: inline-block; float: left; text-align: left;}
.p_team dl dt img {width: 228px; height: 228px; border: 10px solid #fafafa; border-radius: 50%; margin-bottom: 15%;}
.p_team dl dt p {box-shadow: 0 0 18px #333; font-size:12px; width: 20%; height: 1px; background: #f3f3f3; margin: 0 auto}
.p_team dl dt {padding-bottom: 10%;}
.p_team dl dd {padding: 5% 0 0 4%;}
.p_team dl dd h2 {margin-bottom: 7%;}
.p_team dl dd p {line-height: 22px;}


#mainChild4{position:relative;border-bottom:1px solid #949494;padding:70px 0 0 0;}
#mainChild4 .mainChildTitle{line-height:60px;}
#mainChild4 .sub{margin:30px auto 34px auto;}
#mainChild4 .info{color:#434343;font-size:18px;line-height:28px;}
#mainChild4 .contents{position:relative;margin-top:40px;width:100%;height:620px;overflow:hidden;}
#mainChild4 .contents .content{position:absolute;top:0px;width:100%;height:620px;}
#mainChild4 .contents .content img{width:100%;height:100%; vertical-align:middle;}
#mainChild4 .contents .mainChild4Btn{position:absolute;top:50%;height:124px;margin-top:-62px;z-index:1;cursor:pointer;}
#mainChild4 .contents .mainChild4Btn.leftBtn{left:-100px;}
#mainChild4 .contents .mainChild4Btn.rightBtn{right:-100px;}
#mainChild4 .navbtns{position:relative;text-align:center;padding:37px 0 55px 0;}
#mainChild4 .navbtns img{width:73px;height:3px;margin:0 1px;cursor:pointer;}

#mainChild2 {background-image: url(../img/intro/mainBg.jpg); background-color: #000;}
#mainChild2{background-color:#000;position:relative;width:100%;height:864px;background-repeat:no-repeat; background-attachment:scroll; background-position:center bottom;background-size:1348px 864px;}
#mainChild2 .content{position:absolute;top:50%;margin-top:-100px;width:100%;height:200px;text-align:center;}
#mainChild2 .content .title{font-family: 'MyriadPro-Bold_0';font-size:141px;color:#fff;text-align:center;}
#mainChild2 .content .info{font-family: 'NotoSansHans-Light';font-size:43px;color:#fff;text-align:center;}
#mainChild3 .content .child{margin:30px 30px 0 0;width:345px;height:240px;display:inline-block;*display:inline;*zoom:1;}
#mainChild3 .content .child.no{margin:30px 0 0 0;}
#mainChild3 .content .child img{width:100%;height:100%;}


@media (min-width: 1440px) and (max-width:1920px ) {
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}

.main .container{width:960px;}
.main .mainChild{padding:70px 0 80px 0;}
.main .mainChild .mainsTitle{font-size:44px;line-height:44px;}
.main .mainChild .mainSub{width:107px;height:2px;margin:22px auto 17px auto;}
.main .mainChild .mainsInfo{font-size:16px;line-height:26px;}

.main .container{width:1000px;}
.main .mainChild .sub{width:150px;height:2px;margin:0px auto 17px auto;}
.main .mainChild .mainChildTitle{line-height:76px;font-size:44px;}
.main .mainChild .mainChildTitle2{font-size:30px;line-height:50px;}

#mainChild4{padding:60px 0 0 0;}
#mainChild4 .mainChildTitle{line-height:50px;}
#mainChild4 .sub{margin:26px auto 29px auto;}
#mainChild4 .info{font-size:16px;line-height:24px;}
#mainChild4 .contents{margin-top:34px;height:527px;}
#mainChild4 .contents .content{height:527px;}
#mainChild4 .contents .mainChild4Btn{height:105px;margin-top:-52px;}
#mainChild4 .contents .mainChild4Btn.leftBtn{left:-100px;}
#mainChild4 .contents .mainChild4Btn.rightBtn{right:-100px;}
#mainChild4 .navbtns{padding:31px 0 47px 0;}
#mainChild4 .navbtns img{width:62px;height:3px;margin:0 1px;}
/*
#mainChild2{height:734px;background-size:2000px 1000px;}
#mainChild2 .content{margin-top:-85px;height:170px;}
#mainChild2 .content .title{font-size:120px;}
#mainChild2 .content .info{font-size:36px;}
*/
.p_team dl dt {width:46%;}
.p_team dl dd {width:46%;}

#mainChild3 .content .child{margin:25px 25px 0 0;width:293px;height:204px;}
#mainChild3 .content .child.no{margin:25px 0 0 0;}

}

@media (min-width: 1200px) and (max-width:1439px ) {
.banner{ background-position:left 80px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}

.main .container{width:796px;}
.main .mainChild{padding:58px 0px 66px 0;}
.main .mainChild .mainsTitle{font-size:41px;line-height:41px;}
.main .mainChild .mainSub{width:88px;height:2px;margin:18px auto 14px auto;}
.main .mainChild .mainsInfo{font-size:13px;line-height:21px;}

.main .mainChild .sub{width:124px;height:2px;margin:0px auto 14px auto;}
.main .mainChild .mainChildTitle{line-height:70px;font-size:41px;}
.main .mainChild .mainChildTitle2{font-size:25px;line-height:41px;}

.p_team dl dt {width:46%;}
.p_team dl dd {width:46%;}

#mainChild4{padding:50px 0 0 0;}
#mainChild4 .mainChildTitle{line-height:41px;}
#mainChild4 .sub{margin:21px auto 24px auto;}
#mainChild4 .info{font-size:13px;line-height:20px;}
#mainChild4 .contents{margin-top:28px;height:437px;}
#mainChild4 .contents .content{height:437px;}
#mainChild4 .contents .mainChild4Btn{height:87px;margin-top:-43px;}
#mainChild4 .contents .mainChild4Btn.leftBtn{left:-83px;}
#mainChild4 .contents .mainChild4Btn.rightBtn{right:-83px;}
#mainChild4 .navbtns{padding:25px 0 39px 0;}
#mainChild4 .navbtns img{width:51px;height:2px;margin:0 1px;}
/*
#mainChild2{height:609px;background-size:90% 609px;}
#mainChild2 .content{margin-top:-70px;height:141px;}
#mainChild2 .content .title{font-size:99px;}
#mainChild2 .content .info{font-size:30px;}
#mainChild3 .content .child{margin:20px 20px 0 0;width:243px;height:169px;}
#mainChild3 .content .child.no{margin:20px 0 0 0;}
*/
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{ background-position:left 80px;background-size: auto 300px;}
.banner .bannerBg{height: 300px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}

.main .container{width:796px;}
.main .mainChild{padding:58px 0px 66px 0;}
.main .mainChild .mainsTitle{font-size:41px;line-height:41px;}
.main .mainChild .mainSub{width:88px;height:2px;margin:18px auto 14px auto;}
.main .mainChild .mainsInfo{font-size:13px;line-height:21px;}

.main .container{width:796px;}
.main .mainChild .sub{width:124px;height:2px;margin:0px auto 14px auto;}
.main .mainChild .mainChildTitle{line-height:70px;font-size:41px;}
.main .mainChild .mainChildTitle2{font-size:25px;line-height:41px;}


#mainChild4{padding:50px 0 0 0;}
#mainChild4 .mainChildTitle{line-height:41px;}
#mainChild4 .sub{margin:21px auto 24px auto;}
#mainChild4 .info{font-size:13px;line-height:20px;}
#mainChild4 .contents{margin-top:28px;height:437px;}
#mainChild4 .contents .content{height:437px;}
#mainChild4 .contents .mainChild4Btn{height:87px;margin-top:-43px;}
#mainChild4 .contents .mainChild4Btn.leftBtn{left:-83px;}
#mainChild4 .contents .mainChild4Btn.rightBtn{right:-83px;}
#mainChild4 .navbtns{padding:25px 0 39px 0;}
#mainChild4 .navbtns img{width:51px;height:2px;margin:0 1px;}
/*
#mainChild2{height:609px;background-size:951px 609px;}
#mainChild2 .content{margin-top:-70px;height:141px;}
#mainChild2 .content .title{font-size:99px;}
#mainChild2 .content .info{font-size:30px;}
#mainChild3 .content .child{margin:20px 20px 0 0;width:243px;height:169px;}
#mainChild3 .content .child.no{margin:20px 0 0 0;}
*/
.p_team dl dt {width:46%;}
.p_team dl dd {width:46%;}

}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{ background-position:center 80px; background-size:auto 450px;}
.banner .bannerBg{height:450px;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:40px;line-height:40px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;width:auto;font-size:26px;padding:2px 10px 6px 10px;border:2px solid #fff;}

.main .container{width:80%;}
.main .mainChild{padding:40px 0;}
.main .mainChild .mainsTitle{font-size:42px;line-height:42px;}
.main .mainChild .mainSub{width:90px;height:2px;margin:18px auto 14px auto;}
.main .mainChild .mainsInfo{font-size:14px;line-height:22px;}

.main .container{width:90%;}
.main .mainChild .sub{width:128px;height:2px;margin:15px auto;}
.main .mainChild .mainChildTitle{line-height:72px;font-size:42px;}
.main .mainChild .mainChildTitle2{font-size:26px;line-height:42px;}

.main .content{padding:30px 0 30px;}
#mainChild1 .child{width:255px;margin:0px;padding:10px 10px;}
#mainChild1 .child .childMsg{padding:18px 22px 0 22px;margin-bottom:24px;width:210px;height:218px;}
#mainChild1 .child .childMsg p{font-size:14px;line-height:20px;}
#mainChild1 .child .childMsg .pointer{bottom:-24px;height:24px;width:48px;margin-left:-24px;}
#mainChild1 .child .childImg{width:254px;height:165px;}
#mainChild1 .child .titleEn{font-size:24px;margin:13px 0;}
#mainChild1 .child .title{font-size:15px;}
#mainChild1 .child .sub{width:34px;height:2px;margin:15px auto;}
#mainChild1 .child .info{font-size:12px;}
#mainChild1 .child .info span{margin:0 8px;}

#mainChild4{padding:50px 0 0 0;}
#mainChild4 .mainChildTitle{line-height:42px;}
#mainChild4 .sub{margin:22px auto 24px auto;}
#mainChild4 .info{font-size:14px;line-height:20px;}
#mainChild4 .contents{margin-top:30px;height:360px;}
#mainChild4 .contents .content{height:360px;}
#mainChild4 .contents .mainChild4Btn{height:90px;margin-top:-45px;}
#mainChild4 .contents .mainChild4Btn.leftBtn{left:10px !important;}
#mainChild4 .contents .mainChild4Btn.rightBtn{right:10px !important;}
#mainChild4 .navbtns{padding:26px 0 40px 0;}
#mainChild4 .navbtns img{width:53px;height:3px;margin:0 1px;}
/*
#mainChild2{height:624px;background-size:974px 624px;}
#mainChild2 .content{margin-top:-72px;height:144px;}
#mainChild2 .content .title{font-size:102px;}
#mainChild2 .content .info{font-size:30px;}
#mainChild3 .content{padding-top:40px;}
#mainChild3 .content .child{margin:2%;width:46%;height:auto;}
#mainChild3 .content .child.no{margin:10px;}
*/
.p_team dl {margin: 0 2% 5%; width: 46%; text-align: center;}
.p_team dl dt, .p_team dl dd {float: none; display: block;}
.p_team dl dt {padding-bottom: 0;}
.p_team dl dt p {display: none;}
.p_team dl dt img {margin-bottom: 0;}
.p_team dl dd {padding: 0}
.p_team dl dd p {display: none; text-align:left;}

}
@media (min-width: 480px) and (max-width:639px ) {
.banner{ background-position:center 80px; background-size:auto 340px;}
.banner .bannerBg{height:340px;}
.banner .bannerInfo{height:120px;margin-top:-60px;}
.banner .bannerInfo .title{font-size:30px;line-height:30px;}
.banner .bannerInfo .titleCh{width:auto;font-size:20px;padding:2px 6px 5px 6px;border:1px solid #fff;top:16px;}

.container{width:80%;}
.main .mainChild{padding:20px 0;}
.main .mainChild .mainsTitle{font-size:21px;line-height:21px;}
.main .mainChild .mainSub{width:45px;height:1px;margin:9px auto 7px auto;}
.main .mainChild .mainsInfo{font-size:12px;line-height:18px;}

.main .container{width:93.75%;}
.main .mainChild .sub{width:64px;height:2px;margin:8px auto;}
.main .mainChild .mainChildTitle{line-height:36px;font-size:21px;}
.main .mainChild .mainChildTitle2{font-size:14px;line-height:21px;}


.main .content{padding:30px 0 20px;}
#mainChild1 .child{width:255px;margin:0px;padding:10px 10px;}
#mainChild1 .child .childMsg{padding:18px 22px 0 22px;margin-bottom:24px;width:210px;height:218px;}
#mainChild1 .child .childMsg p{font-size:14px;line-height:20px;}
#mainChild1 .child .childMsg .pointer{bottom:-24px;height:24px;width:48px;margin-left:-24px;}
#mainChild1 .child .childImg{width:254px;height:165px;}
#mainChild1 .child .titleEn{font-size:24px;margin:13px 0;}
#mainChild1 .child .title{font-size:15px;}
#mainChild1 .child .sub{width:34px;height:2px;margin:15px auto;}
#mainChild1 .child .info{font-size:12px;}
#mainChild1 .child .info span{margin:0 8px;}

#mainChild4{padding:25px 0 0 0;}
#mainChild4 .mainChildTitle{line-height:21px;}
#mainChild4 .sub{margin:11px auto 12px auto;}
#mainChild4 .info{font-size:12px;line-height:18px;}
#mainChild4 .contents{margin-top:15px;height:224px;}
#mainChild4 .contents .content{height:224px;}
#mainChild4 .contents .mainChild4Btn{height:45px;margin-top:-23px;}
#mainChild4 .contents .mainChild4Btn.leftBtn{left:5px !important;}
#mainChild4 .contents .mainChild4Btn.rightBtn{right:5px !important;}
#mainChild4 .navbtns{padding:13px 0 20px 0;}
#mainChild4 .navbtns img{width:27px;height:2px;margin:0 1px;}
/*
#mainChild2{height:312px;background-size:100% 312px;background-attachment: initial;}
#mainChild2 .content{margin-top:-36px;height:72px;}
#mainChild2 .content .title{font-size:51px;}
#mainChild2 .content .info{font-size:15px;}
*/
.p_team dl {margin: 0 2% 5%; width: 46%; text-align: center;}
.p_team dl dt, .p_team dl dd {float: none; display: block;}
.p_team dl dt {padding-bottom: 0;}
.p_team dl dt p {display: none;}
.p_team dl dt img {margin-bottom: 0; width: 98%; height: auto;}
.p_team dl dd {padding: 0}


#mainChild3 .content{ padding-top: 20px;}
#mainChild3 .content .child{margin:2%;width:46%;height:auto;}
#mainChild3 .content .child.no{margin:5px;}

}
@media (max-width: 479px) {
.banner{ background-position:center 70px; background-size:auto 230px;}
.banner .bannerBg{height:230px;}
.banner .bannerInfo{height:80px;margin-top:-40px;}
.banner .bannerInfo .title{font-size:20px;line-height:20px;}
.banner .bannerInfo .titleCh{width:auto;font-size:14px;padding:1px 4px 3px 4px;border:1px solid #fff;top:12px;}

.main .container{width:80%;}
.main .mainChild .sub{width:64px;height:1px;margin:8px auto;}
.main .mainChild .mainChildTitle{line-height:36px;font-size:21px;}
.main .mainChild .mainChildTitle2{font-size:14px;line-height:21px;}

.container{width:80%;}
.main .mainChild{padding:20px 0;}
.main .mainChild .mainsTitle{font-size:21px;line-height:21px;}
.main .mainChild .mainSub{width:45px;height:1px;margin:9px auto 7px auto;}
.main .mainChild .mainsInfo{font-size:12px;line-height:18px;}
.main .content{padding:30px 0 20px;}


#mainChild1 .child{width:300px;margin:0px;padding:10px 0px;}
#mainChild1 .child .childMsg{padding:18px 22px 0 22px;margin-bottom:24px;width:210px;height:218px;}
#mainChild1 .child .childMsg p{font-size:14px;line-height:20px;}
#mainChild1 .child .childMsg .pointer{bottom:-24px;height:24px;width:48px;margin-left:-24px;}
#mainChild1 .child .childImg{width:300px;height:195px;}
#mainChild1 .child .titleEn{font-size:16px;margin:8px 0;}
#mainChild1 .child .title{font-size:12px;}
#mainChild1 .child .sub{width:40px;height:1px;margin:9px auto;}
#mainChild1 .child .info{font-size:12px;}
#mainChild1 .child .info span{margin:0 5px;}
#mainChild1 .child .foot{font-size:20px;margin-top:20px;}

#mainChild4{padding:25px 0 0 0;}
#mainChild4 .mainChildTitle{line-height:21px;}
#mainChild4 .sub{margin:11px auto 12px auto;}
#mainChild4 .info{font-size:12px;line-height:18px;}
#mainChild4 .contents{margin-top:15px;height:190px;}
#mainChild4 .contents .content{height:190px;}
#mainChild4 .contents .mainChild4Btn{height:45px;margin-top:-23px;}
#mainChild4 .contents .mainChild4Btn.leftBtn{left:5px !important;}
#mainChild4 .contents .mainChild4Btn.rightBtn{right:5px !important;}
#mainChild4 .navbtns{padding:13px 0 20px 0;}
#mainChild4 .navbtns img{width:27px;height:2px;margin:0 1px;}
/*
#mainChild2{height:312px;background-size:487px 312px;background-attachment: initial;}
#mainChild2 .content{margin-top:-36px;height:72px;}
#mainChild2 .content .title{font-size:51px;}
#mainChild2 .content .info{font-size:15px;}
*/

.p_team dl {margin: 0 2% 5%; width: 96%; text-align: center;}
.p_team dl dt, .p_team dl dd {float: none; display: block;}
.p_team dl dt {padding-bottom: 0;}
.p_team dl dt p {display: none;}
.p_team dl dt img {margin-bottom: 0; width: 70%; height: auto;}
.p_team dl dd {padding: 0}


#mainChild3 .content{ padding-top: 20px;}
#mainChild3 .content .child{margin:2%;width:46%;height:auto;}
#mainChild3 .content .child.no{margin:5px;}



}