@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {font-family:"微软雅黑"}
img{margin: 0;padding: 0; vertical-align: middle;}
.clear{clear:both;}
.zt-gszx{width:100%; min-width:1200px; background: #fff;}
.zt-gszx-main{width:1200px; margin: 0 auto; overflow: hidden; text-align: center;}
.zt-gszx-tit{width:100%; padding:40px 0;}
.zt-gszx-tit .div1{width:100%; text-align: center; font-size:30px; color: #333333; line-height: 40px; font-weight: bold;}
.zt-gszx-tit .div2{width:100%; text-align: center; font-size:18px; color: #666666; line-height: 30px; }
.zt-gszx-tit span{color:#2992ec;}
.zt-gszx-a{width:100%; overflow: hidden; margin-top: 50px; text-align: center;}
.zt-gszx-a .a1{display:inline-block; width: 390px; height: 46px; position: relative; border: 1px solid #0f91f4; background: #fff; border-radius: 3px;}
.zt-gszx-a .a1 .span1{display:block; position: absolute; width: 36px; height: 36px; top: 6px; left: -18px;}
.zt-gszx-a .a1 .span2{padding:7px 7px 0 30px; font-size: 12px; color: #0f91f4; line-height: 16px; display: block; float: left;}
.zt-gszx-a .a1 .span3{font-size: 30px; color: #0f91f4; line-height: 46px; display: block; float: left; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; width: 200px; text-align: left;}
.zt-gszx-a .a1 .span4{display:block; overflow: hidden; background: #0f91f4; color: #fff; font-size: 16px; text-align: center; line-height: 46px;}
.zt-gszx-a .a1:hover .span4{background: #2ea2fa;}
.zt-gszx-a .a2{display:block; width: 420px; height: 48px; line-height: 48px; border: 1px solid #0f91f4; margin: 0 auto; border-radius: 50px; overflow: hidden;}
.zt-gszx-a .a2 .span1{font-size: 18px; color: #666666; display: block; float: left; width: 240px; text-align: left; padding-left: 30px;}
.zt-gszx-a .a2 .span2{display:block; overflow: hidden; background: #0f91f4; color: #fff; font-size: 16px; text-align: center; line-height: 48px; border-radius: 50px 0 0 50px;}
.zt-gszx-a .a2:hover .span2{background: #2ea2fa;}
.zt-gszx-a .a3{display:block; width: 420px; height: 48px; line-height: 48px; border: 1px solid #0f91f4; margin: 0 auto; border-radius: 50px; overflow: hidden;}
.zt-gszx-a .a3 .span1{font-size: 14px; color: #666666; display: block; float: left; width: 240px; text-align: left; padding-left: 30px;}
.zt-gszx-a .a3 .span1 i{font-size:18px; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; color: #0b69c9;}
.zt-gszx-a .a3 .span2{display:block; overflow: hidden; background: #0b69c9; color: #fff; font-size: 16px; text-align: center; line-height: 48px; border-radius: 50px 0 0 50px;}
.zt-gszx-a .a3:hover .span2{background: #388fe7;}
.zt-gszx-a .a4{display:inline-block; width: 160px; height: 48px; line-height: 48px; border: 1px solid #ff4f00; font-size:16px; color: #ff4f00; text-align: center; overflow: hidden; margin-right: 10px;}
.zt-gszx-a .a4:hover{background:#ff4f00; color: #fff;}
.zt-gszx-a .a5{display:inline-block; width: 420px; height: 48px; line-height: 48px; border: 1px solid #0f91f4; overflow: hidden;}
.zt-gszx-a .a5 .span1{font-size: 14px; color: #666666; display: block; float: left; width: 240px; text-align: left; padding-left: 30px;}
.zt-gszx-a .a5 .span1 i{font-size:18px; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; color: #0b69c9;}
.zt-gszx-a .a5 .span2{display:block; overflow: hidden; background: #0b69c9; color: #fff; font-size: 16px; text-align: center; line-height: 48px;}
.zt-gszx-a .a5:hover .span2{background: #388fe7;}


.ztgszx1{width:100%; height: 450px; background: url(images/gszx20180830-1.jpg) center 0 no-repeat;}
.ztgszx1 .box{width:260px; height: 340px; background: #fff;float: right; margin: 55px 20px 0 0; padding: 0 20px;}
.ztgszx1 .box .div1{width:100%; text-align: center; font-size: 24px; color: #333333; line-height: 30px; font-weight:bold; padding: 30px 0 25px 0;}
.ztgszx1 .box .div1 i{color:#ff4f00; font-weight:bold;}
.ztgszx1 .box .div2{width:100%; position: relative; margin: 0 0 15px 0; height: 40px;}
.ztgszx1 .box .input1{display:block; width:100%; height: 100%; box-sizing: border-box; border: 1px solid #dcdcdc; padding:5px 10px 5px 36px; font-size: 12px; color: #888888; line-height: 30px;}
.ztgszx1 .box .div2 span{display:block; height: 100%; width: 36px; text-align: center; position: absolute; left: 0; top: 0;}
.ztgszx1 .box .div2 span img{display:inline-block; margin-top: 12px;}
.ztgszx1 .box .button1{width:100%; height: 44px; line-height: 44px; color: #fff; font-size: 16px; text-align: center; margin: 20px auto 0 auto; padding: 0; outline: none; cursor: pointer; display: block; border: 1px solid #fff; background: #ff7f00; border-radius: 5px;}
.ztgszx1 .box .button1:hover{background:#fd9c3d;}

.ztgszx2{width:100%; background: #fff; padding:25px 0; overflow: hidden;}
.ztgszx2 .box{display:inline-block; vertical-align: top;}
.ztgszx2 .box .box-l{padding-right: 20px; float: left;}
.ztgszx2 .box .box-l img{display:inline-block; height: 46px;}
.ztgszx2 .box .box-r{float:left;}
.ztgszx2 .box .box-r .div1{font-size:18px; color: #333333; line-height:22px; text-align: left; margin-bottom: 6px;}
.ztgszx2 .box .box-r .div2{font-size:14px; color: #666666; line-height:18px; text-align: left;}
.ztgszx2 .box1{width:1px; height: 20px; background: #dcdcdc; margin: 13px 60px 0 60px; display: inline-block; vertical-align: top;}

.ztgszx3{width:100%; background: #f1f2f2; overflow: hidden; padding-bottom: 50px;}
.ztgszx3 .ztgszx3-ct{width:100%; overflow: hidden;}
.ztgszx3 .box{width:280px; height: 360px; margin: 80px 20px 0 20px; float: left; background: #fff; padding: 0 40px; transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.2s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.2s ease-in-out; }
.ztgszx3 .box .div1{width:144px; height: 144px; padding: 7px; border: 1px solid #3282dd; border-radius: 50%; overflow: hidden; margin: -80px auto 20px auto; background: #fff;}
.ztgszx3 .box .div2{width:100%; font-size: 18px; color: #333333; font-weight: bold; line-height: 40px; text-align: center;}
.ztgszx3 .box .div3{width:100%; font-size: 14px; color: #666666; line-height: 28px; height: 140px; text-align: left;}
.ztgszx3 .box .div4{display: block; width:154px; height: 44px; border: 1px solid #1665bf; color: #1665bf; font-size: 18px; text-align: center; line-height: 44px; border-radius: 50px; margin: 0 auto; background: #fff;}
.ztgszx3 .box:hover{background:#3282dd;}
.ztgszx3 .box:hover .div2,.ztgszx3 .box:hover .div3{color:#fff;}

.ztgszx4{width:100%; background: #fff; overflow: hidden; padding-bottom: 50px;}
.ztgszx4 .ztgszx4-ct{width:100%; overflow: hidden;}
.ztgszx4 .box{width:260px; height: 260px; margin: 0 20px; float: left; background: #fff; position: relative; overflow: hidden;}
.ztgszx4 .box img{display:block; width: 260px; height: 260px;}
.ztgszx4 .box .box-ct{width:260px; height: 320px; position: absolute; top: 200px; background: rgba(0,0,0,0.7); transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.6s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.6s ease-in-out; }
.ztgszx4 .box .box-ct .box-ct-div1{width:100%; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 18px; overflow: hidden; transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.1s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.1s ease-in-out;}
.ztgszx4 .box .box-ct .box-ct-div1 i{font-family:Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; font-size: 24px; line-height: 60px;}
.ztgszx4 .box .box-ct .box-ct-div2{padding:0 30px; height: 260px;}
.ztgszx4 .box .box-ct .box-ct-div2 .div1{font-size:18px; color: #fff; text-align: center; width: 100%; line-height: 30px; padding: 30px 0 15px 0;}
.ztgszx4 .box .box-ct .box-ct-div2 .div2{font-size:14px; color: #fff; text-align: left; line-height: 24px; height: 110px;}
.ztgszx4 .box .box-ct .box-ct-div2 .div3{display: block; width:156px; height: 46px; color: #3282dd; font-size: 18px; text-align: center; line-height: 46px; border-radius: 50px; margin: 0 auto; background: #fff;}
.ztgszx4 .box .box-ct .box-ct-div2 .div3:hover{background:#3282dd; color: #fff;}
.ztgszx4 .box:hover .box-ct{top:0;}
.ztgszx4 .box:hover .box-ct .box-ct-div1{height:0;}

.ztgszx5{width:100%; background: #f1f2f2; overflow: hidden; padding-bottom: 50px;}
.ztgszx5 .ztgszx5-ct{width:100%; float: left;}
.ztgszx5 .box{width:324px; height: 387px; margin: 0 38px; float: left; transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out; /* Firefox 4 */
-webkit-transition: all 0.2s ease-in-out; /* Safari 和 Chrome */
-o-transition: all 0.2s ease-in-out; }
.ztgszx5 .box:hover{margin-top:-20px;}
.ztgszx5 .ztgszx5-ct1{width:100%; padding-top: 30px; overflow: hidden;}

.ztgszx6{width:100%; background: #fff; overflow: hidden; padding-bottom: 50px;}
.ztgszx6 .box{width:100%; overflow: hidden;}

.ztgszx7{width:100%; background: #f1f2f2; overflow: hidden; padding-bottom: 50px;}
.ztgszx7 .box{width:100%; overflow: hidden;}

.ztgszx8{width:100%; background: #fff; overflow: hidden; padding-bottom: 50px;}
.ztgszx8 .ztgszx8-ct{width:100%; overflow: hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-left: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;}
.ztgszx8 .box{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width: 50%; height: 200px; border: 1px solid #dcdcdc; float: left; padding: 20px 40px; margin: -1px 0 0 -1px; position: relative;}
.ztgszx8 .box .div1{width:100%; font-size: 18px; color: #333333; line-height: 30px;}
.ztgszx8 .box .div1 .span1{display:block; width: 50px; float: left; color: #1a73d9; font-size: 28px; line-height: 40px; text-align: left;}
.ztgszx8 .box .div1 .span2{display:block; width: 50px; float: left; color: #ff7f00; font-size: 30px; line-height: 40px; text-align: left;}
.ztgszx8 .box .div1 .span3{display:block; overflow: hidden; color: #333333; font-size: 18px; line-height: 40px; text-align: left;}
.ztgszx8 .box .div1 .span4{display:block; overflow: hidden; color: #666666; font-size: 14px; line-height: 24px; text-align: left; padding-top: 5px;}
.ztgszx8 .box .div2{display: block; width:156px; height: 46px; color: #3282dd; font-size: 18px; text-align: center; line-height: 46px; border-radius: 50px; margin: 0 auto; background: #fff; border: 1px solid #3282dd; position: absolute; left: 50%; margin-left: -79px; bottom: 20px;}
.ztgszx8 .box .div2:hover{background:#3282dd; color: #fff;}

.index_hnw{width:100%; height:450px; overflow: hidden; background: url(../gszx/images/gszx20180830-22.jpg) center 0 no-repeat;}
.index_hnw .index_hnw_main{width:1200px; margin: 0 auto;}
.index_hnw .index_hnw_main .title{width:100%; text-align: center; font-size:30px; color: #737373; line-height: 50px; padding-top:160px;}
.index_hnw .index_hnw_main ul{width:100%; text-align: center; overflow: hidden; display: block; padding-top: 70px;}
.index_hnw .index_hnw_main ul li{display:inline-block; vertical-align: middle;}
.index_hnw .index_hnw_main ul li .span1{text-align: center; font-size:36px; color: #2a71b9; line-height: 40px; display: block;}
.index_hnw .index_hnw_main ul li .span2{text-align: center; font-size:20px; color: #606060; line-height: 40px; display: block;}
.index_hnw .index_hnw_main ul li.li1{width:1px; height: 40px; background: #bedcf0; margin: 0 60px;}





