@charset "UTF-8";*{box-sizing:border-box}
body,html{padding:0;margin:0;min-height:100%}
html{-ms-overflow-style:scrollbar}
img{border:none;outline:0;max-width:100%}
a{cursor:pointer;text-decoration:none}
a:active{outline:0}
a:focus{-moz-outline-style:none;outline:0}
ul{list-style:none}
li,ul{padding:0;margin:0}
h1,h2,h3,h4,h5,p{padding:0;margin:0;font-weight:400}
h1 a:active,h1 a:focus,h1 a:hover,h1 a:link,h2 a:active,h2 a:focus,h2 a:hover,h2 a:link,h3 a:active,h3 a:focus,h3 a:hover,h3 a:link,h4 a:active,h4 a:focus,h4 a:hover,h4 a:link,h5 a:active,h5 a:focus,h5 a:hover,h5 a:link,p a:active,p a:focus,p a:hover,p a:link{text-decoration:none}
h2{font-size:26px}
h3{font-size:20px}
h4{font-size:16px}
ol{padding:0 0 0 20px}
ol li{list-style-type:decimal;list-style-position:outside}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:"";display:block;clear:both}
.clearfix:after{content:"";display:table;clear:both;height:0}
body{font-family:"Microsoft YaHei","宋体";color:#333333;min-width:1000px;background-color:#fff}
.main{width:1000px;margin:0 auto}
.container{width:1100px;margin:0 auto}
.container:after{content:"";display:table;clear:both;height:0}
.hide{display:none!important}
.show{display:block!important}
.zx2{width:150px;height:auto;position:fixed;top:15%;right:0;padding:0;box-sizing:border-box;z-index:1000;display:block}
.zx2 .floatclosebtn{width:30px;height:30px;line-height:30px;padding:0 0 8px 1px;background:#ff384b;color:#fff;font-size:24px;cursor:pointer;text-align:center;margin:0;display:block;border:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;vertical-align:middle;position:absolute;top:-15px;left:-15px;z-index:1111;box-sizing:border-box}
.zg_topWrap{background-color:#fff}
.ydemo_top{width: 100%;height: 45px;overflow: hidden;}
.ydemo_minitop{width: 1000px;margin:0 auto;}
.ydemo_minitop img{width: 142px;height: 34px;display: block;margin-top: 0px;float: left;}
.ydemo_minitop ul{float: left;margin-left: 25px;}
.ydemo_minitop ul li{float: left;font: normal 16px/50px 'Microsoft Yahei';}
.ydemo_minitop ul li a{color: #1b1b1b;}
.ydemo_minitop ul li a:hover{color: #c30000;}
.ydemo_minitop .tel a{float: right;font: normal 16px/50px 'Microsoft Yahei';color:#1b1b1b;}
.footer{width:100%;padding-top:30px;line-height:1.7;text-align:center;background:#302B27;font-size:12px;color:#fff;padding-bottom:28px;margin-top:0}
.footer p{margin:0}
.row {background: #eeeeee;height: 360px;}
.banner{background:url(../images/bannerBg.jpg) no-repeat center}
.banner .wrapper{position: relative; height: 560px; padding: 80px 300px 0 50px; text-align: center; background:url(../images/banner.jpg) no-repeat center}
.banner h2:after{content:""; display: table; clear: both;}
.banner h2{margin-bottom: 40px;width:737px;margin-left:-130px;}
.banner h2 img{float: left; }
.banner h4{margin-bottom: 30px; font-size: 28px; color: #fff;margin-left:-184px;}
.banner h4 img{vertical-align: top;}
.banner h3 img{display: block; margin: 0 auto;}
.banner .person{position: absolute;right: 0; top: 50%; margin-top: -260px;}
.banner ul{padding: 0 140px;}
.banner ul:after{content:""; display: table; clear: both;}
.banner li {position: relative; width: 50%; float: left; color: #fff; font-size: 24px; margin-top: 30px; padding-left: 40px; text-align: left; font-weight: bold;}
.banner li:before{content:""; position: absolute; left: 0; top: 50%; margin-top: -6px; width: 12px; height: 12px; background-color: #fff; border-radius: 50%;}
.zg_con01{background:url(../images/wrapperBg01.jpg) no-repeat center}
.zg_con01 .wrapper{height: 644px; padding: 0 22px; background:url(../images/bg01.jpg) no-repeat center;}
.zg_con01 .title{height: 124px; padding-top: 35px; text-align: center; color: #fff; background:url(../images/tlt01.png) no-repeat center;}
.zg_con01 .title h2{font-size: 38px; font-weight: bold;}
.zg_con01 .title h2 span{display: inline-block;width: 50px; animation:kq 1s infinite;}
.zg_con01 .title p{font-size: 14px; margin-top: 10px;}
.zg_con01 .box{ background:url(../images/kqBg.png) no-repeat center bottom;}
.zg_con01 .box:after{content:""; display: table; clear: both;}
.zg_con01 .item{ width: 33.333%; float: left; padding: 0 40px; margin: 50px 0;}
.zg_con01 .item h4{font-size: 28px; text-align: right; color: #fff;}
.zg_con01 .item h4:after{content:""; display: table; clear: both;}
.zg_con01 .item h4 img{float: left;}
.zg_con01 .item .button{display: block; width: 236px; height: 33px; margin: 17px auto 0; border: 1px solid #fff; line-height: 33px; font-size: 18px; border-radius: 100px; color: #fff; text-align:  center; background-color: transparent; transition: .3s;}
.zg_con01 .item .button.active,.zg_con01 .item .button:hover{border:none; background: transparent url(../images/buttonBg01.png) center 100% repeat-y;}
.zg_con02{background:url(../images/wrapperBg02.jpg) no-repeat center; background-size: 100% 100%;margin-top:-4px;}
.zg_con02 .wrapper{padding-bottom: 50px; background:url(../images/bg02.jpg) no-repeat center; background-size: 100% 100%;}
.zg_con02 .title{height: 124px; padding-top: 35px; text-align: center; background:url(../images/tlt02.png) no-repeat center;}
.zg_con02 .title h2{font-size: 38px; font-weight: bold; color: #000ba7;}
.zg_con02 .title h2 span{display: inline-block; animation:kc 1s infinite;}
.zg_con02 .title p{font-size: 14px; margin-top: 10px; color: #393c4d;}
.zg_con02 .formBox{padding: 20px 20px 30px; margin-bottom: 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 2px 40px rgba(13,67,216,.11);}
.zg_con02 .formBox h3{font-size: 30px; text-align: center; color: #000ba7; font-weight: bold; margin-bottom: 30px;}
.zg_con02 .formBox .input_group_lg{position: relative;width: 20%; float: left;padding: 0 10px;}
.zg_con02 .formBox .input_group_lg .inp{display: block; width: 100%; height: 36px; padding: 0 10px; border-radius: 100px; border: 1px solid #555; background-color: #fff; font-size: 12px;outline: none;}
.zg_con02 .formBox .input_group_lg .yzmbtn{position: absolute; top: 1px; right: 11px; padding: 0 5px; border-radius: 100px; background-color: #fff; font-size: 12px; color: #333; line-height: 34px;}
.zg_con02 .formBox .input_group_lg .btn_sm{display: block; margin: 0 auto; width: 100%; height: 36px; line-height: 36px; border-radius: 100px; color: #fff; font-size: 16px; border: none; background: url(../images/buttonBg02.png) repeat-x center;background-size: auto 100%; cursor: pointer;}
.zg_con02 .box{ padding: 40px 20px; background-color: #fff; border-radius: 15px; box-shadow: 0 2px 40px rgba(13,67,216,.11);}
.zg_con02 .box .list:after{content:""; display: table; clear: both;}
.zg_con02 .box .list{margin: 50px 0;}
.zg_con02 .box .list li{float: left; width: 25%; font-weight: bold; font-size: 20px; color: #14206d; text-align: center; transition: .3s;}
.zg_con02 .box .list li:hover{margin-top: -10px;}
.zg_con02 .box .list li img{display: block; margin: 0 auto 15px;}
.zg_con02 .box .tabBox h3,.zg_con02 .box .addList h3{width: 200px; height: 50px; margin-bottom: 5px; line-height: 48px; border-radius: 100px; padding: 1px 1px 1px 10px; color: #fff;font-size: 23px; font-weight: bold; background:url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; overflow: hidden;}
.zg_con02 .box .tabBox h3 span,.zg_con02 .box .addList h3 span{float: right; width: 120px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; height: 48px; line-height: 48px; padding-right: 5px; background-color: #fff; color: #000b9a; text-align: center;}
.zg_con02 .box .tabBox .tabTitle:after,.baseTitle:after,.addrTitle:after{content:""; display: table; clear: both;}
.zg_con02 .box .tabBox .tabTitle,.baseTitle,.addrTitle{margin-bottom: 25px;}
.zg_con02 .box .tabBox .tabTitle li,.baseTitle li,.addrTitle li{height: 30px; padding: 1px; float: left; color: #fff; font-size: 16px; line-height: 30px; text-align: center;border-radius: 16px; background:url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; cursor: pointer;margin-top:10px;}
.baseTitle li{width: 150px;margin-right:6px;}
.addrTitle li{width: 130px;margin-right:6px;}
.zg_con02 .box .tabBox .tabTitle li span,.baseTitle li span,.addrTitle li span{display: block; height: 28px; padding: 0 20px; color: #0a1667; width: 100%; background-color: #fff; border-radius: 100px; transition: .3s;}
.zg_con02 .box .tabBox .tabTitle li.active span,.zg_con02 .box .tabBox .tabTitle li:hover span,.baseTitle li.active span,.baseTitle li:hover span,.addrTitle li.active span,.addrTitle li:hover span{background-color: transparent; color: #fff;}
.zg_con02 .box .tabBox .tabTitle li+li{margin-left: 6px;}
.zg_con02 .box .tabBox .tabContent .con{display: none;}
.zg_con02 .box .tabBox .tabContent .con.active{display: block;}
.zg_con02 .box .tabBox .tabContent .con h4{display: inline-block; min-width: 196px; height: 49px; padding: 0 50px 0 10px; line-height: 49px;font-size: 22px; color: #000b9c; background:url(../images/tabSubTlt.png) no-repeat center left; background-size: 100% 100%;}
.zg_con02 .box .tabBox .tabContent .intro{padding: 25px 35px; background:url(../images/introBg.jpg) no-repeat center; background-size: 100% 100%; color: #fff;}
.zg_con02 .box .tabBox .tabContent .intro span{ float: left; width: 125px; height: 37px; line-height: 37px; font-size: 20px; color: #000b9a; background-color: #fff; border-radius: 100px; text-align: center;}
.zg_con02 .box .tabBox .tabContent .intro p{font-size: 16px; margin-left: 150px; line-height: 25px;}
.zg_con02 .box .tabBox .tabContent .table{border-collapse: collapse; width: 100%; text-align: center;border-spacing: 0;}
.zg_con02 .box .tabBox .tabContent .table th{padding: 15px 0px; font-size: 18px; font-weight: bold;background:url(../images/buttonBg02.png) repeat-x center;color: #fff;}
.zg_con02 .box .tabBox .tabContent .table td{padding: 5px; font-size: 14px; border: 1px solid #000b9a;line-height:28px;}
.zg_con02 .box .tabBox .tabContent .table td span{padding-left:46px;}
.zg_con02 .box .tabBox .tabContent .table td .button{display: block; width:100px; height: 32px; margin: 0 auto; border: 1px solid #000b9a; line-height: 30px; color: #000b9a; font-size: 18px;border-radius: 100px; transition: .3s;}
.zg_con02 .box .tabBox .tabContent .table td .button:hover{ background:transparent url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; color: #fff; border: none;}
.zg_con02 .box .tabBox .tabContent .table td .zixun{display: block;width: 80px; height: 32px; margin: 0 auto; border: 1px solid #000b9a; line-height: 30px; color: #000b9a; font-size: 14px;border-radius: 100px; transition: .3s;}
.zg_con02 .box .tabBox .tabContent .table td .zixun:hover{ background:transparent url(../images/buttonBg02.png) repeat-x center; background-size: auto 100%; color: #fff; border: none;}
/*.zg_con03{background:url(../images/wrapperBg03.jpg) no-repeat center}*/
.zg_con03 .wrapper{height: 805px; background:url(../images/bg03.jpg) no-repeat center; overflow: hidden;}
.zg_con03 .title{height: 124px; padding-top: 35px; text-align: center; background:url(../images/tlt03.png) no-repeat center;}
.zg_con03 .title h2{font-size: 38px; font-weight: bold; color: #000ba7;}
.zg_con03 .title h2 span{display: inline-block;width: 45px; animation:bk 1s infinite;}
.zg_con03 .title p{font-size: 14px; margin-top: 10px; color: #393c4d;}
.zg_con03 .itemBox{margin-top: 40px;margin-left:78px;}
.zg_con03 .itemBox:after{content:""; display: table; clear: both;}
.zg_con03 .item{float: left; width: 218px; margin: 0 10px; padding: 28px 16px; background-color: #fff; -webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.zg_con03 .item:hover{margin-top: -15px; box-shadow: 0 0 20px rgba(0,20,180,.5)}
.zg_con03 .item h3{padding-left: 80px; margin-bottom: 25px; font-size: 14px; font-weight: bold; color: #313447;}
.zg_con03 .item h3 span{display: block; margin-bottom: 5px; font-size: 18px; color: #000ba7; font-weight: bold;}
.zg_con03 .item h3 img{float: left; margin-left: -80px; margin-top: 5px; }
.zg_con03 .item .subTlt{height: 53px; margin:0 -16px; color: #fff; background:url(../images/glTltBg.png) no-repeat center left;}
.zg_con03 .item .subTlt span{display: block; float: left; width: 49px; padding: 6px 0; margin-top: -12px; text-align: center; font-size: 14px;}
.zg_con03 .item .subTlt span i{display: block; font-size: 16px; font-weight: bold;}
.zg_con03 .item .subTlt{font-size: 20px; font-weight: bold; text-align: center; padding: 12px 0; padding-right: 20px;}
.zg_con03 .item ul{position: relative;padding: 30px 0;}
.zg_con03 .item li{position: relative; font-size: 13px; padding-left: 25px; background: transparent url(../images/glPoint.png) center left no-repeat;}
.zg_con03 .item ul:before{content:""; position: absolute; left: 5px; top: 50%; height: 61px; width: 1px; margin-top: -30px; background-color: #0e25b6;}
.zg_con03 .item li+li{margin-top: 10px;}
.zg_con03 .item .button{display: block; width: 120px; height: 34px; margin: 0 auto; line-height: 32px; text-align: center; color: #0d22b4; border: 1px solid #0e25b6; background-color: transparent; border-radius: 100px; transition: .3s;}
.zg_con03 .item .button:hover{background-color: #0d22b4; color: #fff;}
.zg_con03 .contact{position: relative;height: 137px; margin-top: 80px; /*padding-right: 290px; */padding-left: 116px; padding-top: 26px; text-align: center; color: #fff; background:url(../images/zxBg.png) no-repeat center}
.zg_con03 .contact h3{font-size: 18px;}
.zg_con03 .contact h2{font-size: 28px; margin-top: 10px;}
.zg_con03 .contact .button{position: absolute; right: 170px; top: 40px; width: 170px; height: 47px; border: 2px solid #fff; color: #fff; line-height: 43px; font-size: 18px; font-weight: bold; text-align: center; border-radius: 100px; transition: .3s;}
.zg_con03 .contact .button:hover{background-color: #fff; color: #102d93;}
.zg_mbt{ width: 1000px; height: auto; margin: 0 auto; overflow: hidden;}
.zg_mbt h3{ width: 540px; height: 53px; line-height: 53px; font-size: 36px; color: #000ba7; font-family: 'Microsoft Yahei'; text-align: center; margin: 0 auto; border-bottom: 2px solid #000ba7; font-weight: bold;}
.zg_mbt p{ line-height: 26px; font-size: 16px; color: #000ba7; font-family: 'Microsoft Yahei'; text-align: center;}
.zg_main5w{ width: 100%; height: 715px; min-width: 1000px; background: url(../images/zgcz_11.jpg) no-repeat center top;}
.zg_main5{ width: 1000px; height: 700px; padding-top: 15px;  background: url(../images/zgcz_12.jpg) no-repeat center top; margin: 0 auto;}
.zg_m5c{ width: 1000px; height: 515px; margin: 38px 0 0 87px; position: relative; background: url(../images/zgcz_33.png) no-repeat 273px 5px;}
.zg_m5c dl{ position: absolute; height: auto;}
.zg_m5c dl dt{ height: 36px;}
.zg_m5c dl dt span{ display: inline-block; height: 35px; line-height: 35px; font-size: 22px; font-family: 'Microsoft Yahei';}
.zg_m5c dl dd{ line-height: 24px; font-size: 14px; color: #5b5b5b; font-family: 'Microsoft Yahei';}
.zg_m5c dl.d1{ width: 490px; left: 0; top: 0;}
.zg_m5c dl.d1 dt{ padding-left: 16px; background: url(../images/zgcz_40.png) no-repeat left center; float: right;}
.zg_m5c dl.d1 dt span{ border-bottom: 1px solid #ff6e6f; color: #ff6e6f;}
.zg_m5c dl.d1 dd{ float: right;}
.zg_m5c dl.d2{ width: 510px; right: 0; top: 134px;}
.zg_m5c dl.d2 dt{ padding-right: 16px; background: url(../images/zgcz_41.png) no-repeat right center; display: inline-block; }
.zg_m5c dl.d2 dt span{ border-bottom: 1px solid #53dab2; color: #53dab2;}
.zg_m5c dl.d3{ width: 450px; left: -120px; top: 231px;}
.zg_m5c dl.d3 dt{ padding-left: 16px; background: url(../images/zgcz_42.png) no-repeat left center; float: right;}
.zg_m5c dl.d3 dt span{ border-bottom: 1px solid #a379ff; color: #a379ff;}
.zg_m5c dl.d3 dd{ float: right;}
.zg_m5c dl.d4{ width: 662px; right: 0; top: 366px;}
.zg_m5c dl.d4 dt{ padding-right: 16px; background: url(../images/zgcz_43.png) no-repeat right center; display: inline-block;}
.zg_m5c dl.d4 dt span{ border-bottom: 1px solid #69abf7; color: #69abf7;}
.zg_m5c dl.d4 dd{ width: 500px;}
.floatRightItem{position: fixed; right: 15px; top: 50%; width: 150px; height: 412px; padding: 180px 1px 0; margin-top: -206px; background:url(../images/floatRightItem.png) no-repeat center;}
.floatRightItem li{height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; text-align: center;}
.floatRightItem li.active a,.floatRightItem li:hover a{color: #fff;background:url(../images/buttonBg01.png) repeat-y center; background-size: 100%;}
.floatRightItem li a{display: block; color: #0d42d8;}
.floatRightItem .backTop{position: absolute; bottom: 16px; left: 50%; width: 50px; height: 36px; margin-left: -25px;}
.floatLeftItem{position: fixed; left: 15px; top: 50%; width: 187px; height: 572px; padding: 35px 8px 0; margin-top: -168px; background:url(../images/floatLeftItem.png) no-repeat center; text-align: center; color: #fff; transition: 1s;}
.floatLeftItem h3{font-size: 24px; margin-bottom: 18px; font-weight: bold;}
.floatLeftItem li+li{margin-top: 9px;}
.floatLeftItem li a{display: block;padding: 2px 0;color: #fff; font-size: 13px; line-height: 24px; border: 1px solid #fff; transition: .3s;}
.floatLeftItem li a:hover{border-color: transparent; background:url(../images/buttonBg01.png) repeat-y center; background-size: 100%;}
.floatLeftItem a.close{position: absolute; bottom: 20px; left: 50%; width: 24px; height: 24px;margin-left: -12px;}
.leftShow{position: fixed; left: -60px; top: 50%; width: 60px; height: 60px; letter-spacing: 3px; padding: 5px; font-size: 18px; font-weight: bold; background: rgba(57,121,255,.45); color: #fff; cursor: pointer; transition: 1s;}
.leftShow.show{left: 0;}
@keyframes kq {
  0%{transform: scale(1)}
  50%{transform: scale(1.3)}
  0%{transform: scale(1)}
}
@keyframes kc {
  0%, 100%, 20%, 50%, 80% {
  -webkit-transform:translateY(0);
  transform:translateY(0)
  }
  40% {
  -webkit-transform:translateY(-14px);
  transform:translateY(-14px)
  }
  60% {
  -webkit-transform:translateY(-7px);
  transform:translateY(-7px)
  }
}
@keyframes bk {
  0% {
  -webkit-transform:scale(1);
  transform:scale(1)
  }
  10%, 20% {
  -webkit-transform:scale(0.9) rotate(-3deg);
  transform:scale(0.9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
  -webkit-transform:scale(1.1) rotate(3deg);
  transform:scale(1.1) rotate(3deg)
  }
  40%, 60%, 80% {
  -webkit-transform:scale(1.1) rotate(-3deg);
  transform:scale(1.1) rotate(-3deg)
  }
  100% {
  -webkit-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
  }
}
.zg_foot{
	width:100%;
	min-width: 1000px; 
	background:#2b2a3a ;
	height:130px;
        font-size:14px;
}
.zg_foot_nr{
	width:1000px;
	overflow: hidden;
	height:100px;
	background:#2b2a3a;
	padding-top:30px;
	text-align:center;
	color: #FFF;
	margin:0 auto;
}
.zg_foot_nr p{line-height:24px;}
.zg_foot_nr a,.zg_foot_nr a:hover{
	color:#FFF;
	line-height:24px;
	text-decoration:none;
}