.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;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;padding:70px 0 40px 0;border-bottom:1px solid #949494;}
.main .mainsTitle{font-size:55px;color:#434343;font-family:"NotoSansHans-Light";}
.main .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.main .mainsInfo{font-size:36px;line-height:38px;padding-bottom:20px;font-family:"NotoSansHans-Light";color:#E50012;border-bottom:1px solid #d3d3d3;width:100%;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content{padding-top:40px;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .child{width:300px;/*float:left;*/margin:0px 30px;padding:40px 0;display:inline-block;*display:inline;*zoom:1;}
.main .child .childMsg{text-align:left;position:relative;padding:22px 26px 0 26px;margin-bottom:28px;background:#f1f1f1;width:248px;height:256px;}
.main .child .childMsg p{color:#434343;font-size:16px;line-height:24px;}
.main .child .childMsg .pointer{position:absolute;bottom:-28px;height:28px;left:50%;width:57px;margin-left:-29px;}
.main .child .childImg{position:relative;width:298px;height:311px;overflow:hidden;border:1px solid #a7a7a7;}
.main .child .childImg img{position:absolute;bottom:0px;left:0px;max-width:100%;width: 100%;height:auto;}
.main .child .childImg .childImgMsg{padding:0 5%;position:absolute;left:0;bottom:-100%;width:90%;height:100%;background:url(../images/blackBg.png);}
.main .child .childImg .childImgMsg{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .child .childImg .childImgMsg p{text-align:left;color:#fff;font-size:14px;line-height:20px;padding-top:14px;}
.main .child .titleEn{font-size:30px;font-family:'MyriadPro-Cond_0';color:#444;letter-spacing:0.12em;font-stretch: condensed;margin:16px 0;}
.main .child .title{font-size:18px;color:#444;}
.main .child .sub{width:40px;height:2px;margin:18px auto;background:#e50012;}
.main .child .info{font-size:14px;color:#999;}
.main .child .info span{margin:0 10px;}
.main .child:hover .childImg .childImgMsg{bottom:0;}


@media  (max-width: 479px) {
.banner{margin-top:0px;background-position:center 74px; 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{padding:20px 0;}
.main .container{width:93.75%;}
.main .mainsTitle{font-size:21px;}
.main .mainSub{width:63px;margin:8px auto 13px auto;height:2px;}
.main .mainsInfo{font-size:16px;line-height:16px;padding-bottom:8px;}

/*.main .content{padding-top:17px;}
.main .child{width:128px;margin:0px;padding:5px 5px;}
.main .child .childMsg{padding:9px 11px 0 11px;margin-bottom:12px;width:105px;height:109px;}
.main .child .childMsg p{font-size:12px;line-height:18px;}
.main .child .childMsg .pointer{bottom:-12px;height:12px;width:24px;margin-left:-12px;}
.main .child .childImg{width:127px;height:132px;}
.main .child .titleEn{font-size:20px;margin:6px 0;}
.main .child .title{font-size:12px;}
.main .child .sub{width:17px;height:2px;margin:8px auto;}
.main .child .info{font-size:12px;}
.main .child .info span{margin:0 4px;}*/
.main .content{padding-top:34px;}
.main .child{width:300px;margin:0px;padding:10px 0px;}
.main .child .childMsg{padding:18px 22px 0 22px;margin-bottom:24px;width:210px;height:218px;}
.main .child .childMsg p{font-size:14px;line-height:20px;}
.main .child .childMsg .pointer{bottom:-24px;height:24px;width:48px;margin-left:-24px;}
.main .child .childImg{width:300px;height:311px;}
.main .child .titleEn{font-size:16px;margin:8px 0;}
.main .child .title{font-size:12px;}
.main .child .sub{width:40px;height:1px;margin:9px auto;}
.main .child .info{font-size:12px;}
.main .child .info span{margin:0 5px;}
.main .child .foot{font-size:20px;margin-top:20px;}

}
@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;background-position:center 74px; 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;}

.main{padding:20px 0;}
.main .container{width:93.75%;}
.main .mainsTitle{font-size:26px;}
.main .mainSub{width:63px;margin:8px auto 13px auto;height:2px;}
.main .mainsInfo{font-size:16px;line-height:16px;padding-bottom:8px;}

.main .content{padding-top:34px;}
.main .child{width:255px;margin:0px;padding:10px 10px;}
.main .child .childMsg{padding:18px 22px 0 22px;margin-bottom:24px;width:210px;height:218px;}
.main .child .childMsg p{font-size:14px;line-height:20px;}
.main .child .childMsg .pointer{bottom:-24px;height:24px;width:48px;margin-left:-24px;}
.main .child .childImg{width:254px;height:264px;}
.main .child .titleEn{font-size:24px;margin:13px 0;}
.main .child .title{font-size:15px;}
.main .child .sub{width:34px;height:2px;margin:15px auto;}
.main .child .info{font-size:12px;}
.main .child .info span{margin:0 8px;}
}
@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:74px;background-position:center 74px; 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{padding:40px 0;}
.main .container{width:93.75%;}
.main .mainsTitle{font-size:46px;}
.main .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.main .mainsInfo{font-size:29px;line-height:29px;padding-bottom:16px;}

.main .content{padding-top:34px;}
.main .child{width:255px;margin:0px;padding:10px 10px;}
.main .child .childMsg{padding:18px 22px 0 22px;margin-bottom:24px;width:210px;height:218px;}
.main .child .childMsg p{font-size:14px;line-height:20px;}
.main .child .childMsg .pointer{bottom:-24px;height:24px;width:48px;margin-left:-24px;}
.main .child .childImg{width:254px;height:264px;}
.main .child .titleEn{font-size:24px;margin:13px 0;}
.main .child .title{font-size:15px;}
.main .child .sub{width:34px;height:2px;margin:15px auto;}
.main .child .info{font-size:12px;}
.main .child .info span{margin:0 8px;}
}
@media (min-width: 1024px) and (max-width:1199px ) {
.banner{margin-top:68px;background-position:left 68px;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{padding:58px 0px 66px 0;}
.main .container{width:796px;}
.main .mainsTitle{font-size:38px;}
.main .mainSub{width:104px;margin:13px auto 21px auto;height:2px;}
.main .mainsInfo{font-size:24px;line-height:24px;padding-bottom:13px;}
.main{padding:58px 0 58px 0;}
.main .content{padding-top:33px;}
.main .child{width:250px;margin:0px;padding:10px 5px;}
.main .child .childMsg{padding:18px 21px 0 21px;margin-bottom:23px;width:205px;height:212px;}
.main .child .childMsg p{font-size:13px;line-height:20px;}
.main .child .childMsg .pointer{bottom:-23px;height:23px;width:47px;margin-left:-23px;}
.main .child .childImg{width:247px;height:258px;}
.main .child .titleEn{font-size:25px;margin:13px 0;}
.main .child .title{font-size:15px;}
.main .child .sub{width:33px;height:2px;margin:15px auto;}
.main .child .info{font-size:12px;}
.main .child .info span{margin:0 8px;}
}
@media (min-width: 1200px) and (max-width:1439px ) {
.banner{margin-top:68px;background-position:left 68px;}
.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{padding:58px 0px 66px 0;}
.main .container{width:796px;}
.main .mainsTitle{font-size:38px;}
.main .mainSub{width:104px;margin:13px auto 21px auto;height:2px;}
.main .mainsInfo{font-size:24px;line-height:24px;padding-bottom:13px;}
.main{padding:58px 0 58px 0;}
.main .content{padding-top:33px;}
.main .child{width:250px;margin:0px;padding:10px 5px;}
.main .child .childMsg{padding:18px 21px 0 21px;margin-bottom:23px;width:205px;height:212px;}
.main .child .childMsg p{font-size:13px;line-height:20px;}
.main .child .childMsg .pointer{bottom:-23px;height:23px;width:47px;margin-left:-23px;}
.main .child .childImg{width:247px;height:258px;}
.main .child .titleEn{font-size:25px;margin:13px 0;}
.main .child .title{font-size:15px;}
.main .child .sub{width:33px;height:2px;margin:15px auto;}
.main .child .info{font-size:12px;}
.main .child .info span{margin:0 8px;}
}
@media (min-width: 1440px) and (max-width:1920px ) {
.banner{margin-top:82px;background-position:left 82px;}
.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 .mainsTitle{font-size:44px;}
.main .mainSub{width:126px;margin:16px auto 26px auto;height:2px;}
.main .mainsInfo{font-size:29px;line-height:29px;padding-bottom:16px;}
.main{padding:70px 0 70px 0;}
.main .content{padding-top:40px;}
.main .child{width:300px;margin:0px;padding:12px 6px;}
.main .child .childMsg{padding:22px 26px 0 26px;margin-bottom:28px;width:248px;height:256px;}
.main .child .childMsg p{font-size:16px;line-height:24px;}
.main .child .childMsg .pointer{bottom:-28px;height:28px;width:57px;margin-left:-29px;}
.main .child .childImg{width:298px;height:311px;}
.main .child .titleEn{font-size:30px;margin:16px 0;}
.main .child .title{font-size:18px;}
.main .child .sub{width:40px;height:2px;margin:18px auto;}
.main .child .info{font-size:14px;}
.main .child .info span{margin:0 10px;}
}