/*
* @Author: admin
* @Date:   2018-05-28 11:03:34
* @Last Modified by:   Administrator
* @Last Modified time: 2018-12-11 10:32:18
*/
/* nav */
.zg_nav{
	height:48px;
	overflow: hidden;
	min-width: 1000px;
	width: 100%;
	background: #fff;
}
.zg_logo{
	background: url(../images/logo.jpg) no-repeat;
	width: 155px;
	height:48px;
	display: block;
	text-indent: -10000px;
}
.zg_nav ul{
	height: 48px;
	width: 280px;
	margin-left: 80px;
}
.zg_nav ul a{
	color:#666666;
	font-size: 14px;
	display: block;
	height: 48px;
	line-height: 64px;
}
.zg_nav ul a:hover{
	color:#2b8ecb;
}
.li_space{
	color:#666666;
	font-size: 14px;
	height: 48px;
	line-height: 64px;
	margin:0 10px;
}
.zg_tel{
	height: 48px;
	line-height: 60px;
	width:290px;
	color:#666666;
	font-size: 18px;
	text-align: right;
}
/* banner */
.zg_banner{
	background: url(../images/banner.jpg) no-repeat center;
	height: 687px;
	min-width: 1000px;
	position: relative;
}
.zg_banner_center{
	height: 444px;
}
.zg_banner h1{
	color:#1c577c;
	font-size: 44px;
	margin:144px 0 0 207px; 
}
.zg_banner h2{
	background: url(../images/banner_title.png) no-repeat;
	width: 731px;
	height:119px;
	margin:16px 0 0 34px;
	text-indent: -10000px;
}
.zg_banner h3{
	background: url(../images/banner_title2.png) no-repeat;
	width: 440px;
	height:50px;
	margin:30px 0 0 172px;
	text-indent:-10000px;
}
.zg_banner_adv{
	background: url(../images/adv.png) no-repeat center;
	height:242px;
	min-width: 1000px;
	overflow: hidden;
}
.zg_ba_center p{
	color:#333333;
	font-size: 16px;
	margin-left: 133px;
	margin-top: 130px;
}
.zg_ba_center p span{
	color:#f18912;
	font-size: 20px;
	font-weight: 700;
}
/* second screen */
.zg_second_screen{
	background: url(../images/ss.jpg) no-repeat center;
	height: 702px;
	min-width: 1000px;
	overflow: hidden;
}
.zg_second_screen h3{
	background: url(../images/ss_title.png) no-repeat;
	width: 248px;
	height: 55px;
	margin:27px auto 0;
	text-indent: -10000px;
}
.zg_second_screen h4{
	color:#1c577c;
	font-size: 24px;
	text-align: center;
	margin-top:10px;
}
.zg_ssc{
	background: url(../images/ss_center_box.png) no-repeat;
	width: 1002px;
	height: 409px;
	margin:40px auto 0;
}
.zg_ssc p{
	color:#ffffff;
	font-size: 14px;
	width: 332px;
	height:70px;
	margin-top:281px; 
	margin-left: 98px;
	line-height: 26px;
}
.form_box{
	width: 350px;
	height:315px;
	margin-right: 76px;
	margin-top: 45px;
}
.form_box h5{
	color:#333333;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}
.form_box h6{
	color:#333333;
	font-size: 20px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.name_box,.tel_box,.pro_box{
	width: 350px;
	height: 36px;
	margin-bottom: 15px;
}
.pro_box{
	margin-bottom: 30px;
}
.name_box label,.tel_box label,.pro_box label{
	color:#333333;
	font-size: 20px;
	display: block;
	float: left;
	margin-right:15px;
	height: 36px;
	line-height: 36px; 
}
#name,#tel{
	width: 260px;
	height:36px;
	padding-left: 20px;
	line-height: 36px;
	color:#999;
	font-size: 14px;
}
#pro{
	width: 280px;
	height: 36px;
	padding-left: 20px;
	line-height: 36px;
	outline: none;
	border:none;
	color:#999;
	font-size: 14px; 
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999 !important;
}
#sub{
	background:url(../images/form_sub.png) no-repeat;
	width: 146px;
	height: 50px;
	float: left;
	margin-left: 20px;
	display: block;
	color:#fff;
	text-align: center;
	line-height: 50px;
}
.click_watch{
	background:url(../images/form_sub.png) no-repeat;
	width: 146px;
	height: 50px;
	float: left;
	margin-left: 34px;
	display: block;
	color:#fff;
	text-align: center;
	line-height: 50px;
}
.hide_link{
	width:410px;
	height:72px; 
	background:url(../images/ss_more.png) no-repeat;
	background-position: 384px center;
	line-height: 72px;
	padding-left: 36px;
	margin:46px auto 0;
	display: block;
	color:#1c577c;
	font-size: 30px;
	font-weight: 700;
	border:1px dashed #1c577c;
	border-radius: 8px;
}
.hide_link:hover{
	box-shadow: 0 0 10px #333;
}
/* hide */
.zg_hide{
	background: #96d7fd;
	height: 350px;
	min-width:1000px;
	overflow: hidden;
	display: none;
}
.hide_center{
	width:948px;
	height:236px;
	border:8px solid #5c99bd; 
	margin:40px auto 0;
	background: #a9dcfc;
	padding:28px 18px 0;
}
.hide_center li{
	margin: 12px 9px;
}
.hide_center a{
	width: 100px;
	height: 46px;
	background: #4e94bd;
	display: block;
	line-height: 46px;
	text-align: center;
	color:#fff;
	font-size: 18px;
}
.hide_center a:hover{
	background: #f18912;
  	-webkit-animation:skin-wrap 1s 1;
  	animation:skin-wrap 1s 1;
}
@-webkit-keyframes skin-wrap{
    0%{-webkit-transform:rotate(0) scale(1);}
    33%{-webkit-transform:rotate(10deg) translate(6px, -6px);}
    67%{-webkit-transform:rotate(-10deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes skin-wrap{
    0%{-moz-transform:rotate(0) scale(1);}
    33%{-moz-transform:rotate(10deg) translate(6px, -6px);}
    67%{-moz-transform:rotate(-10deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes skin-wrap{
    0%{-ms-transform:rotate(0) scale(1);}
    33%{-ms-transform:rotate(10deg) translate(6px, -6px);}
    67%{-ms-transform:rotate(-10deg);}
    100%{-ms-transform:rotate(0);}
}
@-o-keyframes skin-wrap{
    0%{-o-transform:rotate(0) scale(1);}
    33%{-o-transform:rotate(10deg) translate(6px, -6px);}
    67%{-o-transform:rotate(-10deg);}
    100%{-o-transform:rotate(0);}
}
@keyframes skin-wrap{
  0%{transform:rotate(0) scale(1);}
  33%{transform:rotate(10deg) translate(6px, -6px);}
  67%{transform:rotate(-10deg);}
  100%{transform:rotate(0);}
}
/* third screen */
.zg_third_screen{
	background: url(../images/ts.jpg) no-repeat center;
	height:798px;
	min-width: 1000px;
	overflow: hidden;
}
.zg_third_screen h3{
	background: url(../images/ts_title.png) no-repeat;
	width: 245px;
	height:54px;
	text-indent: -10000px;
	margin:150px auto 0;
}
.zg_third_screen h4{
	color:#333333;
	font-size: 24px;
	text-align: center;
	margin-top:10px; 
}    
.picScroll-left{margin:73px auto 0; width:1000px;height: 340px;overflow:hidden;position:relative;}
.picScroll-left .hd{
	width: 1000px;
	position: absolute;
	top: 91px;
	left: 32px;
	overflow: hidden;
	height: 88px;
}
.picScroll-left .hd .prev{
	display:block;  
	width:67px;
	height:88px; 
	float:left;  
	overflow:hidden;
	cursor:pointer; 
	background:url("../images/left.png") no-repeat;
}
.picScroll-left .hd .next{ 
	display:block;  
	width:67px;
	height:88px; 
	float:right;  
	overflow:hidden;
	cursor:pointer; 
	background:url("../images/right.png") no-repeat;
}
.picScroll-left .bd{width:770px;margin-top: 24px;margin-left: 130px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ margin:0 25px; float:left; _display:inline; overflow:hidden; }
.picScroll-left .bd ul li a{
	color:#333333;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	display: block;
	margin-top:10px;
	width: 199px; 
}
.picScroll-left .bd ul li a:hover{
	color:#329bdc;
	text-decoration: underline;
}
.ts_btn1{
	background: url(../images/book_btn.png) no-repeat;
	width: 181px;
	height: 60px;
	color:#fff;
	font-size: 25px;
	text-align: center;
	display:block;
	line-height: 60px;
	margin-left: 253px;
	margin-top: 30px;
}
.ts_btn1:hover,.ts_btn2:hover{
	-webkit-animation:skin-wrap 1s 1;
  	animation:skin-wrap 1s 1;
}
.ts_btn2{
	background: url(../images/book_btn.png) no-repeat;
	width: 181px;
	height: 60px;
	color:#fff;
	font-size: 25px;
	text-align: center;
	display:block;
	line-height: 60px;
	margin-left: 140px;
	margin-top: 30px;
}
.ts_btn1:hover,.ts_btn2:hover{
	font-weight: 700;
}
/* fourth screen */
.zg_fourth_screen{
	background: url(../images/fours.jpg) no-repeat center;
	height: 573px;
	min-width: 1000px;
	overflow: hidden;
}
.book_adv{
	background: url(../images/book_nav.jpg) no-repeat center;
	height: 98px;
	width: 1920px;
	margin-left: -460px;
	display: block;
	text-indent: -10000px;
}
.zg_fourth_screen table{
	background: url(../images/table.png) no-repeat;
	width: 1000px;
	height:319px;
	margin-top: 60px;
	text-align: center;
	color:#1c577c;
	font-size: 18px;
}
.tr_blue{
	color:#ffffff;
	font-size: 24px;
	font-weight: 700;
}
.tr_blue td{
	padding-top:18px;
	letter-spacing: 4px; 
}
.zg_fourth_screen table a{
	background: url(../images/form_sub.png) no-repeat;
	width: 146px;
	height:50px;
	display: block;
	line-height: 50px;
	text-align: center;
	color:#ffffff;
	font-size: 20px;
	margin:0 auto;
}
.zg_fourth_screen table a:hover{
	font-weight: 700;
}
/* fifth screen */
.zg_fifth_screen{
	background: url(../images/fifs.jpg) no-repeat center top;
	height: 562px;
	min-width: 1000px;
	overflow: hidden;
	margin-top: -11px;
}
.zg_fifth_screen h3{
	background: url(../images/fifth_title.png) no-repeat;
	width: 200px;
	height: 57px;
	text-indent: -10000px;
	margin:134px auto 0;
}
.zg_fifth_screen h4{
	color:#333333;
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
}
.zg_fifth_screen ul{
	width: 1000px;
	height:212px;
	margin-top:86px;
}
.zg_fifth_screen ul li{
	background: url(../images/fifs_box.png) no-repeat;
	width: 328px;
	height: 212px;
	margin-right: 5px;
	cursor: pointer;
}
.zg_fifth_screen ul li:hover{
	-webkit-animation:skin-wrap 1s 1;
  	animation:skin-wrap 1s 1;
}
.zg_fifth_screen ul h5{
	color:#333333;
	font-size: 34px;
	font-weight: 700;
	margin:30px auto 0;
	text-align: center;
}
.zg_fifth_screen ul h5 span{
	color:#ff2d00;
}
.zg_fifth_screen p{
	color:#333333;
	font-size: 20px;
	text-align: center;
	margin-top: 38px;
	line-height:30px;
}
/* sixth screen */
.zg_sixth_screen{
	background: url(../images/sixth_screen.jpg) no-repeat center;
	height: 799px;
	min-width: 1000px;
	overflow: hidden;
}
.zg_sixth_screen h3{
	color:#333333;
	font-size: 30px;
	font-weight: 700;
	background: url(../images/sixth_logo.png) no-repeat;
	height: 44px;
	padding-left: 55px;
	line-height: 44px;
}
.zg_sixth_screen .sis_list{
	width: 1000px;
	margin-top: 50px;
}
.zg_sixth_screen .sis_list li{
	width: 122px;
	height:40px;
	background: #fff2e2;
	color:#333333;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	margin-right: 24px;
	margin-bottom: 22px;
	cursor: pointer;
}
.mz{
	margin-right: 0 !important;
}
.slide_on{
	background:#ff2d00 !important;
	color:#fff !important;
}
.slideTxtBox{margin-top: 40px; background: url(../images/slide_bg.png) no-repeat; width:1000px;height: 386px;}
.slideTxtBox .hd{ height:65px; line-height:65px;}
.slideTxtBox .hd ul{ height:65px; line-height:65px;}
.slideTxtBox .hd ul li{font-size: 26px; color:#fff;text-align: center; float:left;cursor:pointer;height:65px; line-height:65px;width: 500px;  }
.slideTxtBox .hd ul li.on{color:#ffff00;}
.slideTxtBox .bd{
	width: 970px;
	height: 322px;
	margin-left:16px; 
}
.slideTxtBox .bd table{
	width: 970px;
	height: 322px;
	text-align: center;
	color:#333333;
	font-size: 20px;
}
.bd_tr_a{
	color:#ffffff;
	font-size: 20px;
}
.slideTxtBox2,.slideTxtBox3,.slideTxtBox4,.slideTxtBox5,
.slideTxtBox6,.slideTxtBox7,.slideTxtBox8,.slideTxtBox9,.slideTxtBox10,.slideTxtBox11,.slideTxtBox12,.slideTxtBox13,.slideTxtBox14.slideTxtBox15{
	display: none;
}
.slideTxtBox a{
	background: url(../images/red_btn.png) no-repeat;
	width: 134px;
	height: 48px;
	display: block;
	color:#fff;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
	margin:0 auto;
}
.slideTxtBox a:hover{
	font-weight: 700;
}
/* seventh screen */
.zg_seventh_screen{
	background: url(../images/sevens.jpg) no-repeat center;
	height:928px;
	min-width:1000px;
	overflow: hidden;
}
.zg_seventh_screen h3{
	background: url(../images/sevens_title.png) no-repeat;
	width: 198px;
	height: 55px;
	text-indent: -10000px;
	margin:22px auto 0;
}
.zg_seventh_screen h4{
	color:#333333;
	font-size: 24px;
	text-align: center;
	margin:10px auto 0;
}
.ses_p1{
	color:#333333;
	font-size: 16px;
	width: 510px;
	height:100px;
	margin-top: 90px;
	margin-left:473px; 
	color:#333333;
	font-size: 16px;
	line-height: 30px;
}
.ses_p2{
	color:#333333;
	font-size: 23px;
	font-weight: 700;
	margin-left:473px; 
	line-height: 35px;
	margin-top: 5px;
}
.ses_p2 span{
	color:#8083ff;
}
.zg_ses_box{
	width: 1000px;
	height: 355px;
	margin-top: 76px;
}
.zg_sesb_l{
	width: 477px;
	height:355px;
	margin-left: 37px;
}
.zg_sesb_l h5{
	color:#ffffff;
	font-size: 30px;
	font-weight: 700;
	margin-top: 12px;
	margin-left: 182px;
}
.zg_sesb_l ul{
	width: 430px;
	margin-left:46px;
	margin-top:40px; 
	color:#ffffff;
	font-size: 14px;
	position: relative;
}
.zg_sesb_l ul strong{
	font-size: 20px;
	font-weight: 700;
	color:#fff;
	margin-right: 20px;
	display: inline-block;
}
.zg_sesb_l ul span{
	display: inline-block;
	margin-right: 20px;
}
.sesl_a{
	position: absolute;
	top:0px;
}
.sesl_b{
	position: absolute;
	top:73px;
}
.sesl_c{
	position: absolute;
	top:135px;
}
.sesl_d{
	position: absolute;
	top:198px;
}
.zg_sesb_r{
	width: 450px;
	height:355px;
}
.zg_sesb_r h5{
	color:#ffffff;
	font-size: 30px;
	font-weight: 700;
	margin-top: 2px;
	margin-left: 214px;
}
.zg_sesb_r form{
	margin-top:40px;
	margin-left:66px; 
}
.zg_sesb_r label{
	color:#fff !important;
}
.zg_sesb_r .name_box,.zg_sesb_r .tel_box{
	margin-bottom: 32px;
}
.zg_sesb_r #sub{
	width: 134px;
	height: 38px;
	background: #d98a1a;
	border-radius: 8px;
	text-align: center;
	line-height: 38px;
	color:#fff;
	font-size: 20px;
	margin-top: 10px;
	margin-left: 20px;
}
.ses_link{
	margin-top: 10px;
	margin-right: 25px;
	width: 134px;
	height: 38px;
	background: #d98a1a;
	border-radius: 8px;
	text-align: center;
	line-height: 38px;
	color:#fff;
	font-size: 20px;
	display: block;
}
/* eighth screen */
.zg_eighth_screen{
	background: url(../images/eights.jpg) no-repeat center;
	height: 507px;
	min-width: 1000px;
	overflow: hidden;
}
.zg_eighth_screen .zg_es_l{
	width: 385px;
	height: 217px;
	margin-top: 160px;
}
.zg_es_l h3{
	color:#ffffff;
	font-size: 35px;
	font-weight: 700;
	margin-top: 9px;
	margin-left: 20px;
}
.zg_es_l h4{
	color:#ffffff;
	font-size: 29px;
	font-weight: 700;
	margin-top: 2px;
	margin-left: 20px;
}
.es_pa{
	color:#ffffff;
	font-size: 23px;
	font-weight: 700;
	margin-left:147px; 
	margin-top: 35px;
}
.es_pb{
	color:#ffffff;
	font-size: 23px;
	font-weight: 700;
	margin-left:170px; 
	margin-top: 8px;
}
.zg_eighth_screen ul{
	width: 580px;
	margin-top: 160px;
}
.zg_eighth_screen ul li{
	width: 70px;
	height:34px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.zg_eighth_screen ul li a{
	width: 70px;
	height:34px;
	display: block;
	text-align: center;
	line-height: 34px; 
	font-size: 16px;
	color:#fff;
	border:1px solid #fff;
}
.zg_eighth_screen ul li a:hover{
	border:2px solid #fff;
	width: 68px;
	height:32px;
	font-weight: 700;
}
.communicate{
	width: 169px;
	height:48px;
	background: #fff45c;
	border-radius: 10px;
	display: block;
	color:#ff5430;
	font-size: 20px;
	text-align: center;
	line-height: 48px;
	margin-top: 416px;
	margin-left: 754px;
	font-weight: 700;
	box-shadow: 0 0 20px #fff45c;
}
.communicate:hover{
	-webkit-animation:skin-wrap 1s 1;
  	animation:skin-wrap 1s 1;
}
/* end screen */
.zg_end_screen{
	background:#333;
	height:146px;
	min-width: 1000px;
	width: 100%;
}
.zg_end_screen_center{
	color:#ffffff;
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	margin-top: 30px;
}
/* fixed */
.fix{
	background: url(../images/right_fixed.png) no-repeat;
	width: 172px;
	height:410px;
	position: fixed;
	top:15%;
	right:0;
}
.f_close{
	width: 40px;
	height:40px;
	position: absolute;
	top:6px;
	right:8px;
	cursor: pointer;
}
.fix li{
	color:#ffffff;
	font-size: 21px;
	text-align: center;
}
.fix a{
	color:#ffffff;
	font-size: 21px;
	text-align: center;
	display: block;
}
.fix li:hover{
	color:#329bdc;
}
.fix a:hover{
	color:#329bdc;
}
.f_a{
	margin-top: 52px;
}
.f_b{
	margin-top: 30px;
	cursor: pointer;
}
.f_c{
	margin-top: 36px;
	cursor: pointer;
}
.f_d{
	margin-top: 35px;
}
.f_e{
	margin-top: 29px;
	font-size: 18px !important;
	line-height: 30px;
}
.f_f{
	margin-top: 26px;
	font-size: 18px !important;
	cursor: pointer;
}
.zg_code_a{
	width:100px;
	height:100px;
	position: absolute;
	top:74px;
	left:-107px;
	background:#f18912; 
	display: none;
}
.zg_code_a img{
	display:block;
	margin: 5px auto 0;
}
.zg_code_b{
	width:100px;
	height:100px;
	position: absolute;
	top:138px;
	left:-107px;
	background:#f18912; 
	display: none;
}
.zg_code_b img{
	display:block;
	margin: 5px auto 0;
}