@charset "UTF-8";
/* CSS Document */
html{color:#333;background:#fff;}
body{font:12px/1.5 "微软雅黑",Tahoma,Arial,Helvetica,sans-serif;word-break:break-all;word-wrap:break-word;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}ul,ol,input{margin:0;padding:0;}li{list-style: none;}
img{border:none;vertical-align:middle;}table{border-collapse:collapse;border-spacing:0;}
button,input,textarea{background: none; border:none;font-family:"宋体",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;}input:focus{outline: none;}
a{text-decoration:none;color: #333333;}
a:hover{text-decoration:none;color: #ee0000; transition: all 0.2s;}
.clearfix { *zoom:1}
.clearfix:after{content: "";display: block; clear: both;}
.clearDiv{clear:both;height:0;font-size:0; overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
html,body{ min-width: 1138px;}
.top_all{background: url("../images/zg_head.jpg") no-repeat  center top;height: 54px;}
.top_left li{float: left;}
.first{margin-top: 7px;margin-left: 84px;}
.top_left li{font-size: 0}
.top_left li a{font:12px/16px "新宋体";color: #fff;}
.top_left li span{font:12px/16px "新宋体";color: #fff;margin: 0 10px;}
.first_1{margin-top: 20px;}
.first{margin-right: 54px;}
.top_right{font:16px/20px "微软雅黑";color: #fff;margin-top: 15px;margin-right: 84px;}
.main{width: 1050px;margin: 0 auto;}
/*nav*/
.zg_navbox1{ width:100%; height:60px;display: block;  }
.zg_nav1{ width:90%; height:60px; margin:0 auto; }
.zg_ms_logo{  margin-right: 10px; display:block; padding-top: 6px;  }
.zg_ms_logo a{ float:left; margin-right:15px; }

.zg_nav_nr{ width:520px; height:50px; margin-right:15px; padding-top: 10px; float: left; }
.zg_nav_nr a{ display:inline-block; padding:0 15px 0 18px; display: block; float: left;  background:url(../images/zgszyf_xian03.png) no-repeat left center; font:16px/45px "微软雅黑"; text-decoration:none; color: #333; }
.zg_nav_nr a.home{ padding-left:0; background:none;}
.zg_nav_nr a.last{ padding-right:0;}

.tel{ height: 30px; display: block; float: right; padding-top:5px; }

.clear{clear:both}
/*top*/
 
.zg_banner{ width: 100%;}
.zg_ban{width: 100%;}
.zg_ban img{
    display: block;
    width: 100%;
}




/*m1*/
.zg_box{ width: 100%;  background:#cdd5e0; display: block; padding-bottom: 10px; overflow: hidden;}
.zg_m1{ width: 100%;margin:0 auto;display: block; padding: 30px 0;  }
.m1_zuo{ width: 40%; padding: 30px 0.5%; border-radius: 15px; background: #fff; margin-bottom: 30px; float: left; display: block;margin-left:5%}
.biaoti{ width: 100%; height: 60px; display: block; margin-bottom: 20px;}
.biaoti h1{ width:300px; height:60px; background: url(../images/img01.png) no-repeat left center; padding-left: 60px; font: 28px/60px "方正兰亭粗黑简体"; color: #333; float: left; display: block;}

.biaoti p{width: 122px;  display: block; float: right; padding-top:10px;margin-right: 25px; }
.biaoti p a{ width: 122px; height: 35px; border-radius: 30px; border: 1px solid #ff5562; background: #fff; font: 18px/35px "方正兰亭粗黑简体" ; color: #ff5562; text-align: center; display: block; }

.biaoti p a:hover{ width: 122px; height: 35px; border-radius: 30px; border: 1px solid #fff; background: #ff5562; font: 18px/35px "方正兰亭粗黑简体" ; color: #fff; text-align: center; display: block; cursor: pointer; transition: 0.5s;}

/*.ziliao_box{width: 640px; margin: 0 auto; display: block;}*/
.ziliao_box h1{ height: 35px; font: 25px/35px "方正兰亭粗黑简体" ; color: #ff5562; display: block; margin-bottom: 6px;margin-left: 5%;}
.ziliao {width: 100%;  margin-bottom: 15px; display: block; }
.ziliao dl{width: 85%; float: left; margin-left:5%; margin-bottom: 15px;   display: block; }

.ziliao dl dt{ width: 100%; height: 110px; background: url(../images/book_img.png) no-repeat top center;background-size:100%; padding-top: 45px;  display: block;}
.ziliao dl dt b{ text-align: center; font: 12px/20px "微软雅黑"; color: #fff; display: block; }
.ziliao dl dt p{ width: 90px; margin: 0 auto; text-align: center; font: 12px/20px "微软雅黑"; color: #fff; display: block; }
.ziliao dl dd{ width: 100%; margin: 0 auto; text-align: center; font: 18px/20px "微软雅黑"; color: #333; display: block;margin-top:0px;float: left; }
.ziliao dl span img{
    width: 30px;
}
.ziliao dl span {
    font-size: 20px;
}
.m1_you{ float: right; display: block;margin-right:5%}

.ziliao dl:hover{ cursor: pointer; transform:translate(0,-10px); transition: 0.5s;  }








/*弹窗样式*/
.zg_popup{ width: 518px; height: 400px; background: url(../images/tanchuang.png)no-repeat top center;  position: fixed; left: 37% ;top: 30%; z-index:9999;  display:block;   }
.zg_popup ul{ width: 300px; margin-left: 130px; text-align: center; margin-bottom: 30px; padding-top: 88px; position: relative; }
.zg_popup ul li img{width: 150px; height: 150px; box-shadow: 0 2px 10px #fea197; }
.zg_popup li p{ display: block; font:20px/40px "微软雅黑"; color: #333; text-align: center;}

.close { font:25px/38px "微软雅黑";  width: 34px; height: 34px; position: absolute; top: 344px; left: 250px;  display: block;}
#over{width: 100%; height: 100%; background: #000; position: fixed;left:0;top:0;display: none;opacity: 0.6}



/*浮窗*/
.fuchuang {
    width: 136px;
    height: 380px;
    position: fixed;
    top: 150px; right: 10px;
    /*right: 0;*/
    z-index: 99999;
    text-align: center;
    display: block;
}
.fuchuang h1{font: 27px/41px "微软雅黑"; color: #ffee18;text-align: center; padding-top: 35px; margin-bottom: 4px;  }

.fuchuang ul{ width: 120px; margin: 0 auto; display: block;}
.fuchuang ul li{  margin-bottom: 10px; color:#333 ; text-align: center; background: #fff0f0; display: block; position: relative; }

.fuchuang ul li a{ width:120px;height: 32px; font: 15px/32px "微软雅黑"; color: #ff5562; display: block; }
.fuchuang ul li a:hover{ width: 120px; height: 32px; font: 15px/32px "微软雅黑"; color: #b92408; display: block; }
.fuchuang .weixin{width: 120px; height: 120px; display: block;}


.fuchuang span{ width: 38px; height: 38px;  margin: 0 auto; margin-top: 5px; display: block;}

.returnTop {
    width: 54px;
    height: 54px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin: 0 auto;
    margin-top: 18px; margin-bottom: 30px;
    /*opacity: 0.3;*/
}

.tanc{
    display: none;
}

.pop_wrap {
    z-index: 9999;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
}

.pop_log {
    width: 540px;
    background-image: linear-gradient(-180deg, #a8c0fc 3%, #a8c0fc 100%);
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	padding-bottom:50px;
}

.title_h {
    height: 75px;
    line-height: 75px;
    font-size: 24px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
}

.delete {
    color: #FFFFFF;
    font-size: 36px;
    position: absolute;
    right: 12px;
    top: -14px;
    cursor: pointer;
}
.yhzlxz{
	width: 410px;
    margin: 0 auto 23px;
    position: relative;
	height:60px;
	display:block;
	color:#999;
	font-size:18px;
	border-radius:4px;
	border:1px solid #DCDCDC;
	font-family:"宋体";
}
.log_t {
    width: 511px;
    padding: 50px 0;
    margin: 0 auto;
    background: #ffffff;
}

.ser_inp,
.ser_inp1 {
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
}

.ser_inp {
    width: 410px;
    margin: 0 auto 23px;
    position: relative;
}

.ser_box {
    width: 410px;
    margin: 0 auto;
    position: relative;
}

.ser_inp1 {
    width: 260px;
}

.icon1 {
    width: 17px;
    height: 25px;
    margin: 20px 10px 0 14px;
}

.icon2 {
    width: 21px;
    height: 24px;
    margin: 20px 10px 0 14px;
}

.txt_yzm {
    width: 203px;
}

.phone_r,.phone_sheng,
.txt_yzm {
    font-size: 18px;
    color: #999999;
    height: 100%;
    border: 0;
    vertical-align: top;
    display: inline-block;
    outline: none;
}

.send_btn1,
.confirm {
    font-size: 18px;
    width: 135px;
    height: 100%;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    float: right;
    border: 0;
    outline: none;
}

.send_btn1 {
    color: #a8c0fc;
    border: 1px solid #a8c0fc;
    position: absolute;
    right: 0;
}

.confirm {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background-image: linear-gradient(-180deg, #a8c0fc 3%, #a8c0fc 100%);
}

.zt_tc{
	cursor:pointer;
}
.item_yuyue{
    width: 900px;
    height: 120px;
    background: url('yuyuebg1.png') top center no-repeat;
    margin: 0px auto;
    border-radius: 100px;
    text-align: center;
    padding: 1px;
    
}
.item_yuyue_title1{
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}
.item_yuyue_title2{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.item_yuyue_input{
    width: 950px;
    margin: 15px auto;

}
.item_yuyue_input_left{
    height: 50px;
    width: 250px;
    margin-left: 25px;
    border: 1px solid #ff8400;
    border-radius: 5px;
    
}
.item_yuyue_input_huoqu{
    height: 50px;
    background: #ff8400;
    border: none;
    color: #fff;
    padding: 0 15px;
    font-weight: bold;
}
.yuyuebtn{
    height: 50px;
    background: #ff8400;
    border: none;
    color: #fff;
    padding: 0 85px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
}
.yuyuebtn_p{
    text-align: center;
    margin-top: 15px;
}


.cs_qq{width:82px;padding-top: 3px;background:#e42923;position:fixed;_position:absolute;z-index:100001;top:5%;margin-top:0px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-400+"px");right:0;}
.cs_qq_close{width: 10px;height: 10px;cursor: pointer;font-size: 0;line-height: 0;margin-left: 69px;transition:transform 0.5s;-moz-transition: -moz-transform 0.5s;-webkit-transition: -webkit-transform 0.5s; -o-transition:-o-transform 0.5s;}
.cs_qq_close:hover{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform: rotate(180deg);-o-transform:rotate(180deg);}
.cs_qq h4{width: 82px;height: 20px;font:bold 14px/20px 'Microsoft Yahei';color: #fff;text-align: center;letter-spacing: 1px;margin-bottom: 6px;}
.cs_qq_btn{width:94px;padding: 10px 0 10px 8px;background: #f74b46;}
.cs_qq_btn a{display:block;width:74px;height:28px; padding-left:20px;background:url(../images/cs_qq_btnbg.png) 0 center no-repeat;font:normal 12px/28px 'Microsoft Yahei';color:#fff;}
.cs_qq_btn a:hover{color:#ff0;text-decoration: underline;}
.cs_qq_tel{display: block;width: 82px;font:normal 12px/24px 'Microsoft Yahei';color: #fff;text-align: center;padding:8px 0;}
.cs_qq_tel span{display: block;font-size: 12px;}
.cs_qq_img{width:100%;background: #fff;}


.item_xs{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
    background: #cdd5e0;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.item_xs_box{
    width: 550px;
    position: relative;
}
.item_xs_box_top{
    width: 450px;
    height: 75px;
    position: relative;
    background: url(../images/xs1.png) top center no-repeat;
    background-size: 100%;
    z-index: 3;
    line-height: 75px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}  
.item_xs_box_btm{
    width: 550px;
    height: 200px;
    position: relative;
    background: url(../images/xsbg.png) top center no-repeat;
    background-size: 100%;
    z-index: 2;
    margin-top: -35px;
    display: flex;
    justify-content: center;
}
.item_xs_box_btm_p{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-top: 50px;
}
.item_xs_box_btm_cicle{
    width: 100px;
    height: 100px;
    border-radius: 50px;
    background: rgb(255, 252, 81);
    margin-top: 70px;
    margin-left: 25px;
}
.item_xs_box_btm_cicle a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    box-sizing: border-box;
    padding-top: 15px;
}
.item_code{
    width: 1100px;
    margin: 50px auto;
    background: -moz-linear-gradient(top,  #abaaec  0%, #f9f3ec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abaaec ), color-stop(100%,#f9f3ec));
    background: -webkit-linear-gradient(top,  #abaaec  0%,#f9f3ec 100%);
    background: -o-linear-gradient(top,  #abaaec  0%,#f9f3ec 100%);
    background: -ms-linear-gradient(top,  #abaaec  0%,#f9f3ec 100%);
    background: linear-gradient(to bottom,  #abaaec  0%,#f9f3ec 100%);
    display: flex;
    justify-content: center;
}
.item_code_l{
    width: 40%;
	text-align: left;
}
.item_code_r{
    width: 45%;
    display: flex;
    align-items: center;
}
.item_code_r img{
    width: 200px;
    border: 15px solid #a7a5f3;
    border-radius: 10px;
    margin: 50px 0 50px 100px;
}
.item_code_l p{
    background-image: -webkit-linear-gradient(left, #584e4e, #ee3333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    line-height: 60px;
    font-weight: bold;
    letter-spacing: 1px;
}
.item_code_l p:nth-child(1){
    margin-top: 50px;
}

.footerTitle{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	margin-top:50px;
}

.item_bottom2{
	max-width:1920px;
	margin:0 auto;
}
.item_bottom2 img{
display:block;
	width:100%;
}

.item3_container{
    width: 1020px;
    margin: 0 auto;
    position: relative;
}
.item3_container_div{
    width: 100%;
    z-index: 1;
    border-radius: 0 20px 20px 20px;
    background-color: #fff;
    border: 1px solid #fff;

}
.item_bottom{
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
}
.item_city{
    max-width: 1920px;
    margin: 0 auto;
    padding: 5px 0;
}
.item_city_div{
    margin: 0 auto;
    width: 980px;
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
}
.item_city_div_one{
    width: 105px;
    border: 1px solid;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    font-weight: bold;
    background: #9e9e9e;
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
}
.item_city_div_one:hover{
    font-size: 26px;
    background: #717171;
}
.item_city_con{
    width: 980px;
    margin: 0 auto;
   
}
.item_city_con_box{
    width:100%;
    height: 210px;
    margin-top: 10px;
    box-shadow: 0 3px 10px 1px #bdbdbd;

}
.item_city_con_box img{
    width: 150px;
    margin-top: 30px;
    margin-right: 150px;
}
.item_city_con_box_p{
    line-height: 180px;
    margin-left: 150px;
}
.item_city_con_box_city{
    margin-left: 100px;
}
.item_city_con_box_city p{
    margin-top: 17px;
    font-size: 16px;
}
.item_city_con_box_city p span{
    color: #60b2f9;
    font-weight: bold;
}
.item_city_con_box_city p a{
    color: #60b2f9;
    font-weight: bold;
}