@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/zt/topbg.jpg") 50% top scroll no-repeat; position: relative; overflow: hidden;}
.gsa-tit01{ position: absolute; z-index: 2; top:100px;  width: 756px; margin-left: -420px;}
.gsa-tit02{position: absolute; z-index: 2; top:98px;  width: 127px; margin-left: 340px; }
.gsa-tit03{position: absolute; z-index: 2; bottom:275px;  width: 1031px; margin-left: -515px;}
.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: 100px; font-size: 18px; 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, #ffeb43); background: -o-linear-gradient(#fff7a4, #ffeb43); background: -moz-linear-gradient(#fff7a4, #ffeb43); background: linear-gradient(#fff7a4, #ffeb43);}
.gsa-btn02:hover{color: #000; background: #ffeb43;}

/*b*/
.gs-bbg{background: #f5f5f5; 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;}
.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;}
.gs-bin-b01{padding-left: 160px; width: 300px;}
.gs-bin-b01 span{width: 160px;}
.gs-bin-b02{padding-left: 100px; width: 200px;}
.gs-bin-b02 span{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 #ccc solid; border-radius: 3px; background: #fff; height: 325px; margin: 0px auto;}
.ga-c-tit{ position: absolute; top:228px; left: 0px; width: 100%; line-height: 30px; color: #333; font-size: 18px; text-align: center;}
.ga-c-btn{width: 150px; height: 30px; line-height: 30px; display: block; position: absolute; left: 33px; bottom:36px; background: #ff8666; border-radius: 3px; text-align: center; color: #fff; font-size: 16px;}
.ga-c-txt{line-height: 24px; color: #888; font-size: 12px; text-align: center; width: 100%; left: 0px; bottom: 11px; 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 #ff8666 solid; box-shadow: 8px 8px 4px #eee;}
.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;}

.gszc-xy{ padding-top: 40px;}
.gszc-xy li{width: 376px; padding: 12px; height: 186px; float: left;}
.gszc-xy-a,.gszc-xy-b,.gszc-xy-c,.gszc-xy-d,.gszc-xy-e,.gszc-xy-f{width: 346px; padding-left: 30px; padding-top: 40px; height: 146px; display: block;}
.gszc-xy-a{background: url("/images/zt/zcdz/zcdz-xy01.png") no-repeat;}
.gszc-xy-b{background: url("/images/zt/zcdz/zcdz-xy02.png") no-repeat;}
.gszc-xy-c{background: url("/images/zt/zcdz/zcdz-xy03.png") no-repeat;}
.gszc-xy-d{background: url("/images/zt/zcdz/zcdz-xy04.png") no-repeat;}
.gszc-xy-e{background: url("/images/zt/zcdz/zcdz-xy05.png") no-repeat;}
.gszc-xy-f{background: url("/images/zt/zcdz/zcdz-xy06.png") no-repeat;}
.gszc-xy-a:hover,.gszc-xy-b:hover,.gszc-xy-c:hover,.gszc-xy-d:hover,.gszc-xy-e:hover,.gszc-xy-f:hover{ background-position: 0px -186px;}
.gszc-xy-a .tit,.gszc-xy-c .tit,.gszc-xy-e .tit{ font-size: 20px; font-weight: bold; padding-bottom: 10px; color: #234c96;}
.gszc-xy-a .txt,.gszc-xy-c .txt,.gszc-xy-e .txt{ font-size: 16px; color: #44597b; padding-bottom: 5px;}
.gszc-xy-b .tit,.gszc-xy-d .tit,.gszc-xy-f .tit{ font-size: 20px; font-weight: bold; padding-bottom: 10px; color: #a26216;}
.gszc-xy-b .txt,.gszc-xy-d .txt,.gszc-xy-f .txt{ font-size: 16px; color: #83694a; padding-bottom: 5px;}

/*d*/
.gs-dbg{height: 870px; background:url("/images/zt/gsdbg.jpg") 50% top scroll no-repeat; }
.gs-dbgbox{height: 652px; width: 1200px; margin: 40px auto; background:url("/images/zt/gsdff.png")no-repeat; }
.tabs{width: 1100px; margin:0px auto;}
.tabs .horizontal{ width: 1100px; padding-top: 30px;}
.tabs .horizontal li{width: 220px; display: block; float: left;}
.tabs .horizontal li a{width: 160px; background: #fff; margin: 0px auto; display: block; height: 44px; line-height: 44px; border: 1px #246edd solid; border-radius: 30px; text-align: center; color: #246edd; font-size: 18px;}
.tabs .horizontal li.active a{background: #246edd; color: #fff;}
.gsd-1box{width: 947px; background: url("/images/zt/gs-d-1bg.png") no-repeat; height: 197px; margin: 30px auto 0px auto;}
.gsd-1box li{display: block;  float: left;}
.gsd-1b-a{width:234px; }
.gsd-1b-b{width:240px; }
.gsd-1b-c{width:240px; }
.gsd-1b-d{width:230px; }
.gsd1b{padding-top: 22px; padding-bottom: 20px; position:relative;}
.gsd-1b-a .gsd1b{ padding-left: 39px;}
.gsd-1b-b .gsd1b{ padding-left: 44px;}
.gsd-1b-c .gsd1b{ padding-left: 45px;}
.gsd-1b-d .gsd1b{ padding-left: 44px;}
.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); }
.gsd-2box{width: 935px; margin: 0px auto 0px auto; padding-top: 80px;}
.gsd-2box li{display: block; float: left;}
.gsd-2b{ width:100px; border:10px #e4f0ff solid; border-radius:120px;}
.gsd-2b span{display: block; width: 98px; background: #e4f0ff; border: 1px #fff solid; height: 98px; border-radius: 98px; line-height: 98px; text-align: center;}
.gsd2line{text-align: center; padding-top: 48px; position: relative; width: 80px;}
.gsd2line:after{clear: both; background: #e4f0ff; content: ""; display: block; height: 1px; width: 100%; position: absolute; left: 0px; top:60px;}
.gsd-2b:hover{border:10px #d2e6ff solid;}
.gsd-2b:hover span{background:#d2e6ff;}
.gsd-3box{width: 270px; padding-left: 730px; position: relative;margin: 0px auto 0px auto; padding-top: 60px;}
.gsd-3box img{position: absolute; left: 0px; top:50px;}
.gsd-3box li{height: 40px; line-height: 40px; font-size: 16px; padding-bottom: 8px;}
.gsd-3box li span{height: 30px; width: 30px; text-align: center; color: #fff; line-height: 30px; border-radius: 30px; background: #6ba4f3; display: block; float:left; margin-right: 10px; margin-top: 5px;}
.gsd-4box{width:900px; margin:0px auto; padding-top: 60px;}
.gsd-4ba{ width: 180px; display: block; float: left; text-align: center;}
.gsd-tell{width: 660px; position: relative; margin: 60px auto; background: #f3f3f3; height: 60px; border-radius: 40px; line-height: 60px; padding-left: 20px; color: #ff4429; font-size: 22px; }
.gsd-tell .tellbtn{height: 54px; position: absolute; right: 5px;top:3px; line-height: 54px; text-align: center; width: 200px; border-radius: 54px; background: -webkit-linear-gradient(to right, #ff7139, #ff4b14); background: -o-linear-gradient(to right, #ff7139, #ff4b14); background: -moz-linear-gradient(to right, #ff7139, #ff4b14); background: linear-gradient(to right, #ff7139, #ff4b14); color: #fff; font-size: 18px; }
.gsd-tell .tellbtn img{margin-right: 5px; margin-top: -1px; width: 30px;}
.gsd-tell .tellbtn:hover{background:#ff2400; }
.gse-5box{width: 1066px; margin: 0px auto; padding-top: 50px;}
.gse-5box .xkzli,.gse-5box .xkz-kf{ width: 143px; display: block; float: left; padding: 8px; height: 205px; border: 1px #ddd solid; border-radius: 3px; position: relative; margin-right: 20px;}
.gse-5box .xkzli .topbox{width: 159px; background: #fffae6; border: 1px #ddd solid; border-radius: 3px 3px 0px 3px; text-align: center; height: 48px; line-height: 24px; font-size: 16px; padding: 10px 0px; color: #a36c1e; position: absolute; z-index: 10; left: -10px; bottom: -1px;}
.gse-5box .xkzli:hover{border: 1px #75aaf4 solid;}
.gse-5box .xkzli:hover .topbox{ background: #ecf6ff; color: #4e87d2; left: -1px; border: 1px #75aaf4 solid;}
.gse-5box .xkz-kf{text-align: center; font-size: 18px; margin-right: 0px; padding-top: 40px; height: 173px; color: #4e87d2; line-height: 30px;}
.gse-5box .xkz-kf:hover{background: #ecf6ff; text-align: center;}
.gs-e{width: 430px; padding-left: 551px; padding-bottom: 80px; position: relative;margin: 0px auto 0px auto; padding-top: 138px;}
.gs-e img{position: absolute; left: 0px; top:50px;}
.gs-e li{height: 40px; line-height: 40px; font-size: 16px; padding-bottom: 13px;}
.gs-e li span{height: 30px; width: 30px; text-align: center; color: #fff; line-height: 30px; border-radius: 30px; display: block; float:left; margin-right: 10px; margin-top: 5px;}
.ask-a{background: #a5c8e1;}
.ask-b{background: #ffc663;}
.ask-c{background: #9fe290;}
.ask-d{background: #9cb6ff;}
.ask-e{background: #c396f1;}
.ask-f{background: #fd8e8e;}

/*t*/
.gs-tc{ background:#042c67;}
.gs-tcmid{width: 1200px; margin: 80px auto; padding-bottom: 120px;}
.gs-tcm-lf{width: 282px; height:367px; padding:70px 30px 30px 30px; display: block; float: left; color: #5f3800; margin-left: 40px; background: url("/images/zt/zcdz/zc-tc02.png") no-repeat; position: relative;}
.gs-tcm-rt{width: 663px; height: 367px; padding: 70px 30px 30px 30px; display: block; float: right; margin-right: 40px; background: url("/images/zt/zcdz/zc-tc03.png") no-repeat; position: relative;}
.zctc-jq-lf{ width: 433px; position: absolute; left: -48px; bottom: 130px; height: 80px; line-height: 72px; text-align: center; color: #fff; font-size: 26px; font-weight: bold; background: url("/images/zt/zcdz/zc-tc01.png") no-repeat;}
.zctc-jq-rt{ width: 384px; position: absolute; padding-right: 30px; right: -49px; bottom: 78px; height: 80px; line-height: 72px; text-align: center; color: #fff; font-size: 26px; font-weight: bold; background: url("/images/zt/zcdz/zc-tc04.png") no-repeat;}
.gsrt-mid{ height: 150px; padding-top: 30px;}
.gsrt-mid li{width: 105px; display:block; float: left; padding: 0px 2px 0px 2px; line-height: 32px; text-align: center;}
.gsrt-mid li: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); }

/*f*/
.gs-fbg{height: 673px; background:url("/images/zt/gsfbg.jpg") 50% top scroll no-repeat; }
.gsfbox{width: 1200px; margin: 0px auto; padding-top: 70px;}
.gsfbox li{width: 25%;padding-top: 40px; display: block; float:left; position: relative;}
.gsfbox li .num{height: 40px; overflow: hidden; font-size: 80px; padding-top: 20px; color: #246edd; position: absolute; left: 65px; top:0px; overflow: hidden;}
.gsf-min{width: 255px;  height: 300px;  border-radius: 3px; margin: 0px auto; box-shadow: 0px 4px 4px #a3b6cd;  background: #fff;}
.gsf-min .tit{ text-align: center; padding-left: 20px; border-radius: 3px 3px 0px 0px; background: #246edd; height: 80px; line-height: 80px; color: #fff; font-size: 20px;}
.gsf-qbb{padding-left: 20px; text-align: center; font-size: 20px; color: #333; line-height: 70px;}
.gse-no{position: absolute; z-index: 10; position: absolute; left: 70px; top:64px;}
.gse-yes{width: 33px; z-index: 10; height: 33px; background: url("/images/zt/gse-yes-1.png"); position: absolute; left: 70px; top:135px;}
.gsebd{width: 235px; height: 280px; border: 1px #b9d5ff solid; position: absolute; z-index: 2; top:50px; left: 31px;}
.gsfbox li:hover .gsf-min{color: #fff; background: #246edd;  }
.gsfbox li:hover .gsf-qbb{color: #fff; background: #246edd;  }
.gsfbox li:hover .gse-yes{background: url("/images/zt/gse-yes2.png");}

/*g*/
.gs-g{padding-top: 40px; padding-bottom: 70px; height: 580px; width: 1143px; margin: 0px; position: relative;}
.vs-lf{width: 658px; padding-top: 50px; height: 507px; position: relative; display: block; float: left; background: url("/images/zt/vslf.png");}
.vs-rt{position: absolute; width: 594px; padding-top: 50px; height: 507px; right: 0px; top:60px; background: url("/images/zt/vsrt.png");}
.vs-lf .vsfw-tit{position: absolute; left: 0px; top:135px;}
.vs-lf .vsfw-tit li{height: 40px; background: #fff; border-radius: 0px 40px 40px 0px; margin-bottom: 10px; width: 100px; text-align: center; color:#ff6700; font-size: 18px; line-height: 40px;}
.vsfw-box li{padding: 17px 0px; font-size: 16px; }
.vs-lf .vsfw-box{padding-left: 122px; padding-right: 70px;}
.vs-lf .vsfw-box li{border-bottom: 1px #fff dashed; color: #fff;}
.vs-rt .vsfw-box{padding-left: 65px; padding-right: 40px;}
.vs-rt .vsfw-box li{border-bottom: 1px #ccc dashed; color: #666;}

/*h*/
.gs-h{height: 742px; background:url("/images/zt/gs-h.jpg") 50% top scroll no-repeat;}
/*轮播样式*/
.wrapper {display: flex;align-items: center;justify-content: center;position: relative;min-height: 600px;max-height: 800px;}
.wrapper .container {position: relative;margin: 0 auto;}
.horizontal .container { width: 460px;  height: 440px;}
.container .cards-list {position: absolute;left: 0;top: 0;overflow: hidden;background-color: #fff;border-radius: 0.3125rem;transition: 330ms;}
.horizontal .cards-list {width: 100%;}
.img{padding: 20px;}
.img>img {display: block;width: 100%; height: 100%; object-fit: cover;-webkit-user-drag: none;-moz-user-select: none;user-select: none;}
.main-con {padding-bottom: 20px; font-size: 16px; color: #333; text-align: center;}
.btn-direct {position: absolute;top: 50%;z-index: 100;width: 4rem;height: 4rem;transform: translateY(-50%);cursor: pointer;transition: .2s;}
.btn-direct.btn-left {left: 6rem;}
.btn-direct.btn-right {right: 6rem;}
.btn-direct>span {position: absolute;left: calc(50% - .6rem);top: calc(50% - .6rem);width: 1.2rem;height: 1.2rem;border-top: 0.2rem solid #fff;border-left: 0.2rem solid #fff;}
.horizontal .shift-left {transform: translateX(25%) rotate(-45deg);}
.horizontal .shift-right {transform: translateX(-25%) rotate(135deg);}
.navigation {position: absolute;bottom: 5rem; left: 50%;transform: translate(-50%);}
.navigation .dot {display: inline-block;width: .5rem;height: .5rem;margin: .5rem;border: .125rem solid #fff;background-color: #fff;border-radius: 100%;cursor: pointer;}
.navigation .dot.active {background-color: #ff7646; border: .125rem solid #ff7646;}

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