/* CSS Document */
@charset "utf-8";
html{  max-height:100%; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:625%;}

img{max-width:100%;max-height:100%; vertical-align: middle;}
/* 仿微信通知栏 */
/* 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;}


.absolute{position:absolute;}

.scrollTop{display:none;}

/* 中间弹窗商务通 */
.swtCenter,button, input, select, textarea {font: 12px/1.5 '微软雅黑',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);}
.swtCenter h3 {width:100%;font-size:20px;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:#26c540;-moz-border-radius:0 0 0 15px;-webkit-border-radius:0 0 0 15px;border-radius:0 0 0 15px;}
.swt_list2 { background-color:#ff6005;-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:116px;position:fixed;bottom:0;left:0;line-height:116px;z-index:400;display:none;background-color:#2e3642;}
.footerFixed .footerInner {width:100%;height:100%;-moz-box-shadow:6px 0 24px rgba(32,21,18,.72);-webkit-box-shadow:6px 0 24px rgba(32,21,18,.72);box-shadow:6px 0 24px rgba(32,21,18,.72);}
.footerFixed a {display:block;float:left;position:relative;}
.footerFixed a em,.footerFixed a i {display:block;position:absolute;}
.footerLink1 {width:19%;height:100%; background-color:#ff8111;border-right:1px solid #fff;}
.footerLink4 {width:20.5%;height:100%; background-color:#2e3642;}
.homeIcon {left:50%;top:18px;width:59px;height:50px;margin-left:-29px; /*background:url(http://cdn.syjzyy.com/images/footerLink1.png) no-repeat;*/background:url(http://cdn.syjzyy.com/images/footerLink_home.png) no-repeat;}
.guanbiIcon{left:50%;top:18px;width:59px;height:50px;margin-left:-29px; /*background:url(http://cdn.syjzyy.com/images/footerLink1.png) no-repeat;*/background:url(http://cdn.syjzyy.com/images/guanbiioco.jpg) 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;}
.footerLink4 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:29%;height:100%; background-color:#ff8111;}
.swtIcon {left:50%;top:18px;width:59px;height:50px;margin-left:-29px; background:url(http://cdn.syjzyy.com/images/footerLink2.png) no-repeat;}
.swtIcon_Counter {left:50%;top:15px;width:28px;height:28px;margin-left:-40px;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:0;top:68px;width:100%;color:#fff; font-family:"Arial","Microsoft YaHei";font-size:20px;line-height:36px;text-align:center;}
.footerLink3 {width:29%;height:100%; background-color:#ff8111;border-right:1px solid #fff;}
.phoneIcon {left:50%;top:18px;width:59px;height:60px;margin-left:-29px; background:url(http://cdn.syjzyy.com/images/footerLink3.png) no-repeat;}
.footerLink3 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;}


/* 底部弹窗商务通 */
.swt-db{display:block;}
.float_container{display:none; position:fixed; padding-bottom:5px; width:100%; left:0; bottom:0; z-index:999999; 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:#0dbac8; 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 #53c0cc; border-top-color:#53c0cc; border-radius:12px; box-shadow:0 3px 0 #53c0cc, 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;}


@media screen and (min-width:320px) and (max-width:900px){
.footerFixed {height:58px;}
.homeIcon {top:9px;width:30px;height:25px;margin-left:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.guanbiIcon {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;}
.footerLink4 em {font-size:10px;top:34px;line-height:18px;}
.footerLink2 em {font-size:10px;top:34px;line-height:18px;}
.footerLink3 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:9px;width:14px;height:14px;margin-left:-20px;line-height:13px;font-size:9px;}

.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%;}
.phoneIcon {top:18px;width:30px;height:26px;margin-left:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
.swtIcon {top:9px;width:30px;height:25px;margin-left:-15px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}
}

@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;}
}



/* ------------------------------------------------------------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:28px;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:24px; 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:24px; 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;}
		}
/* ------------------------------------------------------------2017 3d滚动版商务通 end----------------------------------------*/


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