@charset "utf-8";
body{font-family:"PingFang SC",Arial,"Microsoft YaHei",sans-serif;}

.gs-mid{width: 1200px; margin: 0px auto;}
/*a*/
.left50{left:50%;}
.gs-abg{height: 586px; z-index: 1; background:url("/images/sbzt/sbztbg01.jpg") 50% top scroll no-repeat; position: relative; overflow: hidden;}
.gsa-tit01{ position: absolute; z-index: 2; top:100px;  width: 386px; margin-left: -515px;}
.gsa-tit02{position: absolute; z-index: 2; top:115px;  width: 659px; margin-left: -125px; }
.gsa-tit03{position: absolute; z-index: 2; bottom:275px;  width: 1139px; margin-left: -570px;}
.gsa-txt{width: 160px; bottom:220px; position: absolute; z-index: 2; color: #a1c7ff;  line-height: 20px; font-size: 18px; display: block; float: left;}
.gsa-txt img{float: left; margin-right: 10px; width: 18px;}
.gsat01{ margin-left: -410px;}
.gsat02{ margin-left: -227px;}
.gsat03{ margin-left: -44px;}
.gsat04{ margin-left: 135px;}
.gsat05{ margin-left: 317px;}
.gsa-btn{ position: absolute;  bottom: 130px; font-size: 20px; height: 52px; width: 180px; border-radius: 30px; line-height: 52px; text-align: center;}
.gsa-btn01{ border: 1px #fff solid; color: #fff; margin-left: -160px; }
.gsa-btn01:hover{color: #ffec4b; border: 1px #ffec4b solid;}
.gsa-btn02{ border: 1px #ffeb43 solid; color: #000; margin-left: 45px; background: -webkit-linear-gradient(#fff7a4, #ffbe00); background: -o-linear-gradient(#fff7a4, #ffbe00); background: -moz-linear-gradient(#fff7a4, #ffbe00); background: linear-gradient(#fff7a4, #ffbe00);}
.gsa-btn02:hover{color: #000; background: #ffeb43;}

/*b*/
.gs-bbg{padding: 50px 0px;}
.gsbtit{height: 34px; line-height: 34px; font-size: 20px;}
.gs-bin{ width: 980px; padding-left: 25px; height: 52px; margin: 30px auto 0px auto;}
.gs-bin input{border: 0px; height: 50px; padding: 0px 5%; width: 90%; font-size: 16px;}
.gs-bin-b01,.gs-bin-b02{border: 1px #ccc solid;  margin-right: 15px; display: block; float: left; border-radius: 3px; height: 50px; background: #fff; position: relative; padding-left: 100px; width: 240px;}
.gs-bin-b01{width: 320px;}
.gs-bin-b01 span,.gs-bin-b02 span{position: absolute; left: 0px; top:0px; color: #888; font-size: 16px; height: 50px; line-height: 50px; text-align: center; border-right: 1px #ccc solid; width: 100px;}

/*c*/
.gsc-a{padding-top: 50px;}
.gsc-a li{width: 240px; float: left; height: 330px;}
.gs-c{display: block; position: relative; width: 216px; border: 1px #ddd solid; border-radius: 3px; background: #fff; height: 325px; margin: 0px auto; box-shadow: 0px 15px 20px -20px #aaa;}
.ga-c-tit{ position: absolute; top:160px; left: 5%; width: 90%; line-height: 30px; color: #333; font-size: 18px; text-align: center;}
.ga-c-txt{line-height: 30px; color: #888; font-size: 14px; text-align: center; width: 90%; left: 5%; top: 190px; position: absolute;}
.gs-c:hover .ga-c-tit,.gs-c:hover .ga-c-btn,.gs-c:hover .ga-c-txt{ z-index: 2;}
.gs-c:hover{border: 1px #8bd7fe solid; background: #f6fbff; }
.gs-c:hover .ga-c-btn{background: #ff5629;}
.gsc-img{width: 104px; display: block; margin: 40px auto 20px auto;}
.gs-c:hover .gsc-img{width: 130px; }


/*d*/
.gsdbox{display: block; width: 1200px; margin: 50px auto 80px auto; overflow: hidden; height: 570px;}
.gsdbox li{ display: block; width: 31.13%; float: left; padding: 0px 1.1%; }
.gsdbox li a{display: block; padding: 9px; position: relative; height: 570px;}
.gsdbox li a.gsdb-a01{background: url("/images/sbzt/gsc-d01.png") 0px top no-repeat #f5f5f5; border-radius: 5px; padding-top: 220px;}
.gsdbox li a.gsdb-a02{background: url("/images/sbzt/gsc-d02.png") 0px 332px no-repeat #f5f5f5; border-radius: 5px; padding-bottom: 220px;}
.gsdbox li a.gsdb-a03{background: url("/images/sbzt/gsc-d03.png") 0px top no-repeat #f5f5f5; border-radius: 5px; padding-top: 220px;}
.gsdbox li a:after{clear: both; content: ""; display: block; position: absolute; left: 9px; right: 9px; top:9px; bottom: 9px; border: 1px #fff solid; z-index: 2;}
.gsdblist{ background: url("/images/sbzt/bit.png") 0px 12px no-repeat; padding-left: 15px; line-height: 30px; font-size: 14px; color: #888; margin: 8px 42px; }
.gsdbox li a:hover{background-color: #dfefff;}
.gsdbox li a:hover .gsdblist{color:#333;}
.gsdbox li a.gsdb-a02 .gsdblist,.gsdbox li a.gsdb-a03 .gsdblist{margin: 8px 20px;}

.ztbanner{height: 208px; background: url("/images/sbzt/ztbanner.jpg") 50% 0px no-repeat scroll;}

/*f*/
.gs-fbg{height: 595px; background:url("/images/sbzt/sblcbg.jpg") 50% top scroll no-repeat; }
.gs-dbgbox{ position: relative; width: 1120px; margin: 75px auto 0px auto;}
.gs-dbgbox:after{clear: both; content: ""; display: block; background: #c2daef; height: 1px; width: 80%; position: absolute; left: 10%; right: 0px; top:75px; }
.gsd-1box{height: 197px; position: relative; z-index: 2;}
.gsd-1box li{display: block;  float: left;}
.gsd-1b{width:280px; text-align: center;}
.gsd1b{position:relative; width: 156px; display: block; margin: 0px auto;}
.gsd1b:hover img{transform:rotateY(180deg); -ms-transform:rotateY(180deg); 	/* IE 9 */-moz-transform:rotateY(180deg); 	/* Firefox */-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */-o-transform:rotateY(180deg); }

/*g*/
.sb-g{padding-bottom: 50px;}
.sbg-box{width: 462px; height: 462px; background: url("/images/sbzt/answ.png"); position: relative; margin: 50px auto;}
.gtxt-a{left: -200px; top:63px;}
.gtxt-b{left: -275px; bottom:75px;}
.gtxt-c{right: -230px; top:63px;}
.gtxt-d{right: -270px; bottom:88px;}

/*sb-h*/
.sb-h{ padding-bottom: 50px; background: #f5f5f5;}
.gsh-img{width: 56px; display: block; margin: 40px auto 20px auto;}
.gsc-h{padding-top: 0px;}
.gsc-h li{height: 296px;}
.gsh-li{height: 270px; }
.gsh-li .ga-c-tit{top:110px;}
.gsh-li .ga-c-txt{top:145px;}
.gs-c:hover .gsh-img{width: 70px; }

/*sb-k*/
.sb-k{ background: url("/images/sbzt/gs-h.jpg") 50% 0px scroll no-repeat; height: 742px;}
.gsc-k{width: 1200px; margin: 40px auto;}
.gsc-k li{width: 300px; display: block; float: left;}
.gsc-k li .gskdiv{width: 282px; height: 331px; background: url("/images/sbzt/sbk-ibg.png") no-repeat; margin: 0px auto; padding-top: 60px; margin-top: 50px;}
.gsk-img{width: 64px; display: block; margin: 0px auto;}
.gsc-k li .gskdiv:hover img{transform:rotateY(180deg); -ms-transform:rotateY(180deg); 	/* IE 9 */-moz-transform:rotateY(180deg); 	/* Firefox */-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */-o-transform:rotateY(180deg); }
.gsc-k li .gskdiv:hover .colf{color: #4e87d2;}

/**/
.backtoTopBox {height: 200px;position: fixed;right: 0px;bottom: 40px;text-align: right;z-index: 99;}
.backtoTopBox div {width: 60px;height: 60px;margin-bottom: 10px;border-radius: 30px 0 0 30px;background-color: #fff;background-position: center center;background-repeat: no-repeat;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out; box-shadow: -1px 1px 1px rgba(0, 0, 0, .3); overflow: hidden; position: absolute;top: 0;right: 0;}
.backtoTopBox div{background-image: url(/images/sbzt/zx.png);}
.backtoTopBox div b {opacity: 0;font-size: 17px;padding: 12.5px;color: #fff;position: relative;}
.backtoTopBox div:nth-of-type(1) b {position: relative;right: 0px;white-space: nowrap;line-height: 60px;-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.backtoTopBox div:nth-of-type(2) b {white-space: nowrap;line-height: 60px;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.backtoTopBox div.footerHelp:hover,.backtoTopBox div.footerConnect:hover {width: 170px;line-height: 60px;text-align: center;background-color: #ff3333;padding-left: 40px;color: #fff;background-position: 15px center;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.backtoTopBox div.footerHelp:hover b,.backtoTopBox div.footerConnect:hover b {opacity: 1;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.backtoTopBox div.footerConnect:hover {width: 110px;}
.backtoTopBox .footerHelp {background-image: url(/images/sbzt/kf.gif);top: 70px;}
.backtoTopBox .footerHelp b {padding: 0;padding-top: 14px;position: relative;top: 1px;}
.backtoTopBox .footerHelp:hover {background-image: url(/images/kf2.png);}
.backtoTopBox .footerConnect:hover {background-image: url(/images/zx2.png);}
.backtoTopBox .footerBack {display: none;}