@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222; background: #fff; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.box { width: 1200px; margin: auto; overflow: hidden; }
.top { background: #f5f5f5; line-height: 36px; border-bottom: #eaeaea 1px solid; color: #666; font-size: 14px; }
.top_weizhi { float: right; color: #666; overflow: hidden; background: url(../images/icon_weizhi.png) no-repeat left center; background-size: 16px; padding-left: 10px; }
.top_welcome { float: left; color: #999; }
.top_weizhi span { margin: 0 0 0 10px; position: relative; padding-left: 10px; }
.top_weizhi span a { color: #666; }
.top_weizhi span:after { content: ""; background: #ccc; height: 16px; width: 1px; position: absolute; right: -10px; top: 3px; }
.top_weizhi span a:hover { color: #000 }
.logo { margin: 20px 0; float: left; width: 60%; }
.top_tell { float: right; }
.logo i { float: left; margin-right: 35px; margin-top: 8px; position: relative; display: block; }
.logo i:after { content: ""; background: #eaeaea; height: 66px; width: 1px; position: absolute; right: -13px; top: -2px; }
.logo h2 { font-size: 23px; color: #333; font-weight: normal; margin-bottom: 20px; }
.logo span { color: #666; padding: 0 22px 0; display: inline-block; background: url(../images/icon_dui.png) no-repeat left center }
.top_tell { background: url(../images/tell.png) no-repeat left center; padding-left: 54px; padding-right: 10px; margin: 30px 0 0; }
.top_tell span { color: #999; }
.top_tell p { font-size: 24px; font-weight: bold; }
nav { background: #1b4d96; line-height: 50px; overflow: hidden; }
nav li a { color: #fff; float: left; padding: 0 30px; }
#starlist { width: 1200px; margin: auto; }
#starlist li:hover a, a#selected { background: #094092; color: #fff }
/*banner*/
.banner { width: 100%; }
.banner img { width: 100%; }
.menu:after { position: absolute; top: 19px; right: 7px; transition: all .5s ease; display: none; }
/*search*/
.hot_search_box { height: 60px; border-bottom: #eaeaea 1px solid; background: #ebebeb; margin-bottom: 30px; }
.search_box { margin: 0 0 20px 0; }
.search { margin: 12px 0 0 0; position: relative; border: 1px solid #ddd; overflow: hidden; width: 240px; float: right; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 15%; display: block; height: 36px; line-height: 24px; text-indent: 1em; cursor: pointer; background: url(../images/icon-search.png) no-repeat right 10px center #fff; background-size: 20px; }
.search input.input_text { border: 0; line-height: 24px; height: 36px; font-size: 14px; width: 85%; outline: none; text-indent: .5em; }
.hot_search { width: 70%; float: left; line-height: 60px; }
.hot_search span { float: left; font-weight: bold; margin-right: 5px; }
.hot_search ul { overflow: hidden; }
.hot_search ul li { list-style-type: none; display: inline-block; font-size: 14px; margin-left: 10px; }
.hot_search ul li a { color: #666; }
.hot_search ul li a:hover { color: #b57e33 }
.pro_nav { background: #f4f4f4; padding: 0 0 13px 0; }
.pro_nav h3 { height: 90px; line-height: 90px; color: #fff; text-align: center; font-size: 24px; background: linear-gradient( 90deg, #f9ba1c 0%, #e69314 100%); }
.pro_nav dt { height: 34px; line-height: 34px; text-align: center; background: linear-gradient( 90deg, #535667 0%, #8c8d96 100%); font-size: 15px; font-weight: bolder; margin: 10px 0; }
.pro_nav dt:first-child { margin: 0 0 10px }
.pro_nav dt a { color: #fff; }
.pro_nav dd { background: url(../images/prod_icon1.png) no-repeat left center; font-size: 13px; margin-left: 48px; line-height: 34px; padding-left: 22px; }
.pro_nav dd a { color: #565458; }
.pro_nav dd:hover a { color: #e3b74e; }
.pro_list { }
.pro_list li { float: left; width: 33.333%; margin-bottom: 20px; }
.pro_list li a { display: block; border: #f2f2f2 1px solid; width: 285px; float: right; padding-bottom: 20px; background: #fff; }
.pro_list li:last-child(-n+3) { margin-bottom: 0 }
.pro_list p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #114574; font-size: 18px; margin: 20px 15px 10px; font-weight: bold; }
.pro_list li i { display: block; height: 290px; border-bottom: #ddd 1px dashed; overflow: hidden; }
.pro_list i img { width: 100%; min-height: 100%; margin: auto; transition: .5s; }
.pro_list li:hover img { transform: scale(1.1) }
.pro_list span { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; color: #666; font-size: 14px; line-height: 26px; padding: 0 18px; }
.liucheng { background: #1b4d96; height: 168px; margin: 10px 0 0; position: relative; z-index: 0; }
.liucheng:before { position: absolute; content: ""; background: url(../images/lcbg.jpg) right center; left: 0; top: 0; width: 36%; height: 168px; z-index: -1; }
.lc_text { color: #fff; float: left; margin: 40px 0 0 0; }
.lc_text p { font-size: 24px; float: left; }
.lc_text em { font-size: 16px; padding: 7px 0 0 8px; display: inline-block; }
.lc_text span { color: #e9ae14; font-weight: bold; font-size: 28px; display: block; clear: both; margin: 20px 0; font-style: italic; }
.liucheng ul { float: right; overflow: hidden; margin: 40px 0 0; }
.liucheng ul li { float: right; color: #fff; margin-left: 70px; padding-left: 70px; background: url(../images/lc05.jpg) no-repeat left center; }
.liucheng ul li i { display: block; }
.liucheng ul li i img { margin: auto; }
.h_title { text-align: center; font-size: 32px; margin: 30px 0; }
.h_info { text-align: center; line-height: 30px; font-size: 18px; margin: 20px 0 60px; }
.h_info span { color: #eb9107; background: linear-gradient( 90deg, #efab00 0%, #e38900 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; font-weight: bold; }
.youshi { }
.youshi .fr { float: right }
.youshi .fl { float: left }
.youshi i { width: 50%; margin-bottom: 30px; }
.youshi i img { }
.youshi ul { width: 50% }
.youshi ul li { margin: 40px 0; }
.youshi li em { background: #1c4e95; color: #fff; font-weight: bold; font-style: normal; display: block; width: 58px; height: 58px; line-height: 58px; text-align: center; font-size: 32px; float: left; margin-right: 30px; }
.youshi li p { font-size: 24px; font-weight: bold; margin: 20px 0; line-height: 58px; }
.youshi li span { line-height: 30px; padding-left: 90px; padding-right: 50px; display: block; }
.case { background: #efefef; padding: 40px 0; margin: 0 0 40px 0; }
.case ul, .case_list ul { overflow: hidden }
.case ul li { width: 25%; float: left; overflow: hidden }
.case_list ul li { width: 33.33%; float: left; overflow: hidden }
.case ul li a { display: block; height: 220px; overflow: hidden; margin: 0 10px 22px; position: relative; }
.case_list ul li a { display: block; height: 220px; overflow: hidden; margin: 0 10px 22px; position: relative; }
.case ul li i img, .case_list ul li i img { width: 100%; min-height: 100%; transition: .5s; }
.case ul li p, .case_list ul li p { position: absolute; bottom: 0; background: rgb(0, 0, 0, .5); left: 0; width: 100%; padding: 8px 0; text-align: center; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-indent: .5em; }
.case ul li:hover img, .case_list ul li:hover img { transform: scale(1.1) }
a.read_more { display: block; margin: 20px auto; line-height: 42px; width: 220px; font-size: 16px; border-radius: 25px; background: #eb9107; color: #fff; text-align: center; }
.rycase { padding: 0 0 40px 0; margin: 40px 0; }
.rycase ul { overflow: hidden }
.rycase ul li { float: left; width: 240px; }
.rycase ul li i { display: block; margin: 10px; border: #ddd 1px solid; padding: 10px 20px; }
.rycase ul li i img { width: 180px }
.about { background: #efefef; background-size: cover; padding: 60px 0 80px; margin: 0 0 40px 0; }
.about .h_title, .about .h_info { color: #fff }
.about_content section { width: 670px; float: right; }
.about_text { overflow: hidden; }
.about_youshi { width: 27%; float: right; font-size: 17px; }
.about_youshi li { overflow: hidden; margin: 30px 0; }
.about_youshi i { width: 60px; height: 60px; display: block; float: left; border: #ccc 1px solid; border-radius: 100%; overflow: hidden; margin-right: 20px; margin-top: 10px; }
.about_youshi p { font-weight: bold; margin: 10px 0; }
.about_text p a { color: #4f80ab; display: block; margin: 20px 0; }
.about_text p a:hover { text-decoration: underline; }
.about_text h3 { margin: 38px 0; font-size: 38px; background: linear-gradient( 90deg, #efab00 0%, #e38900 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; }
.about_text img { margin-bottom: 10px; }
.about_text p { line-height: 30px; font-size: 16px; }
.news { padding-bottom: 40px; margin-bottom: 40px }
.news-list-fl { width: 58%; float: left; }
.news-list-fr { width: 33%; float: right }
.news-title { position: relative; font-size: 18px; border-bottom: 1px solid #ededed; margin-bottom: 20px; line-height: 36px; color: #fff; font-weight: normal; text-indent: .5em; }
.news-title:before { position: absolute; content: ""; width: 100px; height: 36px; bottom: -1px; left: 0; z-index: -1; background: #194e92; }
.news-title a { float: right; font-size: 15px; color: #666; line-height: 40px; font-weight: normal; }
.news-list-fl section { border-bottom: #f3f2f2 1px solid; margin-bottom: 20px; padding-bottom: 27px; }
.news-list-fl section a { overflow: hidden; display: block; }
.news-list-fl section h4 { font-size: 18px; margin: 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list-fl section:hover h4 { color: #194e92 }
.news-list-fl section span { font-size: 12px; color: #999; margin-top: 20px; display: block; }
.news-list-fl section i { width: 260px; height: 160px; display: block; overflow: hidden; float: left; margin-right: 20px; }
.news-list-fl section i img { transition: .5s; height: 100%; width: 100%; }
.news-list-fl section:hover i img { transform: scale(1.1) }
.news-list-fl section p { color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 1.6; }
.news-list-fl section p span { color: #194e92 }
.news-list-time { }
.news-list-time li { line-height: 36px; position: relative; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list-time li:before { content: ""; position: absolute; left: 0; bottom: 15px; width: 4px; height: 4px; background: #6e6e6e; border-radius: 4px; }
.news-list-time li span { float: right; font-size: 12px; color: #999 }
.news-list-time li a { color: #333 }
.news-list-time li a:hover { color: #194e92; }
/* list_lh */
.news_r { width: 460px; float: right }
.news_r h3 { overflow: hidden; clear: both; height: 36px; background: #f0f0f0; margin-bottom: 20px }
.news_r h3 span { float: left; display: block; }
.news_r h3 span a { display: inline-block; width: 124px; height: 36px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; background: #385cba; line-height: 36px; }
.news_r h3 em a { color: #5a5a5a; font-size: 12px; font-weight: normal; font-style: normal; display: block; padding-top: 10px; }
.list_lh { height: 380px; overflow: hidden; }
.list_lh ul { overflow: hidden; }
.list_lh li { height: 68px; border-bottom: 1px dotted #d2d2d2; overflow: hidden; margin-bottom: 12px; }
.list_lh li h4 { font-size: 14px; background: url(../images/q.jpg) no-repeat 0 6px; padding-left: 35px; line-height: 26px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_lh li p { background: url(../images/a.jpg) no-repeat 0 6px; padding-left: 35px; color: #2e2e2e; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_lh li a { color: #333 }
.list_lh li a:hover { color: #194e92; }
.foot_ad { background: #1b4d96 url(../images/fadbg.png) no-repeat right bottom; height: 200px; color: #fff; position: relative; }
.foot_ad h3 { font-size: 30px; margin: 36px 0 25px; float: left; }
.foot_ad p { font-size: 18px; float: left; clear: both; }
.foot_ad p span { font-size: 32px; margin-left: 10px; }
.btn_yel { width: 200px; height: 50px; background: #f1b30a; text-align: center; line-height: 50px; font-size: 18px; margin-right: 18%; position: absolute; right: 10%; top: 40%; }
.btn_yel a { color: #fff; display: block }
.news-list-fr-down li a:hover { text-decoration: underline }
/*links*/
.links { background: #f0f0f0; color: #666; padding: 20px 0; }
.links h4 { font-size: 16px; font-weight: normal; margin-right: 10px; float: left; line-height: 30px; }
.links ul { overflow: hidden }
.links ul li { float: left; line-height: 30px; margin: 0 10px; }
.links ul li a:hover { text-decoration: underline; }
.ft_contact { padding: 40px 0 120px; overflow: hidden; background: url(../images/bg6.jpg) no-repeat center; background-size: cover; }
.con_weixin { float: left; width: 52%; background: url(../images/ftlogo.png) no-repeat top left 40px; padding-top: 80px; margin-left: 5%; }
.con_text { width: 43%; float: right; padding-top: 10px; }
.con_weixin li { width: 39%; float: left; text-align: center; }
.con_weixin li img { margin: auto; }
.con_text h3 { font-size: 24px; margin-bottom: 30px; }
.con_text ul li { line-height: 43px; font-size: 18px; }
.ft_tell { text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 50px; }
.copyright { background: #1b4d96; line-height: 50px; color: #fff; text-align: center; }
.copyright a { color: #fff; }
/*epages*/
.epages { text-align: center; color: #808595; width: 100%; clear: both; padding-top: 30px; margin: 30px auto; }
.epages a { color: #808595; margin: 0 5px 10px; padding: 10px 15px; background: #f6f6f6; display: inline-block; }
.epages a:nth-child(1) { display: none }
.epages a:hover, .epages > b { color: #FFF; background: #1b4d96; }
.epages > b { padding: 10px 15px; }
.weizhi { background: url(../images/pin.png) left center no-repeat; padding-left: 20px; background-size: 12px; color: #999; margin: 10px 0 30px 0; line-height: 50px; border-bottom: #eee 1px solid; }
.weizhi a { color: #666; margin: 0 5px }
.side_left { float: left; width: 260px; }
.side_right { float: right; width: 78%; }
.side_contact { margin: 20px 0; border: #f2f2f2 1px solid; }
h3.side_title { line-height: 50px; background: #084192; color: #fff; text-indent: 2em; }
.side_contact h4 { font-size: 18px; line-height: 65px; text-align: center; }
.side_contact p { text-align: center; font-size: 22px; color: #07408f; padding: 5px 0 5px 30px; font-weight: bold; background: url(../images/side_tell.jpg) no-repeat left 25px center; }
.side_contact ul { margin: 15px 30px; }
.side_contact ul li { line-height: 32px; }
.side_contact i { display: block; margin: 10px auto 30px; text-align: center; font-style: normal; }
.side_contact i img { margin: auto; }
.about_box { }
.about_box h3 { font-size: 24px; margin-bottom: 40px; }
.about_box p { font-size: 16px; line-height: 33px; margin: 20px 0; }
.about_box { }
.zizhi { overflow: hidden; margin: 50px 0; }
.zizhi ul { overflow: hidden; margin: 60px 0; }
.zizhi li { float: left; width: 25%; }
.zizhi li i { display: block; overflow: hidden; margin: 10px; height: 370px }
.zizhi li img { margin: auto; width: 100%; height: 100% }
img.ab_right { float: right; margin-left: 30px; }
img.ab_com { margin: auto; }
.side_nav { text-align: center; margin-bottom: 20px; }
.side_nav h3.side_title { text-indent: 0 }
.side_cp ul { padding: 5px 0; background: #f3f3f3 }
.side_cp ul li { overflow: hidden; background: none repeat scroll 0 0 #f3f3f3; border-bottom: 1px solid #fff; line-height: 32px; padding: 0 20px 20px 20px }
.side_cp ul li a { color: #525050; height: 32px; }
.side_cp ul li img { width: 100% }
.side_cp ul li { height: 12px; }
.side_cp ul li:hover { height: 100%; }
.side_cp ul li:nth-child(1) { height: 100% }
.side_cp ul:hover li:nth-child(1) { height: 12px; }
.side_cp ul:hover li:nth-child(1):hover { height: 100%; }
.side_cp ul li:last-child { border-bottom: 0 }
.side_nav li { line-height: 50px; background: #f4f4f4; font-size: 16px; border-bottom: #fff 1px solid; }
.side_nav li a { color: #333; border-top: #dedede 1px solid; display: block }
.news_list li { overflow: hidden; margin-bottom: 20px; border-bottom: #ddd 1px dashed; padding-bottom: 20px; }
.news_list { margin-left: 40px; }
.news_list li span { background: #b1b0b0; width: 100px; height: 100px; text-align: center; overflow: hidden; color: #fff; float: left; margin: 0 30px 0 0; }
.news_list li b { display: block; font-size: 32px; padding-top: 16px; }
.news_list li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 10px 0 10px 0; font-size: 16px; }
.news_list li p { color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 24px; }
.content_box { margin-left: 40px; padding-bottom: 40px; }
.news_content { line-height: 30px; font-size: 16px; text-indent: 2em; }
h1.c_title { font-size: 24px; font-weight: 400; line-height: 1.2; margin-bottom: 20px; }
.c_info { color: #999; font-size: 14px; line-height: 26px; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px; border-bottom: #efefef 1px solid; }
.c_info span { margin-right: 20px; }
.c_info a { float: right }
.news_content img { max-width: 100% !important; height: auto !important; margin: 20px auto; }
.news_content p { margin: 20px 0 }
.news_content h2, .news_content h3, .news_content h4, .news_content h5, .news_content h6 { margin: 20px 0; }
.news_content h2 { font-size: 22px; border-bottom: #e1e1e1 2px solid; padding-bottom: 10px; position: relative; padding-left: 8px; }
.news_content h2:before { content: ""; width: 20px; height: 20px; background: #ffcc00; position: absolute; left: 0; top: 6px; transform: rotate(45deg); z-index: 1; }
.news_content h2:after { content: ""; width: 12px; height: 12px; background: #084192; position: absolute; left: 16px; top: 10px; transform: rotate(45deg); }
.news_content h3 { font-size: 20px; }
.news_content h4 { font-size: 18px; }
.news_content h5 { font-size: 16px; }
.news_content h6 { font-size: 15px; }
.news_content ul, .news_content ol { margin: 20px 0 20px 22px; }
.news_content ul li { margin-top: 3px; line-height: 30px; list-style-type: none; position: relative; text-indent: 1.4em; }
.news_content ul li:before { content: ""; width: 6px; height: 6px; border-radius: 100%; background: #f07104; position: absolute; left: 0; top: 13px; }
.news_content ol li { margin-top: 3px; line-height: 30px; list-style-type: decimal; }
.news_content table { margin: 15px 0; border-collapse: collapse; border: 1px solid #dcdcdc; }
.news_content table p { margin: 0 0 2px 0; }
.news_content table th { vertical-align: baseline; background: #1b4d96; border: 1px solid #dcdcdc; color: #fff; font-size: 13px }
.news_content table td { text-align: center; border: 1px solid #dcdcdc; font-size: 13px !important; }
.news_content table tr:nth-child(odd) td { background-color: #f4f4f4; }
.nextinfo { line-height: 30px; background: #f7f7f7; overflow: hidden; margin: 40px 0 20px; padding: 5px 10px; }
.nextinfo p { height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.nextinfo a:hover { text-decoration: underline }
.pro_love { }
.pro_love ul { overflow: hidden; padding: 20px 0; }
.pro_love h3 { border-bottom: #ddd 2px solid; line-height: 50px; }
.pro_love h3:before { }
.pro_love li { float: left; width: 25%; }
.pro_love li i { height: 200px; display: block; overflow: hidden }
.pro_love li a { border: #f2f2f2 1px solid; display: block; margin: 0 10px; }
.pro_love li img { width: 100%; min-height: 100%; transition: .5s; }
.pro_love li:hover img { transform: scale(1.1) }
.pro_love li p { background: #f2f2f2; line-height: 44px; text-align: center; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lxwm_title { font-size: 24px; color: #444; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e4eaec; }
.lxwm_box { overflow: hidden; margin-bottom: 60px; }
.lxwm_text { line-height: 30px; width: 35%; float: left; }
.lxwm_text li { border-bottom: 1px solid #e4eaec; padding: 15px 0; font-size: 16px; }
.lxwm_wx { float: right; }
.lxwm_wx li { float: right; text-align: center; margin: 0 20px; }
.lxwm_wx li img { width: 100% }
.ditu { height: 500px; margin-bottom: 60px; }
.ditu iframe { height: 100%; width: 100%; border: 0; }
/*showbox*/
.show { width: 35%; height: 295px; overflow: hidden; border: #ddd 1px solid; background: #f5f6f0; float: left; }
#showbox { height: 230px; width: 100%; }
.show .swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: 100%; width: 100%; border-bottom: #ddd 1px solid; }
.gallery-thumbs { height: 28%; width: 96%; box-sizing: border-box; padding: 10px 0 !important; }
.gallery-thumbs .swiper-slide { height: 100%; opacity: 1.2; }
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; border-bottom: #e89715 2px solid; }
.propar { width: 62%; float: right; }
.propar h4 { font-size: 24px; margin: 20px 0; }
.cps p { line-height: 24px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 20px; }
.propar ul { padding: 10px 0; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; }
.propar ul li { line-height: 30px; }
.pd_hotline { padding: 10px 0; background: url(../images/side_tell.jpg) no-repeat left top 12px; }
.pd_hotline em { color: #666; font-style: normal; padding-left: 40px; }
.pd_hotline span { color: #fe6102; font-size: 24px; font-weight: bold; }
.page_navlist { margin: 30px 0; overflow: hidden; border-bottom: #e5e3e3 1px solid; }
.page_navlist li { background: #eaeaea; display: inline-block; width: 150px; height: 34px; line-height: 34px; text-align: center; overflow: hidden; margin-left: 1px; cursor: pointer; float: left; color: #000; }
.navcurrent, .page_navlist li:hover { color: #fff !important; background: #1b4d96 !important; display: block; }
.navitem { display: none; }
.navtab .navitem:nth-child(1) { display: block }
/*mnav*/
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #333; margin-top: 20px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #333; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #333; }
/*search_list*/
.xt_search { margin: 0 0 20px 0; color: #333; }
.search_list { margin: 0 0 20px 0; }
.search_list strong { color: #f00; }
.search_list ul li { margin-bottom: 30px; }
.search_list ul li h3 { font-weight: normal; margin: 0; font-size: 16px; margin-top: 10px; }
.search_list ul li h3 a { color: #07519A; }
.search_list ul li h3 a:hover, .color_purple:hover { text-decoration: underline }
.search_list ul li p { font-size: 14px; margin: 5px 0; }
.color_green { color: green; font-size: 14px; word-break: break-all; white-space: pre-wrap; }
.color_purple { color: #77c; }
.youshi2 { background: url(../images/014.jpg) no-repeat; background-size: cover; overflow: hidden; color: #fff; }
.youshi2 ul { overflow: hidden; width: 50%; float: right; background: rgba(27,36,43,0.4); }
.akmys { width: 50%; float: left; background: url(../images/yj003.png) no-repeat 0 460px rgba(0,0,0,0.3); background-size: contain; height: 722px; }
.youshi2 ul li { width: 50%; float: left; }
.youshi2 ul li section { padding: 60px; border-left: 1px solid rgba(255,255,255,0.2); border-bottom: 1px solid rgba(255,255,255,0.2); height: 240px; transition: .5s; }
.youshi2 ul li h3 { font-size: 24px; margin: 20px 0; }
.youshi2 ul li p { font-size: 16px; line-height: 30px; }
.youshi2 ul li:hover section { background: rgba(7, 110, 179,.6); }
.youshi2 ul li img { transition: .5s; }
.youshi2 ul li:hover img { transform: rotateY(180deg) }
.akmys section { padding: 0 15%; margin-top: 15%; }
.akmys h2 { font-size: 36px; margin-bottom: 60px; position: relative; }
.akmys h2:after { content: ""; position: absolute; width: 111px; height: 3px; left: 0; bottom: -25px; background: #fff; }
.akmys p { font-size: 16px; line-height: 30px; }
.akmys a { background: #076eb3; border: 1px solid #076eb3; width: 180px; height: 46px; display: block; text-align: center; line-height: 46px; margin-top: 40px; color: #fff; transition: all .5s ease; }
.akmys a:hover { background-color: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, .5); }
.akmys p span { font-weight: bold; color: #e9ae14; font-size: 24px; }
.ft_nav { margin: 40px 0; text-align: center; border-top: #777 1px solid; border-bottom: #777 1px solid; padding: 16px 0; }
.ft_nav li { display: inline-block; font-size: 17px; margin: 0 20px; }
.ft_nav li a { color: #666; }
.ft_nav li a:hover { color: #000; }
.about_content i { display: block; width: 463px; height: 524px; z-index: 10; position: relative; float: left; }
.about_content i img { width: 100%; height: 100%; }
.about_content i:after { content: ''; width: 468px; height: 520px; background: #fff; position: absolute; right: -18px; bottom: -18px; z-index: -1 }
.about_nav { clear: both; }
.about_nav li { display: inline-block; line-height: 46px; text-align: center; background: #fff; float: left; margin: 0 1px 20px 0; }
.about_nav li a { display: block; padding: 0 30px; }
.about_nav li a:hover { background: #194e92; color: #fff }
.about_pic { clear: both; }
.about_pic li { float: left; width: 33.333%; }
.about_pic li img { width: 100%; height: 100%; }
.about_pic li a { display: block; margin: 0 15px 0 0; position: relative; height: 160px; }
.about_pic li p { }
/*pics_content*/
.pics_content { margin: 20px 0; }
.pics_content ul { overflow: hidden; }
.pics_content ul li { float: left; width: 25%; }
.pics_content ul li a { display: block; margin: 10px; background: #eff4fc; padding: 10px; overflow: hidden; }
.pics_content ul li i { height: 195px; overflow: hidden; display: block; }
.pics_content ul li img { width: 100%; min-height: 100%; transition: all .5s; }
.pics_content ul li:hover img { transform: scale(1.1) }
.pics_content.zzry_pic ul li i { height: 349px; }
/*gundong*/
.Box_con { margin-bottom: 20px; position: relative; clear: both; }
.Box_con .btn { display: inline-block; width: 40px; height: 40px; margin: 0; }
.Box_con .btnl { background: url(../images/left.png) no-repeat center #464646; }
.Box_con .btnr { background: url(../images/right.png) no-repeat center #eda500; }
.Box_con .btnl:hover, .Box_con .btnr:hover { opacity: .5 }
.Box_con .btnl, .Box_con .btnr, .Box_con .btnl:hover, .Box_con .btnr:hover { background-size: 18px; }
.Box_con .conbox { position: relative; overflow: hidden; clear: both; }
.Box_con .conbox ul { position: relative; list-style: none; overflow: hidden; height: 160px; }
.Box_con .conbox ul li { float: left; width: 210px; height: 160px; margin-left: 20px; overflow: hidden; position: relative; }
.Box_con .conbox ul li:first-child { margin-left: 0; }
.Box_con .conbox ul li img { display: block; width: 100%; height: 160px; transition: all 0.5s; }
.Box_con .conbox ul li p { position: absolute; bottom: 0; line-height: 35px; text-align: center; width: 100%; color: #fff; background: rgba(0,0,0,.5); }
.Box_con .conbox ul li:hover img { transform: scale(1.1) }
.control-label { position: absolute; right: 0; top: -64px; }
.youshi3_top { width: 100%; overflow: hidden; background: url(../images/ly.jpg); color: #fff; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }
.youshi3_left { margin: 60px 0 100px; overflow: hidden; width: 50%; float: left; }
.youshi3_left h2 { font-size: 47px; letter-spacing: 2px; background: linear-gradient( 90deg, #efab00 0%, #e38900 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; }
.youshi3_left h2 em { font-size: 150px; display: inline-block; font-style: normal; }
.youshi3_left ul { }
.youshi3_left li { font-size: 20px; padding-left: 40px; background: url(../images/gou.png) left center no-repeat; letter-spacing: 1px; margin-bottom: 10px; filter: grayscale(10%) brightness(500%); }
.youshi3_right { float: right; width: 50%; text-align: right; }
.youshi3_right p { font-size: 29px; display: block; color: #FAD301; margin: 30px auto; }
.youshi3_right p span { font-size: 32px; font-weight: bold; display: block; }
.youshi3_right section { margin: 60px 0; }
.youshi3_right i { display: block; color: #FAD301; font-size: 18px; line-height: 40px; font-style: normal; letter-spacing: 19px; float: right; }
.youshi3_right i img { }
.youshi3_box { overflow: hidden; padding: 30px; background: linear-gradient( 90deg, #f2f0f0 0%, #ffffff 50%, #cfcfcf 100%); margin: 80px 0; box-shadow: 0px 22px 52px -55px #000; }
.youshi3_box:nth-child(2) { }
.youshi3_box i { display: inline-block; float: left; width: 45%; height: 430px; position: relative; z-index: 0; }
.youshi3_box:nth-child(2) i { float: right; }
.youshi3_box:nth-child(1) i:after { width: 180px; height: 180px; background: linear-gradient( 90deg, #535667 0%, #8c8d96 100%); content: ""; position: absolute; left: -30px; top: -30px; z-index: -1; }
.youshi3_box:nth-child(2) i:after { width: 180px; height: 180px; background: linear-gradient( 90deg, #f9ba1c 0%, #e69314 100%); content: ""; position: absolute; right: -30px; top: -30px; z-index: -1; }
.youshi3_box i img { width: 100%; min-height: 100%; }
.youshi3_box section { float: right; margin: 40px 0 10px; width: 50%; overflow: hidden; }
.youshi3_box:nth-child(2) section { float: left }
.youshi3_box h3 { width: 100%; overflow: hidden; border-bottom: 1px solid #ccc8c8; padding-bottom: 10px; line-height: 60px; font-size: 30px; color: #333333; background: url(../images/one.png) no-repeat left center; background-size: 60px; padding-left: 71px; }
.youshi3_box:nth-child(2) h3 { background: url(../images/two.png) no-repeat left center; background-size: 60px; }
.youshi3_box h3 span { display: inline-block; color: #FAD301; background: linear-gradient( 90deg, #efab00 0%, #e38900 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; }
.youshi3_box li { overflow: hidden; margin-top: 50px; display: block; line-height: 25px; font-size: 20px; color: #333; position: relative; padding-left: 50px; }
.youshi3_box li:before { content: ""; position: absolute; left: 0; top: 5px; width: 37px; height: 37px; background: url(../images/bb-kkd.png) center no-repeat; line-height: 37px; text-align: center }
.youshi3_box li span { display: block; width: 100%; font-size: 16px; color: #999797; margin-top: 6px; }
.youshi3_box li:nth-child(1):before { content: "1" }
.youshi3_box li:nth-child(2):before { content: "2" }
.youshi3_box li:nth-child(3):before { content: "3" }
.fd_nav { position: fixed; right: 0; bottom: 20%; z-index: 999; }
.fd_nav ul { }
.fd_nav ul li { width: 50px; height: 50px; background: linear-gradient( 90deg, #f9ba1c 0%, #e69314 100%); margin-bottom: 1px; }
.fd_nav ul li a { display: block; position: relative; }
.fd_nav ul li span { position: absolute; right: 50px; top: 0; background: #f9ba1c; font-weight: bold; text-shadow: #a06500 1px 1px 1px; width: 200px; min-height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 20px; display: none; }
.fd_nav ul li span img { width: 200px; }
.fd_nav li i { display: block; margin: auto; width: 100%; height: 50px; }
i.icon_dh { background: url(../images/0icon_dh.png) no-repeat center; }
i.icon_wx { background: url(../images/0icon_wx.png) no-repeat center; }
i.icon_fh { background: url(../images/0icon_top.png) no-repeat center; }
.fd_nav ul li:hover span { display: block }
 @media only screen and (max-width: 768px) {
.top, .top_tell { display: none; }
.logo { width: 90% }
.box { width: 96% }
.hot_search { width: 63% }
#starlist { display: none; }
#mnavh { display: block; top: 34px; position: absolute; right: 0; }
#starlist { display: none }
#starlist li { width: 100%; margin: 0; background: #fff; position: relative; border-bottom: #eee 10px solid; float: left; }
#starlist li a { color: #000; }
#starlist li:hover a, a#selected { color: #fff !important; display: block; width: 100%; }
#starlist li:nth-child(1) { border-top: #eee 1px solid; }
.sub { position: initial; height: auto; opacity: 1 }
.sub dl { width: auto; padding: 0 20px; }
.sub dt { display: none; }
.sub dd a { font-weight: normal !important; font-size: 15px; }
#starlist li:last-child { padding-bottom: 100%; }
a#selected:after, #starlist li a:after { display: none }
.side_left { width: 24%; }
.pro_nav dd { margin-left: 15px; }
.side_right { width: 74%; overflow: hidden; }
.pro_list li { overflow: hidden; width: 50%; }
.pro_list li i { width: 100%; height: 275px; }
.pro_list i img { min-height: auto; }
.pro_list li a { width: fit-content; background: #ffffff; margin: 0 4px; display: block; overflow: hidden; float: none; }
.liucheng ul li { margin-left: 20px; padding-left: 20px; }
.liucheng ul { margin: 30px 20px 0 0; }
.lc_text p { font-size: 18px; }
.lc_text em { display: none; }
.lc_text { margin: 36px 0 0 10px; }
.liucheng { height: 150px; overflow: hidden; }
.h_title { font-size: 28px; margin: 20px 0; }
.h_info { font-size: 16px; margin: 20px 0 40px 0; }
.youshi i img { width: 100%; }
.youshi li p { font-size: 16px; margin: 10px 0; line-height: 40px; }
.youshi li span { line-height: 24px; font-size: 14px; padding: 0 20px 0 0; }
.youshi li em { width: 40px; height: 40px; line-height: 40px; font-size: 24px; margin-right: 10px; margin-bottom: 10px; }
.youshi ul li { margin: 20px; }
.youshi li span { color: #888; clear: both; }
.case ul li { width: 50%; }
.case ul li a { height: 260px; }
.rycase ul li i img { width: 100%; }
.about_text { width: 100%; margin-bottom: 20px; }
.about_youshi { width: 100%; }
.about_youshi li { float: left; width: 50%; }
.about_text p a { display: none; }
.about_content { position: relative; }
.news-list-fl { }
.news-list-fl section i { width: 160px; height: 110px; }
.foot_ad h3 { font-size: 22px; }
.btn_yel { margin-right: 30px; right: 0; }
.foot_ad p { font-size: 16px; }
.foot_ad p span { font-size: 24px; }
.foot_ad { height: 140px; background: #1b4d96 url(../images/fadbg.png) no-repeat right bottom; }
.ft_tell { font-size: 24px; margin-bottom: 30px; }
.con_weixin { padding-top: 40px; background: url(../images/ftlogo.png) no-repeat top left 12px; background-size: 70%; width: 48%; }
.con_text h3 { font-size: 18px; margin-bottom: 10px; }
.con_weixin li img { width: 100%; }
.con_text ul li { line-height: 30px; font-size: 15px; }
.con_text { width: 46%; }
.side_contact h4 { font-size: 15px; }
.side_contact p { font-size: 16px; padding: 43px 0 17px 0; background: url(../images/side_tell.jpg) no-repeat top center; }
.side_contact ul { margin: 0; }
.side_contact ul li { font-size: 12px; text-indent: 1em; }
.side_contact i img { width: 80%; }
img.ab_right, img.ab_com { float: none; margin: auto; max-width: 100% !important; }
.zizhi li i img { width: 100%; height: 100%; }
.zizhi li i { display: block; margin: 0 10px; height: 170px; overflow: hidden; }
.zizhi { margin: 30px 0 0; }
.news_list, .content_box { margin-left: 0; }
.pro_love li { width: 50%; margin-bottom: 20px; }
.news_content { line-height: 24px; font-size: 15px; }
.news_content p { margin: 15px 0; }
.fl.show { width: 285px; }
.propar { width: 44%; }
.pd_hotline span { font-size: 15px; }
.pd_hotline { background: url(../images/side_tell.jpg) no-repeat left top 5px; }
.case_list ul li { width: 50%; }
ul.lxwm_text { width: 100%; float: none }
ul.lxwm_wx { width: 100%; float: none; text-align: center; margin: 30px 0 0; }
.lxwm_wx li { float: none; width: 30%; display: inline-block; }
.about_content section { width: 100%; }
.about_content i { float: none; margin: auto; }
.about_text h3 { text-align: center; margin: 30px 0 10px; padding: 20px; }
.akmys { width: 100%; height: 500px; }
.youshi2 ul { width: 100%; }
.pics_content ul li { width: 50%; }
.pics_content ul li i { height: 170px; }
.pics_content.zzry_pic ul li i { height: 170px; }
.fd_nav { left: 0; bottom: 0; width: 100%; }
.fd_nav ul li { float: left; width: 33.333%; margin: inherit; background: #f6b31b; }
.fd_nav ul li a { border-right: #de9a02 1px solid; border-left: #fcd172 1px solid; }
.fd_nav ul li:nth-child(1) a { border-left: 0 }
.fd_nav ul li:nth-child(3) a { border-right: 0 }
footer { margin-bottom: 50px; }
.fd_nav ul li span { bottom: 50px; top: inherit; left: 0; }
}
@media only screen and (max-width: 640px) {
.logo i:after { width: 100%; height: 1px; bottom: 0; left: 0; top: inherit; }
.logo { width: 100%; margin: 0; }
.logo i { width: 100%; padding-bottom: 5px; }
.logo img { height: 30px; }
div#mnavh { top: 0px; }
.logo h2 { text-align: center; font-size: 20px; padding: 20px 0 0 0; clear: both; font-weight: bold; color: #1b4d96; }
.logo span { padding: 0 0 0 20px; margin: 0 5px; }
.logo p { width: 100%; overflow: hidden; text-align: center; margin-bottom: 20px; }
.hot_search { display: none; }
.search { float: none; margin: 10px auto; border-radius: 20px; width: 90%; }
.hot_search_box { border-bottom: 0; background: none; margin-bottom: 0; }
.pro_nav h3 { height: 38px; line-height: 38px; width: 47%; border-radius: 5px; margin: 0 5px; font-size: 16px; float: left; }
.pro_nav dd { display: none; }
.side_left { width: 100%; }
.side_right { width: 100%; }
.pro_nav dt { width: 50%; float: left; margin: 0; overflow: hidden; background: none; margin-bottom: 10px; }
.pro_nav dt a { display: block; overflow: hidden; margin: 0 5px; background: linear-gradient( 90deg, #535667 0%, #8c8d96 100%); border-radius: 5px; }
.pro_nav { background: no-repeat; }
.pro_list li { width: 50%; margin-bottom: 10px; }
.pro_list li i { height: 170px; }
.pro_list li a { width: auto; border-radius: 3px; padding-bottom: 0; }
.pro_list i img { margin: auto; }
.pro_list p { font-size: 15px; line-height: 32px; margin: 0 10px; }
.lc_text p { float: none; }
.lc_text { margin: 20px auto; float: none; }
.liucheng { text-align: center; height: auto; }
.lc_text span { margin: 10px 0; }
.liucheng ul { float: none; margin: 30px auto; width: 100%; }
.liucheng ul li { float: left; width: 34%; margin-bottom: 20px; }
.liucheng:before { background: none; }
.lc_text em { }
.h_title { font-size: 24px; margin: 15px 0; }
.h_info { font-size: 14px; margin: 20px; line-height: 24px; }
.youshi .fr { width: 100%; margin-bottom: 0; }
.youshi .fl { width: 100%; margin-bottom: 0; }
.youshi li span { padding: 0; }
.case { padding: 20px 0; margin: 20px 0; }
.case ul li a { height: 120px; margin: 10px; }
.case ul li p, .case_list ul li p { font-size: 12px; padding: 8px; width: 90%; }
.rycase ul li { }
.rycase ul li i { margin: 5px; padding: 5px 10px; }
.rycase { padding: 0 0 20px 0; margin: 20px 0; }
.about { padding: 20px 0; margin: 20px 0; }
.about_text h3 { text-align: center; display: none; }
.about_content { padding: 15px; background: no-repeat; }
.about_text img { width: 100%; }
.about_text p { line-height: 26px; font-size: 15px; }
.about_youshi { display: none; }
.about_text p a { margin: 30px 0; position: inherit; }
.news-list-fl { width: 100%; }
.news-list-fr { width: 100%; margin: 20px 0; }
.news-list-fl section { margin-bottom: 10px; padding-bottom: 17px; }
.news-list-fl section i { width: 90px; height: 60px; }
.news-list-fl section h4 { font-size: 16px; margin: 0; }
.news-list-fl section p { display: none; }
.news-list-time li span { display: none; }
.news { padding-bottom: 20px; margin-bottom: 20px; }
.copyright { font-size: 12px; padding: 10px 36px; line-height: 26px; }
.con_weixin { width: 100%; margin: 0; text-align: center; background: no-repeat; padding-top: 0; }
.con_weixin li { float: none; display: inline-block; }
.con_text { display: none; }
.ft_contact { padding: 20px 0; }
.links ul li { font-size: 14px; line-height: 24px; margin: 0 10px; }
.links { padding: 5px 0; }
.links h4 { font-size: 14px; line-height: 24px; }
.foot_ad { height: auto; padding: 20px 0; text-align: center; background: #1b4d96 url(../images/fadbg.png) no-repeat right bottom; background-size: cover; }
.foot_ad h3 { margin: 0 30px 10px; line-height: 40px; }
.btn_yel { position: initial; margin: 20px auto 0; line-height: 36px; width: 150px; height: 36px; border-radius: 5px; font-size: 15px; background: linear-gradient( 90deg, #f9ba1c 0%, #e69314 100%); }
.foot_ad p { text-align: center; float: none; }
.weizhi { margin: 0 0 10px 0; line-height: 28px; font-size: 12px; }
.side_contact { display: none; }
.about_box h3 { margin: 30px 0; text-align: center; }
.about_box { padding: 0 10px; }
.about_box p { font-size: 15px; line-height: 30px; }
.zizhi li { width: 50%; margin-bottom: 20px; }
.zizhi ul { margin: 30px 0; }
.side_nav { display: none; }
.side_cp { display: none; }
.news_list li span { width: 60px; height: 60px; margin: 0 10px 0 0; font-size: 12px; }
.news_list li p { display: none; }
.news_list li h3 { overflow: auto; font-weight: normal; white-space: inherit; line-height: inherit; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin: 10px 0; }
.news_list li b { font-size: 18px; padding-top: 8px; }
.news_list li { margin-bottom: 10px; padding-bottom: 10px; }
.epages { padding-top: 15px; margin: 20px auto; }
.epages > b { padding: 5px 10px; }
.epages a { padding: 5px 10px; }
h1.c_title { margin: 15px 0; }
.c_info { }
.c_info span { margin-right: 8px; }
.c_info a { display: none; }
.news_content table { width: 100% !important; }
.pro_love li i { height: 160px; }
.pro_love li p { font-size: 12px; line-height: 34px }
.content_box { padding-bottom: 0; }
.fl.show { width: 98%; margin: auto; }
.propar { width: 100%; }
.pd_hotline span { font-size: 24px; }
.pd_hotline { background: url(../images/side_tell.jpg) no-repeat left top 12px; }
.case_list ul li a { height: 120px; }
.lxwm_title { margin: 15px 0; border: 0; }
.lxwm_text li { padding: 4px 0; font-size: 15px; }
.page_navlist ul { overflow-x: scroll; width: 600px; }
.page_navlist { overflow: scroll; }
.news_content { overflow-x: scroll; }
.ft_nav li { font-size: 14px; margin: 0 5px; }
ul.ft_nav { margin: 30px 15px; text-align: left; padding: 10px 0; line-height: 30px; }
.pro_list span { display: none; }
.akmys section { padding: 0 15px; }
.akmys { height: 380px; }
.akmys h2 { font-size: 24px; }
.youshi2 ul li { width: 100%; }
.youshi2 ul li section { padding: 30px; }
.youshi2 ul li h3 { font-size: 20px; }
.youshi2 ul li p { font-size: 14px; }
.about_content i { width: auto; height: auto; margin-bottom: 20px; overflow: hidden; }
.about_content i:after { display: none; }
.about_content i img { border: #fff 5px solid; width: 90%; margin: auto; }
.control-label { }
.about_nav li a { padding: 0 15px; }
#showbox img { margin: auto; }
.youshi3_left { width: 100%; margin: 40px 0; }
.youshi3_left h2 { text-align: center; font-size: 24px; margin: 30px 0; }
.youshi3_left h2 em { font-size: 36px; }
.youshi3_left li { font-size: 16px; margin-bottom: 20px; }
.youshi3_left ul { padding: 0 20px; }
.youshi3_right { width: 100%; text-align: center; margin-bottom: 40px; }
.youshi3_right section { margin: 30px 0; }
.youshi3_right p { font-size: 24px; }
.youshi3_right p span { font-size: 26px; }
.youshi3_right i { float: none; margin: auto; letter-spacing: 1px; }
.youshi3_right i img { margin: auto; }
.youshi3_box { margin: 40px 0; padding: 15px; }
.youshi3_box i { width: 98%; float: inherit; height: auto; }
.youshi3_box section { width: 100%; }
.youshi3_box h3 { background: no-repeat; font-size: 22px; line-height: 33px; width: auto; padding-left: inherit; }
.youshi3_box:nth-child(2) h3 { background: none; }
.youshi3_box li { font-size: 18px; margin-top: 30px; }
}