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

/*a*/
.left50{left:50%;}
.gs-abg{height: 586px; background:url("/images/zt/uiimgtopbg.jpg") 50% top scroll no-repeat; position: relative; overflow: hidden;}
.gsa-tit01{ position: absolute; z-index: 2; top:90px;  width: 457px; margin-left: -415px;}
.gsa-tit02{position: absolute; z-index: 2; top:80px;  width: 233px; margin-left: 50px; }
.gsa-tit03{ position: absolute; z-index: 2; top:200px;  width: 157px; margin-left: -130px;}
.gsa-tit04{position: absolute; z-index: 2; top:190px;  width: 409px; margin-left: 39px; }
.uitoptxt5-1{position: absolute; z-index: 2; top:310px;  width: 377px; height: 69px; margin-left: -304px; background:url("/images/zt/uiimg05-txt1.png") no-repeat; color: #fff; font-size: 18px; text-align: center; line-height: 54px;}
.uitoptxt5-2{position: absolute; z-index: 2; top:310px;  width: 339px; height: 69px; margin-left: 84px; background:url("/images/zt/uiimg05-txt2.png") no-repeat; color: #fff; font-size: 18px; text-align: center; line-height: 54px;}
.uitoptxt5-3{position: absolute; z-index: 2; top:380px;  width: 420px; height: 69px; margin-left: -420px; background:url("/images/zt/uiimg05-txt3.png") no-repeat; color: #fff; font-size: 18px; text-align: center; line-height: 54px;}
.uitoptxt5-4{position: absolute; z-index: 2; top:380px;  width: 339px; height: 69px; margin-left:10px; background:url("/images/zt/uiimg05-txt4.png") no-repeat; color: #fff; font-size: 18px; text-align: center; line-height: 54px;}
.uitoptxt5-5{position: absolute; z-index: 2; top:450px;  width: 404px; height: 69px; margin-left: -300px; background:url("/images/zt/uiimg05-txt5.png") no-repeat; color: #fff; font-size: 18px; text-align: center; line-height: 54px;}
.uitoptxt5-6{position: absolute; z-index: 2; top:450px;  width: 108px; height: 69px; margin-left: 122px; background:url("/images/zt/uiimg05-txt6.png") no-repeat; color: #fff; font-size: 18px; text-align: center; line-height: 54px;}

.uibox2{height: 775px; background:url("/images/zt/uibox2-bg.png") 50% top scroll no-repeat; position: relative; overflow: hidden;}
.uibox2-01{ position: absolute; z-index: 2; top:130px;  width: 480px; margin-left: -480px;}
.uibox2-02{position: absolute; z-index: 2; top:100px;  width: 470px; margin-left: 10px; }
.uibox2-03{ position: absolute; z-index: 2; top:100px;  width: 400px; margin-left: -402px; color: #888; font-size: 20px;}
.uibox2-04,.uibox2-05,.uibox2-06{padding: 220px 28px 0px 80px; width: 214px; line-height: 32px; height: 158px;}
.uibox2-04{position: absolute; z-index: 2; top:275px; margin-left: -510px; background:url("/images/zt/uibox2-3.png") 50% top no-repeat; color: #905a04; font-size: 18px; }
.uibox2-04:hover{background:url("/images/zt/uibox2-3.png") 50% -378px no-repeat;}
.uibox2-05{position: absolute; z-index: 2; top:275px; margin-left: -175px; background:url("/images/zt/uibox2-4.png") 50% top no-repeat; color: #5b0f00; font-size: 18px; }
.uibox2-05:hover{background:url("/images/zt/uibox2-4.png") 50% -378px no-repeat;}
.uibox2-06{position: absolute; z-index: 2; top:275px;  margin-left: 160px; background:url("/images/zt/uibox2-5.png") 50% top no-repeat; color: #182d58; font-size: 18px; }
.uibox2-06:hover{background:url("/images/zt/uibox2-5.png") 50% -378px no-repeat;}

.uibox3{height: 937px; background:url("/images/zt/uibox3-bg.jpg") 50% top scroll no-repeat; position: relative; overflow: hidden;}
.uibox3-01{ position: absolute; z-index: 2; top:130px;  width: 307px; margin-left: -340px;}
.uibox3-02{position: absolute; z-index: 2; top:100px;  width: 389px; margin-left: -33px; }
.uibox3-04,.uibox3-05{padding: 30px 30px 0px 30px; width: 353px; top:260px; line-height: 32px; height: 493px;}
.uibox3-04{position: absolute; z-index: 2; margin-left: -450px; background:url("/images/zt/uibox3-3.png") 50% top no-repeat; color: #4378ec; font-size: 18px; }
.uibox3-05{position: absolute; z-index: 2; margin-left: 50px; background:url("/images/zt/uibox3-4.png") 50% top no-repeat; color: #b3821b; font-size: 18px; }

.uibox4{height: 700px; position: relative; overflow: hidden;}
.uibox4-01{ position: absolute; z-index: 2; top:130px;  width: 298px; margin-left: -422px;}
.uibox4-02{position: absolute; z-index: 2; top:100px;  width: 560px; margin-left: -110px; }
.uibox4-03{ position: absolute; z-index: 2; top:100px;  width: 280px; margin-left: -387px; color: #888; font-size: 20px;}
.uibox4-04,.uibox4-05,.uibox4-06,.uibox4-07,.uibox4-08,.uibox4-09{position: absolute; z-index: 2; text-align: center; top:260px;  width: 148px; color: #333; font-size: 20px;}
.uibox4-04,.uibox4-06,.uibox4-08{top:290px;}
.uibox4-04{margin-left: -492px; }
.uibox4-05{margin-left: -316px; }
.uibox4-06{margin-left: -140px; }
.uibox4-07{margin-left: 36px; }
.uibox4-08{margin-left: 212px; }
.uibox4-09{margin-left: 388px; }
.uibox4-04:hover img,.uibox4-05:hover img,.uibox4-06:hover img,.uibox4-07:hover img,.uibox4-08:hover img,.uibox4-09: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); }

.uibox5{height: 768px; position: relative; overflow: hidden; background:url("/images/zt/uibox5-bg.jpg") 50% top scroll no-repeat;}
.uibox5-01{ position: absolute; z-index: 2; top:150px;  width: 320px; margin-left: -462px;}
.uibox5-02{position: absolute; z-index: 2; top:120px;  width: 597px; margin-left: -135px; }
.uibox5-03,.uibox5-04,.uibox5-05,.uibox5-06,.uibox5-07{position: absolute; z-index: 2; top:320px;  width: 154px; margin-left: -460px; color: #fff; font-size: 22px; line-height: 50px; text-align: center;}
.uibox5-04{margin-left: -266px; }
.uibox5-05{margin-left: -72px; }
.uibox5-06{margin-left: 122px; }
.uibox5-07{margin-left: 316px; }
.uibox5-03 i{display: block; width: 165px; height: 154px; background:url("/images/zt/uibox5-01.png") 0px 0px no-repeat;}
.uibox5-04 i{display: block; width: 165px; height: 154px; background:url("/images/zt/uibox5-02.png") 0px 0px no-repeat;}
.uibox5-05 i{display: block; width: 165px; height: 154px; background:url("/images/zt/uibox5-03.png") 0px 0px no-repeat;}
.uibox5-06 i{display: block; width: 165px; height: 154px; background:url("/images/zt/uibox5-04.png") 0px 0px no-repeat;}
.uibox5-07 i{display: block; width: 165px; height: 154px; background:url("/images/zt/uibox5-05.png") 0px 0px no-repeat;}
.uibox5-03:hover i,.uibox5-04:hover i,.uibox5-05:hover i,.uibox5-06:hover i,.uibox5-07:hover i{background-position: 0px -168px;}

.uibox6{height: 1015px; position: relative; overflow: hidden; background:url("/images/zt/uibox6-bg.jpg") 50% top scroll no-repeat;}
.uibox6-01{ position: absolute; z-index: 2; top:155px;  width: 180px; margin-left: -295px;}
.uibox6-02{position: absolute; z-index: 2; top:120px;  width: 380px; margin-left: -104px; }
.lcxl{position: relative; width: 700px; margin: 0px auto; padding-top: 300px; height: 500px;}
.lcxl:after{clear: both; content: ""; display: block; position: absolute; left: 38px; background: #f04823; width: 1px; top: 305px; bottom: 0px;}
.lcxl li{position: relative; z-index: 2; padding-left: 100px; line-height: 40px; padding-bottom: 40px;}
.lcxl li i{width: 77px; height: 88px; text-align: center; font-weight: bold; color: #fff; font-size: 44px; line-height: 77px; position: absolute; left: 0px; top: 0px; background: url("/images/zt/uibox6-03.png") no-repeat;}

.gsa-btn,.uibox5-btn{ position: absolute;  bottom: 75px; font-size: 20px; font-weight: bold; height: 62px; width: 240px; border-radius: 35px; line-height: 62px; text-align: center; color: #f72e04; margin-left: -100px; background: -webkit-linear-gradient(#fffffb, #ffe9b3); background: -o-linear-gradient(#fffffb, #ffe9b3); background: -moz-linear-gradient(#fffffb, #ffe9b3); background: linear-gradient(#fffffb, #ffe9b3);}
.gsa-btn:hover,.uibox5-btn:hover{color: #000; background: #ffe9b3;}
.uibox4-btn{ position: absolute;  bottom: 75px; font-size: 20px; font-weight: bold; height: 62px; width: 240px; border-radius: 35px; line-height: 62px; text-align: center; color: #fff; margin-left: -100px; background: -webkit-linear-gradient(#ff9e75, #ff4d26); background: -o-linear-gradient(#ff9e75, #ff4d26); background: -moz-linear-gradient(#ff9e75, #ff4d26); background: linear-gradient(#ff9e75, #ff4d26);}
.uibox4-btn:hover{color: #fff; background: #ff4d26;}
.uibox5-btn{ color: #0054c1;}
.uibox5-btn:hover{color: #fff; background: #ff4d26;}

.layer-com{position: fixed; left: 50%; top:50%; z-index: 100; }
.laycom-box{background: #fff; border-radius: 5px; z-index: 120; position: relative;}
.lay-com-tit{height: 42px; background: #f5f5f5; border-radius: 5px 5px 0px 0px; padding: 0px 20px; color: #333; line-height: 42px; font-size: 16px;}
.seltime{width: 100%; right:-1px; max-height: 139px; overflow: auto;}
.seltime a{border-bottom: 1px #ececec solid;}
.gwcmbox{border: 1px #e3e3e3 solid; margin-left: 120px; height: 40px; margin-bottom: 10px;}
.gwcmbox input{border: 0px; height: 40px; padding-left: 3%; line-height: 40px; width: 97%;}
.gwcmbox .logbli-lf{width: 140px; left: -140px; top:7px;}
.gwcmbox textarea{border: 0px; width: 94%; height: 170px; padding: 10px 3%; line-height: 24px;}
.quanbox{ width: 202px; border-radius: 3px; border: 1px #ececec solid; height: 160px; position: absolute; left: 0px; top: 28px; background: #fff; z-index: 2;}
.quanbox a{display: block; line-height: 30px; border-bottom: 1px #ececec solid; padding: 0px 10px 0px 20px;}
.quanbox a.hov{background: #f5f5f5;}
.quanbox a:hover .col8{color: #f7431d;}
.laymy .logbli-lf{width: 90px; left: -90px;}


.lay-box{width: 400px; z-index: 200; height: 300px; position: fixed; left: 50%; top:50%; margin-left: -200px; margin-top: -185px;}
.laybox-bg{ background: #fff; padding-top: 40px; height: 260px; border-radius: 5px; position: relative;}
.clo{position: absolute; z-index: 200; bottom:-50px; left: 50%; margin-left: -16px; width: 32px;}

/**/
.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/zt/gsbgimg/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/zt/gsbgimg/kf.gif);top: 70px;}
.backtoTopBox .footerHelp b {padding: 0;padding-top: 14px;position: relative;top: 1px;}
.backtoTopBox .footerHelp:hover {background-image: url(/images/zt/gsbgimg/kf2.png);}
.backtoTopBox .footerConnect:hover {background-image: url(/images/zt/gsbgimg/zx2.png);}
.backtoTopBox .footerBack {display: none;}