/* good-year.cn front-end styles (fresh rewrite, template 006 layout) */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:14px;color:#333;background:#fff;line-height:1.7}
a{color:#333;text-decoration:none}
a:hover{color:#1651b8}
img{border:0;max-width:100%}
ul,li{list-style:none}
.wrap{width:1200px;margin:0 auto}
.clear{clear:both}

/* top bar */
#top_main{background:#e9eff8;height:34px;line-height:34px;font-size:13px;color:#555}
#top_1{float:left}
#top_2{float:right}
#top_2 a{color:#555}
#top_2 a:hover{color:#1651b8}

/* header */
#logo_main{background:#1651b8;height:85px}
.WebLogo{float:left;height:85px;display:flex;align-items:center}
.WebLogo img{max-height:70px;display:block}
.WebLogo a{color:#fff;font-size:26px;font-weight:bold}
#navigation{float:right}
.navigationlist li{float:left}
.navigationlist li a{display:block;color:#fff;font-size:16px;line-height:85px;padding:0 20px}
.navigationlist li a:hover,.navigationlist li.current a{background:#fe0000;color:#fff}

/* banner */
#banner_main{width:100%;height:500px;overflow:hidden;position:relative}
#banner{width:100%;height:500px}
.bannerlist{position:relative;height:500px}
.bannerlist li{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .6s}
.bannerlist li:first-child{opacity:1}
.bannerlist li img{width:100%;height:500px;object-fit:cover;display:block}
#banner_main .hd{position:absolute;bottom:16px;width:100%;text-align:center;z-index:5}
#banner_main .hd li{display:inline-block;width:22px;height:22px;line-height:22px;margin:0 4px;background:rgba(0,0,0,.45);color:#fff;border-radius:50%;cursor:pointer;font-size:12px}
#banner_main .hd li.on{background:#1651b8}

/* floors */
.left_title1,.left_title2,.left_title3,.left_title4{margin:44px 0 22px}
.left_title1 h2,.left_title2 h2,.left_title3 h2,.left_title4 h2{font-size:28px;color:#1651b8;display:inline-block}
.left_title1 p,.left_title2 p,.left_title3 p,.left_title4 p{display:inline-block;color:#888;margin-left:12px;font-size:14px}

/* floor1 products */
.left_title1{float:left;width:300px}
.textlist1{margin-top:18px}
.textlist1 li{border-bottom:1px solid #e5e5e5;padding:10px 4px;cursor:pointer}
.textlist1 li a{font-size:15px}
.textlist1 li.on a,.textlist1 li a:hover{color:#1651b8;font-weight:bold}
.left_body1{float:right;width:860px;margin-top:44px}
.gridlist1{overflow:hidden}
.gridlist1 li{float:left;width:270px;margin:0 8px 22px;text-align:center}
.gridlist1 .InfoPicture{display:block;width:270px;height:200px;overflow:hidden;border:1px solid #eee;background:#fff}
.gridlist1 .InfoPicture img{width:100%;height:100%;object-fit:contain;display:block}
.gridlist1 .InfoTitle{display:block;margin-top:8px;font-size:14px;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gridlist1 .noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#999;background:#f5f5f5}
.gridlist1 li.empty{float:none;width:auto;text-align:left;color:#999}

/* floor2 advantages */
#floor_2_main{background:#f7f9fc;padding-bottom:44px}
.thumblist1{display:flex;gap:15px}
.thumblist1 li{flex:1;background:#fff;padding:14px 10px 6px;box-shadow:0 1px 4px rgba(0,40,90,.06)}
.thumblist1 .InfoTitle{font-size:18px;color:#1651b8;font-weight:bold;text-align:center;margin-bottom:10px}
.thumblist1 img{width:228px;height:150px;object-fit:cover;display:block}
.thumblist1 .InfoContent{padding:10px 4px;font-size:13px;color:#555}
.thumblist1 .InfoTitle1{color:#333;font-weight:bold}
.thumblist1 .InfoSContent1{color:#999;font-size:12px}
#floor_2:after{content:"";display:block;clear:both}

/* floor3 cases */
#floor_3_main{background:#eef3fa;padding-bottom:40px}
.gridlist2{overflow:hidden}
.gridlist2 li{float:left;width:386px;margin-right:21px;background:#fff;padding-bottom:12px}
.gridlist2 li:last-child{margin-right:0}
.gridlist2 .InfoPicture{display:block;height:220px;overflow:hidden}
.gridlist2 .InfoPicture img{width:100%;height:100%;object-fit:cover;display:block}
.gridlist2 .InfoTitle{display:block;font-size:16px;font-weight:bold;padding:10px 14px 0}
.gridlist2 .InfoTime{color:#999;font-size:12px;padding:2px 14px}
.gridlist2 p{color:#666;font-size:13px;padding:4px 14px}
.left_bottom3{text-align:center;margin-top:22px}
.left_bottom3 a{display:inline-block;border:1px solid #1651b8;color:#1651b8;padding:6px 34px;border-radius:3px}
.left_bottom3 a:hover{background:#1651b8;color:#fff}

/* floor4 news */
.thumblist2{overflow:hidden}
.thumblist2 li{float:left;width:386px;margin:0 21px 20px 0}
.thumblist2 li:nth-child(3n){margin-right:0}
.thumblist2 .InfoTime{float:left;width:64px;background:#1651b8;color:#fff;text-align:center;padding:8px 0;margin-right:12px}
.thumblist2 .InfoTime b{font-size:22px;display:block;line-height:1.2}
.thumblist2 .InfoTime p{font-size:12px}
.thumblist2 .InfoTitle{font-size:15px;font-weight:bold;display:block;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.thumblist2 .dsaf{color:#777;font-size:13px;margin-top:4px}

/* friend links */
#link_main{border-top:1px solid #eee;padding:18px 0}
.link_title h2{font-size:16px;color:#1651b8;display:inline-block;margin-right:14px}
.link_body{display:inline-block;vertical-align:top}
.link_text li{display:inline-block;margin-right:16px}
.link_text a{color:#666;font-size:13px}

/* footer */
#floor_6_main{background:#00295f;color:#cfe0f5;padding:28px 0 10px;margin-top:20px}
#floor_6{display:flex;gap:48px}
#floor_6_1{flex:0 0 60%}
#floor_6_2{flex:1}
.bottom_navigation{overflow:hidden;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.15)}
.bottom_navigation li{float:left;margin-right:26px}
.bottom_navigation a{color:#fff;font-size:15px}
.foot-cats{padding-top:14px;font-size:13px;line-height:2;color:#9db8d8}
.foot-cats a{color:#cfe0f5}
.foot-cats a:hover{color:#fff}
.contact_wrap li{line-height:26px;font-size:13px}
#copyright_main{background:#00295f;border-top:1px solid #1651b8;color:#9db8d8;font-size:13px;padding:12px 0;text-align:center}
#copyright_main a{color:#cfe0f5}

/* inner pages */
#picture{height:180px;background:#1651b8 url(/assets/img/template/006/images/floor_3_main.jpg) center/cover no-repeat;display:flex;align-items:center}
#picture .pic-t{display:flex;flex-direction:column;gap:6px}
#picture .pic-big{color:#fff;font-size:30px;font-weight:bold;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.45)}
#picture .pic-sub{color:#cfe0f5;font-size:16px;letter-spacing:1px;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.inner{overflow:hidden;padding:26px 0 40px}
.left-col{float:left;width:250px}
.rightcontent{background:#1651b8;color:#fff;font-size:17px;padding:10px 16px}
.subchannel{border:1px solid #e3eaf4;border-top:0}
.subchannellist li{border-bottom:1px solid #eef2f8}
.subchannellist li a{display:block;padding:10px 16px;font-size:14px}
.subchannellist li.on a,.subchannellist li a:hover{color:#1651b8;font-weight:bold;background:#f2f6fc}
.side-contact{border:1px solid #e3eaf4;margin-top:18px;padding:14px 16px;font-size:13px;color:#555}
.side-contact h3{color:#1651b8;font-size:16px;margin-bottom:8px}
#right{float:right;width:920px}
.crumb{color:#777;font-size:13px;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:16px}
.about_title h1{font-size:24px;color:#1651b8;text-align:center;padding:6px 0 4px}
.about_data{text-align:center;color:#999;font-size:13px;padding-bottom:12px;border-bottom:1px dashed #ddd;margin-bottom:16px}
.about_img01{text-align:center;margin-bottom:16px}
.about_img01 img{max-width:520px}
.about_con{font-size:15px;line-height:1.9;color:#444;overflow:hidden}
.about_con img{max-width:100%;height:auto}
.about_con p{margin:8px 0}
.about_con h2{font-size:20px;color:#1651b8;margin:20px 0 8px;line-height:1.5}
.about_con h3{font-size:17px;color:#333;margin:16px 0 6px;line-height:1.5}
.about_con ul{list-style:disc;padding-left:24px;margin:8px 0}
.about_con ol{list-style:decimal;padding-left:24px;margin:8px 0}
.about_con li{margin:4px 0}
.about_con table{border-collapse:collapse;max-width:100%}
.about_con td,.about_con th{border:1px solid #ddd;padding:4px 8px}
.about_page{border-top:1px solid #eee;margin-top:26px;padding-top:14px;font-size:14px}
.about_page .fl{float:left;max-width:48%}
.about_page .fr{float:right;max-width:48%;text-align:right}
.clearfix:after{content:"";display:block;clear:both}
.right_title{margin-top:30px;border-bottom:2px solid #1651b8;padding-bottom:6px}
.right_title h2{font-size:18px;color:#1651b8}
.tuijian{padding:10px 0}
.tuijian li{display:inline-block;width:49%;padding:3px 0}
.tuijian a{color:#555}
.inner-grid li{width:290px;margin:0 8px 22px}
.inner-grid .InfoPicture{width:290px;height:215px}
.inner-cases li{width:296px;margin:0 10px 20px 0}
.inner-cases .InfoPicture{height:180px}
.artlist li{overflow:hidden;border-bottom:1px solid #eee;padding:14px 0}
.artlist .InfoTime{float:left;width:64px;background:#1651b8;color:#fff;text-align:center;padding:8px 0;margin-right:14px}
.artlist .InfoTime b{font-size:22px;display:block;line-height:1.2}
.artlist .InfoTime p{font-size:12px}
.artlist .art-main a{font-size:16px;font-weight:bold}
.artlist .art-main p{color:#777;font-size:13px;margin-top:4px}
.artlist li.empty{color:#999}
.pager{clear:both;text-align:center;padding:20px 0}
.pager a,.pager span{display:inline-block;border:1px solid #d5deeb;padding:4px 12px;margin:0 3px;border-radius:3px}
.pager span.cur{background:#1651b8;color:#fff;border-color:#1651b8}
.ok-msg{background:#eef7ee;border:1px solid #9ccc9c;color:#2e7d32;padding:10px 14px;margin-bottom:14px}
.err-msg{background:#fdeeec;border:1px solid #e57373;color:#c62828;padding:10px 14px;margin-bottom:14px}
.msgform p{margin:12px 0}
.msgform label{display:inline-block;width:90px;vertical-align:top}
.msgform input[type=text]{width:340px;padding:7px;border:1px solid #ccc;border-radius:3px}
.msgform textarea{width:520px;padding:7px;border:1px solid #ccc;border-radius:3px}
.msgform button{background:#1651b8;color:#fff;border:0;padding:8px 30px;border-radius:3px;cursor:pointer}
.msgform .hp{position:absolute;left:-9999px}

/* responsive */
@media (max-width:1240px){
  .wrap{width:96%}
  .left_body1{width:calc(100% - 320px)}
  #right{width:calc(100% - 280px)}
}
@media (max-width:860px){
  .wrap{width:94%}
  #top_2{display:none}
  .WebLogo a{font-size:20px}
  #navigation{float:none;clear:both}
  .navigationlist li a{line-height:44px;padding:0 10px;font-size:14px}
  #logo_main{height:auto}
  .WebLogo{height:56px}
  #banner_main,#banner,.bannerlist,.bannerlist li img{height:220px}
  .left_title1,.left_body1{float:none;width:100%;margin-top:10px}
  .textlist1 li{display:inline-block;border:1px solid #e5e5e5;margin:0 6px 8px 0;padding:6px 12px}
  .gridlist1 li,.gridlist2 li,.thumblist2 li,.inner-grid li,.inner-cases li{float:none;width:100%;margin:0 0 18px}
  .thumblist1{flex-direction:column}
  .gridlist1 .InfoPicture,.inner-grid .InfoPicture{width:100%;height:auto}
  .gridlist1 .InfoPicture img{height:auto}
  .thumblist1 img{width:100%;height:auto}
  .left-col,#right{float:none;width:100%}
  .left-col{margin-bottom:20px}
  .msgform input[type=text],.msgform textarea{width:100%}
  #picture{height:110px}
  #picture .pic-big{font-size:22px}
  #picture .pic-sub{font-size:13px}
  #floor_6{flex-direction:column;gap:10px}
  #floor_6_1{flex:none}
}