/* eyoucms.com 易优CMS -- 好用,免费,安全 */
html { background: #f2f2f2; font-size: 14px; color: #333; font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif"; }


.g_cw { width: 1220px; padding: 0 10px; margin: 0 auto; }
.g_cw::before,
.g_cw::after { content: ''; display: block; clear: both; }

@media (max-width: 1240px) {
	.g_cw { width: 100%; }
}

.g_mt { margin-top: 45px; }
.g_mt::before,
.g_mt::after { content: ''; display: block; clear: both; }

.g_mb { margin-bottom: 45px; }
.g_mb::before,
.g_mb::after { content: ''; display: block; clear: both; }

.g_mt_a { margin-top: 40px; }
.g_mt_a::before,
.g_mt_a::after { content: ''; display: block; clear: both; }

.g_mb_b { margin-bottom: 40px; }
.g_mb_b::before,
.g_mb_b::after { content: ''; display: block; clear: both; }


.g_title { text-align: center; }
.g_title h3 { font-size: 28px; color: #414141; font-weight: normal; }


.g_title_a { }
.g_title_a h4 { font-size: 20px; color: #5a5a5a; font-weight: normal; }


.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }

.brief { text-align: center; }
.brief p { line-height: 24px; }

.bx_sw { box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.03); }
.ab_bj { background: #fff; overflow: hidden; }

.cr { text-align: center; }
.fm { padding: 10px; background: #fff; overflow: hidden; border-radius: 5px; display: inline-block; }
.bg { background: #fff; }
.fg { border-bottom: solid rgba(0,0,0,0.1) 2px; }
.fg_a { border-top: solid rgba(0,0,0,0.1) 1px; }


@media (max-width: 1024px) {
	.g_title_a .sm_a { display: inline-block; }
}

@media (max-width: 667px) {
	.g_title_a .sm_a { display: none; }
}

.list { }
.list li { float: left; box-sizing: border-box; display: inline-block; width: 33.33%; }

.list1 { }
.list1 li { margin: 0 10px; box-sizing: border-box; display: inline-block; }
.list1 li a { color: #fff; font-size: 14px; text-align: center; display: inline-block; border: 1px solid rgba(255,255,255,0.5); border-radius: 3px; }


/*g_header*/
.g_header .top { padding: 15px 0; height: 50px; vertical-align: middle; border-bottom: solid #7fb800 3px; background: #373737; }

.g_header .top .left { float: left; }
.g_header .top .left .tp_dh { margin-right: 5px; width: 20px; vertical-align: middle; }
.g_header .top .left span { font-size: 12px; color: #fff; }


.g_header .top .right { float: right; }
.g_header .top .fgf { padding: 0 5px; color: #e1e3ea; }
.g_header .top .right a { font-size: 12px; color: #b4b4b4; }
.g_header .top .right .tp_ss { margin-left: 10px; width: 20px; vertical-align: middle; }
.g_header .top .right .tp_dl { margin-left: 8px; padding: 5px 15px; background: #3d7b00; overflow: hidden; color: #fff; border-radius: 3px; }
.g_header .top .right .tp_yx { margin-left: 8px; padding: 5px 15px; background: #be6b00; overflow: hidden; color: #fff; border-radius: 3px; }

.g_header { clear: both; }

.g_header .bar { display: none; }

.g_header .main { height: 87px; background: #fff; }
.g_header .main .logo { float: left; }
.g_header .main .logo img { padding-top: 24px; vertical-align: middle; }


.g_header .main .nav { padding: 26px 0 25px 0; float: right; text-align: center; }
.g_header .main .nav > li { float: left; }
.g_header .main .nav > li > a { padding: 10px 17px; display: block; font-size: 14px; color: #333; vertical-align: middle; border: none transparent 3px; border-radius: 5px; }
.g_header .main .nav > li:last-child > a { }
.g_header .main .nav > li > a > b { font-size: 14px; color: #373737; font-weight: normal; line-height: 1; transition: ease .3s; display: inline-block; }
.g_header .main .nav > li > a.on { background: #7fb800; }
.g_header .main .nav > li > a.on > b { padding-right: 0; color: #fff; }
.g_header .main .nav > li > a:hover { border: none #7fb800 3px; background: #7fb800; }
.g_header .main .nav > li > a:hover > b { color: #fff; }


@media (max-width: 1100px) {
	.g_header .main { height: 155px; }
}



@media (max-width: 1024px) {
	body { padding-top: 60px; }
	.g_cw { width: 100%; }
	.g_header { background: transparent; }
	.g_header .top { display: none; }
	.g_header .bar { position: relative; display: block; position: fixed; z-index: 100; left: 0; top: 0; right: 0; height: 60px; background: #fff; color: #7fb800; border-bottom: solid 1px; }
	.g_header .bar .menu { position: absolute; right: 0; top: 0; display: inline-block; padding: 0 10px; line-height: 60px; }
	.g_header .bar .menu img { vertical-align: middle; height: 20px; }
	.g_header .bar .logo { font-size: 0; line-height: 60px; }
	.g_header .bar .logo img { padding: 0 10px; max-height: 40px; vertical-align: middle; }

	.g_header .main { height: auto; }
	.g_header .main .logo { display: none; }

	.g_header .main .right .top_dh { display: none; }
	.g_header .main .right { padding: 0; }

	.g_header .main .nav { float: none; height: auto; padding: 30px 0; margin-top: 0; line-height: 1; visibility: hidden; opacity: 0; position: fixed; z-index: 99; left: 0; top: -100%; bottom: 100%; right: 0; background: #fff; border-top: 0; transition: ease .4s; }
	.g_header .main .nav > li { margin: 0px 40px; float: none; text-align: left; }
	.g_header .main .nav > li .nv_xl { display: none; }
	.g_header .main .nav > li > a:hover .nv_xl_a { display: none; }
	.g_header .main .nav > li > a { margin-bottom: 10px; margin-left: 0; width: auto; padding: 10px 50px; border: none; }
	.g_header .main .nav > li > a > b { margin-bottom: 0; }
	.g_header .main .nav.show { visibility: visible; opacity: 1; top: 60px; bottom: 0; }

	.g_header .main .nav .drop-down:hover .drop-down-down { display: none; }
}

@media (max-width: 670px) {
	.g_header .top .left { padding: 10px 0; }
	.g_header .top .right { padding: 10px 0; float: left; }
}

@media (max-width: 360px) {
}

.banner { clear: both; font-size: 0; }
.banner .banner_pc .bn_pc { width: 100%; }
.banner .banner_pc .by { position: absolute; top: 28%; }
.banner .banner_pc .by h3 { font-size: 26px; color: #343434; font-weight: normal; z-index: -1; }
.banner .banner_pc .by span { color: #7fb800; }
.banner .banner_pc .by h4 { margin: 13px 0 27px 0; font-size: 17px; color: #fff; }
.banner .banner_pc .by h5 { margin: 0 auto; font-size: 13px; color: #fff; font-weight: lighter; line-height: 24px; width: 50%; display: inline-block; z-index: -1; }
.banner .banner_pc .by .more { margin-top: 20px; padding: 10px 20px; background: #7fb800; color: #fff; font-size: 14px; border-radius: 3px; display: table; z-index: -1; }

.banner .banner_mb { display: none; }
.banner .banner_mb .by { position: absolute; top: 30%; }
.banner .banner_mb .by h3 { font-size: 50px; color: #343434; font-weight: bold; }
.banner .banner_mb .by span { color: #7fb800; }
.banner .banner_mb .by h4 { margin: 25px 0; font-size: 28px; color: #343434; }
.banner .banner_mb .by p { margin-left: -10%; font-size: 7px; color: #999; transform: scale(.8); }

@media (max-width: 1160px) {
	.banner .banner_pc .by { top: 15%; }
}

@media (max-width: 1024px) {
	.banner .banner_pc { display: none; }
	.banner .banner_mb { display: block; }
}

@media (max-width: 830px) {
	.banner .banner_mb .by { top: 20%; }
}

@media (max-width: 700px) {
	.banner .banner_mb .by { top: 15%; }
}

@media (max-width: 660px) {
	.banner .banner_mb .by { top: 10%; }
}

@media (max-width: 500px) {
	.banner .banner_mb .by { top: 10%; }
	.banner .banner_mb .by h3 { font-size: 30px; }
	.banner .banner_mb .by h4 { font-size: 20px; }
}

/*about*/
.about .brief { padding: 0 116px; text-align: center; }
.about .brief p { font-size: 13px; line-height: 20px; color: #565656; }
.about .classify { margin-left: -35px; }
.about .classify .list { margin-top: 90px; }
.about .classify .list li { margin-bottom: 40px; padding-left: 35px; height: 110px; }
.about .classify .list .no { margin-bottom: 0; }
.about .classify .list li .left { margin-right: 30px; display: inline-block; float: left; line-height: 110px; }
.about .classify .list li .left .ab_ct { vertical-align: middle; }
.about .classify .list li .left .ab_a { width: 110px; height: 110px; background: #fff; display: inline-block; border-radius: 70px; text-align: center; vertical-align: middle; }
.about .classify .list li .left .ab_b { width: 110px; height: 110px; background: #fff; display: inline-block; border-radius: 70px; text-align: center; vertical-align: middle; display: none; }
.about .classify .list li:hover .ab_a { display: none; }
.about .classify .list li:hover .ab_b { background: #7fb800; display: inline-block; }

.about .classify .list li .mode { padding: 10px 0; }
.about .classify .list li .mode p { margin-bottom: 10px; font-size: 18px; color: #494949; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.about .classify .list li .mode span { font-size: 12px; color: #797979; }
.about .classify .list li .mode p:nth-child(2) { margin-bottom: 0; }

@media (max-width: 1024px) {
	.about .brief { padding: 0 10px; }
}

@media (max-width: 800px) {
	.about .classify .list li { width: 50%; }
	.about .classify .list li:nth-child(4n+6) { margin-bottom: 0; }
}

@media (max-width: 667px) {
	.about .classify .list li { width: 100%; }
	.about .classify .list .no { margin-bottom: 40px; }
}

/*about_a*/
.about_a {}
.about_a .content {}
.about_a .content .figure { text-align: center; }

.about_a .content .details { margin: 0 auto; padding: 45px 0; width: 84%; }
.about_a .content .details p { font-size: 13px; color: #707070; line-height: 24px; }
.about_a .content .details .ti { text-indent: 2em; padding-left: 60px; text-indent: -30px; }

@media (max-width: 1024px) {
	.about_a .content .details { width: auto; }
}

/*product*/
/*product_list*/
.product { background: #7fb800; overflow: hidden; }
.product .g_title h3 { color: #fff; }
.product .fg{ border-bottom:solid #fff 1px;}
.product .cr { text-align: center; }
.product .cr .list1 li { width: 108px; }
.product .cr .list1 li a { padding: 10px 0; width: 100%; }
.product .cr .list1 li a:hover { background: #fff; color: #222; }
.product .lt { margin-left: -7px; }
.product .list li { margin-bottom: 7px; padding-left: 7px; width: 25%; font-size: 0; }
.product .list li:hover a { background: #fff; }
.product .list li .pr_ct { width: 100%; border-radius: 3px; }
.product .list li a { position: relative; width: 100%; display: inline-block; }
.product .list li a .mode_bj { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(55,55,55,1); overflow: hidden; opacity: 0; transition: ease .3s; }
.product .list li a .mode_bj .mode { padding: 30px; }
.product .list li a .mode_bj .mode p { font-size: 14px; color: rgba(255,255,255,0.5); }
.product .list li a .mode_bj .mode span { margin-bottom: 15px; font-size: 18px; color: #8bba34; display: block; }
.product .list li a .mode_bj .mode .ck { position: absolute; bottom: 5%; vertical-align: middle; }
.product .list li a .mode_bj .mode .ck img { margin-right: 5px; vertical-align: middle; width: 20px; }
.product .list li a .mode_bj .mode .ck em { }
.product .list li a .mode_bj:hover { opacity: 1; border-radius: 3px; }

@media (max-width: 1024px) {
	.product .list li { width: 33.3%; }
}

@media (max-width: 800px) {
	.product .list li { width: 50%; }
}

@media (max-width: 667px) {
	.product .lt .list li { width: 100%; }
	.product .cr .left { margin-left: -10px; }
	.product .cr .list1 { display: block; }
	.product .cr .list1 li { margin: 5px auto; padding-left: 10px; width: 50%; display: inline-block; float: left; }
}

@media (max-width: 400px) {
	.product .cr .list1 li { width: 100%; }
}


/*quality*/
.quality { background: url(../img/pz_bj.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.quality .g_title h3 { color: #fff; }
.quality .g_title { }
.quality .brief { padding: 0 280px; text-align: center; }
.quality .brief p { font-size: 13px; line-height: 20px; color: #fff; }

.quality .classify { margin-left: -30px; }
.quality .classify .list { }
.quality .classify .list li { margin-bottom: 30px; padding-left: 30px; }
.quality .classify .list li .no { margin-bottom: 0; }
.quality .classify .list li .qu_bj { background: #fff; display: inline-block; width: 100%; border-radius: 3px; line-height: 180px; }
.quality .classify .list li .qu_bj .left { margin: 0 30px; overflow: hidden; display: inline-block; float: left; }
.quality .classify .list li .qu_bj .left .qu_ct { vertical-align: middle; }
.quality .classify .list li .qu_bj .mode { padding: 51px 35px; }
.quality .classify .list li .qu_bj .mode span { font-size: 18px; color: #505050; }
.quality .classify .list li .qu_bj .mode p { margin-bottom: 5px; font-size: 13px; color: #808080; line-height: 24px; }
.quality .classify .list li .qu_bj .mode p:nth-child(2) { margin-bottom: 0; }

@media (max-width: 1024px) {
	.quality .classify .list li .qu_bj { padding: 20px; line-height: 60px; text-align: center; }
	.quality .classify .list li .qu_bj .left { float: none; font-size: 0; }
	.quality .classify .list li .qu_bj .mode { padding: 0; }
	.quality .classify .list li .qu_bj .mode p { display: inline-block; }
	.quality .classify .list li .qu_bj .mode span { margin-top: 0px; display: inline-block; }
}

@media (max-width: 800px) {
	.quality .brief { padding: 0 10px; }

	.quality .classify .list li { width: 50%; }
	.quality .classify .list li .qu_bj { padding: 0; line-height: 180px; text-align: justify; }
	.quality .classify .list li .qu_bj .left { margin: 0 20px; float: left; line-height: 140px; }

	.quality .classify .list li .qu_bj .mode { padding: 31px 35px; }
	.quality .classify .list li .qu_bj .mode p { display: block; }
}


@media (max-width: 667px) {
	.quality .classify .list li .qu_bj .mode { padding: 42px 35px; }
	.quality .classify .list li { width: 100%; }
	.quality .classify .list li:nth-child(6) { margin-bottom: 0; }
}
/*news*/






/*news_home*/
.news_home .fg { border-width: 1px; }
.news_home .news_list{ margin-left:-40px;}
.news_home .news_list .left { display: inline-block; float: left; }
.news_home .news_list .left .list { }
.news_home .news_list .left .list li { padding-left:40px; width: 50%; }
.news_home .news_list .left .list li a { }


.news_home .news_list .left .list li .mode { }
.news_home .news_list .left .list li .mode .bm { }
.news_home .news_list .left .list li .mode .bm .vote img { padding-right: 3px; vertical-align: middle; width: 18px; }
.news_home .news_list .left .list li .mode .bm .details .l1{margin-bottom: 30px;font-size: 22px;color: #4e4e4e;display: block;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.news_home .news_list .left .list li .mode .bm .details .l2 { color: #797979; line-height: 24px; height:150px;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}
.news_home .news_list .left .list li .mode .bm .details span { margin-bottom: 30px; font-size: 22px; color: #4e4e4e; display: block; }

/*member*/
.member { padding: 75px 0; background: url(../img/hz_ctj.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.member .g_title h3 { color: #fff; }
.member .brief { padding: 0 300px; }
.member .brief p { color: #fff; }

.member_classify { padding-top: 45px; text-align: center; }
.member_classify .list { }
.member_classify .list li { width: 25%; }

@media (max-width: 1024px) {
	.member .brief { padding: 0 150px; }
}

@media (max-width: 800px) {
	.member .brief { padding: 0 50px; }
}

@media (max-width: 667px) {
	.member .brief { padding: 0 10px; }
	.member_classify .list li { margin-bottom: 20px; width: 50%; }
	.member_classify .list li:nth-child(1n+3) { margin-bottom: 0; }
}

/*member_home*/
.member .member_classify { margin-left: -60px; }
.member .member_classify .list { }
.member .member_classify .list li { margin-bottom: 50px; padding-left: 60px; border-radius: 5px; }
.member .member_classify .list li .lh_tp { border: solid rgba(255,255,255,0.5) 1px; line-height: 90px; display: inline-block; width: 100%; border-radius: 5px; }
.member .member_classify .list li .lh_tp img { max-width: 100%; vertical-align: middle; }


/*bottom*/
.bottom { }
.bottom_a { background: #fff; overflow: hidden; }
.bottom .bottom_a .top { margin-top:20px; padding: 35px 0; height: 130px; } 

.bottom .bottom_a .top .hotline { margin: 4px 0; }
.bottom .bottom_a .top .hotline .right { margin-right: 30px; padding: 8px 15px; background: #f5f5f5; border-radius: 5px; display: inline-block; color: #7fb800; width: 60px; }
.bottom .bottom_a .top .hotline span { font-size: 34px; font-family: Arial, Helvetica, sans-serif; color: #bfbfbf; }
.bottom .bottom_a .top .hotline p { display: inline-block; vertical-align: middle; }

.bottom .bottom_b { border-bottom: solid #7fb800 5px; }
.bottom .bottom_b .category { }
.bottom .bottom_b .category ul { }
.bottom .bottom_b .category ul li { width: 25%; display: inline-block; float: left; }
.bottom .bottom_b .category ul li span { margin-bottom: 30px; font-size: 18px; color: #010101; display: block; }
.bottom .bottom_b .category ul li p { margin-bottom: 15px; font-size: 12px; color: #616161; }
.bottom .bottom_b .category ul li p:nth-child(9) { margin-bottom: 0; }

.bottom .bottom_c { padding: 25px 0; background: #2e2e2e; overflow: hidden; }
.bottom .bottom_c p { font-size: 12px; color: #fff; line-height: 24px; }
.bottom .bottom_c .left { float: left; text-align: left; }
.bottom .bottom_c .left span { display: block; }
.bottom .bottom_c .right { float: right; text-align: right; }

@media (max-width: 1024px) {
.bottom .bottom_a .top .hotline{ text-align:center;}
.bottom .bottom_a .top .hotline span{ color:#7fb800;}	
}



@media (max-width: 800px) {
	.bottom .bottom_a .g_cw{padding:0;}
	.bottom .bottom_a .top .hotline { margin-left: 0; width: 100%; }
	.bottom .bottom_a .top .hotline .right { padding: 10px 30px; font-size: 18px; width: auto; }
	.bottom .bottom_a .top .hotline .right p { }
}

@media (max-width: 610px) {
	.bottom .bottom_c { text-align: center; }
	.bottom .bottom_c .left { text-align: center; float: none; }
	.bottom .bottom_c .left span { display: inline-block; }
	.bottom .bottom_c .right { text-align: center; float: none; }
}

@media (max-width: 550px) {
	.bottom .bottom_b .category ul li { margin-bottom: 40px; width: 50%; }
	.bottom .bottom_b .category ul li:nth-child(2n+1) { clear: both; }
}

@media (max-width: 500px) {
	.bottom .bottom_a .top { padding: 20px 0; text-align: center; }
	.bottom .bottom_a .top .land { width: 50%; float: left; }
	.bottom .bottom_a .top .land .left { margin-right: 0; }
	.bottom .bottom_a .top .land .no { display: none; }
	.bottom .bottom_a .top .hotline { margin:0 auto; }
	.bottom .bottom_a .top .hotline .right { margin-right: 0; margin-bottom:20px; }
	.bottom .bottom_a .top .hotline .no { }
}

/*framework*/
.framework { }
.framework .brief { padding: 0 150px; }
.framework .fg { margin-top: 120px; }

@media (max-width: 1024px) {
	.framework .brief { padding: 0 10px; }
}

/*honor*/
.honor .brief { padding: 0 160px; }
.honor .honor_list { margin-left: -30px; }
.honor .honor_list .list { }
.honor .honor_list .list li { margin-bottom: 30px; padding-left: 30px; border-radius: 5px; width: 25%; }
.honor .honor_list .list li .hr { border-radius: 5px 5px 0 0; width: 100%; display: block; }
.honor .honor_list .list li p { padding: 15px 0 15px 10px; border-radius: 0 0 5px 5px; background: #7fb800; font-size: 16px; color: #fff; }

@media (max-width: 1024px) {
	.honor .brief { padding: 0 10px; }
	.honor .honor_list .list li { width: 33.33%; }
}

@media (max-width: 667px) {
	.honor .honor_list .list li { width: 50%; }
}

@media (max-width: 667px) {
	.honor .honor_list .list li { width: 100%; }
}




/*content*/
.contact_home { }
.contact_home .content_address { padding: 150px 0; background: url(../img/co_ct.jpg) no-repeat center center; background-size: cover; }
.contact_home .content_address .cr { width: 50%; display: inline-block; float: left; }
.contact_home .content_address .cr .left { padding: 10px; display: inline-block; background: #fff; border-radius: 150px; }
.contact_home .content_address .cr .left .co_lg { padding: 60px 20px; border-radius: 150px; background: #ddd; }
.contact_home .content_address .cr .left .co_lg .co_lg_ct { width: 120px; }
.contact_home .content_address .right { width: 50%; display: inline-block; }
.contact_home .content_address .right .list { }
.contact_home .content_address .right .list li { margin-bottom: 10px; width: 80%; float: none; display: block; }
.contact_home .content_address .right .list li p { line-height: 24px; padding-left: 44px; text-indent: -44px; }

.contact_home .content_message { clear: both; padding: 20px 0; }
.contact_home .content_message table { padding: 0 124px; width: 100%; display: inline-block; }
.contact_home .content_message table tr { width: 100%; display: inline-block; }
.contact_home .content_message table .left { padding: 0 15px; float: left; }
.contact_home .content_message table .right .tj { margin-top: 20px; padding: 10px 60px; border: none; background: #c52d2f; font-size: 18px; color: #fff; border-radius: 5px; }

.contact_home .content_message table td { padding: 10px 0; width: 100%; display: inline-block; vertical-align: middle; }
.contact_home .content_message table td p { margin-bottom: 10px; color: #747474; }
.contact_home .content_message table td span { font-size: 20px; }
.contact_home .content_message table input { width: 100%; border: 0; border-radius: 0; border: 1px solid rgba(102,102,102,0.3); border-radius: 5px; padding: 8px 10px; color: #747474; }
.contact_home .content_message table textarea { width: 100%; height: 208px; border: 1px solid rgba(102,102,102,0.3); border-radius: 5px; color: #747474; }
.contact_home .content_message table .btn { text-align: center; background: #d5a0e8; border-radius: 5px; }
.contact_home .content_message table .btn > input { width: 100%; border: none; color: #fff; }
.contact_home .content_message ::-webkit-input-placeholder { color: #9570d0; }
.contact_home .content_message :-moz-placeholder { color: #9570d0; }
.contact_home .content_message ::-moz-placeholder { color: #9570d0; }
.contact_home .content_message :-ms-input-placeholder { color: #9570d0; }

@media (max-width: 800px) {
	.contact_home .content_address .cr { width: 100%; }
	.contact_home .content_address .right { margin-top: 50px; padding: 0 50px; width: 100%; text-align: center; }
	.contact_home .content_address .right .list li { width: auto; }
	.contact_home .content_address .right .list li p { padding-left: 0; text-indent: 0; }

	.contact_home .content_message table { padding: 0; }
}

@media (max-width: 667px) {
	.contact_home .content_message table .left { padding: 0; width: 100%; }
	.contact_home .content_message table .right { padding: 0; width: 100%; }
}

@media (max-width: 560px) {
}
/*guide*/
.guide { font-size: 0; }
.guide .top { position: relative; width: 100%; }
.guide .top .gd_lg { position: absolute; top: 4%; left: 2%; }
.guide .top .gd_lg img { }
.guide .top .gd_by { position: absolute; top: 25%; left: 0; right: 0; }
.guide .top .gd_by p { font-family: Arial, Helvetica, sans-serif; }
.guide .top .gd_by .p1 { padding-bottom: 20px; font-size: 75px; color: rgba(255,255,255,0.7); }
.guide .top .gd_by .p2 { padding-bottom: 40px; font-size: 133px; color: #7fb800; }
.guide .top .gd_by .p3 { font-size: 22px; color: rgba(255,255,255,0.7); }

.guide .top .gd_by .list1 { padding-top: 30px; }
.guide .top .gd_by .list1 li { }
.guide .top .gd_by .list1 li a { color: #fff; line-height: 37px; width: 108px; background: #7fb800; border: none; }
.guide .top .gd_by .list1 li:hover a { background: #fff; color: #7fb800; }

@media (max-width: 1024px) {
	.guide .top .gd_by { top: 15%; }
}

@media (max-width: 930px) {
	.guide .top .gd_by .p1 { padding-bottom: 10px; font-size: 60px; }
	.guide .top .gd_by .p2 { padding-bottom: 20px; font-size: 100px; }
	.guide .top .gd_by .p3 { font-size: 18px; }
}

@media (max-width: 667px) {
	.guide .top .gd_by .p1 { padding-bottom: 10px; font-size: 40px; }
	.guide .top .gd_by .p2 { padding-bottom: 20px; font-size: 80px; }
	.guide .top .gd_by .p3 { font-size: 18px; }
}

@media (max-width: 570px) {
	.guide .top .gd_by { top: 20%; }
	.guide .top .gd_by .p1 { padding-bottom: 10px; font-size: 30px; }
	.guide .top .gd_by .p2 { padding-bottom: 20px; font-size: 60px; }
	.guide .top .gd_by .p3 { display: none; }
	.guide .top .gd_by .list1 { padding-top: 10px; }
}

@media (max-width: 440px) {
	.guide .top .gd_by { top: 40%; }
	.guide .top .gd_by .p1 { display: none; }
	.guide .top .gd_by .p2 { display: none; }
}