@charset "utf-8";
.header { width: 100%; background: url(top.jpg) no-repeat top center; height: 400px; }
.header-2018 { width: 100%; background: url(top2018.jpg) no-repeat top center; height: 400px; }
.header-2019 { width: 100%; background: url(top2019.jpg) no-repeat top center; height: 400px; }
.is-con { width: 1200px; text-align: center; margin: 40px auto;overflow: hidden; }
.is-con ul li { text-align: center; margin-top: 20px }
.jfwj { background: url(pic_02.png) right no-repeat; width: 1200px; margin: 0 auto; }
.jfwj h4 { background: url(pic_01.png) no-repeat 10px 20px; width: 177px; height: 82px; }
.jfwj ul { padding-top: 40px; }
.jfwj ul li { line-height: 60px; padding-left: 60px; }
.jfwj ul li a { font-size: 18px; color: #5e5e5e; font-style: italic; }
.jfwj ul li a:hover { color: #F00; }
.jfgg { width: 1200px; margin: 0 auto; overflow: hidden; }
.jfgg h4 { background: url(pic_03.png) no-repeat 10px 0px; width: 177px; height: 62px; }
.jfgg ul li { float: left; margin: 4px 4px; text-align: center; width: 228px; height: 68px; padding-top: 160px; }
.jfgg ul li a { display: block; width: 210px; text-align: center; margin: 0 auto; line-height: 30px; }
.jfgg-01 { background: url(pic_1.png) no-repeat top center; }
.jfgg-02 { background: url(pic_2.png) no-repeat top center; }
.jfgg-03 { background: url(pic_3.png) no-repeat top center; }
.jfgg-04 { background: url(pic_4.png) no-repeat top center; }
.jfgg-05 { background: url(pic_5.png) no-repeat top center; }
.jfgg-06 { background: url(pic_6.png) no-repeat top center; }
.jfgg-07 { background: url(pic_7.png) no-repeat top center; }
.jfgg-08 { background: url(pic_8.png) no-repeat top center; }
.jfgg-09 { background: url(pic_9.png) no-repeat top center; }
.jfgg-10 { background: url(pic_10.png) no-repeat top center; }
.jfgg-01-2019 { background: url(pic_1.png) no-repeat top center; }
.jfgg-02-2019 { background: url(pic_2.png) no-repeat top center; }
.jfgg-03-2019 { background: url(pic_3_2019.png) no-repeat top center; }
.jfgg-04-2019 { background: url(pic_4_2019.png) no-repeat top center; }
.jfgg-05-2019 { background: url(pic_5_2019.png) no-repeat top center; }
.fzgj { width: 1200px; margin: 10px auto; overflow: hidden; }
.fzgj h4 { background: url(pic_04.png) no-repeat 10px 0px; width: 445px; height: 62px; }
.fzgj ul li { float: left; margin: 8px 8px; text-align: center; width: 220px; height: 120px; }
.fzgj ul li a { display: block; width: 220px; text-align: center; margin: 0 auto; font-size: 20px; color: #FFF; }
.fzgj ul li a:hover { text-decoration: underline; }
.fzgj-01 { background-color: #71b8e6; line-height: 120px; }
.fzgj-02 { background-color: #16b0e1; }
.fzgj-02 a { padding-top: 20px; }
.fzgj-03 { background-color: #71b8e6; line-height: 120px; }
.fzgj-04 { background-color: #01a5d9; line-height: 120px; }
.fzgj-05 { background-color: #71b8e6; line-height: 120px; }
.fzgj-06 { background-color: #16b0e1; line-height: 44px; }
.fzgj-06 a { padding-top: 20px; }
.fzgj-07 { background-color: #0198c8; line-height: 44px; }
.fzgj-07 a { padding-top: 20px; }
.fzgj-08 { background-color: #0198c8; line-height: 120px; }
.fzgj-09 { background-color: #0198c8; line-height: 44px; }
.fzgj-09 a { padding-top: 20px; }
.fzgj-10 { background-color: #0198c8; line-height: 120px; }
.blck { width: 1200px; height: 290px; margin: 0px auto; overflow: hidden; background: url(pic_06.png) right no-repeat; }
.blck h4 { background: url(pic_05.png) no-repeat 10px 20px; width: 445px; height: 82px; }
.blck ul { width: 600px; margin-left: 100px; margin-top: 50px; }
.blck ul li { float: left; width: 98px; height: 28px; line-height: 28px; border: 1px solid #cd7575; text-align: center; margin: 4px 4px; }
.foor { width: 1200px; margin: 20px auto; text-align: center; }
.model_list { width: 1200px; }
.model_list>li { width: 280px; height: 180px; margin: 0px 24px 24px 0; box-shadow: 0px 0px 10px 6px #f0f0f2; float: left; cursor: pointer; border-radius: 4px; box-shadow: 0px 2px 16px rgba(40,96,174,0.05); background-color: #fff; }
.model_list>li img { width: 100%; height: 120px; object-fit: cover; border-radius: 4px 4px 0 0; }
.model_list>li .tips { width: 100%; height: auto; font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; line-height: 60px; }
.model_list>li span { width: 100%; text-align: center; display: block; }
.model_list>li:hover { background: #0366F1; opacity: .95; transform: translateY(-8px); transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; }
.model_list>li:hover span { color: #FFF; }

@media screen and (min-width: 1200px) {
.header { width: 100%; background: url(top.jpg) no-repeat top center; height: 400px; }
.model_list>li:nth-child(4n) { margin-right: 0; }

}