/* CSS Document */
@charset "utf-8";


/* 仿微信通知栏 */
/* iphone、ipad、ipod */
#wx2{width:96%; height:1.3rem; position:fixed; top:5px; left:2%; z-index:999999; display:none;}
#wx2 img{width:100%;}

/* android */
#wx{width:100%; height:1.3rem; position:fixed; top:0; left:0; z-index:999999; background:rgba(0,0,0,0.8); display:none;}
#wx img{width:100%;}
#wx ul li{height:0.8rem; float:left; color:#fff; padding:0.25rem 0 0.25rem 0;}
#wx .wxli1{margin:0 4% 0 8%; width:0.8rem;}
#wx .wxli2{width:60%;}
#wx .wxli2 h4{font-size:0.3rem; font-weight:400;}
#wx .wxli2 p{font-size:0.22rem; line-height:0.4rem;}
#wx .wxli3{font-size:0.2rem; margin-top:0.1rem;}


.swt-db { display: block; }
.float_container { display: none; position: fixed;  padding-bottom:5px;width: 100%; left: 0; bottom: 0; z-index: 999999999999;  background-color:#e5e5e5;}
.cf { zoom: 1; }
.cf:before, .cf:after { display: block; content: ""; }
.cf:after { clear: both; }
.shadow { z-index: 999990; display:none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.2); }
.float_container .title1 { background: #426aaf; font-size: 20px; padding:8px 0; line-height: 40px; text-align: center; color: #fff; }
.float_container .title1 a { display: block; width: 43px; height: 43px; margin-top: -40px; margin-left: 85%; background: url(/images/swt/closeSwt.jpg) center center no-repeat; background-size:25px auto;}
.float_container dl { display: none; margin: 0; padding: 0; }
.float_container dt { display: inline-block; width: 14%; float: left; margin: 34px 0 0 8px; text-align: center; }
.float_container dt img { width:auto !important;max-width: 100%; border: 0; border-radius: 50%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
.float_container dd { margin: 0; display: inline-block; position: relative; width: 68%; float: left; margin-top: 15px; }
.float_container .time { font-size: 12px; line-height: 1.6; color: #6c6761; text-align: center; width: 100%; margin: 0; height: 1.6em; }
.float_container .box { font:16px simsun,Microsoft YaHei,arial; text-align:left; color: #444; position: relative; margin-left: 5%; padding: 10px; border: 1px solid #426aaf; border-top-color: #426aaf; border-radius: 12px; box-shadow: 0 3px 0 #426aaf, inset 0 1px 1px #fff;background-color:#f7f0e5;}
.float_container .box a:link {color:#000;text-decoration:none;} 
.float_container .box a:visited {color:#000;text-decoration:none;}
.float_container .box a:hover {color:#000;text-decoration:none;}
.float_container .box a:active {color:#000;text-decoration:none;}
.float_container .box img { width: 22px; vertical-align: bottom; }
.float_container .box:before,.float_container .box:after { position: absolute; content: ""; }
.float_container .box:before { width: 18px; height: 13px; top: -1px; left: -9px; background-size: 18px; }
.float_container .box:after { width: 40px; height: 26px; bottom: -4px; right: -7px; background-size: 40px; }
.float_container .btns { margin-top: 25px; padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #979185; background-color: #f2f2f2; }
.float_container .btns a { display: inline-block; width: 39%;  height:2em; line-height:2em; float: left; margin: 2px 5%; border: 1px solid #a6a5a1; border-radius: 1em; background-color: #fefefe; box-shadow: 0 2px 2px #d1d1d3; font-size: 16px; color: #6c6761;  text-align: center; text-decoration: none; transition: all .3s linear 0s; }
.float_container .btns a:hover { border-color: #959490; background-color: #f7f7f7; }
/* ------------------------------------------------------------------------------------ */
.absolute {position:absolute;}
.scrollTop { display:none;}
/** { text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}*/
.swtCenter,button, input, select, textarea {font:0.16rem '微软雅黑',tahoma, Srial, helvetica, sans-serif;}
.swtCenter h4{ font-size: 100%;font-weight:normal; }
.swtCenter,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
.swtCenter, img {vertical-align: middle;}
.swtCenter,html{margin:0 auto;}
.swtCenter img {border:none;vertical-align:top;}
#LRdiv0,#LRfloater0,.swtCenter{display:none;}
.swtCenter {width:279px;height:236px; background-color:#FFF;position:fixed;left:50%;top:50%;z-index:200;margin-left:-139px;margin-top:-130px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-shadow:0 0 20px rgba(10,2,4,0.75);-webkit-box-shadow:0 0 20px rgba(10,2,4,0.75);box-shadow:0 0 20px rgba(10,2,4,0.75); -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.swtCenter h3 {width:100%;font-size:22px;text-align:center; color:#2e3642;font-weight:500;margin-top:33px;}
.swtCenter h4 {width:100%;font-size:12px;text-align:center;color:#2e3642;}
.mfhd {width:227px;height:32px;border:1px solid #6a7380;-moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px;margin:18px auto 5px;}
.mfhd  input {width:156px;height:30px;line-height:30px; background-color:#FFF;font-size:14px;color:#6a7380;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px;padding-left:13px;float:left;outline:none;}
.mfhd a {width:69px;height:30px;line-height:30px;color:#fff; background-color:#6a7380;font-size:12px;text-align:center;text-decoration:none;-moz-border-radius:0 14px 14px 0;-webkit-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0;float:left;}
.swtCenter p {width:230px;font-size:12px;color:#6a7380;margin:0 auto;}
.swt_lists {bottom:0;left:0;width:100%;height:58px;line-height:58px;-moz-border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;}
.swt_lists a {display:block;width:50%;height:100%;position:relative;float:left;}
.swt_list1 { background-color:#426aaf;-moz-border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;border-radius:0 0 0 15px;}
.swt_list2 { background-color:#f1a346;-moz-border-radius:0 0 15px 0;-webkit-border-radius:0 0 15px 0;border-radius:0 0 15px 0;}
.swt_lists a i,.swt_lists a em {display:block;position:absolute;left:50%;color:#fff;text-decoration:none;}
.swtCallIcon {top:50%;margin-left:-50px;margin-top:-13px;width:27px;height:27px; background:url(http://cdn.syjzyy.com/images/footerLink3.png) no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}
.swt_lists em {height:100%;top:0;margin-left:-16px;font-size:16px;}
.swtLinkIcon {top:50%;margin-left:-50px;width:27px;height:24px;margin-top:-12px;background:url(http://cdn.syjzyy.com/images/footerLink2.png) no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}
.swtLinkCounter {top:15px;width:14px;height:14px;margin-left:-34px;line-height:13px;text-align:center;font-size:9px;background-color:#e60012;-moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.8);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.8);box-shadow:0 0 3px rgba(0,0,0,0.8);z-index:3;font-style:normal;}
.closeBtn_swt {right:-5px;top:-5px;width:44px;height:44px; background:url(http://cdn.syjzyy.com/images/closeBtn_swt.png) no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;cursor:pointer;}
.footerFixed {width:100%;height:0.9rem;position:fixed;bottom:0; right:0;line-height:0.9rem;display:none; z-index:220; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.footerFixed .footerInner {width:100%;height:100%;background:#426aaf;}
.footerFixed a {display:block;float:left;position:relative; width:25%; height:100%; text-align:center; background:url(../images/swt/footer_sx.png) right center no-repeat; color:#fff; background-size:contain;}
.footerFixed a:last-child{ background:none;}
.footerFixed a em {display:block;left:0;bottom:0;width:100%;color:#fff; font-family:"Arial","Microsoft YaHei";font-size:0.24rem;line-height:0.32rem;text-align:center;position:absolute; height:0.36rem; font-weight:300;}
.fix_i1{  width:36.25%; height:0.54rem; top:0.03rem; left:31.875%; position:absolute;display:block; text-align:center; overflow:hidden; background:url(../images/swt/fix_mfdh.png) center no-repeat; background-size: contain; }
.fix_i2{  width:36.25%; height:0.54rem; top:0.03rem; left:31.875%; position:absolute;display:block; text-align:center;background:url(../images/swt/fix_zxzx.png) center no-repeat;background-size:contain;}
.fix_i3{  width:36.25%; height:0.54rem; top:0.03rem; left:31.875%; position:absolute;display:block; text-align:center;  background:url(../images/swt/fix_lylx.png) center no-repeat;background-size: contain;}
.fix_i4{  width:36.25%; height:0.54rem; top:0.03rem; left:31.875%; position:absolute;display:block; text-align:center; background:url(../images/swt/fix_zxyy.png) center no-repeat; background-size: contain;}
.homeIcon {left:50%;top:18px;width:59px;height:50px;margin-left:-29px; /*background:url(../images/footerLink1.png) no-repeat;*/background:url(../images/footerLink_home.png) no-repeat;}
.footerLink1 em {display:block;left:0;top:68px;width:100%;color:#fff; font-family:"Arial","Microsoft YaHei";font-size:20px;line-height:36px;text-align:center;}
.footerLink2 {width:40%;height:100%; }
.swtIcon {left:50%;top:36px;width:54px;height:48px;margin-left:-100px; background:url(../images/footerLink2.png) no-repeat;}
.swtIcon_Counter {left:50%;top:30px;width:28px;height:28px;margin-left:-68px;text-align:center;line-height:26px; background-color:#e60012;color:#fff;font-size:18px;font-style:normal;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.8);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.8);box-shadow:0 0 3px rgba(0,0,0,0.8);}
.footerLink2 em {display:block;left:50%;top:50%;margin-left:-28px;margin-top:-23px;color:#fff;font-size:32px;line-height:46px;}
.footerLink3 {width:40%;height:100%; }
.phoneIcon {left:50%;top:50%;width:54px;height:54px;margin-top:-27px;margin-left:-90px; background:url(../images/footerLink3.png) no-repeat;}
.footerLink3 em {display:block;left:50%;top:50%;margin-left:-28px;margin-top:-23px;color:#fff;font-size:32px;line-height:46px;}
.clicked{ margin-right:56.25%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.xxx{ position:absolute; height:0.20rem; width:0.20rem; top:-0.35rem; right:0.02rem; z-index:221; background:rgba(204,204,204,0.6); border-radius:50%; line-height:0.15rem; text-align:center; padding:0.05rem;}
.swtIcon_Counter_2016 {left:58%;top:0.1rem;width:28px;height:28px;text-align:center;line-height:26px; background-color:#f1a346;color:#fff;font-size:18px;font-style:normal;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;-moz-box-shadow:0 0 3px rgba(0,0,0,0.8);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.8);box-shadow:0 0 3px rgba(0,0,0,0.8); z-index:999; display:block; position:absolute;}
@media screen and (min-width: 1000px) {.swtIcon_Counter_2016 {left:54%;}}
@media screen and (min-width:320px) and (max-width:640px){
.homeIcon {top:9px;width:30px;height:25px;margin-left:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.footerLink1 em {font-size:10px;top:34px;line-height:18px;}
.swtIcon {top:18px;width:27px;height:24px;margin-left:-50px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.swtIcon_Counter {top:15px;width:14px;height:14px;margin-left:-34px;line-height:13px;font-size:9px;}
.swtIcon_Counter_2016 {top:0.1rem;width:14px;height:14px;line-height:13px;font-size:9px;}
.footerLink2 em {font-size:16px;line-height:23px;margin-left:-14px;margin-top:-12px;}
.phoneIcon {width:27px;height:27px;margin-top:-14px;margin-left:-45px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.footerLink3 em {font-size:16px;line-height:23px;margin-left:-14px;margin-top:-12px;}
}
@media screen and (max-width: 320px) {
	.float_container .title1 { font-size: 16px; height:20px; line-height:20px; padding:5px 0;  }
	.float_container .title1 a{ margin-top:-20px; width:22px; height:22px;}
	.float_container dd { width: 73%; }
	.float_container .box { font-size: 13px; }
	.float_container .btns a { border-radius: 10px; font-size: 15px; }
	}
/* ------------------------------------------------------------↑shhuamei----------------------------------------*/


/* ------------------------------------------------------------2017 3d滚动版商务通----------------------------------------*/
  #dock-wrapper {bottom: 0;left:0; width: 100%; height:100px; position: fixed;-webkit-perspective: 4000px;-moz-perspective: 4000px;-ms-perspective: 4000px;-o-perspective: 4000px; perspective: 4000px;z-index:9999;}
  .dock { height: 100px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-transition: -webkit-transform 1s;  -moz-transition: -moz-transform 1s; -ms-transition: -ms-transform 1s;  -o-transition: -o-transform 1s;  transition: transform 1s;}
 .dock-show { -webkit-transform: translateZ(35px) rotateX(-95deg);  -moz-transform: translateZ(35px) rotateX(-95deg); -ms-transform: translateZ(35px) rotateX(-95deg);  -o-transform: translateZ(35px) rotateX(-95deg);  transform: translateZ(35px) rotateX(-95deg); }
 .dock-front, .dock-top { position: absolute; display: block; width: 100%; height: 100px;  padding: 0 ;}
 .dock-front { background:#426aaf; -webkit-transform: translateZ(50px);  -moz-transform: translateZ(50px);  -ms-transform: translateZ(50px);  -o-transform: translateZ(50px); transform: translateZ(50px); }
 .dock-top { background:#f6f7f9; -webkit-transform: rotateX(90deg) translateZ(28px); -moz-transform: rotateX(90deg) translateZ(28px); -ms-transform: rotateX(90deg) translateZ(28px); -o-transform: rotateX(90deg) translateZ(28px); transform: rotateX(90deg) translateZ(28px);}
 #close-2017{ width:24px; height:24px; border-radius:50px; background:#F9F9F9; text-align:center; line-height:18px; position:fixed; right:1%; bottom:110px;}
 .dock-top ul li{ float:left; width:50%; color:#fff;height:100px;}
 .dock-top em{ display:inline-block; height:56px; padding-left:10%; width:20%; float:left;padding-top:20px;}
 .dock-top ul li p{ float:right; width:62%; padding-top:22px; text-align:center; line-height:28px; font-size:22px; padding-right:2%;color:#fff;}
 .dock-top ul li p small{ font-size:4px;}
 .dock-top ul li p i{ display:inline-block; height:0.12rem;}
 .dock-top-l1{ background:#f67741;}
 .dock-top-l2{ background:#f67741;}
 .dock-front em{ display:block; float:left; width:5%; height:114px; background:#426aaf; color:#fff; text-align:center; padding:13px 3% 13px 4%; font-size:22px; line-height:28px;}
 .dock-front-l1{ padding:0 4.2%; width:13.6%; float:left; line-height:100px;}
 .dock-front-l2{ background:#ebebec; border-radius:10px; position:relative; color:#2c2c2c; font-size:20px; float:left; width:64%; line-height:30px; padding:8px 3.6%; margin-top:12px;}
 .dock-front-l2 span{ font-weight:bold; color:#426aaf; text-decoration:underline;}
 .footer-jiao{ position:absolute; left:-0.12rem; top:0.1rem; display:block;}
 .dock-top ul{ position: relative;}
 .xian{ display:block; width:1px; height:100px; position:absolute; top:0; left:50%; background:#fff;}
 .tel{animation: tel 2s infinite; -o-animation: tel 2s infinite; -webkit-animation: tel 2s infinite; -moz-animation: tel 2s infinite;}
 .zx img{animation: zx 0.3s infinite; -o-animation: zx 0.5s infinite; -webkit-animation: zx 0.3s infinite; -moz-animation: zx 0.3s infinite;}
/*   图标动画   */
@keyframes tel {
0%, 100% {
		-webkit-transform: translateY(0);
	}
	10%,30%,50%,70%,90% {
		-webkit-transform: translateY(-4px);
	}
	20%,40%,60%,80% {
		-webkit-transform: translateY(4px);
	}
}
 @keyframes zx {
	
	0% { width:90%;}
100% {width:110%; }
}
/*    屏幕自适应    */ 
 @media all and (min-width:640px){
 .dock-top em{ display:inline-block; height:76px; padding-left:12%; width:76px; padding-top:12px; float:left;}
 .dock-top ul li p{ float:left; width:62%; padding-top:25px; text-align:center; line-height:20px;color:#fff; }
 .dock-front-l1{ padding:0 4.2%; width:76px; float:left;}
 .dock-front-l2{ background:#ebebec; border-radius:10px; position:relative; color:#2c2c2c; font-size:20px; float:left; width:66%; line-height:30px; padding:8px 3.6%; margin-top:12px;;}
}
 @media all and (min-width:910px){
 .dock-front-l2{ background:#ebebec; border-radius:10px; position:relative; color:#2c2c2c; font-size:20px; float:left; width:66%; line-height:30px; padding:8px 3.6%; margin-top:27px;}
}
@media only screen and (max-width: 500px) and (min-width: 320px) {
 #dock-wrapper { bottom: 0; width: 100%; height:80px; position: fixed; -webkit-perspective: 4000px; -moz-perspective: 4000px; -ms-perspective: 4000px; -o-perspective: 4000px; perspective: 4000px;}
 .dock {height: 80px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;  -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -ms-transition: -ms-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s;}
 .dock-show { -webkit-transform: translateZ(38px) rotateX(-95deg); -moz-transform: translateZ(38px) rotateX(-95deg); -ms-transform: translateZ(38px) rotateX(-95deg);  -o-transform: translateZ(38px) rotateX(-95deg); transform: translateZ(38px) rotateX(-95deg); }
 .dock-front, .dock-top {position: absolute; display: block; width: 100%; height: 80px;}
 .dock-front { background:#426aaf; -webkit-transform: translateZ(40px); -moz-transform: translateZ(40px); -ms-transform: translateZ(40px); -o-transform: translateZ(40px); transform: translateZ(40px);}
 .dock-top { background:#f6f7f9; -webkit-transform: rotateX(90deg) translateZ(40px); -moz-transform: rotateX(90deg) translateZ(40px); -ms-transform: rotateX(90deg) translateZ(40px); -o-transform: rotateX(90deg) translateZ(40px); transform: rotateX(90deg) translateZ(40px);}
 .xian{ display:block; width:1px; height:80px; position:absolute; top:0; left:50%; background:#fff;}
 #close-2017{ width:24px; height:24px; border-radius:50px; background:#F9F9F9; text-align:center; line-height:22px; position:fixed; right:1%; bottom:90px;}
 .dock-top ul li{ float:left; width:50%; color:#fff;height:80px;}
 .dock-top em{ display:inline-block; height:56px; padding-left:10%; width:20%; float:left; padding-top:20px;}
 .dock-top ul li p{ float:right; width:66%; padding-top:20px; text-align:center; line-height:20px; font-size:20px;color:#fff;}
 .dock-top ul li p i{ display:inline-block; height:0.12rem;}
 .dock-front-l1{ padding:0 4.2%; width:13.6%; float:left; line-height:80px;}
 .dock-front-l2{ background:#ebebec; border-radius:10px; position:relative; color:#2c2c2c; font-size:16px; float:left; width:66%; line-height:26px; padding:7px 3%; margin-top:8px;}
 .footer-jiao{ position:absolute; left:-0.12rem; top:0.1rem; display:block;}
	}
@media only screen and (max-width: 420px) and (min-width: 320px) {
 .dock-top em{ display:inline-block; height:56px; padding-left:10%; width:20%; float:left; padding-top:20px;}
 .dock-top ul li p{ float:right; width:66%; padding-top:20px; text-align:center; line-height:20px; font-size:20px;color:#fff;}
		}
@media only screen and (max-width: 365px) and (min-width: 320px) {
 .dock-front-l1{ padding:0 3%; width:13.6%; float:left; line-height:80px;}
 .dock-front-l2{ background:#ebebec; border-radius:10px; position:relative; color:#2c2c2c; font-size:15px; float:left; width:72%; line-height:26px; padding:7px 2.5%; margin-top:8px;}
		}

/*              weixin2            */
.swtWeixin{top:50%;margin-left:-50px;margin-top:-13px;width:30px;height:307px;background:url(http://cdn.syjzyy.com/images/swt/wx.png) no-repeat;-moz-background-size:100%;-webkit-background-size:100%;background-size:100%;}