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

/*a*/
.left50{left:50%;}
.right50{right:50%;}
.gs-abg{height: 580px; background:url("/images/zt/gximages/uiimgtopbg.jpg") 50% top scroll no-repeat; position: relative; overflow: hidden;}
.gsa-tit01{ position: absolute; z-index: 2; top:155px;  width: 781px; margin-left: -590px;}
.gsa-tit02{ position: absolute; z-index: 2; top:275px;  background:url("/images/zt/gximages/uiimg01-icon.png") 0px 7px no-repeat; padding-left: 30px; height: 40px; line-height: 40px; color: #fff; font-size: 24px; font-weight: 500;}
.gtit02-a{width: 250px;  margin-left: -568px;}
.gtit02-b{width: 190px; margin-left: -310px;}
.gtit02-c{width: 250px; margin-left: -75px;}
.gsa-tit03{position: absolute; z-index: 2; bottom:172px;  width: 343px; margin-left: -390px; }
.gsatop-form{background: #fff; width: 250px; padding: 25px 35px 40px 35px; box-shadow:0px 0px 8px #5b9adf; position: absolute; z-index: 2; margin-right: -580px; top:75px;} 
.gwcmbox{border: 1px #ccc solid; height: 40px; margin-bottom: 15px;}
.gwcmbox input{border: 0px; height: 40px; padding-left: 3%; line-height: 40px; width: 97%;}
.gsform-txt{background:url("/images/zt/gximages/form-i.png") 0px 1px no-repeat; padding-left: 22px;}
.formbtn{display: block; height: 78px; width: 250px; line-height: 78px; text-align: center; line-height: 78px; background:url("/images/zt/gximages/formbtn.png") 0px top scroll no-repeat; color: #fff;}
.formbtn:hover{color: #fff;}

.uibox2{background:#f5f5f5; padding: 60px 0px 80px 0px; }
.uibox2-box{ width: 600px; padding: 50px; background: #fff; border-radius: 5px; border: 1px #ececec solid; margin: 0px auto; box-shadow:10px 10px 0px #eaeaea; padding-left: 430px; position: relative; font-size: 16px; line-height: 36px;}
.uibb-img{ position: absolute; left: 50px; top:106px; z-index: 2; width: 338px;}

.uibox3{ padding: 80px 0px; }
.uibox3-box{max-width: 1100px; margin: 0px auto; height: 460px; }
.uibox3-img{ float: right; margin-top: 60px;  width: 397px; margin-right: 0px;}
.uibox3-04{ float: left; padding: 30px 30px 0px 30px;  height: 493px; width: 525px;}
.uibox3-04txt{margin-left: 0px; line-height: 40px; position: relative; padding-left: 40px;}
.uibox3-04txt span{position: absolute; display: block; z-index: 2; width: 24px; height: 24px; background: #ececec; border-radius: 12px; text-align: center; color: #333; left: 0px; top:8px; line-height: 24px;}
.uibox-btn{ margin-left: 2px; height: 50px; width: 499px; margin-top: 30px; background:url("/images/zt/gximages/bodybtn.png") 0px top no-repeat;}
.uibox-btn:hover{background-position: 0px -50px;}

.uibox4{height: 679px; background:url("/images/zt/gximages/uiimg4bg.jpg") 50% top scroll no-repeat; }
.uibox4-au{max-width: 1100px; margin: 30px auto; position: relative;}
.uibox4tit{text-align: center; width: 500px; text-align: center; position: absolute;  margin-left: -250px; top:100px;}
.uibox4-04,.uibox4-05,.uibox4-06,.uibox4-07,.uibox4-08,.uibox4-09{position: absolute; z-index: 2; width: 280px; height: 106px; padding: 20px; display: block; background: #fff; border: 1px #fff solid;}
.uibox4-04{margin-left: -535px; top:200px; }
.uibox4-05{margin-left: -153px; top:200px; }
.uibox4-06{margin-left: 230px; top:200px; }
.uibox4-07{margin-right: -550px; top:410px; }
.uibox4-08{margin-right: -167px; top:410px; }
.uibox4-09{margin-right: 216px; top:410px; }
.uibox4-04 img,.uibox4-05 img,.uibox4-06 img,.uibox4-07 img,.uibox4-08 img,.uibox4-09 img{margin-top: 10px; margin-left: 6px; float: left;}
.uibox4-txtrt{width: 168px; float: right; font-size: 16px; line-height: 32px;}
.uibox4-04:hover,.uibox4-05:hover,.uibox4-06:hover,.uibox4-07:hover,.uibox4-08:hover,.uibox4-09:hover{border: 1px #4f5058 solid; box-shadow:10px 20px 20px #4f5058;}
.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:rotate(340deg); -ms-transform:rotate(340deg); 	/* IE 9 */-moz-transform:rotate(340deg); 	/* Firefox */-webkit-transform:rotate(340deg); /* Safari 和 Chrome */-o-transform:rotate(340deg); }

.uibox5{ background: #f5f5f5; height: 780px;}
.uibox5-au{max-width: 1100px; margin: 0px auto; position: relative;}
.uib5-bg01{width: 900px; position: absolute; z-index: 2; top:185px; margin-left: -530px; background: url("/images/zt/gximages/uibox5bg01.png") 0px top scroll no-repeat; height: 484px;}
.uib5-bg02{width: 900px; padding-top: 50px; position: absolute; z-index: 3; top:195px; margin-right: -550px; background: url("/images/zt/gximages/uibox5bg02.png") right top scroll no-repeat; height: 425px;}
.uibox5-txt{margin-left: 390px; line-height: 40px; position: relative; padding-left: 40px;}
.uibox5-txt span{position: absolute; display: block; z-index: 2; width: 24px; height: 24px;  background: -webkit-linear-gradient(#bebebe, #6f6f6f); background: -o-linear-gradient(#bebebe, #6f6f6f); background: -moz-linear-gradient(#bebebe, #6f6f6f); background: linear-gradient(#bebebe, #6f6f6f);  border-radius: 12px; text-align: center; color: #fff; left: 0px; top:8px; line-height: 24px;}

.uibox6{height: 602px; background:url("/images/zt/gximages/uibox6bg.png") 0px top repeat-x; }
.uibox6tit{text-align: center; width: 600px; text-align: center; position: absolute;  margin-left: -300px; top:110px;}
.gs-dbgbox{ position: absolute; width: 1000px; top:210px; margin-left: 65px; }
.gsd-1box{height: 197px; position: relative; z-index: 2;}
.gsd-1box li{display: block;  float: left;}
.gsd-1b{width:200px; position: relative;}
.gsd-jt{width: 31px; height: 21px; background: url("/images/zt/gximages/uiimg6-i.png") no-repeat; position: absolute; z-index: 2; right: 7px; top: 65px; display: block;}
.gsd1b{position:relative;}
.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); }

.uibox7{ background: #f5f5f5; height: 850px;}
.uibox7tit{text-align: center; width: 600px; position: absolute;  margin-left: -300px; top:100px;}
.uibox7box{box-shadow:0px 3px 15px -10px #999, 0px -3px 15px -10px #999; top:180px; width: 1000px; border-radius: 5px; background: #fff; position: absolute; z-index: 2; margin-left: -500px; height: 440px; padding-top: 70px;}
.uibox7box-tit{text-align: center; width: 338px; position: absolute; z-index: 4; color: #fff;  margin-left: -169px; top:170px; background:url("/images/zt/gximages/uibox7box-tit.png") 0px top no-repeat; height: 57px; line-height: 57px;}
.u7box-lf{width: 20px; position: absolute; left: -21px; top:0px; background: #f5f5f5; height: 500px;}
.u7box-rt{width: 20px; position: absolute; right: -21px; top:0px; background: #f5f5f5; height: 500px;}
.uibox7box ul li{list-style: disc; padding-top: 8px; padding-bottom: 8px;}
.uibox7box a{color: #555; font-size: 14px;}
.uibox7box a:hover{color: #246edd;}
.u7b-a{width: 152px; padding-right: 30px; float: left;border-right: 1px #ccc solid; margin-left: 13px; padding-left: 40px;}
.u7b-btn{width: 499px; display: block; bottom: 50px; position: absolute; z-index: 2; margin-left: -250px;}

.uibox8{height: 780px;}
.uibox8-01,.uibox8-02,.uibox8-03,.uibox8-04,.uibox8-05,.uibox8-06,.uibox8-07,.uibox8-08,.uibox8-09,.uibox8-10{position: absolute; display: block; z-index: 2; width: 146px; height: 200px;}
.uibox8-01 .icon,.uibox8-02 .icon,.uibox8-03 .icon,.uibox8-04 .icon,.uibox8-05 .icon,.uibox8-06 .icon,.uibox8-07 .icon,.uibox8-08 .icon,.uibox8-09 .icon,.uibox8-10 .icon{width: 146px; height: 146px;}
.uibox8-01{margin-left: -505px; top:190px;  }
.uibox8-01 .icon{background: url("/images/zt/gximages/ui8-icon1.png")0px 0px no-repeat; }
.uibox8-02{margin-left: -288px; top:190px; }
.uibox8-02 .icon{background: url("/images/zt/gximages/ui8-icon2.png")0px 0px no-repeat; }
.uibox8-03{margin-left: -72px; top:190px; }
.uibox8-03 .icon{background: url("/images/zt/gximages/ui8-icon3.png")0px 0px no-repeat;}
.uibox8-04{margin-left: 144px; top:190px; }
.uibox8-04 .icon{background: url("/images/zt/gximages/ui8-icon4.png")0px 0px no-repeat;}
.uibox8-05{margin-left: 360px; top:190px; }
.uibox8-05 .icon{background: url("/images/zt/gximages/ui8-icon5.png")0px 0px no-repeat;}
.uibox8-06{margin-right: 360px; top:410px; }
.uibox8-06 .icon{background: url("/images/zt/gximages/ui8-icon6.png")0px 0px no-repeat;}
.uibox8-07{margin-right: 144px; top:410px; }
.uibox8-07 .icon{background: url("/images/zt/gximages/ui8-icon7.png")0px 0px no-repeat;}
.uibox8-08{margin-right: -74px; top:410px; }
.uibox8-08 .icon{background: url("/images/zt/gximages/ui8-icon8.png")0px 0px no-repeat;}
.uibox8-09{margin-right: -288px; top:410px; }
.uibox8-09 .icon{background: url("/images/zt/gximages/ui8-icon9.png")0px 0px no-repeat;}
.uibox8-10{margin-right: -505px; top:410px; }
.uibox8-10 .icon{background: url("/images/zt/gximages/ui8-icon10.png")0px 0px no-repeat;}
.uibox8-01:hover .icon,.uibox8-02:hover .icon,.uibox8-03:hover .icon,.uibox8-04:hover .icon,.uibox8-05:hover .icon,.uibox8-06:hover .icon,.uibox8-07:hover .icon,.uibox8-08:hover .icon,.uibox8-09:hover .icon,.uibox8-10:hover .icon{background-position: 0px -146px;}
.uibox8-04 img,.uibox8-05 img,.uibox8-06 img,.uibox8-07 img,.uibox8-08 img,.uibox8-09 img{margin-top: 10px; margin-left: 6px; float: left;}
.uibox8-txt{ font-size: 18px; line-height: 32px; text-align: center; margin-top: 5px;}

.uibox9{height: 228px; display: block; width: 100%; position: relative; background: url("/images/zt/gximages/gxad.jpg")50% 0 scroll no-repeat;}
.uibox9 span{width: 230px; height: 74px; display: block; background: url("/images/zt/gximages/ad-btn.png")0px 0px no-repeat; position: absolute; top:110px; right: 50%; margin-right: -518px; }
.uibox9:hover span{background-position: 0px -74px;}

.uibox10{height: 710px;}
/*c*/
.gsc-a{padding-top: 100px; position: absolute; top: 90px; left: 50%; margin-left: -550px; width: 1100px;}
.gsc-a li{width: 250px; margin-right: 12px; margin-left: 12px; float: left; height: 313px; }
.gs-c{display: block; position: relative; width: 250px; border: 1px #ccc solid; border-radius: 3px; background: #fff; height: 313px; margin: 0px auto;}
.ga-c-tit{ position: absolute; top:197px; left: 0px; width: 100%; line-height: 30px; color: #333; font-size: 18px; text-align: center;}
.ga-c-txt{line-height: 24px; font-size: 14px; text-align: center; width: 100%; color: #555; left: 0px; bottom: 28px; position: absolute;}
.gs-c:hover .ga-c-tit,.gs-c:hover .ga-c-txt{ z-index: 2;}
.gs-c:hover{border: 1px #ff8666 solid; box-shadow: 8px 8px 4px #eee; cursor: default;}
.gs-c:hover .ga-c-btn{background: #ff5629;}
.imgbg{position: absolute; z-index: 2; bottom: -45px; width: 80%; left: 10%;}
.c4-izmir{--primary-color:#f2f8ff; --image-opacity:0.35;}
.btnbom_blue{ background: -webkit-linear-gradient(#6bbef4, #0f5eab); background: -o-linear-gradient(#6bbef4, #0f5eab); background: -moz-linear-gradient(#6bbef4, #0f5eab); background: linear-gradient(#6bbef4, #0f5eab); color:#fff; font-size: 18px; font-weight: bold; height: 54px; line-height: 54px; width: 300px; text-align: center; border-radius: 5px; display: block; position: absolute; bottom: 30px; left: 50%; margin-left: -150px;}/*蓝色渐变按钮*/
.btnbom_blue:hover{background: #0f5eab; color: #fff; box-shadow:0px 8px 8px #ccc;}

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


.uibox7{overflow: hidden;}