/*头部导航和logo*/
.top{width:100%;min-width:1200px;overflow:hidden;}
.topMain{width:1200px;margin:0 auto;height:130px;overflow:hidden;padding-top:8px;}
.ceqieh{text-align:right;height:30px;line-height:30px;}
.ceqieh a{font-size:15px;font-weight:bold;color:#523680;}
.logonav{height:72px;}
.nav{padding-top:57px;}
.nav li{float:left;}
.nav li a{display:block;padding-left:70px;color:#181818;font-size:16px;font-weight:500;font-family: arial;}
/*中间内容*/
.zhongjian{width:100%;margin:0 auto;overflow:hidden;min-width:1200px;}
/*轮播图片*/
.banner{ width: 100%; position: relative; overflow:hidden; height:1440px;}
.banner .swiper-container {  height:875px; }
.banner .swiper-slide { position:relative;  overflow:hidden;background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.banner .swiper-slide img { position:absolute; top:0; left:50%; margin-left:-1280px; width:2558px;height:1200px;}
.banner .ban_pagination { position: absolute; right:40px; text-align: center; top:330px; width:68px; z-index:2;}
.banner .swiper-pagination-switch { display: inline-block; width:68px; height: 68px; background:url(/tsbank_en/resource/cms/2017/06/img_pc_site/2017061323003935598.png) no-repeat center; background-size:cover;  cursor: pointer; opacity:1;}
.banner .swiper-active-switch { background:url(/tsbank_en/resource/cms/2017/06/img_pc_site/2017061322541472652.png) no-repeat center; background-size:cover;}
.imgWenzi{width:1200px;margin:0 auto;padding-top:35px;}
.imgWenzi h1{font-size:65px;font-family:arial;color:#fff;}
.imgWenzi p{width:650px;color:#fff;font-size:16px;line-height:30px;font-family:arial, verdana, sans-serif;padding-top:10px;letter-spacing:1px;}
.pjtupian{background:url(/tsbank_en/resource/cms/2017/06/img_pc_site/2017061619231970992.jpg) no-repeat left bottom;width:649px;height:343px;padding-top:225px;}

.international{width:100%;height:1307px;position:relative;overflow:hidden;background:url(/tsbank_en/resource/cms/2017/06/img_pc_site/2017061323525914594.jpg) no-repeat center center;min-width:1200px;z-index:5;}
.intro{position:absolute;bottom:260px;left:50%; margin-left:-335px;width:860px;height:400px;}
.intro p{color:#fff;font-size:21px;font-family:arial, verdana, sans-serif;line-height:46px;text-align:justify;padding-top:30px;}
.intro h1{font-size:35px;color:#fff;text-align:right;background:url(/uiFramework/commonResource/image/2017061400320035127.jpg) no-repeat left center; cursor: pointer;}
.inter_img { display:none;}

.contact{width:100%;height:1380px;position:relative;overflow:hidden;background:url(/tsbank_en/resource/cms/2017/06/img_pc_site/2017061400573982732.jpg) no-repeat center center;min-width:1200px;}
.conMain{position:absolute;bottom:200px;left:50%; margin-left:-399px;width:860px;height:400px;}
.conMain p{color:#fff;font-size:21px;font-family:arial, verdana, sans-serif;line-height:38px;text-align:justify;padding-top:30px;}
.conMain h1{font-size:35px;color:#fff;text-align:left;background:url(/uiFramework/commonResource/image/2017061400320035127.jpg) no-repeat 50% center; cursor:pointer;}
.contact_img { display:none;}

.whoWea{width:1200px;margin:0 auto; position:absolute;top:530px; left:50%; margin-left:-600px; z-index:10;}
.tpWe{width:649px;}
.wenziWe{width:450px;padding:400px 0px;text-align:justify;}
.wenziWe h2{font-size:35px;font-weight:bold;color:#000;font-family:arial; cursor: pointer;}
.wenziWe p{font-size:21px;padding-top:20px;line-height:32px;font-family:arial;color:#333333;}

.t_e_body{ width:100%; position:relative;}
.t_e_p{ width:1400px; overflow:hidden; background-color:#fff; position:absolute; left:50%; margin-left:-700px; top:180px; z-index:9999; display:none;}
.t_p_g{ height:148px; overflow:hidden;}
.t_p_gb{ width:148px; height:138px; background:url(/tsbank_en/resource/cms/2017/06/img_pc_site/2017062801514710280.jpg) 0 0 no-repeat; float:right;}
.t_p_m{ width:1400px; overflow: hidden;}
.t_p_n{ height:80px; border-left:#523680 solid 26px; }
.t_p_t{ line-height:80px; height:80px; float:left; padding-left:104px; padding-right:240px; background:url(/tsbank_en/resource/cms/2017/06/img_pc_site/2017062801514778857.jpg) 100% 28px no-repeat; font-size:35px; color:#333;}
.t_p_c{ padding:50px 130px 100px 130px; line-height:37px; font-size:21px; color:#333;}
.t_e_bg{ width:100%; background-color:#787878; opacity:0.5; position:absolute; left:0 ;top:0; z-index:5; display:none;}



.f_m_l_2 { float:left; padding-top:6px; margin-left:55px; width:108px; text-align:center; position:relative;}
.f_m_l_2 .tf_r_s { position:absolute; top: 0;left: 0;width:108px;height:108px;z-index: 40;
background-image: url(/eportal/fileDir/tsbank/resource/cms/2017/06/img_pc_site/2017062917130039355.png);background-repeat: no-repeat;background-position: 50% 50%;animation-name: t_shan2;animation-iteration-count: infinite;animation-duration: 1.5s;-webkit-animation-name: t_shan2;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 1.5s;}
.f_m_l_2 img { width:98px; height:98px;display: block;margin:0 auto 0; position: relative;z-index: 50;}
.f_m_l_2 p { color:#898b8d; font-size:12px; padding-top:10px;}


@keyframes t_shan2 {
0% { opacity:0.3; transform: scale(1.04);}
50% { opacity:1; transform: scale(1.08);}
100% { opacity:0.3; transform: scale(1.04);}
}
@-webkit-keyframes t_shan2 {
0% { opacity:0.3; transform: scale(1.04);}
50% { opacity:1; transform: scale(1.08);}
100% { opacity:0.3; transform: scale(1.04);}
}

@media screen and (min-width:1025px) and (max-width:1440px){
	/*弹框*/
	.t_e_p { width:90%; left:5%; margin-left:0;}
	.t_p_m { width:100%;}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.top { min-width:0;}
	.topMain { width:100%; position:relative; box-sizing:border-box; padding:8px 20px 55px; height:auto; }
	.ceqieh { float:right; margin-top:30px;}
	.logonav { float:left; width:50%;}
	.nav { position:absolute; left:20px; width:100%; bottom:0; padding:0;}
	.nav li a { line-height:45px; padding:0 50px 0 0; }
	
	/*弹框*/
	.t_e_p { width:90%; left:5%; margin-left:0;}
	.t_p_g { height:60px;}
	.t_p_gb { width:65px; height:60px; background-size:cover; }
	.t_p_m { width:100%;}
	.t_p_n { border-left:#523680 solid 15px; }
	.t_p_t { height:60px; line-height:60px; font-size:30px; padding-left:40px;}
	.t_p_c { padding:20px 40px; font-size:16px; line-height:32px;}
	
	/*innovation*/
	.banner { height:auto; }
	.banner .swiper-container { height:600px;}
	.imgWenzi { width:auto; margin:0 20px;}
	.imgWenzi h1 { font-size:44px;}
	.banner .ban_pagination { top:300px;}
	.banner .swiper-pagination-switch { width:50px; height:50px;}
	
	/*who we are*/
	.whoWea { width:auto; margin:40px 20px; position:relative; left:0; top:0;}
	.tpWe { width:40%;}
	.tpWe img { max-width:100%;}
	.wenziWe { width:56%; padding:0; }
	.wenziWe p { font-size:16px;}
	
	/*INTERNATIONAL*/
	.zhongjian,.international { min-width:0;}
	.international { height:auto; background:none;}
	.inter_img { display:block; height:auto; width:100%;}
	.intro { width:auto; padding:0 20px; height:auto; position:relative; bottom:0; left:0; margin:0; }
	.intro h1 { color:#000; line-height:84px; text-align:left;}
	.intro p { font-size:16px; color:#333; line-height:32px; padding:0;}
	
	/*CONTACT  US*/
	.contact { height:auto; min-width:0; background:none; width:100%; margin:0; }
	.contact_img { display:block; height:auto; width:100%; }
	.conMain { width:auto; height:auto; position:relative; top:0; left:0; margin:0 20px;}
	.conMain h1 { color:#000; line-height:84px; text-align:left;}
	.conMain p { font-size:16px; color:#333; line-height:32px; padding:0;}
	
	/*SERVICE LINE*/
	.bottomMain { width:auto; margin:0 20px; }
}

@media screen and (min-width:640px) and (max-width:767px){
	.top { min-width:0;}
	.topMain { width:100%; position:relative; box-sizing:border-box; padding:8px 20px 55px; height:auto; }
	.ceqieh { float:right; margin-top:30px;}
	.logonav { float:left; width:50%;}
	.nav { position:absolute; left:20px; width:100%; bottom:0; padding:0;}
	.nav li a { line-height:45px; padding:0 30px 0 0; }
	
	/*弹框*/
	.t_e_p { width:90%; left:5%; margin-left:0;}
	.t_p_g { height:60px;}
	.t_p_gb { width:65px; height:60px; background-size:cover; }
	.t_p_m { width:100%;}
	.t_p_n { border-left:#523680 solid 15px; }
	.t_p_t { height:60px; line-height:60px; font-size:30px; padding-left:40px;}
	.t_p_c { padding:20px 40px; font-size:16px; line-height:32px;}
	
	/*innovation*/
	.banner { height:auto; }
	.banner .swiper-container { height:600px;}
	.imgWenzi { width:auto; margin:0 20px;}
	.imgWenzi h1 { font-size:44px;}
	.banner .ban_pagination { top:300px;}
	.banner .swiper-pagination-switch { width:50px; height:50px;}
	
	/*who we are*/
	.whoWea { width:auto; margin:40px 20px; position:relative; left:0; top:0;}
	.tpWe { width:40%;}
	.tpWe img { max-width:100%;}
	.wenziWe { width:56%; padding:0; }
	.wenziWe p { font-size:16px;}
	
	/*INTERNATIONAL*/
	.zhongjian,.international { min-width:0;}
	.international { height:auto; background:none;}
	.inter_img { display:block; height:auto; width:100%;}
	.intro { width:auto; padding:0 20px 40px; height:auto; position:relative; bottom:0; left:0; margin:0; }
	.intro h1 { color:#000; line-height:84px; text-align:left;}
	.intro p { font-size:16px; color:#333; line-height:32px; padding:0;}
	
	/*CONTACT  US*/
	.contact { height:auto; min-width:0; background:none; width:100%; margin:0; }
	.contact_img { display:block; height:auto; width:100%; }
	.conMain { width:auto; height:auto; position:relative; top:0; left:0; margin:0 20px;}
	.conMain h1 { color:#000; line-height:84px; text-align:left;}
	.conMain p { font-size:16px; color:#333; line-height:32px; padding:0;}
	
	/*SERVICE LINE*/
	.bottomMain { width:auto; margin:0 20px; }
	.bqwz { width:100%;}
	.ewm { width:100%; margin-top:20px;}
	.f_m_l_2 { margin-left:0; margin-right:55px;}
}

@media screen and (min-width:480px) and (max-width:639px){
	.top { min-width:0;}
	.topMain { width:100%; position:relative; box-sizing:border-box; padding:8px 10px 65px; height:auto; }
	.ceqieh { float:right; margin-top:30px;}
	.logonav { float:left; width:50%; height:auto;}
	.logonav img { width:200px;}
	.nav { position:absolute; left:10px; width:100%; bottom:10px; padding:0;}
	.nav li a { line-height:24px; padding:0 40px 0 0; font-size:14px; }
	
	/*弹框*/
	.t_e_p { width:96%; left:2%; margin-left:0;}
	.t_p_g { height:40px;}
	.t_p_gb { width:45px; height:40px; background-size:cover; }
	.t_p_m { width:100%;}
	.t_p_n { border-left:#523680 solid 5px; height:40px; }
	.t_p_t { height:40px; line-height:40px; font-size:20px; padding-left:20px; padding-right:0; background:none;}
	.t_p_c { padding:10px 25px; font-size:16px; line-height:32px;}
	
	/*innovation*/
	.banner { height:auto; }
	.banner .swiper-container { height:400px;}
	.imgWenzi { width:auto; margin:0 10px;}
	.imgWenzi h1 { font-size:32px;}
	.imgWenzi p { width:auto;}
	.banner .ban_pagination { top:200px; right:0;}
	.banner .swiper-pagination-switch { width:30px; height:30px;}
	
	/*who we are*/
	.whoWea { width:auto; margin:20px 10px; position:relative; left:0; top:0;}
	.tpWe { display:none;}
	.wenziWe { width:100%; padding:0; }
	.wenziWe h2 { font-size:26px; line-height:40px;}
	.wenziWe p { font-size:16px; padding:0;}
	
	/*INTERNATIONAL*/
	.zhongjian,.international { min-width:0;}
	.international { height:auto; background:none;}
	.inter_img { display:block; height:auto; width:100%;}
	.intro { width:auto; padding:20px 10px; height:auto; position:relative; bottom:0; left:0; margin:0; }
	.intro h1 { color:#000; font-size:26px; line-height:40px; text-align:left;}
	.intro p { font-size:16px; color:#333; line-height:32px; padding:0;}
	
	/*CONTACT  US*/
	.contact { height:auto; min-width:0; background:none; width:100%; margin:0; }
	.contact_img { display:block; height:auto; width:100%; }
	.conMain { width:auto; height:auto; position:relative; top:0; left:0; margin:20px 10px;}
	.conMain h1 { color:#000;  font-size:26px; line-height:40px; text-align:left;}
	.conMain p { font-size:16px; color:#333; line-height:32px; padding:0;}
	
	/*SERVICE LINE*/
	.bottomMain { width:auto; margin:0 20px; }
	.bqwz { width:100%;}
	.ewm { width:100%; margin-top:20px;}
	.f_m_l_2 { margin-left:0; margin-right:55px;}
	
}

@media screen and (min-width:320px) and (max-width:479px){
	.top { min-width:0;}
	.topMain { width:100%; position:relative; box-sizing:border-box; padding:8px 10px 65px; height:auto; }
	.ceqieh { float:right; margin-top:30px;}
	.logonav { float:left; width:50%; height:auto;}
	.logonav img { width:200px;}
	.nav { position:absolute; left:10px; width:100%; bottom:10px; padding:0;}
	.nav li a { line-height:24px; padding:0 36px 0 0; font-size:12px; }
	
	/*弹框*/
	.t_e_p { width:96%; left:2%; margin-left:0;}
	.t_p_g { height:40px;}
	.t_p_gb { width:45px; height:40px; background-size:cover; }
	.t_p_m { width:100%;}
	.t_p_n { border-left:#523680 solid 5px; height:40px; }
	.t_p_t { height:40px; line-height:40px; font-size:20px; padding-left:20px; padding-right:0; background:none;}
	.t_p_c { padding:10px 25px; font-size:16px; line-height:32px;}
	
	/*innovation*/
	.banner { height:auto; }
	.banner .swiper-container { height:240px;}
	.imgWenzi { width:auto; margin:0 10px;}
	.imgWenzi h1 { font-size:20px;}
	.imgWenzi p { width:auto; font-size:14px; line-height:22px;}
	.banner .ban_pagination { top:100px; right:0; width:40px;}
	.banner .swiper-pagination-switch { width:20px; height:20px;}
	
	/*who we are*/
	.whoWea { width:auto; margin:20px 10px; position:relative; left:0; top:0;}
	.tpWe { display:none;}
	.wenziWe { width:100%; padding:0; }
	.wenziWe h2 { font-size:18px; line-height:40px;}
	.wenziWe p { font-size:14px; line-height:24px; padding:0;}
	
	/*INTERNATIONAL*/
	.zhongjian,.international { min-width:0;}
	.international { height:auto; background:none;}
	.inter_img { display:block; height:auto; width:100%;}
	.intro { width:auto; padding:20px 10px; height:auto; position:relative; bottom:0; left:0; margin:0; }
	.intro h1 { color:#000; font-size:18px; line-height:40px; text-align:left;}
	.intro p { font-size:14px; color:#333; line-height:24px; padding:0;}
	
	/*CONTACT  US*/
	.contact { height:auto; min-width:0; background:none; width:100%; margin:0; }
	.contact_img { display:block; height:auto; width:100%; }
	.conMain { width:auto; height:auto; position:relative; top:0; left:0; margin:20px 10px;}
	.conMain h1 { color:#000;  font-size:18px; line-height:40px; text-align:left;}
	.conMain p { font-size:14px; color:#333; line-height:24px; padding:0;}
	
	/*SERVICE LINE*/
	.bottomMain { width:auto; margin:0 20px; }
	.bqwz { width:100%;}
	.ewm { width:100%; margin-top:20px;}
	.f_m_l_2 { margin-left:0; margin-right:32px;}
}