@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/zjimg/uiimgtopbg.jpg") 50% top scroll no-repeat; position: relative; overflow: hidden;}
.gsa-tit01{ position: absolute; z-index: 2; top:155px;  width: 798px; margin-left: -590px;}
.gsa-tit02{ position: absolute; z-index: 2; top:275px;  background:url("/images/zt/zjimg/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: 200px;  margin-left: -583px;}
.gtit02-b{width: 220px; margin-left: -354px;}
.gtit02-c{width: 280px; margin-left: -100px;}
.gsa-tit03{position: absolute; z-index: 2; bottom:172px;  width: 343px; margin-left: -578px; }
.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/zjimg/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/zjimg/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{ line-height: 40px; position: relative; padding-left: 40px; text-align: center; padding-top: 80px;}
.uibox3-04box{ text-indent: 2em; line-height: 28px; padding-top: 15px; padding-bottom: 40px; padding-left: 20px;}
.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/zjimg/uiimg4bg.jpg") 50% top scroll no-repeat; }
.uibox4-au{max-width: 1100px; margin: 30px auto; position: relative;}
.uibox4tit{text-align: center; width: 530px; text-align: center; position: absolute;  margin-left: -265px; 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: 1030px; position: absolute; z-index: 2; top:185px; left: 50%; margin-left: -500px; background: url("/images/zt/zjimg/uibox5bg01.png") right top scroll no-repeat; height: 484px;}
.uib5-bg02{width: 1000px; padding-top: 50px; position: absolute; z-index: 3; top:195px;  right: 50%; margin-right: -470px; background: url("/images/zt/zjimg/uibox5bg02.png") left top scroll no-repeat; height: 425px;}
.uibox5-txt{margin-left: 60px; 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/zjimg/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/zjimg/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("../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: 850px; background: #f5f5f5; overflow: hidden;}
.uibox8-box{width: 1090px; background: #fff; border-radius:10px; box-shadow:0px 3px 15px -10px #999, 0px -3px 15px -10px #999; position: relative; z-index: 2;  height: 411px; padding-top: 70px; top:175px; }
.uibox8a{width: 218px; height: 190px; padding-top: 50px; text-align: center;}
.uibox8a img{width: 90px;}
.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;}
.uibox8-01,.uibox8-02,.uibox8-03,.uibox8-04,.uibox8-05{top:0px; border-bottom: 1px #ececec solid; border-right: 1px #ececec solid;}
.uibox8-06,.uibox8-07,.uibox8-08,.uibox8-09,.uibox8-10{top:241px; border-right: 1px #ececec solid;}
.uibox8-01{left: 0px; }
.uibox8-02{left: 218px; }
.uibox8-03{left: 436px;}
.uibox8-04{left: 654px; }
.uibox8-05{left: 872px; border-right: 0px;}
.uibox8-06{right: 871px; }
.uibox8-07{right: 653px; }
.uibox8-08{right: 435px; }
.uibox8-09{right: 217px; }
.uibox8-10{right: 0px; border-right: 0px;}
.uibox8a:hover img{transform:rotate(320deg); -ms-transform:rotate(320deg); 	/* IE 9 */-moz-transform:rotate(320deg); 	/* Firefox */-webkit-transform:rotate(320deg); /* Safari 和 Chrome */-o-transform:rotate(320deg); }
.uibox8-txt{ font-size: 18px; line-height: 32px; text-align: center; margin-top: 10px;}


.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 #246edd 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(#1975f7, #0e5bdd); background: -o-linear-gradient(#1975f7, #0e5bdd); background: -moz-linear-gradient(#1975f7, #0e5bdd); background: linear-gradient(#1975f7, #0e5bdd); 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: #0e5bdd; color: #fff; box-shadow:0px 8px 8px #ccc;}

.uibox11{height: 820px;}
.uibox11a{width: 206px; height: 264px; margin: 6px; display: block; float: left; text-align: center; position: relative;}
.uibox11a img{width: 206px;}
.uibox11a .txt{position: absolute; z-index: 10; width: 100%; height: 40px; line-height: 40px;  left: 0px; top:7px;}
.uibox11-01,.uibox11-02,.uibox11-03,.uibox11-04,.uibox11-05{ margin-top: 180px;}
.uibox11-01 .txt,.uibox11-02 .txt,.uibox11-03 .txt,.uibox11-04 .txt,.uibox11-05 .txt{top:47px;}
.uibox11a: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); }

.uibox12{ background: #f5f5f5; height: 790px;}
.uib12-bg01{width: 409px; height: 409px; position: absolute; z-index: 2; top:185px; margin-left: -485px; }
.uibox12-txt{line-height: 44px; position: relative; padding-left: 40px;}
.uibox12-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;}
.uib12-bgtxt{position: absolute; right: 0px; top:210px; width: 460px;}
.uib12-l{ height: 1px; width: 300px; font-size: 0px; line-height: 0px; background: #ccc; position: absolute; left: -295px; top:20px;}

.uibox13{ height: 880px;}
.uibox13-ibox{ height: 600px;}
.uib13-ib{width: 337px; border: 1px #ccc solid; padding: 1px; margin-left: 23px; display: block; float: left;}
.uib13-ib:hover{border: 1px #246edd solid; box-shadow: 8px 8px 4px #eee;}
.uibib-txth{height: 175px; position: relative; font-size: 14px;}
.uibib-txt-jt{position: absolute; width: 33px; height: 33px; right: -34px; top: -2px; background: url("/images/zt/zjimg/ui13-i-jt.png") no-repeat; }
.ui13btn{width: 204px; height: 76px; display: block; margin: 10px auto; color: #fff; font-size: 18px; background: url("/images/zt/zjimg/ui13-btn.png") no-repeat; text-align: center; line-height: 42px;}
.ui13btn:hover{background-position: 0px -76px; color: #fff;}

.uibox14{ height: 765px; background: #f5f5f5;}
.uib14-iblf{width: 438px; border: 1px #ccc solid; display: block; float: left; margin-bottom: 10px; height: 175px; padding-left: 100px; background: #fff; }
.uib14-ibrt{width: 438px; border: 1px #ccc solid; display: block; float: right;  margin-bottom: 10px; height: 175px; padding-right: 100px;  background: #fff;}
.uib14-ib01{background:url("/images/zt/zjimg/zjtx-01.png") left top no-repeat #fff; }
.uib14-ib02{background:url("/images/zt/zjimg/zjtx-02.png") right top no-repeat #fff; }
.uib14-ib03{background:url("/images/zt/zjimg/zjtx-03.png") left bottom no-repeat #fff; }
.uib14-ib04{background:url("/images/zt/zjimg/zjtx-04.png") right bottom no-repeat #fff; }

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